/*
THEME NAME: Boumatic
THEME URI: http://allancole.com/wordpress/themes/boumatic/
DESCRIPTION: Based on the concept of <a href="http://en.wikipedia.org/wiki/Bouma">Bouma</a> in typography. “When reading, people can recognize words by deciphering boumas, not just individual letters”.
VERSION: 1.0
AUTHOR: Allan Cole + Hacklaviva!!
AUTHOR URI: http://allancole.com/
TEMPLATE: thematic
TAGS:three columns,fixed width,simple,seo,microformats,widgets,framework,options page,hooks,filters,valid XHTML,valid CSS
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');
 
/* Apply basic typography styles
@import url('../thematic/library/styles/typography.css'); */
 
/* Apply a basic 3 column layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');
 
/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');
 
/* Apply styles for popular plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Global Elements OG GREY #FBFAF8
-------------------------------------------------------------- */
html {background:#F4F3F1;}

body {
background: url('img/shadow.png') 220px 0px no-repeat fixed;
color:#666666;
font-size: 70%;
line-height: 1.6em;
font-family:"Hoefler Text","Georgia",Georgia,"Times New Roman", "Times", serif;
}

#wrapper {
padding:12px 0 0 10px;
background: url('img/asidec-shadow.png') 815px 120px no-repeat fixed;
}

a:link, a:visited {
color: #666666;
}

a:hover {
color:#99AFAF;
}

blockquote {
font-style:italic;
font-size: 100%;
}

blockquote em, blockquote cite, blockquote i {
font-style:normal;
}

.important {
font-weight:bold;
}

/* =Forms ------*/
input, textarea{font-family:Georgia,serif;border:1px solid #DFDFDF;}
input#submit, input#searchsubmit {background:#40CFCF;color:#FFF;font-style:italic;border:1px solid #DFDFDF;cursor:pointer;font-size:100%;font-family:"Hoefler Text","Georgia",Georgia,"Times New Roman", "Times", Times,serif;}

#searchform label {display:none;}
#searchform input#s {width:110px; margin-right: 10px; float:left; font-size:100%;}

/* =Header
-------------------------------------------------------------- */
#header {
/*
position:fixed;
width:205px;
display:table;
padding:0;
display:block;
top:0;
left:0;
bottom:0;
padding:12px 5px 0 10px;
overflow:hidden;
*/

width:205px;
float: left;
background: #fff;
border-right:1px solid #DFDFDF;
border-bottom:1px solid #DFDFDF;
border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
}

#header-wrapper {
position:fixed;
background: #fff;
width: 205px;
display:table;
padding:0;
display:block;
top:0;
left:0;
bottom:0;
padding:12px 5px 0 10px;
overflow:hidden;
}

#branding {
width:200px;
}

#blog-title {
width:200px;
font-size:300%;
line-height:36px;
font-weight:bold;
text-align: center;
}

#blog-title a {
text-decoration:none;
display:block;
color:#666666;
}

#blog-title a:hover {
color:#99AFAF;
}

#blog-description {
font-style:italic;
line-height:24px;
padding:0;
margin-top:0;
width:200px;
text-align: center;
}

#header:hover a:link, #header:hover a:visited {
/*color:#40CFCF;
text-decoration:none;*/
}

#header a:hover {
color:#40CFCF;
text-decoration:none
}

/* =Menu
-------------------------------------------------------------- */
#access{margin-top:0}
.skip-link{display:none}
#menu{}
#menu ul, #header ul{margin:0;list-style:none;clear:both}
#menu ul ul{display:none}
#menu li{}
#menu a, #header ul a{display:block;padding:0;line-height:24px;text-decoration:none}
#menu a:hover{}

/*#menu a:hover:after, #menu a:active:after, #menu a:focus:after{content: " ※"}*/

#menu .current_page_item {
color:#333
}

/*#menu .current_page_item a:after{content: " ※"}

#menu a:focus{} */

/* =Content
-------------------------------------------------------------- */
#main{padding:0 0 54px 0;width:840px;margin:0 0 0 230px;overflow:auto;}
#container{margin:0;padding:0;width:550px;}
.archive #container, .search #container{margin-top:0;}
#content{width:600px;padding:0;margin:0;overflow:visible;}/*
#content:hover a, #content:hover a:link, #content:hover a:visited{color:#333333;text-decoration:none}*/
#content a:hover{color:#99AFAF;text-decoration:underline;}
/*#content:hover .entry-title a, #content:hover .entry-title a:hover, #content:hover .page-title a:hover {text-decoration:none;}
#content:hover .entry-utility a{color:#333333}
#content:hover .entry-utility a:hover{color:#666666}*/
 
/* =Titles/Headings ----- */
.hentry {
margin: 12px 0;
padding: 0;
border-top:1px solid #DFDFDF;
position:relative;
}

.p1 {
margin:0;
padding:0 0 12px 0;
border:0;
}

#content .post {
overflow: auto;
}

#content .post p small{
font-size: 80%;
text-transform: uppercase;
}

.page-title {
font-size:150%;
padding:0;
font-weight:200;
font-style:italic;
display:block;
}

.page-title span{
font-weight:bold;
clear:both;
float:none;
display:block;
font-style:normal;
}

.entry-title {
font-size: 250%;
line-height: 1.6em;
padding: 5px;
margin:0 !important;
font-weight: normal;
font-style:italic;
overflow: auto;
background:#fff;
border-right:1px solid #DFDFDF;
}

.entry-title a {
text-decoration: none;
}

.single .entry-title {padding-bottom:0;}
.attachment .entry-title {
font-style:normal;
padding-top:0;
}

.archive .page-title, .archive .page-title span {
padding-bottom:0;
margin-bottom:0;
}

.archive .entry-title {
padding-top:0;
margin-top:0;
font-size: 250%;
line-height: 1.6em;
}

.archive-meta p {
line-height: 1.6em;
}

/* =Date Style ----- */

.date-meta {
padding:0;
font-size: 95%;
display: block;
padding: 0px 5px;
background:#fff;
border-right:1px solid #DFDFDF;
color: #666;
}

.p1 .date-meta, .archive .p1 .date-meta, .single .date-meta, .attachment .date-meta {

}

.date-day {
display: inline;
margin-right: 2px;
}

.date-tense {
display: inline;
margin-right: 2px;
}

.date-month-year {
display: inline;
margin-right: 2px;
}

/* =Body Copy/Content ----- */
.entry-meta{
background:#fff;
padding: 0px 5px 5px 5px;
margin-bottom: 10px;
border-right:1px solid #DFDFDF;
border-bottom:1px solid #DFDFDF;
}

.entry-meta a{font-style:italic}
.entry-meta a:hover{}
.entry-meta .author{font-size: 95%;;color:#666}
.entry-meta .meta-sep{}
.entry-meta abbr{}
.entry-content a {text-decoration:none; color: #40CFCF;}
.entry-content h1{font-weight:bold;font-size:150%;}
.entry-content h2{font-weight:bold;font-size:140%;}
.entry-content h3{font-weight:bold;font-size:130%;}
.entry-content h4{font-weight:bold;font-size:120%;}
.entry-content h5{font-weight:bold;font-size:110%;}
.entry-content h6{font-weight:bold;font-size:105%;}
.entry-content ul{list-style:square;margin:0 0 24px 1.5em}
.entry-content dt{font-weight:bold}
.entry-content dd{margin:0 0 15px 0}

#content .entry-content {
color:#666666;
padding: 0;
margin: 5px 0;
}

#content .entry-content code,
#content .entry-content pre {
line-height:1.4em;
color:#222;
padding: 10px 5px;
margin: 5px 0;
display:block;
background:#fff;
border-right:1px solid #DFDFDF;
border-bottom:1px solid #DFDFDF;
border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
}

.entry-content p {
font-size: 110%;
margin-bottom: 12px;
}

/* .entry-content pre {overflow-x:scroll;} 
#content:hover .entry-content code, #content:hover .entry-content pre {color:#000;}
#content .entry-content blockquote {font-size:1.2em;color:#666666;}
#content:hover .entry-content blockquote {color:#99AFAF;}
.entry-content abbr, .entry-content acronym, .entry-content .help{border-bottom:1px dotted #333;cursor:help}
.entry-content ul.xoxo{margin:0 0 24px 0;overflow:hidden}
.entry-content img {margin-bottom:12px;padding:0 1px 1px 0;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;}
.attachment .entry-content img {margin-top:24px;}
.entry-content ul.xoxo ul{margin:0 0 0 1.5em}
.entry-content li.linkcat, li.content-column {float:left; list-style:none; margin:0 20px 0 0}
.entry-content li.linkcat ul.xoxo{overflow:visible}
.more-link{font-weight:200;font-style:italic;}
.page-link{margin:0 0 24px 0}
.page .edit-link{float:left;clear:both}
#content:hover .edit-link a, .edit-link a {color:red;}
.entry-utility{color: #666666;font-size:0.65em;font-family:"lucida sans unicode","lucida grande",sans-serif;}
.entry-utility a{color:#DFDFDF}
.entry-utility:hover a:hover{color:#666666}
.comments-link a{font-weight:bold}
.gallery-caption {font-size:0.6em;font-family: "lucida sans unicode","lucida grande",sans-serif;}
*/

/* =Comments
-------------------------------------------------------------- */
#comments{margin:48px 0 0 0;padding:24px 0;overflow:hidden;float:none;clear:both;}
#comments h3{font-size:130%;font-weight:200;margin:0 0 24px 0;}
#comments .comments:first-child h3{padding-top:24px}
#comments ol{margin:0 0 36px 0;list-style:none}
#comments li{margin:0 0 24px 0;padding:0;position:relative}
#comments a{}
#comments li.byuser{}
#comments li.byuser p a{}
#comments li.bypostauthor{}
#comments li.bypostauthor p a{}
#comments .avatar{width:48px;height:48px;position:absolute;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;top:12px;left:10px !important;left:0px}
#comments .fn{font-weight:bold;padding:12px 0 0 58px;display:block}
#comments .fn a{}
#comments-list .comment-meta{font-size:95%;margin:0 0 12px 0;padding:0 0 0 58px;font-family: "lucida sans unicode","lucida grande",sans-serif;}
#comments-list .comment-meta a{font-style:italic;}
#comments-list ol li.alt{background:#fff;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px}
#comments li {padding:0 10px;}
#comments li p{margin:0;padding:0 0 12px 0;}
#trackbacks-list .comment-author{margin:0 0 24px 0;}
#trackbacks-list .comment-author a{font-weight:bold;}
#respond{width:549px;}
#respond h3{font-size:130%;font-weight:200;margin:0 0 24px 0;}
#respond form{padding:0 0 36px 0}
#respond #form-section-author{width:100%;float:left}
#respond #form-section-author input{width:50%}
#respond #form-section-email{width:100%;float:right}
#respond #form-section-email input{width:50%}
#respond #form-section-url{width:100%}
#respond #form-section-url input{width:50%}
#respond .form-label{}
#respond .form-input input{margin:0 0 14px 0}
#respond textarea{width:100%;margin:0 0 16px 0}
#respond .form-submit{float:right}
p.subscribe-to-comments{width:260px;float:left}
p.subscribe-to-comments label{}
p.comment_license{clear:both;margin:0}
p.solo-subscribe-to-comments{clear:both;margin:0}
p.solo-subscribe-to-comments:first-line{font-style:italic}
#respond .required{font-weight:bold;color:red;}
#content input#submit{background:#DFDFDF;}
#content:hover input#submit{background:#40CFCF;}

/* =Author Info
-------------------------------------------------------------- */
#author-info{margin:24px 0 48px 0}
#author-info p:first-line{font-weight:bold}
#author-info .avatar{float:left;width:72px;height:72px;margin:0 10px 0 0;padding:5px;background:#B5D1EA;position:relative;top:4px}

/* =Navigation
-------------------------------------------------------------- */
.navigation{margin:0 0 48px 0;padding:0 0 1px 0;clear:both;float:none;display:block;width:100%;}
.navigation a{text-decoration:none;}
.nav-previous{float:left; width:50%}
.nav-next{float:right; width:50%; text-align:right}
#nav-above{margin:12px 0 48px 0}
.home.paged #nav-above{margin:12px 0 48px 0}
#nav-below.navigation {font-size:100%;line-height:24px;}
.home #nav-above, .single #nav-above{display:none}
.paged #nav-above{display:block}

/* =Asides (widgetized areas)
-------------------------------------------------------------- */
.aside {
margin: 5px 0;
color: #666666;
font-family: "lucida sans unicode","lucida grande",sans-serif;
line-height: 1.3em;
}

.aside a {
color: #666666;
}

.aside a:hover {
color:#40CFCF;
}

.aside h2 {
margin: 10px 0 5px 0;
}

.aside ul {
font-size:100%;
margin:0;
list-style:none;}

.aside ul li {
margin: 0 0 15px 0;
}
.aside ul li li {
margin: 0 0 5px 0;
}

/*.aside ul li.widgetcontainer:hover,
.aside ul li:hover {
color:#40CFCF;
}

.aside ul li.widgetcontainer:hover a,
.aside ul li.recentcomments a:hover,
.aside ul li.widgetcontainer:hover caption {
color:#40CFCF;
}*/

.aside ul li#search, .aside ul li#tag_cloud {margin-bottom:12px;}

.aside ul li ul li:before{content: "» "}

.aside h3,
.aside .main-aside h3 {
font-size:150%;
font-weight:bold;
font-family:"Hoefler Text","Georgia",Georgia,"Times New Roman", "Times", Times,serif;
margin: 0 0 8px 0;
}

.aside ul ul{
list-style:none;
margin:0 0 4px 0;
}

.aside ul ul li.widget_text {
margin-bottom: 15px;
}

.aside ul ul ul{
margin:0 0 0 1.5em;
}

.main-aside {
width:205px;
/*padding-left:15px;
background: url('img/aside-shadow.png') -20px 0px no-repeat scroll;*/
}

#primary.main-aside {
padding-top:12px;
}

.main-aside input#s {
width:100%;
margin:12px 0;
}

.widget_rss a.rsswidget img {float:right;display:inline;}

/* Begin Calendar styles */
.aside table{margin:0 0 24px 0}
.aside th{}
.aside tr{line-height:24px}
.aside td{padding:0 4px;font-size:95%;}
.aside td a{background:#FFF;display:block;}
.aside caption{font-size:115%;line-height:24px;font-weight:200;font-style:italic;font-family:"Hoefler Text","Georgia",Georgia,"Times New Roman", "Times", Times,serif;text-align:left;margin:0}
.aside tfoot tr{border:none;line-height:24px}
.aside tfoot td{border:none;line-height:24px;padding:0;font-size:95%;}
.aside tfoot td a {background:transparent;}
.aside #next{text-align:right}
/* End Calendar styles */
/* Begin Search styles */
.aside ul li#search input#searchsubmit{background:#DFDFDF;}
.aside ul li#search:hover input#searchsubmit{background:#40CFCF;}
.aside form{margin:0 0 4px 0;padding-bottom:6px;line-height:24px;}
/* End Search styles */
#content .widgetcontainer{border-top:1px solid #e0e0e0;padding:35px 1px 24px 1px;margin:24px 0 36px 0}
#index-top .widgetcontainer, #single-top .widgetcontainer, #page-top .widgetcontainer{border-top:none;padding:0 1px 53px 1px;margin:0 0 36px 0}
#content .aside {width:100%;}
#content .aside:first-child .widgetcontainer:first-child{padding-top:24px}
.page #content .aside:first-child .widgetcontainer:first-child{padding-top:0}
#single-bottom .widgetcontainer{border-top:1px solid #e0e0e0;width:100%;}
#footer .widgetcontainer{padding:0 1px;margin:0 0 24px 0}

/* =Footer
-------------------------------------------------------------- */
#footer{padding:48px 0 0 0;}
#subsidiary {width:760px;margin:0 0 0 230px;border-top:1px solid #DFDFDF;}
#subsidiary .aside{margin-bottom:24px;width:30%;margin-right:3.33%}
#siteinfo{position:fixed;display:block;bottom:0;left:0;padding:12px 0;margin:0;width:200px;padding:10px;font-size:90%;line-height:12px;font-family: "lucida sans unicode","lucida grande",sans-serif;}
#siteinfo a{font-style:italic}
#siteinfo:hover a:link, #siteinfo:hover a:visited{color:#40CFCF;text-decoration:none}
#siteinfo:hover a:hover{color:#99AFAF;text-decoration:none}

/* =PageNavi
-------------------------------------------------------------- */
/* Use !important to override PageNavi CSS */
.wp-pagenavi{margin:0 0 0 0;line-height:36px}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active{color:#2772B3 !important;background:#transparent !important;border:1px solid #e0e0e0 !important}
.wp-pagenavi a:hover{ !important}
.wp-pagenavi span.pages{margin-left:0 !important;padding-left:0 !important}
.wp-pagenavi span.current{border:1px solid #e0e0e0 !important}
.wp-pagenavi span.extend{margin:0 !important}


/* Were on your css, hakin ur stylez -- hacklaviva.net
   we need to make sure preformatted blocks work correctly, without this
   some weird linespacing occurs and we are lazy overloaders who want to see
   their ascii art right
   
   since you're reading, know that the !important tag is the stupidest thing
   ever made -- fuck you, lazy programmers :(
*/

pre,
code {
	font: 8pt Monaco, 'Courier New', Courier, Inconsolata, monospace !important;
	line-height: 1.3em !important;
}

.rss-date {
display: block; 
}

#secondary ul {
margin-bottom: 15px;
}