/*
Theme Name: Nocing Out
Theme URI: http://nocweb.se
Description: Nocout
Version: 1.0
Author: Johan Stenehall
*/

/* !Structure */

html, body {
	margin: 0;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	}
	
	body {
		background: #000 url( 'images/body.png' ) no-repeat top center;
		}
		
		
		#wrapper {
			width: 960px;
			margin: 0 auto 50px;
			padding: 0;
			}
		
			#content {
				padding: 0 8px 0 0;
				margin: 0;
				background: url( 'images/content.png' ) repeat-y top right;
				position: relative;
				}
				
				.subnav {
					width: 145px;
					position: absolute;
					top: 16px;
					left: 39px;
					margin: 0 0 0 20px;
					}
				
				/*
				#subnav-18 {
					background-position: 291px top;
					}
					
				#subnav-15 {
					background-position: 410px top;
					}
				
				#subnav-2{
					background-position: 529px top;
					}
				
				 #subnav-153{
				 	background-position: 646px top;
				 	}
				*/
				.subnav ul {
					background-color: #FFF;
					margin: 0;
					padding: 10px 0;
					list-style: none;
					/*background: #2e2e2e;*/
					/*border-bottom: 1px solid #828282;*/
					}
					
					.subnav li {
						display: block;
						padding: 1px 0;
						margin: 0;
						}
						
						.subnav a {
							padding: 0 16px;
							line-height: 20px;
							font-size: 12px;
							font-weight: normal;
							/*border-right: 1px solid #b5b5b5;*/
							/*color: #fff;*/
							color: #ff0000;
							/* border-left: 1px solid #787878; */
							}
		
						.subnav li.current_page_item a {
							/*color: #FF0505;*/
							background: url('images/sub-menu-active-bg.png') repeat-x;
							height: 30px;
							position: relative;
							padding: 3px 10px 0 22px;
							color: #FFF;
							font-weight: bold;
							display: block;
							}
							
							.subnav li.current_page_item {
								margin-left: -7px;
								padding-right: 10px;
								background: url('images/sub-menu-active-end.png') no-repeat right 1px;
							}
		
				#entries {
					float: left;
					padding: 20px 0 0 145px;
					width: 566px;
					}
					
					.has-submenu #entries {
						width: 470px;
						padding-left: 235px;
						}
					
					.post {
						padding: 0 0 10px;
						margin: 0 0 50px;
						border-bottom: 7px solid #7c7c7c;
						position: relative;
						}
						
						.post-image {
							float: left;
							border: 7px solid #000;
							}
						
						.post-date {
							position: absolute;
							top: 0px;
							left: -100px;
							height: 56px;
							width: 49px;
							display: block;
							text-align: center;
							background: url( 'images/date.png' ) no-repeat;
							color: #fff;
							padding-top: 9px;
							}
							
						.entry {
							width: 390px;
							}
							
							.entry-with-image {
								margin-left: 170px;
								}
		
			#sidebar {
				margin: 0 0 0 735px;
				padding: 85px 0 0;
				width: 200px;
				}
				
				#sidebar ul {
					list-style: none;
					padding: 0;
					margin: 0;
					}
					
					#sidebar ul li {
						margin: 0 0 40px;
						}
		
			#header {
				background: url( 'images/header-bg.png' ) no-repeat 101px top;
				height: 113px;
				padding: 0 8px 0 0;
				position: relative;
				}
				
				#header h1 a {
					float: left;
					width: 116px;
					height: 98px;
					text-indent: -100000em;
					letter-spacing: -100000em;
					margin: 0;
					padding: 0;
					background: url( 'images/nocout_logo.png' ) no-repeat;
					}
				
				#header #nav {
					float: left;
					list-style: none;
					font-family: Helvetica,Arial,sans-serif;
					font-size: 23px;
					margin: 0;
					padding: 0;
					}
					
					#header #nav li, #header #nav li a {
						float: left;
						}

					#header #nav li {
						padding: 0;
						width: 122px;
						height: 77px;
						background: url('images/menu-right-bg.png') repeat-y right top;
						}
						
						#header #nav li.current_page_item a, #header #nav li.current_page_ancestor a, #header #nav li.current_page_parent a, #header #nav li:hover a{
							/*background: url( 'images/menu.png' ) no-repeat;*/
							/*background: url('images/menu-right-bg.png') repeat-y right top;*/
							background: url('images/menu-active.png') no-repeat;
							}
							
							#header #nav li.last, #header #nav li.current_page_item.last {
								background: none;
							}
							
				#what-is-noc {
					float: right;
					width: 204px;
					height: 57px;
					margin: 15px 15px;
					background: url( 'images/about-noc.png' ) no-repeat;
					}
					
				#get-in {
					position: absolute;
					right: 9px;
					width: 202px;
					height: 57px;
					margin: 0;
					padding: 78px 15px 15px;
					background: #2e2e2e url( 'images/getin.png' ) no-repeat 15px 15px;
					z-index: 500;
				}
				
				#get-in p {
					color: #FFF;
					margin: 5px 0;
					}
					
		#commentlist {
			list-style: none;
			padding: 0 0 40px 40px;
			}
			
			#commentlist li {
				border-bottom: 3px solid #7c7c7c;
				padding: 0 0 10px 0;
				}
				
				#commentlist li img {
					float: left;
					margin-left: 10px;
					}
					
				#commentlist li div {
					margin-left: 50px;
					}
			
		#commentform input, #commentform textarea {
			border: 1px solid black;
			padding: 5px;
			}
					
		#footer {
			height: 90px;
			margin: 20px 0 40px 125px;
			background: #fff;
			}
	
/* Typography */
#header #nav li a {
	padding: 16px 15px;
	/*color: #7c7c7c;*/
	color: #ff0505;
	text-decoration: none;
	margin: 0;
	line-height: 22px;
	outline: none;
	text-shadow: 1px 1px 1px #FFF;
	width: 92px;
	}
	
	#header #nav li.current_page_item a, #header #nav li.current_page_ancestor a {
		/*color: #ff0505;*/
		color: #575757;
		}
	
	#header #nav li a span.tag {
		display: block;
		font-size: 10px;
		line-height: 11px;
		color: #000;
		text-shadow: 1px 1px 1px #FFF;
		}			


h1 {
	margin: 0;
}

h2, h2 a {
	font-size: 63px;
	margin: 0;
	color: #ff0505;
	}

h2#comments, h2#postcomment {
	color: #7c7c7c;
	}

h3 {
	font-size: 23px;
	margin: 0;
	}

p {
	font-size: 12px;
	}

a {
	text-decoration: none;
	color: #ff0505;
	font-weight: bold;
	}

a img {
	border: none;
	}

#sidebar p {
	color: #fff;
	}
	
#sidebar a {
	font-weight: bold;
	}

#sidebar h2 {
	font-size: 33px;
	color: #fff;
	margin: 0;
	}

#sidebar h3 {
	font-size: 22px;
	color: #fff;
	margin: 0;
	}
	


div div.tb_tweet{
	
	width:180px;
	background: url('images/bubble.png') no-repeat bottom left #2E2E2E;
	padding:10px 10px 18px 10px;
}

span.tb_msg{

	font-weight: 100;
}


.widget_archive{
	font-size:18px;
	color: #fff;
	
}

.widget_archive ul{
	font-size:12px;
	margin:0;
}

#sidebar .widget_archive ul li{
	margin:4px;
}

.upm_poll_footer{
	color: #fff;
}
.upm_poll_result_title{
	color: #fff;
}

				
/* !Clear float */
	#wrapper, #content {
		overflow: hidden;
		zoom: 1;
		}