/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:http://www.styleshout.com/  background: #2a3239 url(img/bg-nav1.gif) repeat-x;
	TEMPLATE NAME: 	Enlighten
   TEMPLATE CODE: 	S-0011
   VERSION:          1.1
	LAST MODIFIED:    July-05-2007          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 20px 0; 	padding: 0;
	font: normal .76em/1.5em 'Verdana', sans-serif;
	color: #444;
	background: #5a5a5a url(img/shingletile2.gif);
	text-align: center; //for horiz menu	
	height: 100%;	
}

/* links */
a { background: inherit; color: #993333; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */

h1 {font-size: 1.8em;line-height: 1.2em;font-weight:bold;}
h2 {font-size: 1.8em;line-height: 1.2em;font-weight:normal;}
h3 {font-size: 1.4em;line-height: 1.1em;font-weight:bold;}
h4 {font-size: 1.4em;line-height: 1.1em;font-weight:normal;}
h5 {font-size: 1.2em;line-height: 1.0em;font-weight:bold;}
h6 {font-size: 1.2em;line-height: 1.0em;font-weight:normal;}
h7 {font-size: .8em;line-height: 1.0em;font-weight:bold;}
p, h1, h2, h3, h4, h5, h6 {
	margin: 10px 15px;
}
ul, ol {
	margin: 0;
	padding: 0;		
}

/***********************
	  LAYOUT
************************/
#wrap {
	width: 850px;
	margin: 0 auto;
	background: #FFF ;
}

/* header */
#header {
	position: relative;
	height: 239px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #FFF url(img/mast2.jpg) no-repeat;
}

/* menu ----------------------------------------------------*/
#navcontainer
{
clear: both;
	margin: 0; 
	padding: 0 0 10px 0;		
	width: 850px;		
	background-color: #fff;
	
}

#navcontainer ul
{
clear: both;
margin: 0 15px; 
padding: 4px 0 4px 0;
list-style-type: none;
background: #2a3239 url(img/bg-nav1.gif) repeat-x;
color: #FFF;
width: 820px;
font: normal 1.0em arial, helvetica, sans-serif;
text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
background: #2a3239 url(img/bg-nav1.gif) repeat-x;
color: #FFF;
padding: 4px 4px;
border-left: 1px solid #868b8e;
}

li a:hover
{

color: #FFFF00;
}



/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #FFF;
}
#content {
	width: 820px;	
	clear: both;
	text-align: left;	
	padding: 0;
	margin: 0 auto;			
}

/* sidebar */
#sidebar {
	float: left;
	width: 166px;
	margin: 10px 0 0 0; padding: 2px;
	background: #F0F0F0;
	border: 2px solid #292F33;	
}	
#sidebar h3 {
	font-size: 1.3em;line-height: 1.2;font-weight:bold;
	padding: 10px 4px 6px 4px;
	margin: 0;	
	color: #fff;
	background: #7c96c5;	
}
.sidebox { 
	margin-bottom: 10px;
	text-align:center;
	border-bottom: 2px dashed #b8c1ad;
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;		
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D5D5D5;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D5D5D5;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #993333;
	color: #993333;		
}

#sidebarright {
	float: right;
	width: 166px;
	margin: 10px 0 0 0; padding: 2px;
	background: #e8e8e8;
	border: 2px solid #292F33;	
}
.sideboxright { 
	margin-bottom: 10px;
	text-align:center;
	border-bottom: 2px dashed #b8c1ad;
}	
#sidebarright h3 {
	font-size: 1.3em;line-height: 1.1;font-weight:bold;
	padding: 10px 4px 6px 4px;
	margin: 0;	
	color: #fff;
	background: #7c96c5;	
}


/* main */
#main {
	float: left;
	width: 620px;	
	margin: 0 0 10px 0; padding: 0;	
}

#main ul li {
	margin: 0px;
	list-style-type: bullet);
}



/* footer */
#footer {
	clear: both;
	margin: 10px; padding: 12px 0 0 0;
	font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	color: #666666;
	text-align: center;
}
#footer p {
	margin: 0; padding: 0;
}
#footer a {
	text-decoration: none;
	color: #777;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}

/* alignment classes */
.float-left  { 
float: left;
margin: 15px  0px 5px 15px;
 }

.float-right { 
float: right;
margin: 10px 0px 5px 15px;
clear: right;
}

.center {text-align:center;}
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

/* images */
img {
  border: 0px solid #DDD;
  padding: 2px;
  background-color: #FFF;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
blockquote {
	width: 310px;
	margin: 20px 15px 10px 15px;
	padding: 8px 10px 20px 20px;  	
  	background: #eff3e6; 
	border-top: 6px solid silver;
	border-bottom: 6px solid silver;
	font: italic 1.5em/1.7em Georgia, Verdana, sans-serif; 
	color: #727272;	
}

#quote {
	margin: 10px 15px 10px 15px;
	font: italic 1.3em/1.7em Georgia, Verdana, sans-serif; 
	color: #000;
}
		
/* Shingle Pages */
#shingle { 
float:right; 
width: 600px; 
padding: 4px; 
border: 1px solid #000000; 
margin:4px;}

.thumbnail {
float: left;
width: 80px;
border: 1px solid #000000;
text-align:center;
font-size:.9em;
color:#000000;
margin: 0 1px 12px 1px;
padding: 1px;
}
.bigthumbnail
{
float: left;
width: 190px;

text-align:center;
font-size:.9em;
color:#000000;
margin: 0 2px 44px 0;
padding: 1px;
}
table.stats {
text-align: center;
margin-top: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #000000;
width: 600px;
background-color: #ffffff;
border: 1px #ffffff solid;
clear:both;
}


table.stats td 
{
background-color: #kkkkkk;
vertical-align:top;
color: #000;
padding: 3px 4px;
text-align: center;
border: 1px #ffffff solid;
line-height: 1.0em
}

table.stats td.hed
{
background-color: #888888;
color: #fff;
padding: 4px;
text-align: left;
font-size: 16px;
font-weight: bold;
} 

input {
    border: 1px solid #006;
    background: #fff;
}
.button {
    border: 1px solid #006;
    background: #9cf;
}
table.form {
text-align: center;
margin: 20px  5px 15px 15px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 1.1em;
color: #000000;
width: 550px;
background-color: #FFFFD8;
border: 1px #AAAAAA solid;
clear:both;
}
table.form td 
{
background-color: #FFFFD8;
vertical-align:top;
color: #000;
padding: 5px;
text-align: left;
border: 0px;
line-height: 1.1em
}