/*  

Theme Name: Cloud Ten Blog

Theme URI: http://blog.cloudtenpictures.com/

Description: A magazine-style theme designed especially for Cloud Ten Pictures

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-color: #283f83;



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;

border: 1px solid #000;

background-color: #fff;

color: #000;

}



.header_container {

vertical-align:top;

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

width: 1020px;

border: 1px solid #000;

background-color: #dadfe5;

color: #000;

}



div#header {

vertical-align:top;

width: 1020px;

background-color: #dadfe5;

}



div#logo {

float: left;

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

background-color: inherit;

height: 75px;

width: 420px;

}



div#header_right_top {

background-color: inherit;

float: right;

height: 38px;

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: 37px;

width: 590px;

font-size : 16px;

color : #48598d;

padding-right: 10px;

}





#content {

        width:550px;

        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

        }