/*
 Theme Name: Cordobo Green Park 2
 Theme URI: http://cordobo.com/green-park-2/
 Description: Lightweight WordPress theme with 2-3 column layout and right sidebar with 3 slots. Widget-ready, built-in support for plugins (e.g. twitter), easy to customize. By <a href="http://cordobo.com">Artis Cordobo</a>.
 Version: 0.6.309
 Author: Artis Cordobo
 Author URI: http://cordobo.com/
 Tags: green, white, silver, black, light, two-columns, right-sidebar, fixed-width
 
 
 
 This is an ALPHA! Please report all bugs.
 
 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.
 I commented my code so you can go through it and see where the magic happens ;-)
 
 - Transcending CSS
 I use CSS3 whereever it makes sense, which outdated agents (browsers)
 probably don't render - but there's always a fallback.
 - Structure
 Elements and classes are structured, properties are in alphabetical order
 - Coding convention
 Classes with up to 3 properties are in a single line,
 classes with more than 3 properties are broken into multiple lines
 
 */
/* LDD Additions
 -----------------------------------------------------------------*/
img.titleIcon {
    width: 75px;
    margin-top: -20px;
    float: left;
}

div.wordtube {
	float: 	right;
	margin: 5px 5px 5px 5px;
}

/* MINIMUM RESET
 ------------------------------------------------------------------ */
/* resets browser-specific styles - 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

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;
    text-align: center;
}

html {
    height: 100%;
    margin-bottom: 1px;
    overflow-y: scroll;
}

body {
    background: #D5DADD url(img/body-bg.jpg) top left repeat-x;
    font: 82.51% Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	line-height: 1.5em;
    font-smooth: always;
}

a {
    text-decoration: none;
}

a:link, a:visited {
    color: #004D99;
}

a:focus, a:hover, a:active {
    color: #86180A;
} #sidebar a, #sidebar a:link, #sidebar a:visited {
    color: #C54E0B;
    border-bottom: 1px solid #fff;
} #sidebar a:focus, #sidebar a:hover, #sidebar a:active {
    color: #111;
    border-bottom-color: #C54E0B;
}

abbr, acronym {
    cursor: help;
    border-bottom: 1px dashed #999;
}

blockquote {
    background-color: #F0F0F0;
    border-left: 2px solid #E5E5E5;
    color: #111;
    font-style: italic;
    margin: 0 0 .8em .5em;
    padding: .5em;
}

cite {
    font-style: italic;
}

code {
    background: #EAEAEA;
    font-size: 0.9em;
    font-family: Consolas, Monaco, monospace;
    padding: 1px 3px;
}

em {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    display: block;
    font-weight: normal;
    font-family: "Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", Arial, sans-serif;
}

h1 {
    font-size: 2em;
    margin: 0;
}

h2 {
    font-size: 30px;
    margin: .83em 0;
}

h3 {
    font-size: 24px;
    line-height: 1.3;
    margin: 1.55em 0 .2em;
}

h4 {
    font-size: 19px;
    margin: 1.33em 0 .2em;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
    font-weight: bold;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
    font-weight: bold;
} .hentry h2, h2.pagetitle, h3.archiveentrytitle {
    font-weight: normal;
    line-height: 1.2;
    margin: 0.3em 0 0.5em;
}

h2 a, h3 a, h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
    color: #565656;
    color: #669900;
    border-bottom: 1px solid #fff;
}

h2 a:active, h3 a:active, h2 a:focus, h3 a:focus, h2 a:hover, h3 a:hover {
    color: #669900;
    color: #565656;
    border-bottom: 1px solid #fff;
}

hr, separator {
    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;
}

/* Some effects for del and ins */
/*
 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:after {content: " [ + ]"; font-size: 0.7em; text-decoration: none; color: #777;}
 ins:hover:after {content: " - Inserted: " attr(datetime) " "; font-size: 0.8em; color: #777;}
 */
/* Generic classes
 ------------------------------------------------------------------- */
/* Ampersand, Ampersand, you are so beautiful */ .amp {
    font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman";
    font-style: italic;
} .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 2.7.x 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;
} .entry div.alignleft {
    float: left;
    margin: 0 8px 7px 0;
} .wp-caption {
    background-color: #F0F0F0;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    padding: 3px;
    width: auto !important; /* WP adds a width that is 10px broader than your image. Nasty if you've use a background-color other than white */
} .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;
}

div#sidebar li.widget div.textwidget a img, div#sidebar li.widget div.textwidget a:hover img {
    border: none;
}

/* Added */
small.unimportant {
    background-color: #F4F8F9;
    border: 1px solid #B3CDD8;
    border-top-color: #E6F0F2;
    -moz-border-radius: 13px 3px 3px 14px;
    -ms-border-radius: 13px;
    -khtml-border-radius: 13px;
    -webkit-border-top-left-radius: 13px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 13px;
    color: #3e5867;
    display: block;
    height: 17px;
    left: -39px;
    padding: 5px 14px 5px 39px;
    position: relative;
    width: 562px;
}

/* STRUCTURE - 2 cols
 ------------------------------------------------------------------- */ #container {
    float: left;
    margin: 0 -350px 0 0;
    width: 100%;
} #content {
    margin: 0 350px 0 0;
} #sidebar {
    float: right;
    overflow: hidden;
    width: 346px;
} #footer {
    clear: both;
    width: 100%;
} #page, #header, #footer {
    margin: 0 auto;
    width: 985px;
} #page {
    padding-top: 20px;
    padding-bottom: 20px;
} #header, #content, #sidebar, #footer {
    background-color: #fff;
    border-radius: 3px 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom: 1px solid #B2B3B5;
    border-right: 1px solid #B2B3B5;
    text-align: left;
} #content {
    padding: 19px 20px 20px;
} #content, #sidebar {
    margin-bottom: 3px;
} #footer {
    width: 928px;
    font-size: 12px;
    padding: 10px 28px;
    margin-bottom: 10px;
}

/* HEAD
 ------------------------------------------------------------------- */ #header {
    display: block;
    height: 157px;
    margin-bottom: 3px;
    padding: 0 20px;
    position: relative;
    width: 944px;
}

/**
 * EXAMPLE CODE for a image logo
 *
 */
/*
 h1, h1 a { display: block; height: 19px; width: 87px; }
 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: " →"; }
 
 */
/**
 * EXAMPLE CODE for a text logo
 *
 */
div#branding {
    display: block;
    position: absolute;
    top: 30px;
    left: 28px;
}

div#branding h1, div.description {
    
}

div.description {
    color: #868F98;
    font-size: 0.8em;
    margin: 17px 0 0 10px;
} #accessibility {
    display: block;
    font-size: 0.8em;
    position: absolute;
    top: 47px;
    right: 28px;
} #accessibility ul {
    display: block;
} #accessibility ul li, #accessibility ul li a {
    float: left;
    display: block;
} #accessibility ul li a {
    padding: 0 7px 0 4px;
    background: transparent url(img/navigation.png) right -200px no-repeat;
} #accessibility ul li.last-item a {
    background: none;
    padding-right: 0;
}

div#navigation, div#menu, div#menu ul {
    display: block;
    height: 41px;
    width: 929px;
}

div#navigation {
    background: #89CB11 url(img/navigation.png) top left repeat-x;
    position: absolute;
    top: 70px;
    left: 27px;
}

div#menu {
    background: transparent url(img/navigation.png) right -50px no-repeat;
}

div#menu ul {
    background: transparent url(img/navigation.png) left -100px no-repeat;
}

div#menu ul li, div#menu ul li a {
    display: block;
    float: left;
}

div#menu ul li a {
    background: transparent url(img/navigation.png) right -150px no-repeat;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 40px;
    padding: 0 10px 0 8px;
    text-shadow: 0px 1px 0px #555;
}

div#menu ul li:last-child a {
    background: none;
}
 /* Removes the background from the last hyperlink in a 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;
}
 /* FF3.1/Safari 4 ONLY -  applies a darker text-shadow to the link - seamless transition, thanks to :focus */
div#submenu {
    font-size: 0.8em;
    position: absolute;
    top: 46px;
    left: 2px;
}

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 7px 0 4px;
    color: #868F98;
    background: transparent url(img/navigation.png) right -200px no-repeat;
}

div#submenu ul li:last-child a {
    background: none;
}

div#submenu ul li a:hover {
    color: #000;
}

div#nav-search {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    height: 30px;
    line-height: 16px;
}

div#nav-search label {
    display: none;
}

div#nav-search input {
    vertical-align: middle;
} .page, .post, h2.pagetitle, h3#comments, p.nocomments, p.edit-page {
    padding: 0 8px;
} .post {
    margin-bottom: 5px;
    padding-bottom: 5px;
} .entry {
    margin: 30px 0 5px;
    font-size: 12px;
    line-height: 20.5px;
} .entry p, .entry ol, .entry ul {
} .entry p, .entry ol, .entry ul {
    margin: 10px 0;
} .entry ol {
    margin-left: 1.1em;
    padding-left: 1.1em;
} .entry ul {
    margin-left: 1.1em;
    padding-left: 1.1em;
} .entry ol li {
    list-style-type: decimal;
} .entry ul li {
    list-style-type: disc;
} .entry blockquote p {
    margin: 0;
} .postmetadata {
    border-top: 1px dotted #D5D5D5;
    border-bottom: 1px dotted #DDDDDD;
    font-size: 10px;
    color: #999;
    margin-top: 20px;
    padding: 7px 2px;
	clear: both;
} .postmetadata .tags a {
    color: #666;
    padding: 1px 3px;
} .postmetadata .tags a:hover {
    background-color: #efefef;
}

/* FORMS - Comments */
h3#comments {
    margin: 30px 0 20px;
}

ol.commentlist {
    font-size: .8em;
    margin: 10px 0 20px;
}

ol.commentlist li {
    background-color: #f9fbfc;
    border-top: 1px solid #b3cdd8;
    border-bottom: 1px solid #b3cdd8;
    padding: 12px 8px;
}

ol.commentlist .thread-alt {
    background-color: #f4f8f9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

ol.commentlist .thread-even {
    background-color: #fff;
}

ol.commentlist .depth-1 {
} .commentlist .even, .commentlist .alt {
}

li.comment-author-admin {
    background-color: #b3cdd8;
} .commentlist li .avatar {
    background-color: #fff;
    border: 1px solid #eee;
    float: left;
    margin-right: 7px;
    padding: 2px;
} .commentlist cite, .commentlist cite a {
    font-style: normal;
    font-weight: bold;
} .commentlist cite {
    font-size: 1.1em;
} .commentlist p {
    display: block;
    font-weight: normal;
    line-height: 1.5em;
    margin: 3px 8px 3px 46px;
    text-transform: none;
} .commentlist .comment-meta {
    font-size: 0.9em;
    margin-bottom: 3px;
}

textarea#comment {
    width: 100%;
} #respond {
    background-color: #E6F0F2;
    border-radius: 3px 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 15px;
    padding: 8px 8px;
} #respond h3 {
    margin-top: 0;
}

/* SIDEBAR */
div#sidebar {
    padding: 15px 20px 15px 10px;
    width: 316px;
    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 {
    border-bottom: 1px dotted #ddd;
    margin: 0 0 9px;
    padding: 0 8px 9px;
}

ul.pagination-sb, ul.tools-sb, ul.twitter-sb {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 9px;
    padding-bottom: 9px;
} .pagination-sb li, .tools-sb li, .twitter-sb li {
    display: block;
    overflow: hidden;
}

div#sidebar .tools-sb li.rss-icon a {
    background: transparent url(img/rss-icon.png) center left no-repeat;
    border: none;
    display: block;
    height: 33px;
    line-height: 1.05em;
    padding: 2px 7px 2px 65px;
}

div#sidebar .twitter-sb li {
    padding: 0 7px 2px 65px;
}

div#sidebar .twitter-sb li.twitter-icon {
    background: transparent url(img/twitter_48.png) center left no-repeat;
    line-height: 1.25em;
    padding: 2px 7px 2px 65px;
}

div#sidebar .twitter-sb li.twitter-icon a {
    border: none;
    display: block;
    height: auto;
    color: #111;
}

div#sidebar .tools-sb li.rss-icon a {
    color: #111;
}

div#sidebar .pagination-sb li a, div#sidebar .pagination-sb li a:link, div#sidebar .pagination-sb li a:visited {
    background: transparent url(img/next-prev-sprite.png) right -195px no-repeat;
    border: none;
    display: block;
    line-height: 1.2;
    margin: 5px 8px 5px;
    padding: 2px 57px;
}

div#sidebar .pagination-sb li a:active, div#sidebar .pagination-sb li a:focus, div#sidebar .pagination-sb li a:hover {
    background-position: right -295px;
    border: none;
}

div#sidebar .pagination-sb li.previous_post a {
    background-position: left 5px;
}

div#sidebar .pagination-sb li.previous_post a:hover {
    background-position: left -95px;
}

div#sidebar .pagination-sb li a span, div#sidebar .tools-sb li a span, div#sidebar .twitter-sb li a span {
    color: #C54E0B;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-bottom: 3px;
    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;
}

div#sidebar ul.sb-list {
    margin-left: 10px;
}

div#sidebar ul.group {
    float: left;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 148px;
} .pagination {
    font-size: 0.8em;
    margin-bottom: 10px;
}

ol.page-link {
    background-color: #F5F5F5;
    border-radius: 4px 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    font-size: 0.9em;
    margin: 0 0 20px;
    padding: 10px;
    width: auto;
}

ol.page-link li {
    display: block;
    float: left;
    line-height: 16px;
    margin-left: 0; /* Resets specific ol/ul/li within the CONTENTs default values */
}

ol.page-link li span {
    border-radius: 2px 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin: 0 0 0 3px;
    background-color: #ddd;
    color: #111;
    width: 16px;
}

ol.page-link li span a, ol.page-link li span a:active, ol.page-link li span a:focus, ol.page-link li span a:hover, ol.page-link li span a:link, ol.page-link li span a:visited {
    background-color: #285776;
    border-radius: 2px 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px;
}

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 {
    color: #434343;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 1px;
}

/* FOOTER
 ------------------------------------------------------------------ */
/* CLEARFIX
 ------------------------------------------------------------------ */
html .clearfix {
    display: block;
} * html .clearfix {
    height: 1%;
} .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	clear: both;

} .clearfix {
    display: inline-block;
}
