/*
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: 1;
        border-color:gray;
	font-size: 100%;
	margin: 0;
	outline: 1;
	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: #D5DADD 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: 23px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 20px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 18px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 15px; 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: 19px; width: 87px; }
#branding h1 { position: absolute; top: 28px; left: 27px; }
#branding h1 a { background: transparent url(img/logo-cordobo.png) top left no-repeat; text-indent: -9999em; }




.description { display: block; position: absolute; top: 44px; left: 124px; }
.description { color: #868F98; font-size: 0.8em; }
.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: 0px 8; 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: 300px;
}
















/* 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 */