/*
Theme Name: Suburbia
Author URI: http://www.wpshower.com
Description: Suburbia is a clean and flexible WordPress grid-based magazine theme designed in a modern and minimalist style. This theme is also suitable for blogs and misc. projects. Suburbia supports all WordPress 3.0 features and gives you an extra flexibility in every single step you make.
Author: WPSHOWER & MOODYGUY
Version: 1.1
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, magazine, modern, stylish, minimalist
Copyright: (c) 2010 WPSHOWER
*/

/* RESET */

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

body { background-color: #e0e0e0; font: normal 12px Arial, sans-serif; color: #333; padding-bottom: 30px; }
p {margin: 12px 0;}
p { font: normal 13px/18px Arial, sans-serif; }
ol, ul {padding-left: 23px; margin: 12px 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* CLEAR */

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* LINKS */

a { text-decoration: none; color: #1982D1; }
a:hover { color:#3ca3f1; }
h2 a { color: #000; }
a.stiff { background-color: #ccffff; }
a img { border: 0; }

/* WRAPPER */

#wrapper { background: #fff; width: 980px; margin: 30px auto 0; }

/* HEADER */

.header { height: 50px; border-bottom: 15px solid #e0e0e0; padding: 15px; position: relative; background:url("images/head.png") no-repeat scroll 214px 4px transparent; }
.desc { width: 350px; height: 49px; border-left: 0px solid #e0e0e0; position: absolute; top: 0; right: 0; padding: 15px 20px 0; }
.space { width: 155px; height: 49px; border-right: 1px solid #e0e0e0; position: absolute; top: 0; left: 0; padding: 15px 20px 0; }
.space p {margin: 0;}
.header .dem-home { margin: 0 0 0 1px; }
.header img { margin: 0 0 0 205px; }

/* FOOTER */

.footer { display: block; height: 38px; border-top: 15px solid #e0e0e0; padding: 5px 20px 0 20px; font-size: 10px; position: relative; }
.footer p.about { position: absolute; top: 0px; right: 20px; }
.footer p { font-size:10px; color: #666666; position: absolute; top: 0px; }
input { width: 97px; margin: 0 auto 10px auto; padding: 10px; border: 1px solid #E0E0E0; }

/* HOMEPAGE LOGO TRICK */

.dem-home { margin: 0 0 0 1px; width: 155px; height: 155px;}
.logo-space { height: 55px; }

/* ARTICLE */

.post { border-right: 1px solid #e0e0e0; float: left; display: block; position: relative; }
.two h2, #single h2 { font: 18px/24px Arial,sans-serif; letter-spacing: -0.8px;}
.post h4, .post h5, .post h6 { color: #000; border-top: 5px solid #e0e0e0; margin: 20px 0 0; padding: 10px 0 0 0; }

.two p, #single p { font: normal 13px/19px Arial, sans-serif; }
.two ul, #single ul, .two ol, #single ol { font: normal 13px/19px Arial, sans-serif; }
.post .time { text-transform: uppercase; font-size: 9px; position: absolute; bottom: 20px; right: 20px; padding: 0 5px; }
.post .time a { color: #1982D1; }

/* ARTICLE ONE */

.one { width: 155px; height: 469px; overflow: hidden; padding: 20px; border-top: 1px solid #e0e0e0; }
.one h2 { font: normal 14px/19px Arial, sans-serif; color: #000;}
.one p { font: normal 13px/18px Arial, sans-serif; }
.one img { width: 155px; }

/* ARTICLE TWO */

.two { width: 351px; height: 461px; padding: 20px;}
.two img { width: 350px; }

/* ARTICLE SINGLE */

#single { width: 546px; margin-right: -1px; padding: 0 20px 25px; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; float: left;}
#single h1 { font: normal 25px/32px Arial, sans-serif; color: #1982D1; padding: 10px 0 0 0; border-top: 5px solid #e0e0e0; margin: 20px 0 0; letter-spacing: -.8px; }
#single h2 { border-top: 1px solid #E0E0E0;
    color: #1982D1;
    font: 22px/30px Arial,sans-serif;
    letter-spacing: -0.5px;
    margin-bottom: -11px;
    margin-top: 27px;
    padding: 19px 0 5px; }
#single h3 { font: bold 15px/24px Arial,sans-serif; color: #1982D1; margin: 20px 0 -10px; padding: 10px 0 0 0;letter-spacing: -.5px; }
#single h4, #single h5, #single h6 { font: bold 14px/21px Arial,sans-serif; color: #1982D1; margin: 0 0 -10px; padding: 10px 0 0 0; }
#single img { }
#single strong { font-weight: bold; color: #111; }
#single blockquote { background-color: #e0e0e0; opacity: 0.8; margin: 20px; padding: 10px 15px; }
h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6 {color: #1982D1;}

.recent span {display: block; font-size: 10px;}
.recent li {margin-bottom: 12px;}

.err404 {font-size: 23px; margin: 12px 0 0;}

/* ARTICLE ASIDE */

.aside { width: 155px; min-height: 460px; overflow: hidden; float: left; border-right:1px solid #E0E0E0; padding: 20px;}
.aside h3 { font: bold 13px/21px Arial,sans-serif; color: #000; border-top: 5px solid #e0e0e0; margin: 20px 0 0; padding: 10px 0 0 0; }
.aside ul, .meta ul, .aside ol, .meta ol { margin: 20px 0; list-style: none; padding: 0;}

/* ARTICLE META */

.meta { width: 155px; float: left; padding: 0 20px 20px; border-bottom: 1px solid #e0e0e0;}
.meta img.dem {position: relative; margin: -80px 0 20px; width: 155px; height: 155px;}
.meta h3 { font: bold 13px/21px Arial,sans-serif; color: #000; border-top: 5px solid #e0e0e0; margin: 20px 0 0; padding: 10px 0 0 0; }

/* ARTICLE BOTTOM */

.bottom { width: 155px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #E0E0E0; float: left; border-right:1px solid #E0E0E0; padding: 0 20px; overflow: hidden;}
.bottom h3 { font: bold 13px/21px Arial,sans-serif; color: #000; border-top: 5px solid #e0e0e0; margin-top: 20px; padding: 10px 0 0 0; }
.bottom ul { margin: 15px 0; padding: 0; }
.bottom li { margin: 0; padding: 0; list-style-type: none; }

#wp-calendar {width: 100%;}

.navigation h3 {margin-bottom: 15px;}
.previouspostslink {margin-right: 10px;}

/* HOVER */

.one:hover, .two:hover { background-color: #ccffff; }

/* SEPIA */

.post .sepia { margin:  0 0 20px; }
.two .sepia { width: 350px; height: 246px; }
.one .sepia { width: 155px; height: 109px; }
#single .sepia { width: 546px; height: 384px; }

/* WP image classes */

.entry-content img { margin: 0 0 1.5em 0; }

img { margin: 0; }
.alignnone, img.alignnone {display: block; clear: both; margin-bottom: 12px;}
.alignleft, img.alignleft { margin-right: 12px; display: inline; float: left; }
.alignright, img.alignright { margin-left: 12px; display: inline; float: right; margin-right: 12px; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
.wp-caption { margin-bottom: 12px; text-align: center; padding-top: 5px }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { font: normal 12px/18px Arial, sans-serif!important; line-height: 1.5; font-size: 10px; margin: 0; font-style: italic; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 15px; }
.gallery dl { margin: 0; }
.gallery br+br { display: none; }
.attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; }

blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }
.post-edit-link { margin:20px 0 0; padding:10px 0 0; font-weight: normal;}

/* Comments */

#comments { width: 540px; }
#respond h3 span {float: left;}

#commentform { clear: both; }
#commentform p {margin: 0;}
#comment { width: 350px; clear: both; }
.login {float: right; font-weight: normal; font-style: normal;}
.comment-meta {float: left; width: 125px;}
.comment-date {font-size: 10px; color: #aaaab4; margin-bottom: 15px;}
.comment, .pingback { margin-top:35px; border-top: 1px solid #e0e0e0; list-style: none; zoom: 1;}
.comment p, .comment ul, .comment ol {margin-left: 125px;}
.comment ul.children {margin-left: 55px;}
#cancel-comment-reply { padding:5px 0; }
.commentlist, .commentlist ul { padding-left: 0;}

.reply { margin-left: 125px;}
.reply a {color:#1982D1;}
textarea#comment { width: 518px; border: 1px solid #E0E0E0; padding: 10px; margin: 10px 0; overflow: auto; font: normal 12px Arial, sans-serif;}
#author, #email, #url {width: 518px; font: normal 12px Arial, sans-serif;}
.avatar { float:left; height:55px; padding-right:10px; width:55px; }
.submit { margin-top: 10px; }
#submit {border: none; background: #1982D1; color: #fff; cursor: pointer;}
.comment-reply-link { color: black; }
#breadcrumbs {
    font-size: 10px;
		color: #666;
		margin-left: 201px;
    padding-top: 69px;
}

.page #breadcrumbs { margin-left: 6px; }
.bottom ul li { padding-bottom:7px; }
.screen-reader-text { visibility:hidden; }
#s { width:134px; }
#searchsubmit { width:156px; }

#menu-navigation { font-size:13px; margin-top:5px; }
#menu-navigation li { list-style:disc inside; padding-bottom:5px; }

#post-pagination { }
#post-pagination a { display:inline-block; border:1px solid #c6c6c6; padding:3px 7px; }
#post-pagination .current-post-page { font-weight:bold; display:inline-block; border:1px solid #333; padding:3px 7px; }