/* LAYOUT */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
h1#logo	{ display: block; width: 387px; height: 92px; background-image: url(/images/logo.png); background-repeat: no-repeat; text-indent: -9999px;}
.clear { clear: both;}
.imgfloatleft {float: left; margin-right: 18px; margin-bottom: 3px;}

/*
	STRUCTURE
*/

body { background-image: url(/images/bg_grad.png); background-repeat: repeat-x; background-color: black ;}
#page-wrap { width: 900px; margin-left: auto; margin-right: auto; }
#mast-head	{ padding-top: 32px; background-image: url(/images/mast_head_bg.png); background-repeat: repeat-x; background-position: 0px 85px;}
#header-logo { float: left; }
#menu-bar {	padding-right: 24px;	margin-top: 53px;	background-repeat: no-repeat;	background-position: right;	background-image: url(/images/menu_bg.png);	background-color: #343d6a;	float: right; text-align: right; height: 33px;}
#menu-cap { float: left; height: 33px; width: 9px; background-image: url(/images/menu_cap.png); }

#menu-bar ul {  display: inline; }
#menu-bar ul li { margin-top: 8px; margin-right: 5px; margin-left: 5px; display: inline; float: left;}
#menu-bar ul li a { display: inline;}

#menu-bar a { font-weight: bold; font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; font-size: 0.8em; text-decoration: none; text-shadow: 1px 1px 2px #5566b3; color: white; }

#content { background-color: white; min-height: 600px; }

#footer { position:relative; width: 900px; background-repeat: no-repeat; height: 61px; background-image: url(/images/jmc-wordpress-footer.png); }

#johnnypic { position: absolute; left: 700px; top:-334px; z-index: 50; background-image: url(/images/johnny_homepage.png); width: 192px; height: 342px; background-repeat: no-repeat;}

#rss-feed { margin-top: 18px; padding-left: 23px; float: left; }

#weeWebFooter { font-style: normal; margin-bottom: 20px; margin-top: 10px; color: #343d6a; font-weight: normal; font-size: 0.7em; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center; }

#weeWebFooter a { font-weight: bold; text-decoration: none; color: #3e4a83; }


h2 { margin-bottom: 0px; color: #918aff; font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; font-size: 1.8em;}

h2 a { text-decoration: none; color: #918aff; }

p { color: #343d6a; font-size: 0.8em; line-height: 1.8em; font-family: "Lucida Grande", Verdana, Arial, sans-serif; padding-bottom: 10px; }

.thedate { line-height: 0.5em; font-size: 1.1em; color: #c5c5c5; }
.thedateside { line-height: 0.5em; font-size: 0.6em; color: #c5c5c5; }

.postdetails { color: #b3b3b3; font-size: 0.6em; }

.post { margin-bottom: 10px; border-bottom: 1px dotted #c5c5c5; }

#comment { width: 630px; padding: 3px; margin: 0px; margin-top: 5px;}
#commentform input {display: block; margin-top: 5px; width: 400px; padding: 3px;}

#content p { text-align: justify; }
ol { margin-bottom: 20px;}
.prevnext { color: #343d6a; font-size: 0.8em; line-height: 1.8em; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }

#bodyleft { padding-left: 20px; float: left; width: 640px; }
#sidebar { float: right; width: 200px; margin-top: 35px;}

/*
	Form
*/
#contactform input.in { height: 1.5em; padding: 0.1em; font-size: 1.3em; display: block; width: 600px; border: 1px solid #CCC; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #AAA; }

#contactform label { display: block; padding-bottom: 20px; color: #343d6a; font-size: 0.8em; line-height: 1.8em; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}

#contactform textarea { height: 200px; padding: 0.2em; font-size: 1.5em; display: block; width: 600px; border: 1px solid #CCC; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #AAA;  }

#loadingbar { display: none; margin-top: 30px; text-align: center; }




#gallery			{}
#gallery li 		{ float: left; margin: 0 10px 10px 0; }
#gallery li.rowend	{ margin: 0 0 10px 0; }
#gallery li img		{ border: 1px solid black; }