@charset "UTF-8";
/* Tommy Johnagin */


body{
	background-attachment: scroll;
	background-image: url(images/tj-backing.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	background-color: #0D1214;
	font-family: Arial, Helvetica, sans-serif;
}

#topnav{
	height: 25px;
	width: 100%;
	margin: 0px;
	color: #FFFFFF;
	padding-top: 8px;
	background-image: url(images/top-nav-bck.gif);
	background-repeat: repeat-x;
}

#headspacer{
	height: 215px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#seen-on{
	float: right;
}

/* MAIN STRUCTURE */

#container{
	width: 989px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 5px;
}

#center{
	width:579px;
	float: right;
	margin-right: 3px;
	margin-left: 3px;
	height: auto;
}

#left{
	height: auto;
	width: 201px;
	float: left;
}

#right{
	height:auto;
	width: 201px;
	float: right;
}

#footer{
	width: 989px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	margin-top: 0px;
	padding-top: 15px;
	background-image: url(images/footer-bck.gif);
	color: #FFFFFF;
	background-repeat: no-repeat;
}

/* END - MAIN STRUCTURE */


/* HOME BOX STRUCTURE */

#mainbox-top{
	height: 25px;
	width: 570px;
	background-image: url(images/latest-news-gray.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#mainbox{
	width: 545px;
	height: 630px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 10px;
	overflow: scroll;
	padding-bottom: 20px;
}


#mainboxlong{
	width: 545px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 20px;
}



#top{
	height: 25px;
	width: 560px;
	background-image: url(http://tommyjohn.ipower.com/wp-content/themes/tommyj-theme/images/basic-top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 4px;
	padding-left: 10px;
}

#top h1{
	color: #333333;
	text-transform: lowercase;
	font-size: 20px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#top h1 a{
	color: #333333;
	text-transform: lowercase;
	text-decoration: none;
}

#top h1 a:hover{
	color: #333333;
	text-transform: lowercase;
}

#top h1 a:visted{
	color: #333333;
	text-transform: lowercase;
}

/* SIDEBAR */

#sidebar{
	width: 194px;
	height: 100%;
	padding-left:3px;
	padding-right:3px;
	background-color: #4D4D4E;
	margin: 0px;
}

#sidebar-inner{
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#sidebar-inner ul{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 5px;
}

#sidebar-inner li{
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#sidebar-inner h1{
	color: #FFFFFF;
	font-size: 18px;
}

#sidebar-inner h2{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 0px;
}


/* SIDEBAR */

#main-foot{
	background-image: url(images/main_foot.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 20px;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}

#side-foot{
	background-image: url(images/sign-up_foot.gif);
	height: 25px;
	background-repeat: no-repeat;
	width: 200px;
	margin: 0px;
}


#email-top{
	background-image: url(images/sign-up_top.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin: 0px;
	width: 200px;
}


#emailbox{
	width: 194px;
	height: 220px;
	padding-left:3px;
	padding-right:3px;
	background-color: #4D4D4E;
	margin: 0px;
}

#emailbox p{
	color: #CCCCCC;
	font-size: 12px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#emailbox h5{
	color: #CCCCCC;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
}

.formset{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}

#formbox{
	color: #4E4E4F;
	margin-bottom: 8px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}


#sched-top{
	background-image: url(images/schedule.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin: 0px;
	width: 200px;
}

#schedbox{
	width: 194px;
	height: 220px;
	padding-left:3px;
	padding-right:3px;
	background-color: #4D4D4E;
}

#blog-top{
	background-image: url(images/blog-top.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin: 0px;
	width: 200px;
}


#blogbox{
	width: 190px;
	height: 145px;
	padding-left:5px;
	padding-right:5px;
	background-color: #4E4E4F;
	margin-top: 0px;
	padding-top: 5px;
}


#blogbox h1{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}

#blogbox h2{
	margin-top: 0px;
	font-size: 12px;
	color: #999999;
	text-transform: lowercase;
	font-weight: lighter;
}


#booking-top{
	background-image: url(images/booking-top.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin: 0px;
	width: 200px;
}


#bookingbox{
	width: 194px;
	height: 145px;
	padding-left:3px;
	padding-right:3px;
	background-color: #4E4E4F;
	margin-top: 0px;
	padding-top: 5px;
}




#social-top{
	background-image: url(images/social-top.jpg);
	background-repeat: no-repeat;
	height: 27px;
	margin: 0px;
	width: 200px;
}


#socialbox{
	width: 194px;
	height: 150px;
	padding-left:3px;
	padding-right:3px;
	background-color: #4E4E4F;
	padding-top: 2px;
}

#socialbox img{
	margin-bottom: 9px;
}

#video-top{
	background-image: url(images/videos.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin: 0px;
	width: 200px;
}


#videobox{
	width: 194px;
	height: 150px;
	padding-left:3px;
	padding-right:3px;
	background-color: #4E4E4F;
	margin-top: 0px;
}

#videobox img{
	margin-top:0px;
	border:0px;
	margin-bottom: 5px;
}

#centerhome{
	margin-top: 3px;
	width: 989px;
	padding-top: 5px;
}

/* END - HOME BOX STRUCTURE */


/* NAV */

ul.nav{
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

li.nav{
	padding-right: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	font-weight: bold;
}


li.nav a:link{
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}

li.nav a:hover{
	color: #FBFFC7;
	text-decoration: underline;
	background-color: #000033;
	padding: 2px;
}


li.nav a:visited{
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}


li.nav-soc{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	margin: 0px;
	font-weight: bold;
	padding: 2px;
}



li.nav-soc a:link{
	color: #FDFD81;
	text-decoration: none;
	padding: 2px;
}

li.nav-soc a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #0099CC;
	padding: 2px;
}

li.nav-soc a:visited{
	color: #FDFD81;
	text-decoration: none;
	padding: 2px;
}
	
	
li.footer{
	padding-right: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	font-weight: bold;
}


li.footer a:link{
	color: #CCCCCC;
	text-decoration: none;
	font-size: 10px;
}

li.footer a:hover{
	color: #00CCFF;
	text-decoration: underline;
}


li.footer a:visited{
	color: #CCCCCC;
	text-decoration: none;
	font-size: 10px;
}	





/* END NAV */

p .postmetadata{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 3px;
	margin-bottom:10px;
}

#mainbox h7{
	font-size: 20px;
	color: #006699;
	text-transform: uppercase;
	margin-bottom: 3px;
	font-weight: bold;
}

#mainboxlong h2{
font-size: 20px;

color: #333333;

text-transform: uppercase;

margin-bottom: 0px;

background-color: #ededed;

padding-top: 2px;

padding-right: 2px;

padding-bottom: 2px;

padding-left: 2px;

font-family: Verdana,Arial,Helvetica,sans-serif;
}

#mainboxlong small{
	font-size: 9px;
	color: #999999;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-top: 1px;
}

#mainboxlong p{
	font-size: 14px;
	color: #333333;
	
}

#mainboxlong a:link{
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

#mainboxlong a:hover{
	color: #0099CC;
	font-weight: bold;
}

#mainboxlong a:visited{
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}




/* Right Text */
#right p{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
}

#right a:link{
		color: #FFFF00;
	font-weight: bold;
	text-decoration: none;
}

#right a:hover{
	color: #FFFFCC;
	font-weight: bold;
}

#right a:visited{
	font-weight: bold;
	color: #FFFF00;
}



/* Left Text */

#left h3{
	color: #CCCCCC;
	font-size: 14px;
	margin: 0px;
	padding: 5px;
}

#left p{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
}

#left a:link{
	color: #FFFF00;
	font-weight: bold;
	text-decoration: none;
}

#left a:hover{
	color: #FFFFCC;
	font-weight: bold;
}

#left a:visited{
	font-weight: bold;
	color: #FFFF00;
}