/*  
Theme Name: Compositio
Theme URI: http://designdisease.com/
Description: Created by <a href="http://designdisease.com">Design Disease</a>. This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like. Just leave the credits link under your footer :)
Version: 1
Author: Design Disease
Author URI: http://designdisease.com/
*/

*{margin:0;padding:0;}
body{background:#c6e5f2 url(images/body-bkg.png) no-repeat center top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin-top:0;color:#35383d;padding:0;}
input,button,textarea,select{font:normal 12px/12px "Verdana", sans-serif;color:#2d3538;vertical-align:middle;}
fieldset{border:none;}
ul,ol{list-style:none;}
ol{list-style-type:decimal;}
table{border-collapse:collapse;width:100%;}
img{border:none;text-align:center;margin:0;padding:0;}
a:active{text-decoration:underline;color:#09c;border:0;-moz-outline-style:none;}
a:hover{text-decoration:underline;color:#025d87;border:0;-moz-outline-style:none;}
a:focus{outline:none;-moz-outline-style:none;}
h1,h2,h3,h4{font-family:Arial, Helvetica, sans-serif;}
#bg{width:980px;margin:30px auto 0;}
#bg-all{width:980px;background:#fff;overflow:hidden;}
.container{float:left;width:685px;padding:20px 0 20px 10px;}
.menu{overflow:hidden;float:left;background:#def1f9;width:980px;margin:0 auto;padding:10px 0 0 10px;}
.menu li{display:inline;font:bold 14px/14px "Arial";letter-spacing:-1px;float:left;height:28px;}
.menu li ul li{font-weight:400;letter-spacing:normal;}
.menu li a,.menu li a:visited{color:#272d36;float:left;margin-right:5px;padding:4px 6px 10px;}
.menu li a:hover{background:#fff;color:#09c;text-decoration:none;}
.menu .current_page_item a,.menu .current_page_item a:visited,.menu .current_page_item a:hover{background:#272d36 url(images/menu-on-bkg.png) repeat-x bottom;color:#fff;}
.menu .current_page_item .page_item a,.menu .current_page_item .page_item a:visited{background:#def1f9;color:#272d36;}
.menu .current_page_item .page_item a:hover{background:#fff;color:#09c;}
.logo{overflow:hidden;border-bottom:solid 6px #e6f1f3;margin-bottom:30px;}
.logo .txt{width:520px;padding-left:70px;background:url(images/logo.png) no-repeat;padding-bottom:30px;}
.logo .txt h1{font:bold 55px/50px "Arial";letter-spacing:-3px;padding:3px 0 0 10px;}
.logo .txt h1 a,.logo .txt h1 a:visited,.logo .txt h1 a:hover{text-decoration:none;color:#272d36;}
.logo .txt p.desc{font:bold 14px/14px "Arial";letter-spacing:-1px;display:block;color:#2abada;padding-left:13px;}
.SL{width:620px;float:left;padding-left:70px;}
.title{color:#272d36;font:normal 34px/34px "Helvetica";letter-spacing:-1px;padding-bottom:15px;margin-bottom:15px;border-bottom:solid 1px #ccc;}
.note{background:url(images/note-icon.png) no-repeat left 2px;padding-left:14px;color:#690;font-size:11px;}
.edit a{background:url(images/edit-icon.png) no-repeat left 2px;padding-left:14px;color:#f60;font-size:11px;}
.error{color:#c00;font-size:11px;font-weight:700;}
.post,.attachment{width:100%;position:relative;}
* html .post,.attachment{width:99%;}
.p-head h1,.p-head h1 a,.p-head h1 a:visited{color:#272d36;font:normal 34px/34px "Helvetica";letter-spacing:-1px;}
.p-head h2{color:#272d36;font:normal 22px/22px "Helvetica";letter-spacing:-1px;}
.p-head h3{color:#272d36;font:normal 28px/28px "Arial";letter-spacing:-1px;}
.p-cat{font:normal 11px/14px 'Arial';text-transform:uppercase;color:#999;}
.p-cat a,.p-cat a:visited,.p-cat a:hover{text-decoration:underline;color:#999;padding-right:5px;}
.p-time{background:url(images/p-time-bkg.png) no-repeat right bottom;position:absolute;left:-70px;top:5px;width:50px;padding-bottom:10px;}
* html .p-time{left:-70px;}
.p-time strong{float:left;text-align:center;}
.p-time .day{font:normal 20px/18px "Arial";letter-spacing:-1px;color:#fff;width:40px;background:#2abada;overflow:hidden;padding:7px 0;}
.p-time .month{background:#dedede;width:40px;margin-bottom:10px;padding:3px 0;}
.p-time .year{background:#fff;border:solid 1px #dedede;font:normal 11px/11px 'Verdana';color:#bababa;padding:12px 5px;}
.p-con{border-top:solid 1px #dbdbdb;}
.p-con p{font:normal 12px/19px "Verdana";margin:5px 0;padding:5px 0;}
.p-con ol{list-style:decimal inside;margin:0;padding:10px 0 10px 25px;}
.p-con ol li{padding:2px 0;}
.p-con ul{margin:0;padding:10px 0 10px 20px;}
.p-con ul li{list-style-type:none;background:url("images/p-con-li.png") no-repeat left 1px;color:#666;padding:2px 0 2px 13px;}
.p-con blockquote{font:italic 14px/19px Georgia, "Times New Roman", Times, serif;background:#ecf6f8;margin:10px 0;padding:10px 20px;}
.p-con blockquote p{font:italic 14px/19px Georgia, "Times New Roman", Times, serif;}
.p-con blockquote li{list-style-type:none;font-size:12px;line-height:17px;padding:2px 0 2px 13px;}
.p-det{margin-top:15px;}
.p-det li{color:#7f7f7f;display:inline;margin-right:10px;padding:4px 0 6px 30px;}
.p-det li.p-det-com{background:url("images/p-det-com.png") left center no-repeat;}
.p-det li.p-det-com a{font-weight:700;letter-spacing:-1px;}
.p-det li.p-det-tag{background:url("images/p-det-tag.png") left center no-repeat;}
.p-det li a,.p-det a:visited{font:normal 14px/18px "Arial";margin-right:3px;}
.p-con .wpunlimited_bookmarks strong{font-weight:400;color:#999;padding-bottom:2px;font-size:10px;text-transform:uppercase;}
.p-con .wpunlimited_bookmarks a img{display:inline;border:none;margin:5px 0 0;padding:0;}
.p-con img{max-width:100%;padding:0;}
.p-con img.centered{display:block;margin-left:auto;margin-right:auto;border:solid 1px #9b9792;padding:1px;}
.p-con img.alignright{display:inline;border:solid 4px #eee;margin:5px 0 10px 20px;padding:1px;}
.p-con img.alignleft{display:inline;border:solid 4px #eee;margin:5px 20px 10px 0;padding:1px;}
.p-con .alignright{float:right;}
.nav{overflow:hidden;padding-bottom:20px;}
.nav .left a{float:left;background:url(images/nav-left.png) no-repeat left 0;padding-left:20px;}
.nav .right a{float:right;background:url(images/nav-right.png) no-repeat right 0;padding-right:20px;}
.nav a,.nav a:visited{cursor:hand;font:bold 14px/16px "Arial";letter-spacing:-1px;}
.comments-list{padding-top:20px;}
.comments-list h2{color:#272d36;font:normal 28px/28px "Arial";letter-spacing:-1px;padding-bottom:20px;}
.comments-list div.entry{margin-bottom:15px;border:1px solid #dcedf0;background:#fff url(images/comments-list-entry-bkg.png) no-repeat right bottom;padding:25px;}
.comments-list div.alt{background:#e1f4fc url(images/comments-list-alt-bkg.png) no-repeat left top;padding-top:40px;border:none;margin-bottom:25px;}
.comments-list p.name{font:bold 14px/14px "Arial" sans-serif;letter-spacing:-1px;color:#000;}
.comments-list p.avt{float:right;margin:0;padding:0;}
.comments-list p.avt img{border:solid 1px #ccc;}
* html .comments-list p.avt{left:-60px;}
.comments-list p.date{font-size:11px;margin-bottom:5px;}
.comments-list p.date a,.comments-list p.date a:visited,.comments-list p.date a:hover{color:#96b1bc;text-decoration:underline;}
.comments-list .con{font:normal 12px/17px "Verdana";margin-right:90px;color:#333;}
.comments-list .con p{font:normal 12px/17px "Verdana";color:#333;margin:0;padding:5px 0;}
.comments-list .con blockquote{font:italic 14px/19px Georgia, "Times New Roman", Times, serif;color:#666;margin:10px 20px;}
.comments-list .con blockquote p{font:italic 14px/19px Georgia, "Times New Roman", Times, serif;color:#666;}
.comments-form{background:#e1f4fc;margin:10px 0;padding:20px;}
.comments-form h3{color:#272d36;font:normal 28px/28px "Arial";letter-spacing:-1px;padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #c5e1ed;}
.comments-form p{color:gray;padding:7px 0;}
.comments-form .required{font-weight:400;color:red;}
.comments-form input{width:210px;margin-right:7px;padding:5px;}
.comments-form input.formid{border:1px solid #a8d3e4;background:#fff url(images/form-name-bkg.png) no-repeat left;padding:5px 5px 5px 40px;}
.comments-form input.formemail{border:1px solid #a8d3e4;background:#fff url(images/form-email-bkg.png) no-repeat left;padding:5px 5px 5px 40px;}
.comments-form input.formuri{border:1px solid #a8d3e4;background:#fff url(images/form-uri-bkg.png) no-repeat left;padding:5px 5px 5px 40px;}
.comments-form textarea{border:1px solid #a8d3e4;background:#fff;width:97%;padding:4px;}
.comments-form .button{border:1px solid #a8d3e4;background:url(images/button-post-comment.png) no-repeat left;color:#fff;width:auto;font-size:11px;font-weight:700;padding:4px 6px 4px 38px;}
.SR{width:270px;padding-bottom:30px;float:right;display:inline;}
.SR .search{background:#3d96d5 url(images/search-bkg.png) no-repeat left bottom;right:0;overflow:hidden;padding:15px;}
.SR .search form{width:220px;border:1px solid #3ac6e5;background:#2abada;padding:10px;}
.SR .search input{float:left;margin-right:2px;background:url(images/search-input.png) no-repeat;border:none;width:122px;color:#666;padding:5px 3px 5px 65px;}
.SR .search button{float:left;background:url(images/search-button.png) no-repeat;width:26px;height:24px;border:none;cursor:pointer;text-indent:-1000em;}
.SR .syn ul{margin:10px 0;display:inline;}
.SR .syn li{background:url(images/SynIco.png) no-repeat left center;list-style-type:none;color:#fc6;display:inline;font:bold 14px/14px 'Arial';letter-spacing:-1px;margin:0 5px 0 0;padding:3px 0 3px 15px;}
.SR .about{background:#57abe6 url(images/about-bkg.png) no-repeat left top;color:#fff;padding:20px 15px 15px;}
.SR .about h3{font-size:24px;letter-spacing:-1px;color:#fff;}
.SR .about ul li{color:#FFF;margin:0;padding:5px 0;}
.SR .about ul li a{color:#FFF;}
.SR .recent{background:#e1f3ee;margin-bottom:3px;padding:15px;}
.SR .recent .tabs li{float:left;background:none;}
.SR .recent .tabs li a{float:left;font:bold 14px/14px "Arial";color:#102a30;background:#b5d6cd url(images/tabs-inactive.png) no-repeat bottom center;margin-right:3px;letter-spacing:-1px;text-decoration:none;padding:3px 6px 9px;}
.SR .recent .tabs li a.active,.SR .recent .tabs li a:hover{background:#4a6969 url(images/tabs-active.png) no-repeat bottom center;color:#fff;text-decoration:none;}
.footer{width:870px;margin:0 auto;padding:15px 0;}
.footer p{font-family:'Verdana';font-size:11px;margin:0;padding:0;}
.footer p.copy{color:#1c3e4d;}
.footer p.copy a,.footer p.copy a:visited,.footer p.copy a:hover{color:#1c3e4d;text-decoration:underline;}
.footer p.theme{padding-top:2px;color:#6c8e9d;}
.footer p.theme a,.footer p.theme a:visited,.footer p.theme a:hover{color:#6c8e9d;text-decoration:underline;}
legend,hr{display:none;}
a:link,a:visited{text-decoration:none;color:#09c;border:0;-moz-outline-style:none;}
* html #bg-all,* html .menu,* html .logo,*html .SR .search,*html .SR .photostream,*html .SR .categs,*html .SR .widget_flickrRSS{height:1%;}
.menu ul,.p-con .alignleft,.SR .widget_flickrRSS ul{float:left;}
.logo .img,.p-head{padding-bottom:2px;}
.p-head h1 a:hover,.p-head h2 a:hover,.p-head h3 a:hover{color:#09c;text-decoration:none;}
.p-head h2 a,.p-head h2 a:visited,.p-head h3 a,.p-head h3 a:visited{color:#272d36;}
.SR .search fieldset,.SR .recent .tabs{overflow:hidden;height:1%;}
.SR .syn li a,.SR .syn li a:visited,.SR .syn li a:hover{color:#fff;}
.SR .photostream li a:hover img,.SR .widget_flickrRSS li a:hover img{border:solid 1px #000;}
.SR .categs div a,.SR .categs div a:visited,.SR .recent a,.SR .recent a:visited,.SR .widget a,.SR .widget a:visited{color:#247682;text-decoration:underline;}
.SR .categs div a:hover,.SR .recent a:hover,.SR .widget a:hover{color:#033;text-decoration:underline;}
#pagenavi{border-top:1px solid #CCC;padding-top: 10px;}
#pagenavi .newer a,#postnavi .prev a{background:url(images/icons.gif) 0 -224px no-repeat;padding-left:22px;float:left;height:16px;line-height:16px;}
#pagenavi .older a,#postnavi .next a{background:url(images/icons.gif) 100% -240px no-repeat;padding-right:22px;float:right;height:16px;line-height:16px;}