/*  

Theme Name: MJC_Theme

Theme URI: http://www.mjcblog.net

Description: My Costume WordPress Theme

Version: 1.1

Author: MJC

Author URI: http://www.mjcblog.net

Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns

*/

* {
	margin:0;
	padding:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
* { behavior: url('images/iepngfix.htc'); }
img { border:0px; }
body {
	background-color: #FFFFFF;
	color: #444444;
	font-family:Verdana,Arial,Helvetica,san-serif;
	font-size:12px;
	display:block;
} 

a { color: #134077; text-decoration: none; }
a:hover { color:#6891C3; text-decoration: underline; }

div.clear { clear:both; height: 1px; }

#header {
	width:100%;
	height:200px;
	color: #dcdcdc;
	background: transparent url('images/top-bg.jpg') repeat-x left top;
}

	#header #header-inner {
		margin: 0 auto;
		padding: 30px 0 0;
		width: 800px;
		height:120px;
	}
		#header-inner #logo {
			float:left;
			width:500px;
		}
			#logo #logo-img {
				margin-bottom:8px;
			}
			#logo a, #logo a:hover {
				font-size:40px;
				font-family:"Georgia","Times New Roman",serif;
				font-style:italic;
				font-variant:normal;
				font-weight:normal;
				line-height:normal;
				color: #dcdcdc;
				text-decoration:none;
			}
			
			#logo #tagline {
				font-size:10px;
				text-indent: 4em;
			}
				#tagline #author {
					font-style:italic;
				}

		
		#header-inner #search {
			float:right;
			width:300px;
			text-align:right;
		}
		
			#search input {
				background:transparent url('images/search-bg.png') no-repeat scroll 0% 0%;
				border:0;
				padding:6px 30px 8px 10px;
				width:177px;
			}
			* html #search input { width:157px; }
	
	
#page {
	width:100%;
	min-height: 500px;
}

	#page #page-inner {
		margin: 0 auto;
		width:800px;
		overflow:hidden;
	}
	
		#page-inner #alpha {
			float:left;
			width:550px;
		}
		* html #page-inner #alpha { width:525px; }

			#alpha-inner div.page {
				width:500px;
			}
				div.page h2 {
					font-size:32px;
					font-weight:normal;
					padding-bottom:20px;
				}

			#alpha-inner div.post {
				margin-bottom:60px;
				width:500px;
			}
				div.post h1 a, div.page h1 a {
					font-weight:normal;
					font-size:24px;
					text-decoration: none;
				}
				
				div.post span, div.page span {
					color: #A5A5A5;
					float:left;
					font-size:10px;
					padding-bottom:10px;
					width:500px;
				}

				div.post p, div.page p {
					line-height:22px;
					margin-bottom:10px;
				}
				
				div.post ol, div.post ul, div.page ol, div.page ul {
					margin-left:52px;
				}
				
				div.post p.tags, div.page p.tags {
					text-align:left;
				}
				div.post div.cats, div.page div.cats {
					border-top:1px solid #E0E0E0;
					padding-top:10px;
				}
		
		#alpha-inner div.spacer {
			height:1px;
			width:100%;
			border-bottom:1px solid #E0E0E0;
			margin: 10px 0;
		}
			
		#alpha-inner #comments {
			padding: 0;
		}
			#comments #reply {
				margin-left:70px;
			}
			#comments .nocomments {
				font-size:16px;
				font-weight:normal;
				text-align:center;
			}
			#comments input[type=text], #comments textarea { 
				width: 250px; 
			}
			#comments textarea { 
				width: 100%; 
			}
			#comments fieldset { 
				padding: 20px; 
				border: 1px solid #CCCCCC; 
				margin: 10px 0 20px 0; 
			}
			#comments p { 
				padding: 0 0 10px 0; 
			}

			#comments h2 { 
				padding: 0 0 15px 0; 
			}
			#comments #cdisplay { 
				list-style-type: none; 
				padding: 0; 
				margin: 0; 
			}
				#cdisplay li { 
					padding: 10px;  
					margin-bottom: 
					10px; 
					width: 560px; 
				}
				#cdisplay li.first {  
					border-bottom: #CCC 1px solid; 
				}
				#cdisplay li.second { 
					background: #ECECEC; 
					border-bottom: #dedede 1px solid; 
				}

		#page-inner #beta {
			float:right;
			width:250px;
		}
		
			#beta-inner div.browse-info {
				color:#959595;
				text-align:center;
			}
				div.browse-info p {
					margin:12px;
				}
		
			#beta-inner ul {
				list-style:none;
			}
			#beta-inner ul li {
				border-bottom:1px dashed #C5C5C5;
				margin-bottom:15px;
				padding-bottom:5px;
			}
			#beta-inner ul li h2 {
				color:#474747;
				font-size:18px;
				font-weight:normal;
				padding-bottom:9px;
			}
			
			#beta-inner ul li ul li {
				list-style-type:circle;
				border:0;
				margin:5px 0px 5px 26px;
				width:165px;
			}
		
		
#bottom {
	width:100%;
	height:80px;
}

	#bottom #bottom-inner {
		margin: 0 auto;
		text-align:center;
		color:#A5A5A5;
		width:800px;
		padding: 40px 0 0;
	}
	
		#bottom-inner a {
			color: #A5A5A5;
		}


/* Contact Form Stuff */
a.contact { cursor:pointer; }
#contact-overlay {
	background-color:#000000;
	display:none;
	height:100%;
	left:0;
	min-height:100%;
	opacity:0.6;
	position:fixed;
	top:0;
	width:100%;
	z-index:10;
}

#contact {
	display:none;
	position: fixed;
	top:25%;
	left: 50%;
	text-align:center;
	vertical-align:middle;
	width:500px;
	margin-left: -250px;
	z-Index:20;
	border:1px solid #050505;
	background-color:#FFFFFF;
}
	#contact h1 {
		padding:10px 10px 10px 40px;
		text-align:left;
		font-weight:normal;
	}
	#contact .form {
		text-align:center;
		margin-bottom:20px;
	}
	#contact .form fieldset {
		margin-bottom:10px;
	}
	#contact .form legend {
		font-weight:bold;
		padding:0 2px;
	}
	#contact .form label {
		display:inline-block;
		font-size:14px;
		line-height:1.8;
		text-align:right;
		vertical-align:top;
		width:85px;
	}
	#contact .form ol {
		margin:0;
		padding:0;
	}
	#contact .form li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:5px;
	}
	#contact .form li.submit {
		margin-right:25px;
		text-align:right;
	}
	#contact .form li.submit input { 
		background-Color:#134077; 
		color:#FFFFFF;
		font-weight:bold;
		padding:2px;
	}
	#contact input, #contact textarea { border: 1px solid #444444; }
	#contact input.error, #contact textarea.error, #reply input.error, #reply textarea.error { border: 1px solid red; }
	#contact label.error, #reply label.error {
		width:80%;
		color:red;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}


div#beta-inner div#akismetwrap {
  text-align:center;
}