/*
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.1
AUTHOR: Allan Cole
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 styles for popular plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Global Elements OG GREY #FBFAF8
-------------------------------------------------------------- */
html {background:#f1f1f1;}
body{background: url('img/shadow.png') 220px 0px no-repeat fixed;color:#686F6F;font-size:0.9em;line-height:20px;font-family:Rockwell, Georgia Times,serif;}
#wrapper{padding:12px 10px 0 10px;background: url('img/asidec-shadow.png') 815px 120px no-repeat fixed;}
a:link, a:visited{color:#9f2214;text-decoration:none}
a:hover{color:#9F2214;text-decoration:underline}
blockquote{font-style:italic;font-size:13px;}
blockquote em, blockquote cite, blockquote i{font-style:italic}
.important{font-weight:bold}
/* =Forms ------*/
input, textarea{font-family:Georgia,serif;border-top:none;border-left:none;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}
input#submit, input#searchsubmit {background:#40CFCF;color:#FFF;font-style:italic;border-top:none;border-left:none;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;cursor:pointer;font-size:1.25em;padding-top:4px;font-family:Rockwell, Georgia, serif;border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px}

/* =Header
-------------------------------------------------------------- */
#header{position:fixed;width:205px;display:table;padding:0;background:#FFF;display:block;top:0;left:0;bottom:0;padding:12px 5px 0 10px;overflow:hidden;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}
#branding{width:200px;}
#blog-title{width:200px;font-size:1.5em;line-height:36px;font-weight:bold;letter-spacing:-1px;padding:0;margin:0;background:url('http://www.studiografiko.net/wp-content/uploads/2010/08/grafiko-logo-0318104.jpg')no-repeat; height:60px; text-indent:-9999px;}
#blog-title a{text-decoration:none;display:block;}
#blog-title a:hover{color:#9F2214;}
#blog-description{font-size:13px; font-weight:normal;font-style:italic;line-height:18px;padding:10px 0 0 0;margin-top:5px;display:inline;width:200px;}
#header:hover a:link, #header:hover a:visited{color:none;text-decoration:none}
#header:hover a:hover{color:#000000;text-decoration:none}

/* =Menu
-------------------------------------------------------------- */
#access{margin-top:0}
.skip-link{display:none}
.menu{}
.menu ul{margin:0;list-style:none;clear:both}
.menu ul ul{display:none}
.menu li{}
.menu a{display:block;padding:0;line-height:21px; font size: 8px; text-decoration:none; color: #dfdfdf;}
.menu a:hover{}
.menu a:hover:after, #menu a:active:after, #menu a:focus:after{content: " →"}
.menu .current_page_item a{cursor:default;color:#000000;}
.menu .current_page_item a:after{content: " ↓"}
.menu a:focus{}


/* =-------menu round corners--------------------------------*/

.page-item-1078 { background: #9F2214; padding: 3px 3px 3px 10px; -moz-border-radius:10px; -webkit-border-radius: 12px; width: 175px;margin-bottom: 3px;}
.page-item-1078 a:hover {color:#f1f1f1;}
hr{border-bottom: 3px dotted #000000; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:4px; display:block;}
.page-item-1405 { background: #999999;  padding: 3px 3px 3px 10px; -moz-border-radius:10px; -webkit-border-radius: 12px; width: 175px;}

/* =---Content

-------------------------------------------------------------- */
#main{padding:0 0 54px 0;width:760px;margin:0 0 0 230px;overflow:visible;}
#container{margin:0;padding:0;width:550px;}
.archive #container, .search #container{margin-top:0;}
#content{width:550px;padding:0;margin:0;overflow:visible;}
#content .entry-title a{color: #000000;}
#content:hover .entry-title a{color: #000000;} #content:hover .entry-title a:hover, #content:hover .page-title a:hover {text-decoration:none;}
#content:hover .entry-utility a{color:#000000;}
#content:hover .entry-utility a:hover{color:#000000;}
 
/* =Titles/Headings ----- */
.hentry{margin:20px 0 0 0;padding:20px 0 20px 0;border-top:2px dotted #000000;position:relative;}
.p1{margin:0;padding:0 0 36px 0;border:none}
.page-title{font-size: 4em;line-height:60px;padding:0;font-weight:800;display:block;letter-spacing: -2px;text-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #e2e2e2; color: #000000;}
.page-title span{font-weight:800d;clear:both;float:none;display:block;font-style:normal;color: #000000;}
.entry-title{font-size:3.5em;line-height:44px;padding:0;margin:0;font-weight:800; letter-spacing: -2px;font-style:;width:435px; color: #000000;}
.single .entry-title {padding-bottom:0;}
.attachment .entry-title {font-style:normal;line-height:36px;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;line-height:36px;}
.archive-meta p {line-height:24px;}

/* =Date Style ----- */
.date-meta{position:absolute;background:#FFF;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;display:block;top:25px;right:0;text-align:center;padding:0;line-height:1em;width:90px;height:70px;border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px}
.p1 .date-meta, .archive .p1 .date-meta, .single .date-meta, .attachment .date-meta {top:-9px;}
.date-day {clear:both;float:none;display:block;font-size:3em;line-height:0.7em;letter-spacing:-0.05em;padding-top:10px; color:#000000;  }
.date-tense {font-size:0.4em;padding-left:2px;font-weight:200;letter-spacing:0.0em;color:#000000; }
.date-month-year {clear:both;float:none;display:block;padding-top:1px;color:#000000; }

/* =Body Copy/Content ----- */
.entry-meta{}
.entry-meta a{font-style:italic}
.entry-meta a:hover{}
.entry-meta .author{font-size:0.8em;color:#686f6f}
.entry-meta .meta-sep{}
.entry-meta abbr{}
.entry-content{margin:10px 0 0 0;padding:0;overflow:hidden;}
.entry-content p {margin-bottom:5px;text-shadow: 0px 1px 0px #ffffff; color:#000000;}
.entry-content a {text-decoration:underline;text-shadow: 0px 1px 0px #ffffff;}
.entry-content h1{font-weight:800;font-size:3.0em;line-height:1em; margin:0;padding:16px 0 0 0; color: #000000;}
.entry-content h2{font-weight:800;font-size:2.8em;margin:0;padding:12px 0 12px 0; letter-spacing: -1px; color: #000000;}
.entry-content h3{font-weight:bolder;font-size:1.8em;margin:0;padding:12px 0 0 0;color: #9F2214; line-height: 30px;}
.entry-content h4{font-weight:bold;font-size:1.3em;margin:0;padding:6px 0 0 0}
.entry-content h5{font-weight:bold;font-size:1.2em;}
.entry-content h6{font-weight:bold;font-size:1.1em;}
.entry-content ul{list-style:square;margin:0 0 24px 1.5em}
.entry-content dt{font-weight:bold}
.entry-content dd{margin:0 0 24px 0}
#content .entry-content code, #content .entry-content pre {line-height:24px;color:#686F6F;padding:12px;display:block;background:#fff;border-right:1px solid #DFDFDF;border-bottom:2px dotted #000000;border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px}
.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.1em;font-style:italic; background: #ffffff url('img/quote.png')no-repeat top left; border: 1px solid #dfdfdf; padding: 25px 10px 10px 55px;}
.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:#DFDFDF;font-size:0.65em;font-family:"lucida sans unicode","lucida grande",sans-serif;}
.entry-utility a{color:#DFDFDF}
.entry-utility:hover a:hover{color:#000000}
.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:2.5em;font-weight:200;margin:0 0 24px 0;}
#comments .comments:first-child h3{padding-top:24px}
#comments ol, #comments ul {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:0.65em;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 li.comment {background:#F4F3F1;border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px}
#comments-list li.comment.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;}
#comments li.comment .comment-content ul {margin:0 0 0 20px;padding:0 0 12px 0;}
#comments li.comment .comment-content ul li {background:transparent;border:none;margin:0 0 0 20px;padding:0;list-style:disc;}
#trackbacks-list .comment-author{margin:0 0 24px 0;}
#trackbacks-list .comment-author a{font-weight:bold;}
#respond{width:549px;}
#respond h3{font-size:2.5em;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:#9F2214;}

/* =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:1.5em;line-height:24px;}
.home #nav-above, .single #nav-above{display:none}
.paged #nav-above{display:block}

/* =Asides (widgetized areas)
-------------------------------------------------------------- */
.aside {padding-top:24px;color:#;font-family: Rockwell,sans-serif; color: #dfdfdf;}
.aside a {color:#DFDFDF;}
.aside ul{font-size:.9em;line-height:24px;margin:0 0 0 5px;;list-style:none;}
.aside ul li {line-height:14px;padding:6px 0;}
.aside ul li.widgetcontainer:hover, .aside ul li:hover {color:#68696f;}
.aside ul li.widgetcontainer:hover a, .aside ul li:hover a, .aside ul li.widgetcontainer:hover caption {color:#9F2214;}
.aside ul li#search, .aside ul li#tag_cloud {margin-bottom:24px;}
.aside ul li ul li:before{content: "→ ";}
.aside h3 {padding:0;margin:0;font-size:1.25em;font-weight:bold;font-family:Rockwell,serif;}
.aside ul ul{list-style:none;margin:0 0 0 10px;}
.aside ul ul ul{margin:0;}
.main-aside {width:180px;padding-left:5px;background: url('img/aside-shadow.png') -20px 0px no-repeat scroll; border-bottom:1px thin #9F2214}
#primary.main-aside{padding-top:12px;}
#primary.main-aside:hover {background-position:0px 0px;}
.main-aside input#s{width:100%;margin:12px 0;}
.main-aside h3{padding: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:0.8em;}
.aside td a{background:#FFF;display:block;}
.aside caption{font-size:1.25em;line-height:24px;font-weight:200;font-style:italic;font-family:Rockwell,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:1em;}
.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:#68696f;}
.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:0.65em;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:#9F2214;text-decoration:none}
#siteinfo:hover a:hover{color:#9F2214;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}

/*=Images
---------------------------------------------------------------*/
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
        border: 0;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
        border: 0;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
        border: 0;
}

/hr{
Empty, red rectangle, 10px high;!important}