/*  

Theme Name: Cloud Ten Blog  (Dark Theme)
Theme URI: http://blog.cloudtenpictures.com/
Description: A magazine-style theme designed especially for Cloud Ten Pictures incorporating the new c10 logo.
Version: 1.0
Author: John Jinks
Author URI: http://blog.cloudtenpictures.com/



The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

TABLE OF CONTENTS
  Nav
  HTML Tags
  Structure
  Headers
  Content Styles
           Misc
           Sidebar
           Single Post
           Archives
  Post Styles



  Comments



  Form Elements



  Float Clearing



  Footer



  











/* ---------- @ Nav -----------*/







@import url('css/nav.css');



















/* ---------- @ HTML Tags -----------*/











* {



        margin:0;



        padding:0;



        outline:none;



        }







body,html {



        min-height:101%; /*Firefox scrollbar fix*/



        }



        



body {



        background-image:url('images/bg-gradient.jpg');

        background-repeat: repeat;

        background-color: #010103;

        line-height: 13px;

        color:#000000;



}







body, select, input, textarea {



   font-family: Arial, Helvetica, sans-serif;

   font-size: 12px;

}



        

p {        



        margin: 15px 0;

        line-height:150%;

}







a, a:visited, a:hover, a:active {



        color: #1322ad;

                font-weight: bold;

        }









hr {



        display: block;



        height:1px;



        background:#d7d7d7;



        border:0;



        color:#d7d7d7;



        }







table {



        border-collapse:collapse;



        width:100%;



        margin:15px 0;



        border-top:1px solid #e0ded9;



        border-bottom:1px solid #e0ded9;



        }







td {



        padding:4px 6px;



        background:#F5F3EE;



        border-bottom:1px solid #FFF;



        }



                



table caption {



        background:#f5f3ee;



        padding:2px 0;



        }        



                        



a img, a:visited img {



        border:none



        }



        



blockquote {



        color:#76767a;



        padding:0 18px;



        margin:25px 45px;



        border-left:3px solid #DDD;



        font:italic 1em Georgia, "Times New Roman", Times, serif;



        letter-spacing:0.02em;



        }







pre {



        width:100%;



        overflow:auto;



        }



        

                             











/* ---------- @ Structure -----------*/







#page {



        width:1020px;

        margin:0 auto;

        padding-top:8px;



        }



        



#wrapper {

font-family: Arial, Helvetica, sans-serif;

width: 1020px;

background : #fff;

color: #000000;

float: left;

border:thin #000000;



}







.header_container {

vertical-align:top;

font-family: Arial, Helvetica, sans-serif;

width: 1020px;

border: 1px solid #000;

color: #000;

}







div#header {

vertical-align:top;

width: 1020px;

}



div#logo {

float: left;

background-image:url('images/logo.png');

background-color: inherit;

height: 82px;

width: 326px;

margin-top: 5px;

margin-bottom: 10px;

}



div#header_right_top {

background-color: inherit;

float: right;

height: 48px;

width: 590px;

text-align:right;

font-size : 16px;

color : #48598d;

padding-right: 10px;

}



div#header_right_bottom {

background-color: inherit;

float: right;

text-align:right;

height: 38px;

width: 590px;

font-size : 16px;

color : #48598d;

padding-right: 10px;

}









#content {

        width:500px;

        float:left;

        padding: 0 0 0 20px;

        }



        



#description {



        font: italic 1.2em Georgia, "Times New Roman", Times, serif;



        color:#888787;



        padding: 0 0 0 20px;



        border-left:1px dotted #7c7c7c;



        margin:13px 0 0 20px;



        float:left;



        letter-spacing:0.01em;



        }



        



.left {



        float:left;



        }







.right {



        float:right;



        }







#sidebar {

        width: 420px;

        float:right;

        padding: 0 10px 0;



}







#featured-cats {



        width:182px;



        float:left



        }







#more-posts {



        width:380px;



        float:right;

                

                margin-top:23px;

                margin-right:10px;

        }



        



        



        



/* ---------- @ Headers -----------*/







h1 {



        font-family:Arial, Helvetica, sans-serif;

                font-size:18px;

                font-weight:bold;



        letter-spacing:-0.01em;



        float:left;



        }







h2 {



padding-bottom:8px;



margin: 25px 0 20px 0;



color: #3854a5;



font-size: 22px;

font-family:Arial, Helvetica, sans-serif;



line-height: 26px;



width: 100%;



}



        



#lead .pagetitle{

        color: #3854a5;

}



#lead h2 {



        font-family:Arial, Helvetica, sans-serif;

                font-size:22px;

        line-height:115%;

                color: #3854a5;



        margin:3px 0 -8px 0;



        padding-bottom:8px;



        }        



        



.post h2 {



        font-size:2.2em;



        padding: 0;



        margin: 15px 0 0 0;



        }



        



h2.posttitle {



        margin:25px 0 0 0;



        padding:0 0 12px 0;



        }







.pagetitle {



        border-bottom:1px solid #d7d7d7;



        padding:0 0 12px 0;



        margin:25px 0 20px 0;



        font-size:2.2em;

                color: #3854a5;



                font-family:Arial, Helvetica, sans-serif;

        }



                                



h3 {



order-top:3px solid #d7d7d7;



border-bottom:1px solid #d7d7d7;



padding:5px 0 5px 3px;



margin:22px 0 15px 0;



color: #788ac5;



font-size: 16px;



line-height: 21px;



}







.post h3 {



        border:none;



    font-size: 15.5px;



        color: #232323;



        letter-spacing:0;



        }



        



#featured-cats h3, #more-posts h3 {



        margin:0 0 15px 0;

color: #788ac5;



        }



                



h3#respond {



        margin:45px 0 20px 0;



        }







h3#comments {



        margin-top:32px



        }







h4 {



margin-bottom:-10px;



color: #000000;



font-size: 15px;



line-height: 21px;



}



        



.post h4 {



        margin:15px 0;



        }



        



.archive-list h4 {



        margin:0;



        font-size:14.5px;



        line-height:125%;



        }



        



h5 {



        font-size:12px;



        font-family:Arial, Helvetica, sans-serif;



        font-weight:normal;



        line-height:18px;



}







h6 {



        font:bold 0.9em Arial, Helvetica, sans-serif;



        }











        



/* ---------- @ Content Styles -----------*/











/*Misc*/







h1 a, h1 a:visited {



        color:#444;



        text-decoration:none



        }







h1 a:hover {



        color:#686868;



        }







h1 a:active {



        color:#929292;



        }



                        



h4 a, h4 a:visited {



        color:#383838;



        text-decoration: none



        }



        



h5 a, h5 a:visited,



h5 a:hover, h5 a:active {



        text-decoration: none



        }



        



#more-posts img, .archive-list a img, .archive-list a:visited img {



        float:left;



        margin: 4px 18px 8px 0;



        padding:2px;



        border:1px solid #b9b9b9;



        background:#FFF;



        }



        



#more-posts img {



        margin:3px 12px 4px 0;



        }







.recent-excerpts {



        padding-bottom:10px;



        }







.recent-excerpts a{







        }







#featured-cats ul {



        margin:3px 0 22px 0;



        }







#featured-cats li {



        list-style:none;



        border-bottom:1px dotted #B6B6B6;



        padding:5px 0 8px 6px;



        margin:4px 0;



        line-height:135%;



        }



                



#lead {



        margin:22px 0;

        }







#lead:hover {



        background:#e8e8e8;



        border-bottom:1px solid #cbcbca;



        border-right:1px solid #cbcbca;



        }







#lead-text {



        float:left;



        width:320px;



        padding:13px 15px 16px 0;



        }







#lead br, .recent-excerpts br /*cleans up excerpts*/ {



        margin-bottom:15px;



        }







#lead img {



        float:left;



        margin-right:22px;



        }



                        



.commentcount {



        padding-right: 19px;



        background:url('images/bubble.gif') no-repeat right;



        font:.8em Arial, Helvetica, sans-serif;



        }







#lead h2 .commentcount {



        font-size:0.8em;

                margin-bottom:5px;

                margin-left:5px;



        }







.postmetadata .commentcount {



        font-size:1em;



        }



                



.date {



        float:left;



        margin:17px 4px 0 0;



        font-size: 0.75em;

                font-family:Arial, Helvetica, sans-serif;



        color:#737373;



        letter-spacing:0.03em;



        }







#featured-cats .date {



        margin: 2px 3px 0 0;



        }











/*Sidebar and Widgets*/







#sidebar li, .headlines li {



        margin-left:30px;



        padding:5px 0;



        }







#sidebar a, #sidebar a:visited,



.archive-list h4 a, .archive-list h4 a:visited,



.commentcount a, .commentcount a:visited, 



.fullarchive a, .fullarchive a:visited {



        color:#424242;



        text-decoration: none;



        }







#sidebar a:hover, #sidebar a:active,



#home #content a:hover, #home #content a:active, 



.archive-list h4 a:hover, h4 .archive-list a:active, 



.commentcount a:hover, .commentcount a:active, 



.fullarchive a:hover, .fullarchive a:active {



        color:#686868;



        text-decoration: underline;



        }







#wp-calendar td {



        text-align:center;



        padding:3px;



        }        



        



#recentcomments {



        color: #787878;



        }







a.rsswidget, a.rsswidget:visited {



        font-weight: bold



        }







#ads img, .wp125ad img {



        float:left;



        margin:0 0 6px 6px;



        }







.textwidget {



        margin: 15px 0;



        line-height:160%;



        }        



        



.widget td {



        background:none;



        }



        



.widget table {



        border:none



        }



        



                



                



        



/*Single Posts*/







#writer {



        background:#ededed;



        margin:-10px 0 22px 0;



        padding:3px 20px 16px 20px;



        border-bottom:1px solid #dadada;



        border-top:1px solid #dadada;



        }



        



#writer img {



        padding:1px;



        border:1px solid #b2afa4;



        float:left;



        margin:18px 15px 6px 0;



        }







#tags {



        padding:3px;



        border-bottom:1px solid #DDD;



        border-top:1px solid #DDD;



        }        







#tags a, #tags a:visited {



        text-decoration: none



        }



        



        



/*Archives*/







.archive-list li {



        list-style:none;



        width:285px;



        float:left;



        height:103px;



        margin: 8px 25px 18px 0;



        border-bottom:1px dotted #b1b1b1;



        }







.archive-list img {



        margin:0 14px 0 0;



        }







.archive-list .postmetadata {



        border:none;



        margin:0;



        padding:4px 0 0 0;



        }



                



#pagination {



        margin-top:30px;



        width:604px;



        }







#pagination .left {



        width:290px;



        text-align:right;



        }







#pagination .right {



        float:right;



        width:294px;



        }















/* ---------- @ Post Styles -----------*/







.entry {



        padding-bottom:10px;



        }







.postmetadata {



        padding: 7px 0;



        border-top:1px solid #d7d7d7;



        margin:0 0 20px 0;



        color:#7a7a7a;



        }        







.post code {



        background:#f5f3ee;



        padding:3px;



        font-size:1.2em;



        }



                        



.post ul li {



        margin: 0 0 5px 42px;



        line-height:115%;



        }







.post ol li {



        margin:0 0 5px 48px;



        line-height:115%;



        }











/*Images*/



        



.entry img {



        display:block;



        border:1px solid #999;



        padding:2px;



        margin:15px 0;



        }







.wp-caption.alignleft, 



.wp-caption.alignright, 



.wp-caption.aligncenter {



        background:#f5f3ee;



        text-align:center;



        padding:10px 5px 10px 10px;



        border:3px double #FFF;



        }







img.alignleft {



        margin:5px 15px 10px 0;



        float:left



        }







img.alignright {



        margin:5px 0 10px 15px;



        float:right



        }







.wp-caption.alignleft {



        float:left;



        margin:5px 22px 10px 0;



        }



        



.wp-caption.alignright {



        float:right;



        margin:5px 0 10px 22px;



        }







.wp-caption.aligncenter, img.aligncenter {



    margin: 0 auto;



        display:block;



        margin-bottom:15px;



        float:none



           }



                



p.wp-caption-text {



        margin:0;



        text-align:center;



        padding:5px 0;



        }        







.wp-caption img {



        float:none;



        margin:0;



        }        







.gallery {



        margin:15px 0;



        display:block;



        }



        



.gallery img {



        border:1px solid #999 !important;



        padding:2px;



        }







.gallery-item {



        padding:12px 0;



        }







.gallery-caption {



        padding:10px;



        }



        



        



        



        







/* ---------- @ Comments -----------*/







.reply a, .reply a:visited  {



        width:75px;



        background:#CCC;



        color:#FFF;



        display:block;



        margin-bottom:15px;



        padding:5px !important;



        text-align:center;



        border-bottom:1px solid #f2f2f2;



        border-right:1px solid #f2f2f2;



        text-decoration:none !important;



        font:italic 1em Georgia,Arial,Verdana;



        }







.reply a:hover {



        background:#aeaeae;



        text-decoration:none;



        border-bottom:1px solid #898989;



        border-right:1px solid #898989;        



        color:#FFF;



        }







.reply a:active {



        background:#CCC;



        }



                        



.commentlist li {



        margin: 0 0 18px 0;



        padding: 15px;



        background:#F2F2F2;



        border-bottom:1px solid #DDDDDD;



        border-top:1px solid #DDDDDD;



        list-style:none



        }







.commentlist li.depth-2 {



        border:none;



        background:#FFF;



        border-top: 1px solid #f2f2f2;        



        margin-left:15px;



        }







.commentlist li.depth-3         {



        margin-left:15px;



        border:none;



        background:#f2f2f2;



        }







.commentlist li.bypostauthor {



        background:#e5e5e5 !important; 



        border:1px solid #c7c7c7 !important;



        }



        



.commentlist code {



        background:#e0e0e0;



        padding:3px;



        }



        



.avatar {



        margin: 3px 10px 0 0;



        float:left;



        padding:2px;



        border:1px solid #b9b9b9;



        background:#FFF;        



        }







#trackbacklist li {



        margin: 10px 0 10px 35px;



        }







#trackbacklist cite {



        font-style:normal



        }



                        



cite.fn {



        font: bold 1.4em Georgia, "Times New Roman", Times, serif;



        letter-spacing:-0.05em;



        display:block;



        padding-top:9px;



        }        







.says {



        display:none;



        }



        



.commentmetadata {



        float:left



        }



 



.comment-date a, .comment-date a:visited {



        color:#868686;



        font-size:0.9em;



        text-decoration:none



        }







.commentmetadata a:hover, .commentmetadata a:active  {



        text-decoration:underline;



        color:#333;



        }







                



        



        



/* ---------- @ Form Elements -----------*/







#author, #email, #comment, #url, #s {



        background:#FFF !important;



        padding:5px;



        border:1px solid #bfbfbf;



        border-left:1px solid #e2e2e2;



        border-top:1px solid #e2e2e2;



        }







#author, #email, #url {



        width:220px;



        }



                



.button {



        padding: 8px 14px;



        background:#424242;



        color:#FFF !important;



        border:none;



        font-size:1.1em;



        }







.button:hover {



        background:#272727;



        color:#FFF;



        text-decoration:none



        }







.button:active {



        background:#000;



        }







#commentform textarea {



        width: 98%;



        margin-top:5px;



        height:250px;



        }







#searchform {



        float:right;



        width:230px;



        text-align:right;



        padding-top:8px;



        }







#s {



        width:190px;



        font-size:1em;



        }



        



#s:focus {



        background:#f8f8f8 !important;



        }







#searchsubmit {

        vertical-align:top

}



        





/* ---------- @ Float Clearing -----------*/







.clearfloat:after {



        display:block;

        visibility:hidden;

        clear:both;

        height:0;

        content:".";



        }



        



.clearfloat {

        display:inline-block

        }







.clearfloat {

        display:block

        }



        











/* ---------- @ Footer -----------*/







#footer {

        font-size:0.75em;

        padding:16px 25px 25px 25px

        }







#footer a, #footer a:visited {



        color:#94928b;



        text-decoration:none;



        }







#footer a:hover {



        color:#5a5954;



        }







#footer a:active {



        text-decoration:underline



        }



                        



#footer img {



        vertical-align:middle;



        }



        



#copyright {



        float:left;



        width:550px;



        }







#rss {



        float:right;



        width:350px;



        text-align: right


}

/* ---------- @ Footer -----------*/
.fbHeading {
border-top:3px solid #d7d7d7;
border-bottom:1px solid #d7d7d7;
padding:5px 0 5px 3px;
margin:22px 0 15px 0;
color: #788ac5;
font-size: 16px;
line-height: 21px;
}

#fbContainer {
vertical-align:top;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #000;
color: #000;
}