/*
Theme Name: Circlebox Blog
Theme URI: http://www.nouveller.com/
Description: A custom theme for Circlebox Blog
Version: 1.0
Author: Benjamin Reid
Author URI: http://www.nouveller.com/
Tags: two columns, blue, grey
*/



/* http://meyerweb.com/eric/tools/css/reset/ compressed */  body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,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{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}*//* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup table{border-collapse:collapse;border-spacing:0}*/



/* - layout - */

body { padding: 0; margin: 0; background: #838383 url(images/global/background-body.jpg) repeat-x top left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #444141; }

p { padding: 10px 0 10px 0; margin: 0; line-height: 22px; }

a { color: #444141; }

a:hover { color: #2293c4; }


#header { width: 100%; height: 43px; }

.holder { width: 960px; padding: 0 120px 0 120px; margin: 0 auto 0 auto; overflow: hidden; }

#wrapper { width: 960px; padding: 0 120px 70px 120px; margin: 0 auto 0 auto; background: #fff url(images/global/background-wrapper-shadow.jpg) repeat-y top left; overflow: hidden; position: relative; z-index: 1; }

#left-corner { width: 120px; height: 20px; position: absolute; z-index: 2; left: 0; top: 0; background: url(images/global/left-corner.jpg); }

#right-corner { width: 120px; height: 20px; position: absolute; z-index: 3; right: 0; top: 0; background: url(images/global/right-corner.jpg); }


/* left column */

.left-column { width: 675px; float: left; overflow: hidden; }

.left-column .top { width: 675px; height: 17px; background: url(images/global/background-wrapper.jpg) repeat-x top left; }

.content { width: 615px; padding: 0 30px 0 30px; }

#notification { width: 558px; margin: 20px 0 0 0; padding: 10px; background: #feffe9; border: solid 1px #d3d4c2; }

#notification p { padding: 0; margin: 0; }


/* logo */

a#circlebox-logo { width: 220px; height: 75px; margin: 30px 0 0 30px; text-indent: -9999px; display: block; overflow: hidden; background: url(images/global/circlebox-blog-logo.jpg) no-repeat top left; }

a#circlebox-logo:hover { background-position: 0 -75px; }


/* right-column */

.right-column { width: 285px; float: left; overflow: hidden; }

#wrapper .right-column .top { width: 285px; height: 30px; background: url(images/global/right-column-top.jpg) no-repeat top left; }

.right-column h4 { display: block; background: #444141; padding: 10px 0 10px 10px; margin: 5px 0 5px 0; font-size: 17px; color: #f2f2f2; }

.right-column h4 a { color: #fff; text-decoration: none; }

.right-column h4 a:hover { text-decoration: underline; }

#wrapper .right-column p { font-size: 16px !important; }



/* search form */

form#search-form { width: 283px; height: 25px; padding: 0; margin: 7px 0 0 0; border: solid 1px #444141; }

form#search-form input { float: left; }

input#search { width: 203px; height: 24px; font-size: 17px; font-weight: bold; border: none; color: #8b8b8b; padding: 0 5px 0 5px; margin: 0; background: #f2f2f2; }

input#submit { width: 70px; height: 24px; text-indent: -9999px; padding: 0; margin: 0; border: none; overflow: hidden; background: url(images/global/magnifying-glass-icon.jpg) no-repeat; }


/* menu */

ul#menu { margin: 0; padding: 0; overflow: hidden; position: relative; }

ul#menu li { float: left; list-style: none; }

ul#menu li a { height: 29px; padding: 11px 0 0 0; color: #fff; font-size: 17px; display: block; white-space: nowrap; text-align: center; font-weight: bold; text-decoration: none; }

ul#menu li a:hover, li.current a { color: #2293c4 !important; }

ul#menu li a:active { }


a#menu-home { width: 90px; }

a#menu-about { width: 90px; }

a#menu-archives { width: 110px; }

a#menu-advertise { width: 120px; }

a#menu-authors { width: 105px; }

a#menu-contact { width: 105px; }


/* post */

ul#post-list { padding: 20px 0 30px 0; margin: 0; }

ul#post-list li { padding: 30px 0 30px 0; margin: 0; border-bottom: solid 1px #eeeeee; list-style: none; }

.post { padding: 0; overflow: hidden; }

.post-title .post-meta { margin-top: 0px !important; }

.post-title h2 { font-size: 23px !important; font-weight: bold !important; padding: 0 !important; margin: 0 0 5px 0 !important; }

.post-title h2 a { text-decoration: none !important; }

.post-title h2 a:hover { text-decoration: underline !important; }


.border { padding: 5px; background: #444141; }


.post-meta { font-size: 13px; font-style: italic; padding: 0px 5px 0px 3px; margin: 10px 0 5px 0; color: #eaeaea; background: #444141; float: left; }

.post-meta a { color: #eaeaea; }

.post-meta a:hover { color: #2293c4; }

.spacer { width: 455px; }

.other-spacer { width: 109px; text-align: right; }


/* footer */

#footer { width: 100%; height: 510px; background: #444141; }

#footer .holder { width: 960px !important; height: 440px; color: #fff; padding: 70px 120px 0 120px; margin: 0 auto 0 auto !important; background: #444141 url(images/global/background-footer.jpg) top center no-repeat; overflow: hidden; }

ol { list-style: decimal; padding: 5px 0 0 22px; margin: 0; }

ol li { padding: 5px 0 5px 0; }

ol li a { color: #fff; }

h5 { font-size: 17px; font-weight: bold; padding: 0; margin: 0; }

h5 a { color: #fff; }

.top-posts { width: 530px; float: left; }

.flickr-photos { width: 430px; float: left; }

#photoAlbum { margin-top: 10px; }

span.flickrImage img { width: 90px !important; height: 90px !important; padding: 0 !important; margin: 0 10px 10px 0 !important; border: none !important; }

span.flickrImage { padding: 0 !important; margin: 0 !important; border: none !important; }

.copyright { color: #989193; font-size: 10px; }

.copyright a { color: #989193; }

#extra-footer { width: 100%; height: 50px; background: #282525; border-top: solid 1px #989193; }

#extra-footer .holder { width: 960px !important; height: 50px; padding: 0 120px 0 120px; margin: 0 auto 0 auto !important; background: #282525; }


/* social list */

ul.social { padding: 0 0 10px 15px; margin: 0; overflow: hidden; }

ul.social li { display: block; padding: 5px 0 5px 0; clear: both; }

ul.social li img, ul.social li p { float: left; }

ul.social li img { margin: 0 5px 0 0; }

ul.social li p { padding: 0; margin: 0; display: block; width: 230px; line-height: 16px;  }

ul.social li#rss p, ul.social li#rss a { color: #f86407; }

ul.social li#email p, ul.social li#email a { color: #c4c4c4; }

ul.social li#twitter p, ul.social li#twitter a { color: #3bb1db; }

ul.social li#flickr p, ul.social li#flickr a { color: #ed1592; }

ul.social li#facebook p, ul.social li#facebook a { color: #3c5b9b; }


/* categories list */

ul.list { padding: 0 0 10px 15px; margin: 0; overflow: hidden; }

ul.list li { width: 120px; float: left; display: block; padding: 5px 0 5px 0; white-space: nowrap; }


/* twitter feed */

ul#twitter_update_list { padding: 5px 15px 0 15px; margin: 0; }

ul#twitter_update_list li { padding: 0 0 20px 0; text-align: right; font-size: 17px !important; }

ul#twitter_update_list li a { color: #2293c4; display: block; }

ul#twitter_update_list li span a { display: inline; }


/* BSA */

#bsaz_1241842 { background: transparent !important; }

.sidebar-ad-holder { width: 285px; padding: 10px 0 0 15px; }

#ad-125 { padding-left: 13px !important; }

.adblock, .adhere { text-align: center; }

#ads-20by20 { width: 955px; height: 20px; padding: 0 0 0 5px; margin: 10px 0 30px 0; }


#page { padding: 30px 0 60px 0; }

#page ul { list-style-type: disc; }

#page ul li { padding: 5px 0 5px 0; }

#ad-250 { padding-left: 18px !important; }

#designgiveaways { padding-bottom: 10px; padding-left: 5px; }


/* post content */

#author-content { width: 675px !important; padding: 0 0 30px 0 !important; }

#post-content { width: 675px !important; padding: 30px 0 30px 0 !important; }

.padded-content { width: 615px; padding: 0 30px 0 30px; }

.null-padding-top { padding-top: 0 !important; }

#main-content { background: url(images/global/post-shadow.jpg) repeat-x bottom; padding-top: 15px; }

#main-content h1 { font-size: 23px; text-decoration: underline; padding: 15px 0 10px; margin: 0; }

#main-content h2 { font-size: 20px; font-weight: normal; padding: 15px 0 10px; margin: 0; }

#main-content h3 { font-size: 17px; font-weight: bold; padding: 15px 0 10px; margin: 0; }

#main-content h4 { font-size: 17px; font-weight: normal; color: #444141; background: none !important; display: inline !important; padding: 15px 0 15px; margin: 0; }

#main-content h5 { font-size: 17px; font-weight: bold; font-style: italic; color: #e64f3c; padding: 15px 0 10px; margin: 0; }

#main-content h6 { font-size: 17px; font-weight: bold; font-style: italic; color: #b0d060; padding: 15px 0 10px; margin: 0; }

#main-content ul { list-style: disc; }

#main-content ul li { padding: 5px 0 5px 0; }


/* author box */

#author-box { width: 675px; height: 175px; padding: 0 0 5px 0; overflow: hidden; background: url(images/global/background-author.jpg) repeat-x top #cddce1; }

.author-avatar { width: 175px; height: 175px; float: left; }

.author-avatar img { padding: 5px; background: #fff; margin: 20px 0 0 20px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 20px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 20px; }

.author-info { width: 500px; height: 175px; float: left; }

p.author-heading { width: 480px; padding: 20px 0 5px 0; margin: 0; display: block; border-bottom: solid 1px #e2e4e4; }

p.author-description { width: 480px; display: block; }

#author-info p { line-height: 22px !important; }


.author-info ul.social { padding: 0 !important; margin: 0 !important; }

.author-info ul.social li { float: left; width: 250px; overflow: hidden; display: block; clear: none !important; }

.author-info ul.social li p { width: 225px; float: left; }


/* comments */

ul.comments-list { padding: 20px 0 0 0; margin: 0; }

ul.comments-list li { padding: 0 0 30px 0; margin: 0; display: block; overflow:  hidden; clear: both; }

ul.comments-list li.bypostauthor .comment-holder .commenter-post p.author-name strong { color: #2293c4 !important;  }

.commenter-avatar { width: 115px; height: 100px; overflow: hidden; float: left; }

.commenter-post { width: 465px; min-height: 100px; float: left; overflow: hidden; border-bottom: solid 1px #e8e8e8;  }

.commenter-post p.author-name { padding: 0; margin: 0; }

.moderation { font-style: italic; }

.date { padding: 0; margin: 0; font-size: 12px; }


ul.pings-list { list-style: disc; }

ul.pings-list li { padding: 0 0 5px 0; }


#contact-l-column { width: 215px; float: left; overflow: hidden; }

#contact-r-column { width: 390px; padding: 0 0 0 10px; float: left; overflow: hidden; }

input#author, input#url, input#email, input#twitter { width: 206px; height: 21px; padding: 3px 0 0 5px; margin: 0 0 10px 0; border: solid 2px #8b8b8b; }

textarea#comment { width: 346px; padding: 0; margin: 0; height: 174px; border: solid 2px #8b8b8b; }

input#submit-comment { width: 98px; height: 28px; float: right; text-indent: -9999px; padding: 0; margin: 10px 40px 0 0; border: none; overflow: hidden; background: url(images/global/comment-button.jpg) no-repeat; }



/* share */

#share { width: 540px; height: 140px; background: url(images/global/background-share.jpg); padding: 15px 20px 20px 20px; margin: 0 0 50px 0; }

#share p { padding: 0 0 5px 0; margin: 0; }

.share-box { float: left; margin: 0 5px 0 0; }

#share-rss, #share-delicious { width: 32px; }

#share-stumbleupon { width: 55px; }

#share-designbump { width: 75px; }

#share-tweetmeme { width: 50px; }

#share-digg { width: 55px; }

#share-reddit { width: 51px; }

#share-facebook { width: 60px; }

#pings-button { padding: 0 0 30px 0; margin: 0; }




/* authors list */

ul#authors-list { padding: 0; margin: 0; }

ul#authors-list li { clear: both; list-style: none; }

ul#authors-list li p.author-name-arch { padding-top: 20px; margin-top: 0; }


ul.car-list { font-family: Helvetica, Arial, sans-serif; }


/* - classes - */

.clear { clear: both; height: 0; overflow: hidden; }