/* 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/ */ /* Begin Typography & Colors */ * { margin: 
0; padding: 0; } body { background: #c6e5f2 url('background.gif') ; font-family: 
Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin-top: 
0px; color:#35383d;} input, button, textarea, select { font: normal 12px/12px 
"Verdana", sans-serif; color:#2d3538; vertical-align: middle; } legend { display: 
none; } fieldset { border: none; } ul, ol { list-style: none; } ol { list-style-type: 
decimal;} table { border-collapse: collapse; width: 100%; } hr { display: none; 
} img { padding: 0px; margin: 0px; border: none; text-align: center;} a:link { 
text-decoration: none; color : #0099cc; border: 0px; -moz-outline-style: none;} 
a:active { text-decoration: underline; color : #0099cc; border: 0px; -moz-outline-style: 
none;} a:visited { text-decoration: none; color : #0099cc; border: 0px; -moz-outline-style: 
none;} a:hover { text-decoration: underline; color : #025d87; border: 0px; -moz-outline-style: 
none;} a:focus { outline: none;-moz-outline-style: none;} h1, h2, h3, h4 { font-family: 
Arial, Helvetica, sans-serif; } /* BG ############################################################################################################## 
*/ #bg { width: 980px; margin: 0 auto; margin-top: 30px;} #bg-all { width: 980px; 
background: #fff; overflow: hidden;} /**/ * html #bg-all { height: 1%;} /* */ 
/* Container ############################################################################################################## 
*/ .container { padding: 30px; float: left; width: 590px;} .menu { overflow: hidden; 
float: left; width: 100%; background:#def1f9; width: 980px; margin: 0 auto; padding: 
10px 0px 0px 100px;} /**/ * html .menu { height: 1%;} /* */ .menu ul { float:left; 
} .menu li { display: inline; font: bold 14px/14px "Arial"; letter-spacing: -1px; 
float: left; height: 28px; } .menu li ul li { font-weight: normal; letter-spacing: 
normal;} .menu li a, .menu li a:visited { color:#272d36; float: left; padding: 
4px 6px 10px 6px; margin-right: 5px;} .menu li a:hover { background: #fff; color:#0099cc; 
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:#0099cc; } /* Logo +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .logo { overflow: hidden; border-bottom: solid 6px #e6f1f3; margin-bottom: 
30px;} /**/ * html .logo { height: 1%;} /* */ .logo .txt { width: 520px; padding-left: 
70px; background: url(images/logo-symbol.png) no-repeat left 10px; padding-bottom: 
30px; } .logo .txt h1 { font: bold 55px/50px "Arial"; letter-spacing: -3px; text-transform: 
lowercase; padding-bottom: 5px;} .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;} 
.logo .img { padding-bottom: 15px; } /* SL () +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .SL { width: 520px; 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:#669900; font-size: 11px;} .edit 
a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; 
color:#ff6600; font-size: 11px; } .error { color:#cc0000; font-size: 11px; font-weight: 
bold;} /* Post Single ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .post, .attachment { width: 100%; position: relative;} /**/ * html .post, .attachment 
{ width: 99%;} /**/ .p-head { padding-bottom: 15px;} .p-head h1, .p-head h1 a, 
.p-head h1 a:visited { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: 
-1px; } .p-head h1 a:hover { color:#0099cc; text-decoration: none; } .p-head h2 
{ color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; } .p-head 
h2 a, .p-head h2 a:visited { color:#272d36; } .p-head h2 a:hover { color:#0099cc; 
text-decoration: none; } .p-head h3 { color:#272d36; font: normal 28px/28px "Arial"; 
letter-spacing: -1px; } .p-head h3 a, .p-head h3 a:visited { color:#272d36;} .p-head 
h3 a:hover { color:#0099cc; text-decoration: none;} .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; padding: 7px 0px; background:#2abada; overflow: hidden; } .p-time .month 
{ background:#dedede; width: 40px; padding: 3px 0px; margin-bottom: 10px;} .p-time 
.year { background: #fff; border: solid 1px #dedede; font: normal 11px/11px 'Verdana'; 
padding: 12px 5px; color:#bababa;} .p-con { border-top: solid 1px #dbdbdb;} .p-con 
p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;} .p-con 
ol { list-style: decimal inside; } .p-con ol { padding: 10px 0px 10px 25px; margin: 
0px; } .p-con ol li { padding: 2px 0px 2px 0px; } .p-con ul { padding: 10px 0px 
10px 20px; margin: 0px; } .p-con ul li { padding: 2px 0px 2px 13px; list-style-type: 
none; background: url("images/p-con-li.png") no-repeat left 1px; color:#666; } 
.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, 
serif; padding: 10px 20px; margin: 10px 0px; background: #ecf6f8; } .p-con blockquote 
p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; } .p-con 
blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; 
line-height: 17px;} .p-det { margin-top: 15px;} .p-det li { color:#7f7f7f; display: 
inline; padding: 4px 0px 6px 30px; margin-right: 10px; } .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: bold; 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: normal; color:#999; padding-bottom: 2px; font-size: 10px; 
text-transform:uppercase; } .p-con .wpunlimited_bookmarks a img { display:inline; 
border:none; padding:0; margin:0; margin-top: 5px; } /* Images +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .p-con img { padding: 0; max-width: 100%; } .p-con img.centered { display: 
block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px 
#9b9792;} .p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: 
solid 4px #eee; padding: 1px; } .p-con img.alignleft { margin: 5px 20px 10px 0; 
display: inline; border: solid 4px #eee; padding: 1px;} .p-con .alignright { float: 
right; } .p-con .alignleft { float: left } /* Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .nav { overflow: hidden; padding-bottom: 20px;} .nav .left a { float: left; 
background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; } 
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 
0px; padding-right: 20px; } .nav a, .nav a:visited { cursor: hand; font: bold 
14px/16px "Arial"; letter-spacing: -1px; } /* Comments ############################################################################################################## 
*/ .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; padding: 25px; border: 1px solid #dcedf0; background: 
#fff url(images/comments-list-entry-bkg.png) no-repeat right bottom;} .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 { padding: 0px; margin: 0px; float: right;} .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"; padding: 5px 0px; margin: 0px; color:#333;} .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 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .comments-form { background: #e1f4fc; padding: 20px; margin: 10px 0px;} .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 
{ padding: 7px 0px; color:#808080;} .comments-form .required { font-weight: normal; 
color:#ff0000;} .comments-form input { padding: 5px; width: 210px; margin-right: 
7px; } .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; padding: 4px; width: 97%;} .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: bold; padding: 4px 6px 
4px 38px;} /* Side Right ############################################################################################################## 
*/ .SR { width: 300px; margin-right: 0px; float: right; background: #e1f3ee;}/* 
Search +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .SR .search { background: #3d96d5 url(images/search-bkg.gif) no-repeat left 
bottom; right: 0px; padding: 15px; overflow: hidden;} /**/ *html .SR .search { 
height: 1%;} /**/ .SR .search form { width: 245px; padding: 10px; border: 1px 
solid #3ac6e5; background: #2abada; } .SR .search fieldset { overflow: hidden; 
height: 1%; } .SR .search input { float: left; margin-right: 2px; background: 
url(images/search-input.png) no-repeat; border: none; padding: 5px 3px 5px 65px; 
width: 145px; color:#666;} .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 0px;} .SR .syn li { background: url(images/SynIco.png) 
no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: 
none; color:#ffcc66; display: inline; font: bold 14px/14px 'Arial'; letter-spacing: 
-1px;} .SR .syn li a {color:#fff; } .SR .syn li a:visited {color:#fff; } .SR .syn 
li a:hover {color:#fff; } /* About Blog +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .SR .about { background: #57abe6 url(images/about-bkg.gif) no-repeat left top; 
padding: 20px 15px 15px 15px; color:#fff;} .SR .about h3 { font-size: 24px; letter-spacing: 
-1px; color:#fff;} .SR .about p { padding: 5px 0px; margin: 0px; font-size: 13px; 
line-height: 16px;} /* widget +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .SR .widget { background: #e1f3ee; padding: 15px; margin-bottom: 3px; color:#5e8a89;} 
.SR .widget h3 {font: bold 15px/15px 'Arial'; letter-spacing: -1px; color:#102a30; 
padding-bottom: 5px; border-bottom: solid 1px #c5ded7; margin-bottom: 5px;} .SR 
.widget li { background: url(images/tabs-arrow.png) no-repeat left 6px; padding: 
2px 0px 2px 6px; font-size: 11px; color:#5e8a89;} .SR .widget a, .SR .widget a:visited 
{ color:#247682; text-decoration: underline;} .SR .widget a:hover { color:#003333; 
text-decoration: underline;} .SR .widget_tag_cloud { line-height: 22px;} .SR .widget_calendar 
table { width: 100%;} .SR .widget_calendar table td { text-align: center; padding: 
3px; } .SR .widget_calendar caption { background: #d2e9e3; padding: 5px 0px; margin-bottom: 
10px;} .SR .widget_calendar #today { background: #d2e9e3;} .SR .widget_search 
#s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;} 
.SR .widget_flickrRSS { overflow: hidden; padding: 15px 0px 15px 15px;} /* Footer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/ .footer { width: 870px; margin: 0 auto; padding: 15px 0px 15px 90px;} .footer 
p { padding: 0px; margin: 0px; font-family: 'Verdana'; font-size: 11px; } .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;}