/*
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(images/body-bkg.png) no-repeat center top;
	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 solid #000000;
	-moz-outline-style: none;
}
A:active
{
	text-decoration: underline;
	color: #0099CC;
	border: 0px solid #000000;
	-moz-outline-style: none;
}
A:visited
{
	text-decoration: none;
	color: #0099CC;
	border: 0px solid #000000;
	-moz-outline-style: none;
}
A:hover
{
	text-decoration: underline;
	color: #025D87;
	border: 0px solid #000000;
	-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: 1050px;
	margin: 0 auto;
	margin-top: 30px;
}
#bg-all
{
	width: 1100px;
	background: #FFF;
	overflow: hidden;
}
/**/
* HTML #bg-all
{
	height: 1%;
}
/*
Container
##############################################################################################################*/
.container
{
	padding: 30px;
	float: left;
	width: 690px;
}
.menu
{
	overflow: hidden;
	float: left;
	width: 100%;
	background: #DEF1F9;
	width: 1100px;
	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;
	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: 6px solid #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: 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: 1px solid #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: 1px solid #DEDEDE;
	font: normal 11px/11px Verdana;
	padding: 12px 5px;
	color: #BABABA;
}
.p-con
{
	border-top: 1px solid #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;
}
.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) no-repeat left center;
}
.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) no-repeat left center;
}
.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: 1px solid #9B9792;
}
.p-con IMG.alignright
{
	margin: 5px 0 10px 20px;
	display: inline;
	border: 4px solid #EEE;
	padding: 1px;
}
.p-con IMG.alignleft
{
	margin: 5px 20px 10px 0;
	display: inline;
	border: 4px solid #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: 1px solid #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: 1px solid #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: 30px;
	padding-bottom: 30px;
	float: right;
}
/*Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.SR .search
{
	background: #3D96D5 url(images/search-bkg.png) no-repeat left bottom;
	right: 0px;
	padding: 15px;
	overflow: hidden;
}
/*
*html .SR .search*/
#INVALID-RULE
{
	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.png) no-repeat left top;
	padding: 20px 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;
}
/*Photostream
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.SR .photostream
{
	overflow: hidden;
	background: #9ED5E1 url(images/photostream-bkg.png) no-repeat bottom left;
	padding: 15px 0px 25px 15px;
}
/*
*html .SR .photostream*/
#INVALID-RULE
{
	height: 1%;
}
/**/
.SR .photostream H3
{
	font-size: 24px;
	letter-spacing: -1px;
	color: #102A30;
}
.SR .photostream UL
{
	float: left;
	margin-top: 10px;
}
.SR .photostream LI
{
	background: url(images/photostream-li-bkg.png) no-repeat left top;
	list-style-type: none;
	display: inline;
	padding: 5px;
	float: left;
	margin: 0px 3px 5px 0px;
}
.SR .photostream LI A IMG, .SR .photostream LI A:visited IMG
{
	border: 1px solid #FFF;
	width: 54px;
	height: 54px;
}
.SR .photostream LI A:hover IMG
{
	border: 1px solid #000;
}
/*Categories + Archives
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.SR .categs
{
	background: #D1F0E2;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 3px;
}
/*
*html .SR .categs*/
#INVALID-RULE
{
	height: 1%;
}
/**/
.SR .categs DIV
{
	float: left;
	width: 130px;
}
.SR .categs DIV H3
{
	font: bold 15px/15px Arial;
	letter-spacing: -1px;
	color: #102A30;
	padding-bottom: 5px;
}
.SR .categs DIV LI
{
	padding: 1px 0px;
	list-style-type: none;
	font-size: 11px;
	color: #5E8A89;
}
.SR .categs DIV A, .SR .categs DIV A:visited
{
	color: #247682;
	text-decoration: underline;
}
.SR .categs DIV A:hover
{
	color: #003333;
	text-decoration: underline;
}
/*Recent
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.SR .recent
{
	background: #E1F3EE;
	padding: 15px;
	margin-bottom: 3px;
}
.SR .recent .tabs
{
	overflow: hidden;
}
.SR .recent .tabs
{
	height: 1%;
}
.SR .recent .tabs LI
{
	float: left;
	background: none;
}
.SR .recent .tabs LI A
{
	float: left;
	font: bold 14px/14px Arial;
	color: #102A30;
	padding: 3px 6px 9px;
	background: #B5D6CD url(images/tabs-inactive.png) no-repeat bottom center;
	margin-right: 3px;
	letter-spacing: -1px;
	text-decoration: none;
}
.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;
}
.SR .recent A, .SR .recent A:visited
{
	color: #247682;
	text-decoration: underline;
}
.SR .recent A:hover
{
	color: #003333;
	text-decoration: underline;
}
#tab-comments
{
	display: none;
	margin-bottom: 5px;
}
#tab-comments LI
{
	background: url(images/tabs-arrow.png) no-repeat left 10px;
	padding: 4px 0px 4px 6px;
	border-bottom: 1px solid #C5DED7;
	font-size: 11px;
	color: #5E8A89;
}
#tab-comments LI A
{
	display: block;
}
#tab-posts
{
	margin-bottom: 5px;
	font-size: 11px;
}
#tab-posts LI
{
	background: url(images/tabs-arrow.png) no-repeat left 8px;
	line-height: 14px;
	padding: 1px 0px 1px 6px;
}
#tab-tags
{
	display: none;
	margin-bottom: 5px;
	font-family: Verdana;
	line-height: 22px;
}
/*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: 1px solid #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: 1px solid #B5D6CD;
	padding: 3px;
	margin-bottom: 5px;
}
.SR .widget_flickrRSS
{
	overflow: hidden;
	padding: 15px 0px 15px 15px;
}
/*
*html .SR .widget_flickrRSS*/
#INVALID-RULE
{
	height: 1%;
}
/**/
.SR .widget_flickrRSS H3
{
	width: 270px;
	margin-bottom: 10px;
}
.SR .widget_flickrRSS UL
{
	float: left;
}
.SR .widget_flickrRSS LI
{
	background: none;
	list-style-type: none;
	display: inline;
	padding: 0px;
	float: left;
	margin: 0px 7px 7px 0px;
}
.SR .widget_flickrRSS LI A IMG, .SR .widget_flickrRSS LI A:visited IMG
{
	border: 1px solid #FFF;
	width: 60px;
	height: 60px;
}
.SR .widget_flickrRSS LI A:hover IMG
{
	border: 1px solid #000;
}
/*Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.footer
{
	width: 870px;
	margin: 0 auto;
	padding: 15px 0px 15px 90px;
	text-align: center;
}
.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;
}