/*
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 {
	background:black url(images/body.jpg) no-repeat center 0;
	color: #c1c1c1;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
}
.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: #ef4135; text-decoration: underline; cursor:pointer; }
a:hover { padding-bottom: 0px; padding-top: 0px; background:#ef4135; color: #c1d82f; text-decoration: none; }
a img {border: 0;}


h1 { font-size: 30px; font-family: "Trebuchet MS", Arial, sans-serif; line-height: normal; }
h2 { font-size:20px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; line-height:23px; }
h3 { font-size:18px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; line-height:24px; color:#fff;}

h2 span{ padding-right: 2px; padding-left: 2px; background:#ef4135;  color: #c0d72f; }
h2 span a { color:#fff; text-decoration: none;}

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

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


/* Sliding Notes */

.hackadelic-sliderPanel {
	padding: 20px;
	-moz-border-radius: 1em; -webkit-border-radius: 1em;
}

a.hackadelic-sliderButton {
	font-size: 22px;
	padding-top: 0px;
	text-decoration: none;
	padding-left: 6px;
	padding-bottom: 0px;
	padding-right: 6px;
	color: #c1d82f;
}
a.hackadelic-sliderButton:hover {
	background-color: #ef4135;
}
.entry .hackadelic-sliderPanel {
	border-width: 2px;
	border-style: solid;
}
.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #F0F0E0;
}


/* Top Horizontal Navigation Bar */
#navbar{
	padding-left: 20px;
	padding-bottom: 0;
	padding-right: 40px;
	padding-top: 0;
	float: right;
	background-color: #030303;
	line-height: 30px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing:2px;
	text-transform: uppercase;
}

#navbar ul{
	margin: 0;
	padding: 0;
	text-align: right;
	list-style: none;
}

#navbar li{
	display: inline;
	padding: 0 10px;
}

#navbar li.current_page_item a{
	color: #c1d82f; /* Changes the link color of the current active page in the top navigation bar */
}



#navbar a{ /* Changes the link color of the current active page in the top navigation bar */
	text-decoration: none;                                                                                  
}



.rss { font-size:0; line-height:0; width:184px; height:40px; text-indent: -4000px; background:url(images/rss.gif) no-repeat 0 0 !important; top:65px; left:560px; position:absolute; }
.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 {}
#main_nav {
	width: 200px;
	margin: 0 0 0 0;
	float: left;
	display: inline;
	position: fixed;
}

#main_nav p {
	padding-left: 20px;
	color: white;
}

#main_nav ul li {
	list-style-type: none;
	padding-left: 20px;
}

#content { margin-left: 215px; float:left; width: 610px; }
#sidebar { float:right; width: 200px; color:#aaa; }
#sidebar ul { list-style-type: none;  }
#sidebar h2 { color: #b0c52b; 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:#8fc2be; text-decoration: none; background:transparent !important; }
#sidebar a:hover { color: #ef4135; }
#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: #ef4135 !important; text-decoration: none;}


.post { line-height: 19px; font-size: 16px; position:relative; margin-bottom: 40px; }
.post-index { line-height: 19px; font-size: 16px; position:relative; margin-bottom: 40px; }
.post img { padding: 10px; }
.post h2{ padding-left: 40px; padding-bottom: 20px; padding-right: 0; padding-top: 5px; min-height:50px;}
.post-index h2{ padding-left: 120px; padding-bottom: 0px; padding-right: 0; padding-top: 5px; min-height:50px;}
.post-cnt { padding: 19px;}
.post-cnt-events { padding: 19px;}
.post-cnt-events h2{ font-size: 25px; padding-left: 60px; padding-bottom: 5px; padding-right: 0; padding-top: 5px;}
.post-c { background:url(images/post-c.png); width:100%;}
.post-c2 { padding-left: 20px; padding-bottom: 20px; padding-right: 0px; padding-top: 20px; text-transform: uppercase; background:url(images/post-c.png);}
.post-b { height:82px; background: url(images/post-b.png) no-repeat 0 0; }
.post-b-index { padding-left: 120px; height:82px; background: url(images/post-b.png) no-repeat 0 0; }
.post-b .post-cnt{ padding-top:0;}

.post .entry-nr { padding-left: 30px; font-size: 14px; float: right; width: 210px; overflow: hidden; }
.post .entry-nr ul { list-style-type: none; overflow: hidden; }
.post .entry-nr li { padding-left: 6px; list-style-type: none; overflow: hidden; }
.post .entry-nr h2 { font-style: italic; color: #c1d82f; font-size: 20px; overflow: hidden; }
.post .entry { overflow: hidden; }
.post-index .entry-index { padding-top: 0px; padding-bottom: 0px; padding-left: 120px; 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:#fff; 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;}

.date { position: relative; padding-left: 0px; padding-bottom: 0; padding-right: 0; padding-top: 15px; color: white; top:-50px; left: -30px; width:110px; height: 0px; text-align: center; font-size:22px; line-height:24px; font-family: "Trebuchet MS", Arial, sans-serif; background: no-repeat 0 0;}

small.date { padding-left: 27px; padding-bottom: 0; padding-right: 0; padding-top: 60px; color: white; position:absolute; top:-50px; left:-50px; width:110px; height:62px; text-align: center; font-size:22px; line-height:24px; font-family: "Trebuchet MS", Arial, sans-serif; background: no-repeat 0 0;}

small.date-index { padding-left: 60px; padding-bottom: 0; padding-right: 0; padding-top: 60px; color: white; position:absolute; top:-50px; left:-50px; width:110px; height:62px; text-align: center; font-size:22px; line-height:24px; font-family: "Trebuchet MS", Arial, sans-serif; background: no-repeat 0 0;}

small.date-index img {padding-top: 5px;}

.num-comments { padding-left: 120px; padding-bottom: 10px; padding-right: 0; padding-top: 36px; display:block; position:relative; width:165px; height:40px; background: no-repeat 0 0; font-size:10px; left:-85px; margin-top: -35px;}
.num-comments a{ font-weight: bold; color:#1b4441; background:transparent !important; }
.num-comments a:hover{ color: #ef4135; }

#footer { height: 88px; background:url(images/footer.png) no-repeat center 0; width:100%; position:relative; color: #597b77; }
#footer p{ text-align: center; padding-top: 55px; }
#footer p a{ color: #c1d82f; }
#footer p a:hover{ background:#597b77; 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:#851c39; position:relative; z-index:30;}
.page-nav div { font-weight: bold; text-decoration: none; font-size: 15px; float:none; display:block; }
.page-nav .alignright { text-align: right; }

.post-thumb {
	float: right;
}
ol.commentlist, ul.commentlist { list-style-type: none; }
ol.commentlist li{ background:url(images/post-c.png); 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:#aaa; }

ol.commentlist li a{ color:#777; }
ol.commentlist li a:hover { background:#777; color:#fff; }

input, textarea, select { font-size:12px; font-family: Arial, sans-serif; background:#000; color:#aaa; 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;
}