/*  
Theme Name: MikeStarkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. with a mike twist. Phwoar!
Version: 1.0M
Author: Elliot Jay Stocks/Mike Walters
Author URI: http://elliotjaystocks.com
*/

/* ************************************************************************************************************************************************************
Obviously feel free to change the info above once you've added your own styling
************************************************************************************************************************************************************ */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************
And now it's over to you...
************************************************************************************************************************************************************ */
* html{height:100%;}
* body{height:100%;}
.post{
width:100%;float:left;
margin-bottom:10px;padding-right:20px;
border-bottom: 1px dotted #666666;
overflow:hidden;
}

#post_wrap{
width:310px;
float:left;
}
#main .navigation{
width:100%; 
}
.navigation .prev_post{
width:auto; display:inline;float:left;
}
.navigation .next_post{
width:auto; display:inline;float:right;
}
#sidebar{
width:180px;
padding-left:9px;padding-right:10px;
border-left:1px dotted black ;
float:right;display:inline;color:green;
}
#sidebar h2{
padding:5px;margin-bottom:0px;padding-top:12px;
}
#sidebar .widget{
padding-top:10px;
padding-bottom:10px;
}

#sidebar #recent-posts,#get-recent-comments li{
padding-bottom:2px;
border-bottom:1px dotted grey;
}
#search input.submit{
border:1px solid black;
background-color:white;
font-size:10px;
}
#commentform{
width:100%;
}
ol.commentlist li{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
margin-bottom:10px;
}
#commentform>p{
position:relative;
}
#comment{
width:100%;
}
/************************ My code follows ************/
body{
background-image:url('portfolio/images/site/bodybg2.jpg');
background-repeat:repeat-y;
background-position:top center;
background-color:black;
}

#top_wrap{
background-color:white;
background-image:url(portfolio/images/site/topwrapbg.jpg);
background-repeat:no-repeat;
background-position:50% 100%;
width:100%;
height:200px;
}

#top{
background-color:white;
background-image:url('portfolio/images/site/banner.jpg');
background-repeat:no-repeat;
background-position:center top;
position:relative;
margin-left:auto;
margin-right:auto;
width:750px;height:177px;
}
/*
#nav{
overflow:hidden;
background-image:url('portfolio/images/site/navbanner3.jpg');
background-repeat:no-repeat;
background-position:center;
background-color:red;
vertical-align:middle;
border-top:1px solid red;border-bottom:1px solid red;
}
*/

#nav{
/*background-image:url(portfolio/images/site/navbg.jpg);*/
background-color:black;
margin-left:auto;
margin-right:auto;
width:730px;height:23px;
overflow:hidden;
vertical-align:middle;
border-left:10px solid black;
border-right:10px solid black;
}
	#nav ul{
	width:auto;height:12px; list-style:none;
	display:inline;
	}
	#nav ul li{
	display:inline;color:white;margin-left:30px;font-family:Impact;font-size:14 px;
	}
	#nav ul li a{
	color:white;font-size:14px;
	}
	#nav ul li a:hover{
	color:#800000;font-size:14px;
	}
	#nav_left{
	float:left;
	}
	#nav_right{
	float:right;
	}

#main{
width:730px;height:auto;
margin-left:auto;margin-right:auto;
position:relative;
background:white;
border-left:10px solid black;
border-right:10px solid black;
}
	#main h1{
	font:24px Georgia; color:#c00000;
	padding-bottom:10px;padding-top:5px;
	padding-left:10px;
	}
	#main h2{
	font:16px Verdana;
	font-variant:small-caps;
	font-weight:bold;
	padding:10px;
	color:#c00000;
	}
	#main h2 a:hover{
	color:#c00000;
	}
	#main p{
	padding:0px 10px 20px 20px;font:14px/16px Georgia;
	}
	#main .post p.date_posted{
	font:10px Georgia;
	padding:0px;margin:0px;
	padding-left:10px;
	position:relative;top:-10px;
	}
	#main p img{
	float:left; padding:5px;
	}
#main2{ /* This divides the content from sidebar on Blog */
width:470px;height:auto;
float:left;
font:12px/14px Georgia;position:relative;
background:white;
}
#webwork{
padding-top:5px;margin-top:10px;
border-top:1px solid grey;
}
	#webwork li {
	list-style:none;
	padding-bottom:20px;
	padding-top:5px;
	text-align:center;
	}
	#webwork img{
	margin-left:auto;margin-right:auto;
	padding:10px;
	}
	#webwork span{
	width:430px;display:block;
	padding-bottom:12px;
	font:16px Georgia;
	text-align:left;
	}
	#webwork p{
	padding-bottom:30px;
	border-bottom:1px solid grey;
	text-align:left;
	}

#calendar{
width:400px;height:400px;
table-layout:fixed;
border:1px solid red;
clear:none;float:left;
}

#calendar th{
background-color:#333333;
color:white;
}
#calendar td{
vertical-align:top;
}

#output{
height:200px;
color:red;}

#cal_details{
width:200px;
height:400px;
background-color:black;
color:white;float:right;
overflow:scroll;
}

.float_left{
float:left;
width:auto;
display:inline;
}

.float_right{
float:right;
width:auto;
display:inline;
}
/*=======*/
/* FONTS */
/*=======*/
.center{
margin-left:16px;
margin-right:16px;
}
img.third{
width:230px;
}

.gallery img{
padding:16px;
}

a:hover{
color:#c00000;
}

.quote{
font-size:12px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
padding:4px;margin:0px;
}