/*
Theme Name: Cordobo Green Park 2
Theme URI: http://cordobo.com/
Description: ALPHA 1 Release! Green Park 2 was designed and handcrafted by <a href="http://cordobo.com">Artis Cordobo</a> of <a href="http://sullydenon.ch">sully denon</a> for DyKy.net. Based on the Default-Theme.
Author: Artis Cordobo
Author URI: http://cordobo.com
Tags: simple, clean, fixed width, widget-ready, widgets, green, white, grey, right sidebar, two columns, valid XHTML, valid CSS
Version: 0.1.02
*/

/* Welcome, Mythbusters, this is an ALPHA release!

Copy, remix and play around with my CSS - but leave the original author credentials.
I commented my code so you can go through it and see what it's doing.

*/


/* MINIMUM RESET
------------------------------------------------------------------ */

/*reset module - resets browser-specific styles */
@import url(reset.css);




/* GENERAL
------------------------------------------------------------------- */

html, body {color: #000; text-align: center;}
html {height: 100%; margin-bottom: 1px; overflow-y: scroll;}
body {
	font: 85.01%/1.6 Helvetica, Arial, "Helvetica Neue", sans-serif;
	font-smooth: always;
  background: #D5DADD url(img/body-bg.jpg) top left repeat-x;
	}

a {text-decoration: none;}
a:link, a:visited {color: #004D99;}
a:hover, a:active {color: #86180A;}

#sidebar a:link, #sidebar a:visited {color: #C54E0B; border-bottom: 1px solid #fff;}
#sidebar a:hover, #sidebar a:active {color: #111; border-bottom-color: #C54E0B;}

strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 0.8em;}

sub, sup {font-size: 0.7em;}

code {font-family: Consolas, Monaco, Courier, monospace, fixed; background: #EAEAEA; padding: 1px 3px; font-size: 0.9em;}
cite {font-style: italic;}

del {color: darkred; text-decoration: line-through;}
del:hover {text-decoration: none;}
del:after {content: " [ - ]"; font-size: 0.7em; text-decoration: none; color: #777;}
del:hover:after {content: " - Deleted: " attr(datetime) " "; font-size: 0.8em; color: #777;}
ins {color: darkgreen; text-decoration: none;}
ins:after {content: " [ + ]"; font-size: 0.7em; text-decoration: none; color: #777;}
ins:hover:after {content: " - Inserted: " attr(datetime) " "; font-size: 0.8em; color: #777;}


/* Ampersand, Ampersand, you are so beautiful */
.amp {font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman"; font-style: italic;}

hr {display: none;}


h2 {font-weight: bold; font-size: 1.5em; line-height: 1.2; margin: 5px 0; color: #60A900; color: #87D300; display: block;}
h2 a:link, h2 a:visited {color: #60A900; border-bottom: 2px solid #eee;}
h2 a:hover {color: #679000; border-bottom: 2px solid #BAE55F;}

h3 {display: block; font-size: 1.1em; font-weight: bold; line-height: 1.3; margin: .4em 0;}

.alignleft {float: left;}
.alignright {float: right;}

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

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


.home .navigation {
display: block;
margin: 10px 0 60px;
text-align: center;
padding: 0 8px;
background-color: #efefef;
}


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


/* Added */

small.unimportant {color: #777;}




/* STRUCTURE - 2 cols
------------------------------------------------------------------- */

#container {float: left; margin:0 -350px 0 0; width: 100%;}
#content {margin: 0 350px 0 0; background-color: #fff;}
#sidebar {float: right; overflow: hidden; width: 346px;}
#footer {clear: both; width: 100%;}




/* HEAD
------------------------------------------------------------------- */

#page, #header, #footer {margin: 0 auto; width: 985px;}

#page {padding-top: 20px;}

#header,
#content,
#sidebar,
#footer {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px;
	border-radius: 3px 3px;
	border-bottom: 1px solid #B2B3B5;
	border-right: 1px solid #B2B3B5;
	background: #fff;
}


#header {position: relative; display: block; height: 157px; width: 944px; padding: 0 20px; margin-bottom: 3px}

h1, h1 a {display: block; width: 87px; height: 19px;}
h1 {position: absolute; top: 38px; left: 27px;}
h1 a {background: transparent url(img/logo-cordobo.png) top left no-repeat; text-indent: -9999em;}

div.description {display: block; position: absolute; top: 42px; left: 124px;}
div.description {color: #868F98; font-size: 0.8em;}
div.description span {color: #8ECD12;}
div.description a:hover:after {content: " →";}


#accessibility {display: block; position: absolute; top: 42px; right: 28px; font-size: 0.8em;}
#accessibility ul {display: block;}
#accessibility ul li,
#accessibility ul li a {display: block; float: left;}
#accessibility ul li a {padding: 0 3px 0 5px;}
#accessibility ul li.last-item a {padding-right: 0; background: none;}

div#navigation,
div#menu,
div#menu ul {display: block; height: 41px; width: 945px;}

div#navigation {position: absolute; top: 70px; left: 20px; background: #89CB11 url(img/navigation-bg.jpg) top left repeat-x;}
div#menu {background: transparent url(img/navigation-bg-right.jpg) top right no-repeat;}
div#menu ul {background: transparent url(img/navigation-bg-left.jpg) top left no-repeat;}
div#menu ul {display: block;}
div#menu ul li,
div#menu ul li a {display: block; float: left;}
div#menu ul li a {color: #fff; font-weight: bold; line-height: 40px; font-size: 0.8em; padding: 0 10px 0 8px; background: transparent url(img/navigation-sep.jpg) center right no-repeat;}
div#menu ul li a {text-shadow: 1px 1px 1px #555;}
div#menu ul li:last-child a {background: none;} /* Removes 'navigation-sep.jpg' from last hyperlink in list in Opera 9+, Firefox 2+ */
div#menu ul li a:hover,
div#menu ul li a:focus,
div#menu ul li.current_page_item a {text-shadow: 1px 1px 1px #000;} /* Adds a darker text-shadow to the link - seamless transition, thanks to :focus in FF 3.1+*/

div#submenu {position: absolute; top: 45px; left: 8px; font-size: 0.8em;} 
div#submenu ul {display: block;}
div#submenu ul li,
div#submenu ul li a {display: block; float: left;}
div#submenu ul li a { padding: 0 8px 0 0px; color: #868F98;}
div#submenu ul li a:hover {color: #000;}

div#nav-search {position: absolute; top: 8px; right: 8px; display: block; height: 40px; line-height: 15px;}
div#nav-search label {display: none;}
div#nav-search input {vertical-align: middle;}

#content,
#sidebar,
#footer {text-align: left;}

#content {padding: 19px 20px 20px;}

.page,
.post,
h2.pagetitle,
h3#comments,
p.nocomments,
p.edit-page {padding: 0 8px;}

.home .post {margin-bottom: 30px; border-bottom: 1px dotted #ddd; padding-bottom: 20px;}

.entry {margin: 5px 0;}

.entry p,
.entry ol,
.entry ul {font-size: .9em;}
.entry p,
.entry ol,
.entry ul {margin: .7em 0 1.5em;}

.entry ol {margin-left: 1.1em; padding-left: 1.1em;}
.entry ul {margin-left: 1.1em; padding-left: 1.1em;}
blockquote {margin: 0 0 .8em .5em; padding: .5em; font-style: italic; border-left: 2px solid #E5E5E5; background-color: #F0F0F0; color: #111;}
.entry blockquote p {margin: 0;}

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

.entry div.alignleft {float: left; margin: 0 8px 7px 0;}
.entry div.wp-caption {padding: 3px; background-color: #F0F0F0; border: 1px solid #E5E5E5; overflow: hidden;}
.entry div.wp-caption p.wp-caption-text {font-size: .9em; line-height: 1.3; margin-bottom: 0;}
.entry p img { }










/* FORMS - Comments */

h3#comments {margin: 30px 0 20px;}

ol.commentlist {font-size: .8em; margin: 10px 0 20px; border-top: 1px solid #ddd;}
ol.commentlist li {padding: 8px 8px;}

ol.commentlist .thread-alt {
	background-color: #f8f8f8;
	border-top: 1px solid #fff;
}
ol.commentlist .thread-even {
	background-color: white;
}
ol.commentlist .depth-1 {
border-bottom: 1px solid #ddd;
}

.commentlist .even,
.commentlist .alt { }

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

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite,
.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}

.commentlist cite {font-size: 1.1em;}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentlist .comment-meta {font-size: 0.9em; margin-bottom: 3px;}



textarea#comment {width: 500px;}


#respond {background-color: #E6F0F2; padding: 8px 8px; margin-top: 15px;
-moz-border-radius: 2px;}



/* SIDEBAR */


div#sidebar {padding: 15px 20px; width: 306px; font-size: 0.8em;}

div#sidebar #about,
div#sidebar .categories,
div#sidebar .archives,
div#sidebar .pagenav,
div#sidebar #meta,
div#sidebar .linkcat,
div#sidebar .widget {margin: 0 0 9px; border-bottom: 1px dotted #ddd; padding: 0 8px 9px;}


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

ul.pagination-sb,
ul.tools-sb,
ul.twitter-sb {border-bottom: 1px dotted #ddd; padding-bottom: 9px; margin-bottom: 9px;}
.pagination-sb li,
.tools-sb li,
.twitter-sb li {display: block; overflow: hidden;}


div#sidebar .tools-sb li.rss-icon a {
	display: block;
	padding: 2px 7px 2px 65px;
	background: transparent url(img/rss-icon.png) center left no-repeat;
	border: none;
	height: 33px;
	line-height: 1em;
	}


div#sidebar .twitter-sb li {display: block; padding: 0 7px 2px 65px;}

div#sidebar .twitter-sb li.twitter-icon {
	background: transparent url(img/twitter_48.png) center left no-repeat;
	min-height: 33px !important;
	line-height: 1em;
	padding: 2px 7px 2px 65px;
	}

div#sidebar .twitter-sb li.twitter-icon a {border: none; display: block; height: auto;}




div#sidebar .pagination-sb li a,
div#sidebar .pagination-sb li a:link,
div#sidebar .pagination-sb li a:visited {
	display: block;
	padding: 2px 57px;
	margin: 5px 8px 5px;
	background: transparent url(style/next_normal.png) center right no-repeat;
	border: none;
	line-height: 1.2;
}

div#sidebar .pagination-sb li a:active,
div#sidebar .pagination-sb li a:focus,
div#sidebar .pagination-sb li a:hover {
	background: transparent url(style/next_active.png) center right no-repeat;
	border: none;
}


div#sidebar .pagination-sb li.previous_post a {background: transparent url(style/prev_normal.png) center left no-repeat;}
div#sidebar .pagination-sb li.previous_post a:hover {background: transparent url(style/prev_active.png) center left no-repeat;}


div#sidebar .pagination-sb li a span,
div#sidebar .tools-sb li a span,
div#sidebar .twitter-sb li a span {display: block; font-size: 0.8em; color: #B5A570; text-transform: uppercase;}
div#sidebar .pagination-sb li a:hover span,
div#sidebar .tools-sb li a:hover span,
div#sidebar .twitter-sb li a:hover span {color: #C54E0B;}



.pagination {font-size: 0.8em;}
.page-link {}

ol.page-link {
	display: block;
	width: auto;
	background-color: #F5F5F5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px 4px;
	border-radius: 4px 4px;
	padding: 10px;
	margin: 0 0 20px;
}

ol.page-link {font-size: 0.9em;}
ol.page-link li {display: block; float: left; line-height: 16px; margin-left: 0; /* reset der defaultliste innerhalb des Content */}
ol.page-link li span {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	margin: 0 0 0 3px;
	background-color: #ddd;
	color: #111;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px 1px;
	border-radius: 1px 1px;
	cursor: pointer;
	font-weight: bold;
	}

ol.page-link li span a:link,
ol.page-link li span a:visited {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-color: #285776;
	color: #fff;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px 1px;
	border-radius: 1px 1px;
	cursor: pointer;
}

ol.page-link li span a:hover {background-color: #5B8EAD; text-decoration: none;}



/* h4 -> sb-title - less semantic, better for search engine positioning */
.sb-title {font-weight: bold;}



/* FOOTER
------------------------------------------------------------------ */

#content,
#sidebar {margin-bottom: 3px;}

#footer {width: 928px; font-size: 0.8em; padding: 10px 28px; margin-bottom: 10px;}


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