/*
Theme Name: Urban View
Theme URI: http://cssmayo.com/freebies/free-wordpress-themes/urban-view/
Description: Grungy theme with two-column layout suitable for a wide range of bloggers
Author: cssmayo.com
Version: 1.03
Author URI: http://cssmayo.com/
Tags: dark, green, black, two-columns, right-sidebar, fixed-width
*/
* { padding:0; margin:0; outline:0; }
body {
	color:#666666;
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	background-color: #666666;
	background-image: url(images/body.gif);
	background-repeat:repeat;
	background-position: center 0;
}
.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

a {
	color:#999999;
	text-decoration: underline;
	cursor:pointer;
}
a:hover {
	
	color:#999999;
	text-decoration: none;
}
a img {border: 0;}

h1 { font-size:65px; font-family: Century Gothic, Verdana, Arial, sans-serif; font-weight: normal; line-height:50px; }
h2 { font-size:20px; font-family: Century Gothic, Verdana, Arial, sans-serif; font-weight: bold; line-height:23px; }
h3 {
	font-size:18px;
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height:24px;
	color:#999999;
}

h2 span{
	color:#666666;
}
h2 span a {
	color:#666666;
	text-decoration: none;
}

#shell { width:830px; margin:0 auto; }

#header { height:190px; position:relative; }
#header h1{ padding-top:54px; }
#header h1 a{ text-decoration: none; background:transparent !important; }

.rss { font-size:0; line-height:0; width:184px; height:80px;  }
.rss:hover { background-position: 0 bottom !important; }

.bloginfo { font-family: "Trebuchet MS", Arial, sans-serif; color:#fff; font-size:17px; font-style: italic; display:block; padding:20px 0 0 30px;}

#main {}
#content { float:left; width:553px; }
#sidebar { float:right; width:230px; color:#aaa; }
#sidebar ul { list-style-type: none;  }
#sidebar h2 { color:#f3f3f3; font-style: italic; font-weight: normal; background:url(images/sidebar-h2.gif) no-repeat 0 0; height:47px; line-height:43px; padding:0 17px; position:relative; left:-17px; }
#sidebar ul li { margin-bottom:25px;}
#sidebar ul ul li { background:url(images/li-border.gif) repeat-x 0 bottom; line-height: 24px; margin-bottom: 0;}
#sidebar ul ul li li { background: none; }
#sidebar ul ul ul  {
    background: url(images/li-border.gif) repeat-x 0 2px;
    padding-left: 10px;
}
#sidebar a{
	color:#CCCCCC;
	text-decoration: none;
	background:transparent !important;
}
#sidebar a:hover {
	color:#999999;
}
#sidebar ul ul li a{ background:url(images/bul.gif) no-repeat 0 5px !important; padding-left:12px; }

#sidebar .recentcomments a { background:transparent !important;}

#sidebar li.widget_text,
#sidebar li.widget_search,
#sidebar li.widget_tag_cloud,
#sidebar li.widget_calendar
{ background:url(images/li-border.gif) repeat-x 0 bottom; padding-bottom:10px;}

#sidebar .widget_calendar{}
#sidebar .widget_calendar table{ width:70%; text-align: center;}
#sidebar .widget_calendar th,
#sidebar .widget_calendar td{ padding:2px; }
#sidebar .widget_calendar a{ text-decoration: underline ; background:transparent !important;}
#sidebar .widget_calendar a:hover { color:#e6124e !important; text-decoration: none;}


.post { position:relative; margin-bottom:80px; }
.post h2{ padding:5px 0 20px 60px; min-height:50px;}
.post-cnt { padding:10px;}
.post-c {
	background-color:#ffffff;
	width:100%;
}
.post-b { height:82px; background: url(images/post-b.png) no-repeat 0 0; }
.post-b .post-cnt{ padding-top:0;}

.post .entry { overflow: hidden; }
.post .entry p{ padding-bottom:15px;}
.post .entry ol,
.post .entry ul { padding:0 0 15px 30px;}
.post .entry li { padding:0 0 3px 0;}
.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 5px;}
.post-meta {
	color:#CCCCCC;
	font-size:11px;
}
.post-meta p{ position:relative; z-index:2;}
.post .entry h1 { font-size: 24px; line-height: 140%; font-weight: bold;}
.post .entry h2 { font-size: 22px; padding: 0; min-height: 0; font-weight: bold;}
.post .entry h3 { font-size: 20px; font-weight: bold; color: #636363}
.post .entry h4 { font-size: 16px; font-weight: bold;}
.post .entry h5 { font-size: 14px; font-weight: bold;}
.post .entry h6 { font-size: 12px; font-weight: bold;}

small.date {
	position:absolute;
	top:-50px;
	left:-50px;
	width:110px;
	height:62px;
	text-align: center;
	color:#666666;
	font-size:22px;
	line-height:24px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	background:url(images/date.gif) no-repeat 0 0;
	padding:60px 0 0 18px;
}

.num-comments { display:block; position:relative; width:165px; height:40px; background:url(images/comments.gif) no-repeat 0 0; font-size:10px;  padding:36px 0 0 85px; left:-85px; margin-top:-25px;}
.num-comments a{
	font-weight: bold;
	color:#666666;
	background:transparent !important;
}
.num-comments a:hover{
	color:#000000;
}

#footer {
	height:370px;
	width:100%;
	position:relative;
	color:#999999;
}
#footer p{ text-align: center; padding-top:180px; }
#footer p a{
	color:#CCCCCC;
}
#footer p a:hover{
	background:#666666;
	color:#fff;
}


h2.pagetitle,
h2.center { color:#fff; text-align: center; padding:20px 0; font-weight: normal;}

.post-page { }
.post-page h2 { min-height:2px; padding-left:0;}

.post-single { margin-bottom:30px;}

.page-nav {
	font-size:9px;
	padding-bottom:10px;
	color:#CCCCCC;
	position:relative;
	z-index:30;
}
.page-nav div { float:none; display:block; }
.page-nav .alignright { text-align: right; }

ol.commentlist, ul.commentlist { list-style-type: none; }
ol.commentlist li{ background-color:#FFFFFF; padding:10px; margin-bottom:5px; height:100%;}
ol.commentlist li p{ padding-top:10px;}
ol.commentlist li img{ float:right}
ol.commentlist li .comment-author{ font-weight: bold;}
ol.commentlist li .comment-meta{ font-size:10px; }

ol.commentlist li .comment-author,
ol.commentlist li .comment-author a,
ol.commentlist li .comment-meta a,
ol.commentlist li .comment-meta{
	color:#999999;
}

ol.commentlist li a{
	color:#FFFFFF;
}
ol.commentlist li a:hover {   }

input, textarea, select {
	font-size:12px;
	font-family: Arial, sans-serif;
	background:#000;
	color:#CCCCCC;
	border:0;
}
input, textarea { padding:5px; }
textarea { overflow:auto; }

h3#comments { padding:20px 0 10px 0;}
#respond { padding:20px 0 0 0;}
#respond h3{ padding-bottom:10px;}
#respond p{ padding-bottom:10px;}
#respond input{ width:250px; }
#respond input#submit{ width:150px; }
#respond textarea{ width:543px; height:180px; }
	
#content #searchform { text-align: center;}

.screen-reader-text { display:none;}

#searchform input { width:130px;}
#searchform input#searchsubmit { width:80px;}
.navigation img {
    margin: 5px;
}
.navigation a:hover {
    text-decoration: none;
}
p.attachment {
    text-align: center;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.children li {
    list-style-type: none;
    background: none !important;
}