/*
Theme Name: SAIL
Theme URI: http://www.sail-project.eu
Description: Theme for www.sail-project.eu
Author: JG Communication
Version: 0.5
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }



/* Theme style */
body { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size:13px; line-height:1.6em; color:#222; background-color:#e7e7e7; }
.pageWidth { width:960px; margin:auto; overflow:auto; padding:0 10px; }
#header { overflow:auto; background-color:#fff; padding:40px 10px 20px 10px;  }
#logo { float:left; }
#logo a { display:block; width:140px; height:102px; text-indent:-9999px; background-image:url(img/sail-logo.png); background-repeat:no-repeat; }


a { color:#00a3e0; }
a:hover { color:#cc2211; }


h1 { color: #222; font-size: 24px; line-height: 1.6em; font-weight:normal; margin-bottom: 0.2em; }
h2 { color: #222; font-size: 20px; line-height: 1.4em; font-weight:normal; margin-bottom: 0.2em; }
h3 { color: #222; font-size: 18px; line-height: 1.4em; font-weight:normal; margin-bottom: 0.2em; }

p { margin-bottom:1em; }

#nav { background-image:url(img/background-nav.png); background-repeat:repeat-x; height:42px; }
#nav ul { background-image:url(img/devider-nav.png); background-repeat:no-repeat; background-position:left 13px; height:42px; padding-left:20px; }
#nav ul li { float:left; margin:10px 20px 0 0; padding:0px 20px 0 0; background-image:url(img/devider-nav.png); background-repeat:no-repeat; background-position:right 5px; }
#nav ul li a { color:#f5f5f5; text-decoration:none; font-size:14px; font-weight:bold; }
#nav ul li a:hover { color:#b9c5d4; }
#nav ul li a.home { width:20px; height:20px; background-image:url(img/icon-home.png); background-repeat:no-repeat; background-position:top; text-indent:-9999px; display:block; }
#nav ul li a:hover.home { background-position:bottom; }

#subNav { background-image:url(img/background-subnav.png); background-repeat:repeat-x; height:31px; }
#subNav ul { background-image:url(img/devider-subnav.png); background-repeat:no-repeat; background-position:left 11px; height:31px; padding-left:20px; }
#subNav ul li { float:left; margin:5px 20px 0 0; padding:0px 20px 0 0; background-image:url(img/devider-subnav.png); background-repeat:no-repeat; background-position:right 7px; }
#subNav ul li a { color:#f5f5f5; text-decoration:none; font-size:12px; font-weight:bold; }
#subNav ul li a:hover { color:#bfd0e1; }


#nav li.current-menu-item a  { color:#ffcc00!important; text-decoration:underline; }
#nav li.current-page-ancestor a { color:#ffcc00!important; text-decoration:none; }
#subNav li.current_page_item a { color:#ffcc00!important; text-decoration:underline; }

#header form { float:right; margin-top:70px; }
#s { background-color:#fff; border:1px solid #eee; font-size:14px; font-style:italic; padding:6px 10px; width:280px; color:#888; font-weight:normal; background-image:url(img/background-input.png); background-repeat:repeat-x;  }
#searchsubmit { display:none; }

.search-results #content strong { display:block; margin-bottom:1em;  margin-bottom:15px; padding-bottom:15px; background-image:url(img/devider-content.png); background-repeat:repeat-x; background-position:bottom; }

body.search #subNav { display:none; }

#contentWrapper { overflow:auto; padding:40px 10px 60px 10px; background-color:#f5f5f5;  }
#content { width:620px; float:left; }
#primary { width:260px; float:right; background-color:#fff; padding:20px; border:0px solid #ddd; }
.widget-container { margin-bottom:20px; padding-bottom:20px; background-image:url(img/devider-content.png); background-repeat:repeat-x; background-position:bottom; }

.post { margin-bottom:20px; padding-bottom:20px; background-image:url(img/devider-content.png); background-repeat:repeat-x; background-position:bottom; }
body.single .post { background-image:none; }

#content ul, #content ol { padding-left:0.5em; margin-left:0.5em; list-style:outside; }
#content ul li, #content ol li { margin-bottom:0.5em; }

#content h2.entry-title { color: #222; font-size: 18px; line-height: 1.4em; font-weight:normal; margin-bottom: 0; }
.entry-title a:link, .entry-title a:visited { color:#222; text-decoration: none; }
.entry-title a:active, .entry-title a:hover { color: #cc2211; }

.entry-meta { font-size:11px; line-height:normal; color:#888; padding:5px 0; }
.entry-meta a:link, .entry-meta a:visited { color:#999; text-decoration: none; }
.entry-meta a:active, .entry-meta a:hover { color: #cc2211; }

.cat-links, .tag-links, .edit-link { margin-left:15px; }

a.more-link { display:block; padding:2px 0; margin-top:10px; background-color:#00a3e0; color:#f5f5f5; font-weight:bold; font-size:12px; font-style:italic; text-decoration:none; width:130px; text-align:center; }
a:hover.more-link {background-color:#00aaaa;  }

#nav-below { overflow:auto; }
.nav-previous { float:left; }
.nav-next { float:right; }
#nav-below a { display:block; padding:2px 0; margin-top:10px; background-color:#fff; color:#00a3e0; font-weight:bold; font-size:12px; text-decoration:none; width:100px; text-align:center; border:1px solid #e7e7e7; }
#nav-below a:hover { border:1px solid #00a3e0; }

#footer { background-image:url(img/background-footer.png); background-repeat:repeat-x; background-color:#e7e7e7; font-size:12px; line-height:1.5em; padding:30px 0 60px 0; color:#888; overflow:auto; }
#footer #first { float:left; width:620px;  }	
#footer #second { float:left; width:190px; margin-left:40px;  }	
#footer #third { float:left; width:100px; margin-left:10px;  }	
#footer .sevenlogo { margin-top:28px; }

#footer h3 { font-size:14px; line-height:normal; font-weight:bold; margin-bottom:0.5em; color:#888; }
#footer li { margin-bottom:0.5em; }
#footer a { color:#888; text-decoration:underline; }
#footer a:hover { color:#00a3e0;  }
#footer .widget-container { background:none; }

#aboutsail { background-color:#fff; padding:10px 10px 30px 30px; background-image:url(img/karta.png); background-repeat:no-repeat; background-position:center right; height:344px; margin-bottom:30px; border:5px solid #ddd; }
#aboutsail p { width:520px; }
#aboutsail h1 { font-size:30px; margin-top:20px; }
#aboutsail h2 { width:520px; margin:15px 0; color:#cc2211; font-style:italic; }
#aboutsail .more-link { margin-top:20px; }

.partnerslist { padding:0!important; font-size:11px; overflow:auto; }
.partnerslist li { display:block; float:left; width:150px; padding:20px; background-color:#fff; border-right:5px solid #f5f5f5; border-bottom:5px solid #f5f5f5; min-height:185px; margin:0!important; text-align:center; }
.partnerslist img { display:block; margin:0 auto 10px auto; }

/* Contact Form 7 overide css, a lot of !important, that's bad but I do not want to edit CSS file in plugin directory in case of an upgrade */
div.wpcf7 { margin: 20px 0!important; padding: 0; }
div.wpcf7-response-output { margin: 2em 0m 1em!important; padding: 0.2em 0!important; font-size:12px; font-weight:bold;  }
div.wpcf7-mail-sent-ok { border:none!important; color:#00aaaa; }
div.wpcf7-mail-sent-ng {  border:none!important; color:#00aaaa; }
div.wpcf7-spam-blocked { border:none!important; color:#ffa500; }
div.wpcf7-validation-errors { border:none!important; color:#cc2211;  }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { position: absolute; top:-4px!important; left:330px!important;  z-index: 100; background:transparent!important; border:none!important; font-size:11px!important; width: 280px; padding: 2px;  color:#cc2211;  font-weight:bold; }
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }
img.ajax-loader { border: none; vertical-align: middle; }

/* New for SAIL */
div.wpcf7 input[type=text], div.wpcf7 textarea { background-color:#fff; border:1px solid #ddd; background-image:url(img/background-input.png); background-repeat:repeat-x;  padding:6px 10px; font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size:12px; color:#666; width:300px;  }
div.wpcf7 p { margin-bottom:10px; }


/* Sexy Bookmarks override */
div.shr-bookmarks { margin:40px 0 0 0!important; }



/* Some CSS3 for real browsers, just to get a little extra */
h1, h2, h3 { text-shadow: 0 1px  #fff; -moz-text-shadow: 0 1px  #fff; -webkit-text-shadow: 0 1px  #fff; }
#nav ul li a { text-shadow:0 1px 0.05em #333; -moz-text-shadow:0 1px 0.05em #333; -webkit-text-shadow:0 1px 0.05em #333; }
#subNav ul li a { text-shadow:0 1px 0.05em #444; -moz-text-shadow:0 1px 0.05em #444; -webkit-text-shadow:0 1px 0.05em #444; }

/* Slideshow logos css */
.slideshow { margin-bottom:20px; padding-bottom:20px; background-image:url(img/devider-content.png); background-repeat:repeat-x; background-position:bottom; }
.slideshow object { margin-left:75px;  background-color:#fff; }
.slideshow h3 a { color:#222; text-decoration:none;  }
.slideshow h3 a:hover { color:#cc2211; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}