/*
Theme Name: Cordobo Green Park 2
Theme URI: http://cordobo.com/
Description: ALPHA 4 Release! Green Park 2 was designed and handcrafted by Artis Cordobo of sully denon 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.2.25
*/
/* 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, sans-serif;
font-smooth: always; /* CSS 3 */
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, Arial, "Times New Roman"; font-style: italic;}
hr {display: none;}
.hentry h2 {
/*
font-weight: bold; font-size: 1.5em; line-height: 1.2; margin: 5px 0;
*/
margin: 0.3em 0;
color: #60A900;
color: #87D300; display: block;
font-size: 2.1em;
line-height: 1.3;
font-family: Arial,serif;
font-style: italic}
h2 a:link, h2 a:visited {color: #60A900; border-bottom: 2px solid #fff;}
h2 a:hover {color: #679000; border-bottom: 2px solid #BAE55F;}
h3 {display: block; font-size: 1.17em; font-weight: bold; line-height: 1.3; margin: .5em 0 .2em;}
h3 {
}
.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 {
display: block;
padding: 5px 8px;
color: #3e5867;
border: 1px solid #f5f5f5;
background-color:#f7f7f7;
-moz-border-radius: 4px;
}
small.unimportant:hover {
background-color:#F4F8F9;
border: 1px solid #E6F0F2;
border-bottom: 1px solid #B3CDD8;
border-right:1px solid #B3CDD8;}
/* 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: 265px; height: 65px;}h1 {position: absolute; top: 13px; left: 27px;}h1 a {background: transparent url(img/logo-cordobo.jpg) top left no-repeat; text-indent: -9999em;}div.description {display: block; position: absolute; top: 42px; left: 310px;}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: 90px; 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; font-size: .94em;}.entry p,.entry ol,.entry ul {}.entry p,.entry ol,.entry ul {margin: 1em 0;}.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;}
ol.commentlist li {padding: 12px 8px; background-color: #f9fbfc; border-top: 1px solid #b3cdd8; border-bottom: 1px solid #b3cdd8;}
ol.commentlist .thread-alt {
background-color: #f4f8f9;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
ol.commentlist .thread-even {
background-color: white;
}
ol.commentlist .depth-1 { }
.commentlist .even,
.commentlist .alt { }
li.comment-author-admin {
background-color: #b3cdd8;
}
.commentlist li .avatar {
float: left;
border: 1px solid #eee;
padding: 2px;
margin-right: 7px;
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;
display: block;
margin: 3px 8px 3px 46px;
}
.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: 3px;}
/* 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.85em; color: #B5A570; text-transform: uppercase; font-family: Arial, serif;}
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;}
div#sidebar ul.group {padding-left: 10px; width: 143px; float: left; overflow: hidden;}
div#sidebar ul.first-group {padding-right: 10px; padding-left: 0;}
.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; font-size: 1.3em; font-family: Arial, serif; color: #B5A570; color: #5a3517; color: #5d3d1d;}
/* 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;}
/*
h1 {
display: block;
font-size: 2em;
font-weight: bold;
margin: .67em 0;
}
*/
h2 {
display: block;
font-size: 1.55em;
font-weight: bold;
margin: .83em 0;
}
h4 {
display: block;
font-weight: bold;
margin: 1.33em 0;
}
h5 {
display: block;
font-size: 0.83em;
font-weight: bold;
margin: 1.67em 0;
}
h6 {
display: block;
font-size: 0.67em;
font-weight: bold;
margin: 2.33em 0;
}
.sendit {
padding:0px 3px 0px 3px;
border: 1px solid #5c800c;
background:#8dce12;
}