/*  
Theme Name: BlueBreak
Theme URI: http://theundersigned.net/
Description: A black/blue one-column theme by <a href="http://theundersigned.net/">the undersigned</a> available for free. The theme is released under GPL and you may modify it as much as you like, though I will appreciate if you keep the "designed by" link in the footer.
Version: 1.0
Author: The undersigned
Author URI: http://theundersigned.net/
*/

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family: "Trebuchet MS", sans-serif;
	font-size:11px;
	line-height:16px;
}

a:link,
a:visited {
	color:#009ED1;
	text-decoration:none;
}

.clear {
	clear:both;
}

#header {
	background-image:url(img/head.jpg);
	background-repeat:no-repeat;
	background-position:220px 0;
	height:220px;
	background-color:#EEE;
}

	#header h1 {
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		font-size:24px;
		line-height:24px;
		margin:0;
		text-indent:40px;
	}
	
		#header h1 a:link,
		#header h1 a:visited {
			display:block;
			padding:10px 0;
			text-decoration:none;
			background-color:#009ED1;
			color:#FFF;
			opacity: 0.8;
			-moz-opacity: 0.8;
			filter: alpha(opacity=80);
		}
		
		#header h1 a:hover {
			opacity: 0.95;
			-moz-opacity: 0.95;
			filter: alpha(opacity=95);
		}
	
	#header h2 {
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		font-size:16px;
		line-height:16px;
		margin:0;
		text-indent:120px;
	}

		#header h2 a:link,
		#header h2 a:visited {
			display:block;
			padding:5px 0;
			text-decoration:none;
			background-color:#000;
			color:#FFF;
			opacity: 0.8;
			-moz-opacity: 0.8;
			filter: alpha(opacity=80);
		}

		#header h2 a:hover {
			opacity: 0.95;
			-moz-opacity: 0.95;
			filter: alpha(opacity=95);
		}
		
#wrapper {
	width:770px;
	background-color:#FFF;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-y;
	background-position:220px 0;
	padding:0 0 20px 0;
}

	.post {
		margin:0 0 20px 0;
		
	}
	
		.post h2.posttitle {
			display:block;
			text-transform:uppercase;
			font-weight:bold;
			font-size:16px;
			line-height:16px;
			margin:0 0 10px 0;
			text-indent:240px;
			width:720px;
		}

			.post h2.posttitle a:link,
			.post h2.posttitle a:visited {
				display:block;
				padding:5px 0;
				text-decoration:none;
				background-color:#009ED1;
				color:#FFF;
				opacity: 0.5;
				-moz-opacity: 0.5;
				filter: alpha(opacity=50);
			}

			.post h2.posttitle a:hover {
				opacity: 0.8;
				-moz-opacity: 0.8;
				filter: alpha(opacity=80);
			}
			
		.post .postmeta {
			float:left;
			width:160px;
			margin:5px 20px 0 40px;
		}
		
			.post .postmeta ul {
				list-style:none;
				margin:0;
				padding:0;
				border-top:1px dotted #999;
			}
			
				.post .postmeta ul li {
					display:block;
					padding:7px 5px;
					border-bottom:1px dotted #999;
					color:#333;
				}
				
		.post .postcontent {
			float:left;
			width:550px;
			margin:0;
		}
		
			.post .postcontent p,
			.post .postcontent ul,
			.post .postcontent ol {
				width:460px;
				margin:0 0 16px 20px;
			}
			
			.post .postcontent ul {
				list-style:square;
			}
			
			.post .postcontent ol {
				list-style:upper-roman;
			}
			
			.post .postcontent blockquote {
				margin:0 0 16px 0;
				padding:20px 20px 4px 20px;
				background-color:#CCC;
			}
			
				.post .postcontent blockquote p {
					margin:0 0 16px 0;
					width:510px;
					text-align:justify;
					font-style:italic;
					line-height:24px;
				}
			
			.post .postcontent h2 {
				text-transform:uppercase;
				font-weight:bold;
				font-size:14px;
				line-height:14px;
				margin:0 0 10px 0;
				display:block;
				padding:5px 0 5px 20px;
				background-color:#333;
				color:#FFF;
			}
			
				.post .postcontent h2:hover {
					opacity: 0.8;
					-moz-opacity: 0.8;
					filter: alpha(opacity=80);
				}

	.navigation {
		width:460px;
		margin:0 0 0 240px;
		font-weight:bold;
		text-transform:uppercase;
		font-size:12px;
		line-height:12px;
	}
	
		.navigation .alignleft {
			width:200px;
			float:left;
		}
		
		.navigation .alignright {
			width:200px;
			float:right;
			text-align:right;
		}

#comments {
	background-color:#EEE;
	border-top:10px solid #333;
	background-image:url(img/bg2.jpg);
	background-repeat:repeat-y;
	background-position:220px 0;
	padding:0 0 20px 0;
}

	#comments h2.header {
		text-transform:uppercase;
		font-weight:bold;
		font-size:14px;
		line-height:14px;
		margin:0;
		display:block;
		padding:5px 0 5px 20px;
		background-color:#009ED1;
		color:#FFF;
	}
	
	.nocomment {
		width:460px;
		margin:0 0 0 240px;
	}
	
		.nocomment textarea {
			width:460px;
		}

	.comment {
		margin:0 0 20px 0;
	}
	
		.comment h2.commenttitle {
			width:720px;
			text-transform:uppercase;
			font-weight:bold;
			font-size:14px;
			line-height:14px;
			margin:0 0 10px 0;
			display:block;
			text-indent:240px;
			padding:5px 0 5px 0;
			background-color:#333;
			color:#FFF;
		}

		.comment .commentmeta {
			float:left;
			width:160px;
			margin:5px 20px 0 40px;
		}

			.comment .commentmeta ul {
				list-style:none;
				margin:0;
				padding:0;
				border-top:1px dotted #999;
			}

				.comment .commentmeta ul li {
					display:block;
					padding:7px 5px;
					border-bottom:1px dotted #999;
					color:#333;
				}

		.comment .commentcontent {
			float:left;
			width:550px;
			margin:0;
		}

			.comment .commentcontent p,
			.comment .commentcontent ul,
			.comment .commentcontent ol {
				width:460px;
				margin:0 0 16px 20px;
			}

			.comment .commentcontent ul {
				list-style:square;
			}

			.comment .commentcontent ol {
				list-style:upper-roman;
			}

			.comment .commentcontent blockquote {
				margin:0 0 16px 0;
				padding:20px 20px 4px 20px;
				background-color:#CCC;
			}

				.comment .commentcontent blockquote p {
					margin:0 0 16px 0;
					width:510px;
					text-align:justify;
					font-style:italic;
					line-height:24px;
				}

#bottom {
	background-color:#EEE;
	border-top:10px solid #333;
}

	#bottom .column1 {
		float:left;
		margin:20px 20px 30px 20px;
		width:365px;
	}
	
	#bottom .column2 {
		float:left;
		margin:20px 0 30px 0;
		width:365px;
	}
		
	#bottom ul {
		list-style:none;
		margin:0 0 20px 0;
		padding:0;
	}
	
		#bottom ul li {
			display:block;
		}
		
			#bottom ul li h2 {
				text-transform:uppercase;
				font-weight:bold;
				font-size:12px;
				line-height:12px;
				margin:0;
				display:block;
				padding:5px 0 5px 10px;
				background-color:#333;
				color:#FFF;
			}
			
				#bottom ul li h2 a:link,
				#bottom ul li h2 a:visited {
					color:#FFF;
				}
				
			#bottom ul li div {
				margin:7px 5px 20px 7px;
			}
			
			#bottom ul li ul li {
				border-bottom:1px dotted #999;
			}
			
				#bottom ul li ul li ul {
					margin:0;
				}	
					
					#bottom ul li ul li ul li {
						border-top:1px dotted #999;
						border-bottom:0;
					}
					
						#bottom ul li ul li ul li a:link,
						#bottom ul li ul li ul li a:visited {
							padding:7px 5px 7px 15px;
							display:block;
						}
			
				#bottom ul li ul li a:link,
				#bottom ul li ul li a:visited {
					padding:7px 5px;
					display:block;
				}
			
				#bottom ul li ul li a:hover {
					background-color:#FFF;
				}
				
#footer {
	background-color:#FFF;
	border-top:10px solid #333;
	color:#333;
}

	#footer p {
		border-top:3px solid #009ED1;
		margin:0;
		padding:10px 20px;
	}