@charset "UTF-8";
/* CSS Document */


/*----------------------------*/
/*                            */
/*         Resets             */
/*                            */
/*----------------------------*/

html, body {

	margin:0;
	padding:0;

}

body {


	font-size:62.5%;
	/*background-color:#313131;*/



}


/*----------------------------*/
/*                            */
/*         Title              */
/*                            */
/*----------------------------*/


#whole_container {

	width:800px;
	position:relative;
	background-color:transparent;
	margin: auto;
	margin-top:135px;
}


#black_header {

	width:475px;
	height:1000px;
	float:left;
	margin-top:-15px;
	font-size: 10em;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	margin-left:-485px;
	clear:both;
}



#title {
	
	width:450px;
	height:72px;
	background:url(http://www.jaredhardy.com/wordpress/wp-content/themes/2.0/images/mc_title.jpg) red;
	position:relative;
	margin-left:15px;
	margin-top:120px;
	
}





/*----------------------------*/
/*                            */
/*         Menu               */
/*                            */
/*----------------------------*/

#menu {
	
	width:300px;
	height:30px;
	position:absolute;
	margin-left:560px;
	margin-top:-50px;
	font-size:1em;

}
	

	
	


#menu li {
		
		display:inline;
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		padding-right:2px;
		padding-left:2px;

		padding-right:5px;
		padding-left: 5px;
}
	
a.menu:link, a.menu:visited {
		
		text-decoration:none;
		color:#000000;
	
		
	}

a.menu:hover {
	
	text-decoration:underline;
}


/*----------------------------*/
/*                            */
/*         Body               */
/*                            */
/*----------------------------*/


#blog {

	width:auto;
	height:auto;	 
	padding-left:0px;
	float:right;
	margin-top:-55px;
	margin-left:-35px;

	
}

#blog img { 
	
	border:0;
	
	
}

#spacer {
	
	width:100%;
	height:50px;
	clear:both;
	
}




h3 {

	font-family:Georgia, "Times New Roman", Times, serif; 	
	font-weight:400;
	font-size:1.1em;
	margin-bottom:5px;
	margin-top:10px;
	line-height:.5em;
	padding: 10px;
	background-color:#212121;
	color:#FFF;
	margin-left:-38px;
	
}

#replyform h3 {
	
	margin-bottom:25px;

}

#searcher {
	width:170px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:1em;
	margin-left:590px;
	margin-top:-30px;
	}
	

#search_box {
	width:157px;
	height:28px;
	background: url(http://www.jaredhardy.com/wordpress/wp-content/themes/2.0/images/searchbox.gif);
	margin-left:35px;
	margin-top:-19px;
	
}

#search_box #s {
 float: left;
 margin: 7px 0 0 15px;
 border: 0;
 width: 120px;
 background: none;
 

}
	
	
form.menu {

	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:.6em;
	line-height:15px;
	
}

input {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;

}
/*----------------------------*/
/*                            */
/*         post class         */
/*                            */
/*----------------------------*/



.post {
	
	width:450px;
	position:relative;
	left:25px;
	margin-right:10px;
	padding-left:10px;
	padding-top:5px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.4em;

}



h2 {

	
	font-family:Georgia, "Times New Roman", Times, serif; 	
	font-weight:400;
	font-size:1.1em;
	margin-bottom:5px;
	margin-top:10px;
	line-height:.5em;
	padding: 10px;
	background-color:#212121;
	
	
	
}

h2 a {

	
	text-decoration:none;
	color: #FFFFFF;
	
}



h4 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:3.6em;
	margin-bottom:5px;
	color:#CCCCCC;
	margin-top:0px;
	
	
}
.title:link, .title:visited {
	
	color:#FFFFFF;
	text-decoration:none;
	
	
}

.title:hover {
	
	text-decoration:none;
	
}

.post small {

	font-style:italic;
	
}

.postmetadata a:link, .postmetadata a:visited {

	color:#999999;
	text-decoration:none;
	
}

.postmetadata a:hover {

	text-decoration:underline;
	color:#333333;
	
}

.more-link:link, .more-link:visited {

	color:#000000;
	text-decoration:none;
	
}

.more-link:hover {

	text-decoration:underline;
	
}

.commentlist li {

	width:410px;
	margin-left:-40px;
	margin-bottom:2px;
	padding-bottom:10px;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	list-style:none;
	border-bottom: dotted 1px;
	
}

.commentlist li:last-child {

	border-bottom:none;
	
}

.commentlist {
	width:410px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	
}

.commentlist a {
color:#333333;

}


#comment {
width:420px;

}

#respond {
margin-left:0px;
margin-bottom:-5px;
margin-top:2px;

}

#commentform p {
margin-left:0px;
}



#replyform {

	width:440px;
	background-color:#FFFFFF;
	margin-left:35px;
	padding-top:1px;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border-bottom:dotted 1px;
}

li .alt {
	background-color:#CCCCCC;
	
}

.slashdigglicious img {

	border:0;
	
}

.entry a:link, .entry a:visited {

	font-weight:bold;
	text-decoration:none;
	color:#000000;
	
}

.entry a:hover {

	border-bottom: dotted 1px;
	color:#FF3300;
	
}

.entry a:hover img {
	border-bottom: none;
	
}


/*------- head content ------- */

#head_cont1 {

	width:455px;
	height:300px;
	border-top:dotted 1px;
	border-bottom:dotted 1px;
	margin-left:10px;
	margin-top:15px;
}

h5 {

	color: #e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .2em;
	font-weight: bold;
	margin-bottom:-90px;
	margin-left:5px;
	margin-top:10px;
	
}

#head_cont1 ul {

	margin-left:-40px;
	
}

#head_cont1 li {

	padding-right:15px;
	float:left;
	list-style:none;
	font-size:15px;
	padding-bottom:10px;
	
}

#head_cont1 li a:link, #head_cont1 li a:visited {

	font-weight:400;
	text-decoration:none;
	color:#CCCCCC;
	font-size:12px;
	
}


#head_cont1 li a:hover {
	border-bottom: dotted 1px;
	color:#FF3300;
	
}



/* --------- Previous and Next Story buttons ------ */

.navigation a:link, .navigation a:visited  {

	color:#CCCCCC;
	font-size: 1.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:35px;
	margin-top: 10px;
	
}


.navigation a:hover  {
border-bottom: dotted 1px;
	color:#FF3300;
	
}