/*  

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:13px;

	line-height:16px;

}



a:link,

a:visited {

	color:#009ED1;

	text-decoration:none;

}



.clear {

	clear:both;

}





#si {

        float:right;

}



#si2 {

        float:left;

}



#header {

	background-position:164px 0;

	height:163px;

	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:782px;

	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:732px;

		}



			.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;

			display:inline;

		}

		

			.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:500px;

					text-align:justify;

					font-style:italic;

					line-height:24px;

				}

				

				.post .postcontent blockquote blockquote {

					background-color:#EEE;

				}

				

					.post .postcontent blockquote blockquote p {

						width:460px;

					}

			

			.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:14px;

		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:500px;

					text-align:justify;

					font-style:italic;

					line-height:24px;

				}

				

				.comment .commentcontent blockquote blockquote {

					background-color:#EEE;

				}

				

					.comment .commentcontent blockquote blockquote p {

						width:460px;

					}

				

			



#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:14px;

				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;

	}