/*  
Theme Name: oliverwolfsondotcom
Theme URI: http://www.oliverwolfson.com
Description: This is my theme for my homepage.
Version: 1.0
Author: oliver wolfson
Author URI: http://www.oliverwolfson.com/

*/



/* ------------------------  BODY and HTML  -------------------------------  */


* {
	margin: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	/*background-image:url('images/bg1.jpg');
	background-repeat:no-repeat;
	background-position:top right;*/
}


.indexWrapper {
	
	margin-top: -50px;
}


html, body {
 	height: 100%;
}



body
{
	background-color: white;
	
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	color: dimgray;
	overflow-x: hidden;
}


body,h1,h2,h3,h4,h5,h6,blockquote,p,form{
	margin: 0;
	padding: 0;
	
}


.push{
   height: 50px;
}


.push100{
   height: 100px;
}





/* ------------------------  GENERAL STYLE SELECTORS -------------------------------  */



h1{
	font-size: 24px;
	padding: 0 0 0px 0;
}

h2{

}




a:link{
	/*text-decoration: none;*/
	color: gray;
	
}

a:visited{
	text-decoration: none;
	color: gray;
}

a:hover{
	text-decoration: none;
	color: darkgray;
}

p{
	padding: 0px, 0 0 0;
	margin-bottom: 10px;
}


table#wp-calendar{
	width: 100%;
	padding: 4px;
}


.code {
	color: dimgray;
	font-family: courier, serif;
	background-color: #EEEEEE;
	padding: 10px;
	border: 1px solid #888888;
	margin: 0 20px 0 20px;
	width: 530px;
}

.steelblue {
	color: steelblue;
}

.marginBottom {
	margin-bottom: 30px;
	
}

.marginTop {
	margin-top: -25px;
	
	
}

:link img {
  border: none;
}

img
{  border-style: none;
}

.navigation a{

margin-left: 20px;
margin-right: 20px;


}

/* ------------------------  END GENERAL STYLE SELECTORS -------------------------------  */



/* ------------------------  HEADER  -------------------------------  */



#headerlogo {

	color: white;
	position: relative;
	width: 960px;
	height: 25px;
	margin-left: auto;
   	margin-right: auto;
   	top: -100px;
	

}


.header{

	width: 100%;


}


#tagline {

	width: 400px;
	position: relative;
	top: 60px;
	left: -272px;
	margin-left: auto;
   	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: gray;
}







/* ------------------------  END HEADER  --------------------------  */











/*  ---------------------------- TOP MENU ---------------------------   */



.menu li {
	display: inline;
	padding: 0px 20px 0px 0px;
	

}

.menu {

	
	position: relative;
	top: 30px;
	left: -210px;
	width: 900px;
	margin-left: auto;
   	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	
	
}

.menu a:hover {
	color: darkgray;
}

.menu .current_page_item a {
	/*color: dimgray;*/
	text-decoration: underline;
}


.search{

	width: 200px;
	position: relative;
	top: -25px;
	left: 352px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: auto;
   	margin-right: auto;
}



/*  ------------------------ END TOP MENU ------------------------   */




/*  ------------------------ CONTENT ------------------------   */



.contentWrapper{

	margin-left: auto;
   	margin-right: auto;
   	margin-bottom: 120px;
   	margin-top: -20px;
   	width: 900px;  
}



.container{
	width: 600px;
	top: 30px;
	position:relative;
	left: 30px;
/*
	border-style:solid;
	border-width:1px;
	border-color:red;
*/
}



.indexContainer{
	width: 700px;
	top: 30px;
	position:relative;
	left: 25px;

}


.post{
	padding: 0px 0px 0px 0px;
	color: gray;
	text-align: left;
	padding-top: 0px;
	/*border-style:solid;
	border-width:1px;
	border-color:red;*/
}


.indexpost{
	padding: 0px 0px 0px 0px;
	color: gray;
	text-align: left;
	padding-top: 30px;
}


.entry{
	line-height: 18px;
	padding-top: 20px;
	border-top: 1px solid #eeeeee;
	margin-top: -10px;
}

.indexentry{
	line-height: 18px;
	padding-top: 20px;
	margin-top: -10px;
}


.entry a{
	
	text-decoration:underline;
	color: gray;
	
}


.entry a:hover{
	color:darkgray !important;
}



.post h2{
	font-size: 20px;
	color: gray;
	margin-bottom: 25px;
	margin-top: -30px;
	padding-top: 25px;
}

.indexpost h2{
	font-size: 20px;
	color: gray;
	margin-bottom: 25px;
	margin-top: -30px;
	padding-top: 25px;
}


.post h2 a{
	font-size: 18px;
	color: gray;
	text-decoration:none;
}

.indexpost h2 a{
	font-size: 18px;
	color: gray;
	text-decoration:none;
}




.post h2 a:hover{
	font-size: 18px;
	color: lightgray;
}

.indexpost h2 a:hover{
	font-size: 18px;
	color: lightgray;
}



.post h3{
	font-size: 18px;
	color: gray;
	margin-bottom: 25px;
	margin-top: -30px;
	padding-top: 25px;
}

.indexpost h3{
	font-size: 18px;
	color: gray;
	margin-bottom: 25px;
	margin-top: -30px;
	padding-top: 25px;
}



.post h3 a{
	font-size: 18px;
	color: gray;
	text-decoration:none;
}

.indexpost h3 a{
	font-size: 18px;
	color: gray;
	text-decoration:none;
}



.post h3 a:hover{
	font-size: 18px;
	color: lightgray;
}

.indexpost h3 a:hover{
	font-size: 18px;
	color: lightgray;
}



p.postmetadata{
	font-size: 11px;
	background-color:#f5f5f5;
	color: darkgray;
	padding: 10px 0px 10px 10px;
	margin: 20px 0px 50px 0px;
	
	/*border-bottom: 2px solid #eeeeee;*/
}

p.postmetadata a{

	color: darkgray;
	padding: 0px 0px 0px 0px;
}

p.postmetadata a:hover{

	color: lightgray ;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	line-height: 18px;
}


/*
.textb{
	max-width: 700px;
	border: 2px solid red;
}
*/




/*  ------------------------ END CONTENT ------------------------   */





/* -----------------------------  SIDE BAR ---------------------------- */



.sidebar{

	float: right;
	position: relative;
	top: -8px;
	left: -42px;
	width: 250px;
	font-size: 12px;
	


}

.sidebar ul{
	list-style-type: none;
	text-align: right;
	
	


}

.sidebar ul li{

	position: relative;
	left: 22px;
color: lightgray;	

}

.sidebar ul li h2{
	font-size: 18px;
	color: gray;
	font-weight: normal;
	position: relative;
	left: 0px;
	margin-top: 30px;
	margin-bottom: 5px;
	
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
	left: -0px;
	line-height: 17px;
}

.sidebar ul ul li a{
	color: gray;
}

.sidebar ul ul li a:hover{
	color: lightgray;
}




/* -----------------------------  END SIDE BAR ---------------------------- */







/* -----------------------------  COMMENT AREA ---------------------------- */



.comments-template{
	margin: 0px 0 0 10px;
	padding: 10px 0 0;
/*
	border-style:solid;
	border-width:1px;
	border-color:lightblue;
*/
	
	
}


.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
/*
	border-style:solid;
	border-width:1px;
	border-color:lightblue;
*/
	
}


.comments-template ol li{
	margin: 10px 0 0;
	margin-left: 0px;
	line-height: 18px;
	padding: 10px;
	width: 600px;
	border: 2px dotted lightgray;
}


.comments-template h2, .comments-template h3{

	margin-left: 0px;


}


.commentmetadata{
	font-size: 12px;
	top: 10px;
	padding: 0 0 10px 0;

}

.commentmetadata a:hover{
	color: lightgray;
}


.comments-template p.nocomments{
	padding: 10;

}


.comments-template textarea{

	border: 2px dotted lightgray;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px;
	font-family: Helvetica, Arial, Sans-serif;
	color: dimgray;
	

}



/* -----------------------------  END COMMENT AREA ---------------------------- */





/* -----------------------------  FOOTER ---------------------------- */




.footer{
  	height: 50px;
	background-repeat: repeat-x;
	color: lightgray;
	font-size: 12px;
}



.footer a{
  	height: 50px;
	background-repeat: repeat-x;
	color: lightgray;
}

.footer a:hover{
  	height: 50px;
	background-repeat: repeat-x;
	color: gray;
}


.footertext{
	float:left
	height: 50px;
	width: 700px;
	text-align:left;
	position: relative;
	top: 20px;
	left: 20px;
	
}

#footerlogo {
	float: right;
	width: 100px;
	height: 50px;
	background-image:url('images/owlogo.png');
}

/* -----------------------------  END FOOTER ---------------------------- */