/**********************************************************************************************

	Title: MobiBlo
	Author: Snowdog
	Date: January 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after, #nav:after, #footer .foot-nav:after, .navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff; color: #333; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #00f; text-decoration: none; outline: none; }
a:hover { color: #f00; text-decoration: underline; outline: none; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

#header { height: 66px; position: relative; width: 100%; }


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header h1 a { position: absolute; top: 0; left: 0; height: 66px; text-indent: -9999px; display: block; }
#header h1 { text-indent: -9999px; }
#header h2 { text-indent: -9999px; }
#footer { padding-bottom: 10px; }


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#nav { padding-left: 4px; margin-top: 10px; margin-bottom: 1px; }
#nav li { float: left; margin-right: 2px; margin-bottom: -1px; }
#nav li a { line-height: 25px; font-size: 11px; font-weight: bold; padding: 0 7px; float: left; }
#nav li.current a { background: #ffffff; border-bottom: 1px solid #ffffff !important; }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
.group-title,
.pagetitle {font-size:2em; padding:15px 10px;}

.posts .item { border-bottom: 1px solid #D5D5D5;  }
.posts .item a { display: block; overflow: hidden; width: 100%; height: 100%; }
.posts .item a:hover { background: #F3F3F3; text-decoration: none; }
.posts .item a:hover span.title { color: #F82E00; }
.posts .item a img { float: right; margin: 10px 10px 10px 0;}
.posts .item span.category { text-transform: uppercase; font-size: 12px; display: block; margin: 0 0 2px 10px; padding-top: 10px; font-weight: bold; }
.posts .item span.title { font-size: 17px; font-weight: bold; color: #414141; display: block; margin: 0 0 2px 10px; }
.posts .item span.date { display: block; font-size: 12px; font-weight: normal; margin: 0 0 10px 10px; font-style: italic; }
.posts .item span.comments-no {color: #414141; display: block; font-size: 12px; font-weight: normal; margin: 0 0 10px 10px; font-style: italic;}

.navigation { margin: 15px 10px; }
.navigation .alignleft { float: left; width: 45%; }
.navigation .alignright { float: right; width: 45%; }
.navigation a { color: #999; font-size: 12px; font-weight: bold; }

#content .entry { margin: 20px; }
#content .entry h2 { font-size: 20px; color: #363636; }
#content .entry .text p { font-size: 13px; color: #272727; line-height: 150%; margin-bottom: 16px; }
#content .entry .text h3 { font-size: 18px; }
#content .entry .text h4 { font-size: 16px; }
#content .entry .text a { color: #C70900; }
#content .entry .text ul { margin-left: 30px; list-style: disc; margin-bottom: 16px; }
#content .entry .text ul li { list-style: disc; line-height: 150%; }
#content .entry .text ol { margin-left: 30px; list-style: decimal; margin-bottom: 16px; }
#content .entry .text ol li { list-style: decimal; line-height: 150%; }

.postmetadata { font-size: 11px; color: #848484; font-style: italic; margin-bottom: 7px; }
.postmetadata a { color: #C70900; }

h3#comments { font-size: 18px; padding: 5px 20px; border-bottom: 1px dotted #8C8C8C; margin-top: 30px; color: #464646; }
.commentlist { margin: 22px; list-style: decimal; }
.commentlist li { list-style: decimal; margin-left: 20px; font-size: 16px; margin-bottom: 10px; font-weight: bold; color: #BFBFBF; }
.commentlist li a { color: #C70900;}
.commentlist li .comment-body { background: #F5F5F5; font-size: 13px; font-weight: normal; color: #474747; padding: 10px; }
.commentlist li .avatar { float: left; margin: 0 5px 5px 0; border: 2px solid #C0C0C0;}
.commentlist li .comment-body p { clear: both; margin-bottom: 10px; }
.commentmetadata { margin-bottom: 10px; font-size: 11px; }
.fn { font-weight: bold; }
.vcard { font-size: 11px;}

.categories li { margin-bottom: 15px; line-height: 45px; }
.categories li a { display: block; font-size: 15px; font-weight: bold; color: #292929; line-height: 35px; padding-left: 10px; border-bottom: 1px solid #D5D5D5; }
.categories li .children li a:hover { background: #F1F1F1; text-decoration: none; }
.categories li .children li { margin-bottom: 0; line-height: 35px; }
.categories li .children li a { padding-left: 30px; }

.nocomments { font-size: 14px; font-style: italic; margin: 15px; text-align: center; }

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer .foot-nav { padding-top: 10px;  padding-left: 10px; }
#footer .foot-nav li { float: left; margin-right: 15px; }
#footer .foot-nav li a { color: #ffffff; font-size: 12px; font-weight: bold; }
#footer .foot-nav li.last a { color: #ffffff; font-size: 11px; font-weight: normal; font-style: italic; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
#footer a.foot-logo { background: url(../images/logo-footer.png) top left no-repeat; text-indent: -9999px; width: 118px; height: 42px; display: block; margin-left: 10px; margin-top: 10px; }
#footer .foot-nav li a.mobi-out {font-size:15px;}