/*

Theme Name: Cordobo Green Park 2

Theme URI: http://cordobo.com/green-park-2/

Description: Lightweight fast-rendering theme with 2-3 column layout and right sidebar, Widget-ready (4 slots), built-in support for plugins (e.g. twitter), easy to customize via settings-page. By <a href="http://cordobo.com">Artis Cordobo</a>.

Version: 0.9.100

Author: Andreas Jacob

Author URI: http://cordobo.com/

Tags: green, white, silver, black, light, two-columns, right-sidebar, fixed-width





  This is a BETA. Please report all bugs:

  http://cordobo.com/1223-cordobo-green-park-2-alpha-7/



  The CSS, XHTML and design is released under GPL:

  http://www.gnu.org/licenses/gpl.html

  Copy, remix and play around with my CSS - but leave the original author credentials.





 - Transcending CSS

   I use CSS3 whenever and whereever it makes sense, which outdated browsers (agents) 

   probably don't render - but there's always a fallback

 - Structure

   Elements and classes are structured, properties are in alphabetical order,

   code is commented where necessary

 - Coding convention

   Classes with up to 3 properties are in a single line,

   classes with more than 3 properties are broken into multiple lines



*/









/* MINIMUM RESET - based on work by Eric Meyer

------------------------------------------------------------------ */



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 {

	border: 0;

	font-size: 100%;

	margin: 0;

	outline: 0;

	padding: 0;

}



body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }









/* GENERAL

------------------------------------------------------------------- */



*::-moz-selection { background: #51a201 none repeat scroll 0 0; color: #fff; }



html, body { color: #242626; }

html {

  background: #008FC7 url(img/bg-html.jpg) top left repeat-x;

  height: 100%;

  margin-bottom: 1px;

  overflow-y: scroll;

}

body {

  background: url(img/bg-body.png) 50% 74px no-repeat;

  *background-position: 50% 84px;

	font: 85%/1.5 "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;

	font-smooth: always;

	text-align: center;

}



a { text-decoration: none; }

a:link, a:visited { color: #004D99; }

a:focus, a:hover, a:active { color: #86180A; }



#menu a:active,

#submenu a:active { position: relative; top: 1px; }

#submenu a:focus { color: #111; }



#sidebar a,

#sidebar a:link,

#sidebar a:visited { border-bottom: 1px solid #fff; color: #C54E0B; }

#sidebar a:focus,

#sidebar a:hover,

#sidebar a:active { border-bottom-color: #C54E0B; color: #111; }



#sidebar .sb-tools a,

#sidebar .sb-tools a:link,

#sidebar .sb-tools a:visited,

#sidebar .sb-tools a:focus,

#sidebar .sb-tools a:hover,

#sidebar .sb-tools a:active,

div#sidebar li.widget div.textwidget a img,

div#sidebar li.widget div.textwidget a:hover img { border: 0 none; }

abbr,

acronym { border-bottom: 1px dashed #999; cursor: help; }



blockquote {

  background-color: #f8f8f8;

  border-left: 2px solid #eaeaea;

  color: #111;

  font-style: italic;

  margin: 0 0 9px;

  padding: 7px;

}



cite { font-style: italic; }

code {

  background: #eaeaea;

  font-family: Consolas, Monaco, monospace;

  font-size: 0.9em;

  padding: 1px 3px;

}



em { font-style: italic; }



h1, h2, h3, h4, h5, h6 {

  color: #000;

  display: block;

  /* fixed for Non-PCs without Photoshop CS2+ */

  font-family: "Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;

  font-weight: normal;

}



h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }

h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }

h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }

h4 { font-size: 19px; margin: 1.33em 0 .2em; }

h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }

h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }





h1 a, h2 a,

h1 a:link, h2 a:link,

h1 a:visited, h2 a:visited { color: #000; }

h1 a:active, h2 a:active,

h1 a:focus, h2 a:focus,

h1 a:hover, h2 a:hover { color: #669900; }





hr { display: none; }

small { font-size: 0.8em; }

strong { font-weight: bold; }

sub,

sup { font-size: 0.7em; }



del { color: #8b0000; text-decoration: line-through; }

ins { color: #006400; text-decoration: none; }









/* Generic classes

------------------------------------------------------------------- */





/* Ampersand, Ampersand, you are so beautiful */

.amp { font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman"; font-style: italic; }



/* Used in the About-Box to emphasize the name */

.smaller-caps { font-size: 110%; font-variant: small-caps; }



.hidden { display: none; }



a.top-link { background: transparent url(img/top-sprite.png) 0 5px no-repeat; padding-left: 12px; }

a.top-link:hover { background-position: 0 -29px; }









/* Wordpress specific CSS

------------------------------------------------------------------- */





.aligncenter,

div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



.alignleft { float: left; }

.alignright { float: right; }

img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }

img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }



/* Resizes the image to the maximum width of the content area */

.entry img {

  max-width: 576px;

  /* smooth image resizement in IE7+ */

  -ms-interpolation-mode: bicubic;

}



.entry div.alignleft { float: left; margin: 0 8px 7px 0; }



.wp-caption {

  background-color: #F0F0F0;

  border: 1px solid #E5E5E5;

  overflow: hidden;

  padding: 3px;

}



.wp-caption img { margin: 0; padding: 0; border: 0 none; }



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



.aligncenter img,

.aligncenter p.wp-caption-text {

  display: block;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

}



a.more-link {

  background-color: #F4F8F9;

  border-bottom: 1px solid #E6F0F2;

  font-size: 11px;

  font-weight: bold;

  padding: 5px 6px 3px;

  text-shadow: 0 1px 0 #fff;

}



a.more-link:hover {

  background-color: #E6F0F2;

  border-bottom: 1px solid #B3CDD8;

  color: #000;

}





#wp-calendar { color: #3E5867; width: 100%; }

#wp-calendar thead { background-color: #F4F8F9; text-align: center; }

#wp-calendar caption { background-color: #E6F0F2; border-top: 1px solid #E6F0F2; text-align: center; }

#wp-calendar tbody td { background-color: #f7f7f7; text-align: center; }

#wp-calendar tfoot { background-color: #fff; text-align: left; }

#wp-calendar tfoot td#next { text-align: right; }









/* STRUCTURE

------------------------------------------------------------------- */





#header,

#main,

#footer {

  background-color: #fff;

  text-align: left;

  margin: 0 auto 3px;

  width: 985px;

}



#header { margin-top: 10px; height: 146px; position: relative; }

#container { float: left; margin: 0 -350px 0 0; width: 100%; }

#content { border-right: 3px solid #D5DADD; margin: 0 350px 0 0; overflow: hidden; padding: 19px 0 0; }

#sidebar { border-left: 3px solid #D5DADD; float: right; font-size: 0.8em; margin-left: -3px; padding: 15px 20px 15px 10px; width: 320px; }

#footer { clear: both; width: 929px; font-size: 0.8em; padding: 10px 28px; }









/* HEADER

------------------------------------------------------------------- */





/* Start EXAMPLE CODE image logo */



#branding h1,

#branding h1 a { display: block; height: 80px; width: 281px; }

#branding h1 { position: absolute; top: -10px; left: 0px; }

#branding h1 a { background: transparent url(img/JCI_c.jpg) top left no-repeat; text-indent: -9999em; }

/*

#webaddy {
font-weight:bold;
font-size:12pt;   
margin-left:10px; 
}

*/

.description { display: block; position: absolute; top: 49px; left: 260px; }

.description { color: #8ECD12; font-size: 11pt; }

.description span { color: #8ECD12; }

.description a:hover:after { content: " →"; }



/* End EXAMPLE CODE image logo */







/* Start EXAMPLE CODE text logo */

/*

#branding { display: block; position: absolute; top: 30px; left: 28px; }

#logo,

.description { float: left; }

h1#logo { font-size: 30px; line-height: 1.2; margin: 0; }

.description { color: #868F98; font-size: 0.8em; margin: 17px 0 0 10px; }

*/

/* End EXAMPLE CODE text logo */





ul#accessibility { display: block; font-size: 0.8em; position: absolute; right: 28px; top: 47px; }

#accessibility li,

#accessibility li a { display: block; float: left; }

#accessibility li a { background: transparent url(img/navigation.png) right -200px no-repeat; padding: 0 7px 0 4px; }

#accessibility li.last-item a { background: none; padding-right: 0; }



#nav {position: absolute; top: 75px; left: 0; width: 985px; }



ul#menu {

  background: #89CB11 url(img/navigation.png) top left repeat-x;

  display: block;

  height: 41px;

  padding: 0 28px 0 18px;

  width: 939px;

}

#menu li,

#menu li a { display: block; float: left; }

#menu li a {

  background: transparent url(img/navigation.png) left -150px no-repeat;

  color: #fff;

  font-size: 0.8em;

  font-weight: bold;

  line-height: 40px;

  padding: 0 8px 0 10px;

  text-shadow: 0 1px 0 #555;

}



/* Removes the background separator from the last hyperlink in a list in Opera 9+, Firefox 2+, Safari 3+ */

#menu li.page-item-home a { padding-right: 10px; background: none; }



/* 

  FF3.5/Safari4/Chrome2/Opera10 - applies a darker text-shadow to the link for a seamless transition

  http://cordobo.com/1119-provide-visual-feedback-css/

 */

#menu li a:hover,

#menu li a:focus,

#menu li.current_page_item a {

  color: #000\9; /* Fallback - Adds more contrast to the navigation for IE6/7/8 */

  text-shadow: 1px 1px 1px #000;

}



div#submenu-bg {

  background: transparent url(img/bg-submenu.jpg) 0 0 repeat-x;

  height: 30px;

  width: 985px;

}



ul#submenu {

  display: block;

  font-size: 0.8em;

  padding: 8px 21px 0;

}

#submenu li,

#submenu li a { display: block; float: left; }

#submenu li a { background: transparent url(img/navigation.png) left -200px no-repeat; color: #666; padding: 0 5px 0 7px; }

#submenu li.current_page_item a { color: #111; }

#submenu li:first-child a { background-image: none; }

#submenu li a:hover { color: #000; }

#submenu li ul { display: none; }



#submenu li:hover ul  {

  background-color: #fff;

  border: 1px solid #eaeaea;

  clear: both;

  display: block;

  float: none;

  left: auto;

  line-height: 1;

  padding: 6px 6px 4px;

  top: auto;

  overflow: auto;

	width: 100%;

	*width: 200px;

}



/* 3rd level navigation - only visible if you have grandchild pages */

#submenu li ul li,

#submenu li ul li a { clear: both; display: block; float: none; padding: 0; width: auto; }

#submenu li ul li a {

  background-color: #f7f7f7;

  border-bottom: 1px solid #fff;

  color: #111;

  margin-bottom: 1px;

  padding: 9px 10px;

}



#submenu li ul li a:hover { background-color: #e9e9e9; border-bottom: 1px solid #c2c2c2; color: #125687; }





#nav-search { display: block; height: 30px; line-height: 16px; position: absolute; top: 9px; right: 28px; }

#nav-search label { display: none; }

input { vertical-align: middle; }



input#s,

input#searchsubmit {

  border-radius: 3px 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;  

}



input#s {

  border: 1px solid #777;

  font-size: 11px;

  height: 15px;

  padding: 4px 5px 2px;

  width: 130px;

}



#nav-search input#s {

  border-color: #69ab01;

  border-bottom-color: #548301;

  border-right-color: #548301;



}



#searchsubmit {

  background: #5388b6 url(img/button-style-input.png) center left repeat-x;

  border: 1px solid #1b5a8d;

  border: 1px solid #666;

  color: #fff;

  font-size: 11px;

  height: 23px;

  letter-spacing: 1px;

  line-height: 20px;

  padding: 0 5px;

  -moz-box-shadow: 0px 0px 1px #fff;

  -webkit-box-shadow: 0px 0px 1px #fff;

}





/*Firefox 2 and 3 */

#searchsubmit, x:-moz-any-link {

  padding: 0 5px 3px;

  *padding: 0 5px;

}





/* POSTs and PAGEs

------------------------------------------------------------------- */



.page,

.post,

h1.pagetitle,

p.nocomments { padding: 0 28px; }



.post,

p.nocomments { padding-bottom: 20px; }



.post { margin-bottom: 30px; }

.entry { margin: 15px 0 5px; font-size: 13px; line-height: 20px; }



small.meta {

  background-color: #F4F8F9;

  border-bottom: 1px solid #E6F0F2;

  border-top: 1px solid #E6F0F2;

  color: #3e5867;

  display: block;

  font-size: 11px;

  height: 19px;

  line-height: 19px;

  margin: 0 -28px;

  padding: 6px 28px;

  text-shadow: 0px 1px 0px #fff;

  width: 576px;

}



a.button-style {

  border: 1px solid #F4F8F9;

  display: inline-block;

  height: 11px;

  line-height: 11px;

  padding: 4px 6px;

  width: auto;

}



a.button-style:hover {

  background: #5388b6 url(img/button-style.png) center left repeat-x;

  border: 1px solid #1b5a8d;

  border-radius: 3px 3px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  color: #fff;

  text-shadow: 0 1px 0 #0f4570;

}



p strong,

li strong { color: #2E2E2E; }



.entry p,

.entry ol,

.entry ul { margin: 0 0 9px; color: #4d4d4d; }

.entry blockquote p { margin: 0; }



.entry ol { margin-left: 0.75em; padding-left: 12px; }

.entry ul { margin-left: 0.5em; padding-left: 12px; }

.entry ol li { list-style-type: decimal; }

.entry ul li { list-style-type: disc; }





/* PAGINATION on single.php */



.previousnext,

.pagination { font-size: 11px; margin-bottom: 10px; }



ol.page-link {

  background-color: #F4F8F9;

  border-bottom: 1px solid #E6F0F2;

  border-top: 1px solid #E6F0F2;

	display: block;

  font-size: 11px;

  height: 16px;

  line-height: 16px;

	margin: 9px 0 20px;

  padding: 5px 8px;

	width: auto;

}



.page-link li,

.page-link li span,

.page-link li span a {

  display: block;

  float: left;

  height: 16px;

  line-height: 16px;

  overflow: hidden;

  width: auto;

}



 /* Resets specific ol/ul/li within the CONTENTs default values */

ol.page-link li { margin: 0 0 0 3px; }

.page-link li span,

.page-link li span a { width: 16px; font-weight: bold; cursor: pointer; text-align: center; }

.page-link li span { background-color: #fff; color: #111; }

.page-link li span a:link,

.page-link li span a:visited { background-color: #5B8EAD; color: #fff; }

.page-link li span a:hover,

.page-link li span a:active,

.page-link li span a:focus { background-color: #285776; color: #fff; }

.page-link li strong { margin-right: 5px; }





.postmetadata { border-bottom: 1px dotted #ddd; border-top: 1px dotted #D5D5D5; color: #999; font-size: 11px; margin-top: 20px; padding: 7px 2px; }

.postmetadata a { color: #666; padding: 2px 4px; }

.postmetadata a:hover { background-color: #efefef; }





/* Advertisement space - see Admin Settings */

#somethingspecial { padding: 7px 2px; width: 572px; border-bottom: 1px dotted #ddd; }

#somethingspecial > div { padding: 0 54px; width: 468px; }









/* COMMENTS

------------------------------------------------------------------- */





h3#comments,

#respond h3 { margin: 0 0 5px; font-size: 34px; }



h3#comments,

h4#pings { float: left; }

h4#pings { line-height: 1.2; margin: 10px 0; width: 150px; }



.comments-header,

div.navigation { border-bottom: 1px solid #E6F0F2; text-shadow: 0 1px 0 #fff; }



div.navigation {

  background-color: #E6F0F2;

	border-top: 1px solid #fff;

  font-size: 11px;

  height: auto;

  line-height: 28px;

  overflow: hidden;

  padding: 0 28px;

}



.comments-header { background-color: #F4F8F9; border-top: 1px solid #E6F0F2; padding: 6px 28px; }

.comments-header-meta {

  float: right;

  font-size: 11px;

  font-weight: bold;

  line-height: 44px;

  padding: 4px 0 0 ;

}



.comments-content {

  background: #f4f8f9;

  color: #3e5867;

  display: block;

  font-size: 11px;

  width: 632px;

  border-top: 28px solid #f9fbfc;

}





ol.commentlist,

ol.pinglist { font-size: 11px; }

ol.pinglist { margin-top: 10px; width: 420px; float: right; }



li.pings {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #E6F0F2;

  margin: 0;

  padding: 4px 10px;

  width: 400px;

}



li.pings:first-child { border-top: none; }

li.pings:last-child { border-bottom: none; }



li.comment {

  background: transparent url(img/comment-bg-2.png) -55px 0 repeat-y;

  border: 28px solid #f9fbfc;

  border-top: none;

  margin: 0;

  *margin-bottom: -3px;

  overflow: hidden;  

  padding: 12px 4px;

  width: 568px;

}



.comment-author { margin-left: 80px; position: relative; }

img.avatar {

	background-color: #fff;

	border: 1px solid #eee;

	padding: 2px;

  position: absolute;

  left: -80px;

}



.comment-meta { font-size: 10px; margin-bottom: 3px; margin-left: 80px; }



li.comment-author-admin { background-color: #E6F0F2; }



li.comment p,

li.comment blockquote { padding: 0 0 6px; margin-left: 80px; }

li.comment blockquote p,

li.comment blockquote blockquote,

li.comment blockquote blockquote p { margin: 5px; padding: 7px; }



.commentlist cite,

.commentlist cite a { font-style: normal; font-size: 12px; }

.commentlist cite a { background-color: #fff; padding: 2px 5px; border-bottom: 1px dotted #ddd; }



/* Unused */

li.thread-alt { }

ol.commentlist .thread-even { }

ol.commentlist .depth-1 { }

.commentlist .even,

.commentlist .alt { }

.comment-author cite { }

.says { }



/* Your comment is awaiting moderation. */

li.comment div em { }



a.comment-reply-link { 

	border: 1px solid #fff;

  color: #666;

	float: right;

  padding: 1px 3px;

}



a.comment-reply-link:hover { background-color: #f4f8f9; color: #333; }





#respond {

  background-color:#F4F8F9;

  margin-top: 1px;

  overflow: hidden;

  padding: 18px 28px;

  width: 576px;

}



.comment-input { float: left; width: 238px; }

.textarea-input { float: left; margin-right: 5px; width: 330px; }



#respond input,

#respond label { display: block; width: 200px; }

#respond label { font-size: 11px; height: 20px; margin: 3px 0 9px; }



input#author,

input#email ,

input#url { border: 1px solid #ddd; color: #999; height: 15px; line-height: 15px; padding: 5px 3px; vertical-align: middle; }

#respond input:focus { border-color: #aaa; color: #000; }





#respond textarea#comment {

  border: 1px solid #ddd;

  font-family: "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;

  height: 150px;

  margin: 0 0 9px;

  padding: 5px 3px;

  width: 100%;

}

#respond textarea#comment:focus {

  color: #000;

  border-color: #aaa;

  -moz-box-shadow: 4px 4px 0px rgba(238,238,238,1);

  -webkit-box-shadow: 4px 4px #eee;

}



input#submit {

  background: #5388b6 url(img/button-style.png) center left repeat-x;

  border: 1px solid #3b73a3;

  border-radius: 3px 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  color: #fff;

  font-size: 11px;

  font-weight: bold;

  height: 24px;

  line-height: 24px;

  padding: 0 10px;

  vertical-align: middle;

}









/* SIDEBAR

------------------------------------------------------------------- */



.currently-viewing,

#sidebar #about,

#sidebar .categories,

#sidebar .archives,

#sidebar .pagenav,

#sidebar #meta,

#sidebar .linkcat,

#sidebar .widget { border-bottom: 1px dotted #ddd; margin: 0 0 8px; padding: 0 8px 9px; }



li.categories li li,

li.pagenav li li { margin-left: 6px; }



ul.sb-list { margin-left: 10px; }



/* h4 -> sb-title - less semantic, better for search engine positioning */

.sb-title {

  color: #434343;

  font-size: 14px;

  padding-bottom: 1px;

  text-transform: uppercase;

}



ul.sb-list { margin-left: 10px; }



ul.sb-tools { border-bottom: 1px dotted #ddd; margin: 9px 0; padding: 0 8px 9px; }

.sb-tools li { display: block; min-height: 34px; }



.sb-tools li a:link,

.sb-tools li a:visited { color: #C54E0B; }

.sb-tools li a:active,

.sb-tools li a:focus,

.sb-tools li a:hover { color: #000; }



.sb-tools li a span {

  color: #86180A;

  display: block;

  font-size: 12px;

  padding-bottom: 3px;

  text-transform: uppercase;

}

.sb-tools li a:hover span { color: #C54E0B; }





.twitter-icon { background: transparent url(img/twitter_48.png) top left no-repeat; }

.rss-icon { background: transparent url(img/rss-icon.png) center left no-repeat; }

.sb-icon {

  padding-left: 65px;

	color: #111;

  display: block;

	line-height: 1.25em;

}

.sb-icon-text { padding: 3px 0 0 65px; }





.sb-pagination li a {

  background: transparent url(img/next-prev-sprite.png) right -195px no-repeat;

	display: block;

	line-height: 1.2;

	margin: 8px 0 0;

  padding: 2px 65px;

}



.sb-pagination li.previous-post a {

  padding-right: 0;

}



.next-post a:active,

.next-post a:focus,

.next-post a:hover { background-position: right -295px; border: none; }



.previous-post a:link,

.previous-post a:visited { background-position: 0 5px; }

.previous-post a:active,

.previous-post a:focus,

.previous-post a:hover { background-position: 0 -95px; }





ul.group {

  float: left;

  margin: 0 0 0 10px;

  overflow: hidden; 

  padding: 0;

  width: 150px;

}









/* CLEARFIX

------------------------------------------------------------------ */





html .clearfix { display: block; }

* html .clearfix { height: 1%; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }









/* PRINT Stylesheets

------------------------------------------------------------------ */





@media print {



#header { height: 60pt; }



/* Appends the URI right behind each hyperlink so your visitors can see them on the print version */

#content entry a:after {

  content: "  [" attr(href) "] ";

}



#accessibility,

#nav { display: none; }



hr { border: none; border: 1px solid #000; background: none; }



} /* END MEDIA PRINT */