/*  
Theme Name: Localite 
Description: Custom Theme for 
Version: 1.0
Author: David Barber
Author URI: http://www.504west.com
*/

/*
text grey: #d1d6da
body #040e17
a #2d99f9
titles: #5f93c1
*/


/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/* END RESET */



body {
	background: url(images/localiteheader.jpg) top center no-repeat #040e17;
	color: #d1d6da;
	font-size: 15px; 
	font-family: Arial, Sans-Serif;
	margin: 0;
	padding: 0; line-height: 22px
	}





.alignright { float: right;	}
.alignleft { float: left }



ul, li, ul li { background: none; list-style: none; margin: 0; padding: 0; }
a { color: #2d99f9; text-decoration: none; }

a:hover { color: #478fc3;  }

a img {	border: none;	}
p img {padding: 0;max-width: 100%;}

cite { font-size: 1.4em;  }
	
h1, h2, h3, h4, h5, h6 { margin: 10px 0px; color:#fff; font-weight: 100; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; margin-top: 10px }
h4 { font-size: 1.6em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.4em; }

p.metainfo { color:#999 }

img.centered { display: block; margin: 0 auto; }
img.alignright { display: inline; }
img.alignleft { display: inline; }

#page {
margin: 0px auto;
padding: 0px;
width: 980px; 
}

#header {
height: 252px;
display:block; 
}

#headersearch {
 width: 400px;
padding: 283px 0px 0px 185px;
height: 30px;
}

#headersearch input.search {
padding: 2px 5px;
border: 1px #999 solid;
background: #ddd;
margin-right: 5px;
color:#42799f;
font-style: italic;
font-size: 12px;
} 
#headersearch input.search:focus {
background: #fff;
color: #040e17;
font-style: normal;
border: 1px #040e17 solid;
} 
#headersearch input.submit {
padding: 0px 3px;
font-size: 12px;
} 

#sidebar {
float: left;
text-align: left;
width: 165px;
min-height: 500px;
font-family: Arial;
}

#sidebar ul {
text-transform: uppercase;
list-style-type: none;
margin:115px 0px 0px 0px;
padding: 0px; 
display:block;
width: 165px;
}
#sidebar ul li {
text-transform: uppercase;
list-style-type: none;
margin:0px;
padding: 0px; 
display:block;
width: 165px;
}

#sidebar ul li a {
text-transform: uppercase;
margin:0px;
padding: 0px; 
display:block;
height: 29px;
line-height: 27px;
width: 165px;
color:#d1d6da;
font-size: 15px; 
text-decoration: none;
font-weight:700;

}
#sidebar ul li a:hover {
color:#2d99f9;
}

#sidebar ul li ul.children {
margin:0px 0px 0px 10px;
width: 150px;
}


#sidebar ul li ul.children li {
 width: 132px;
padding-left: 18px;
 background: url(images/sidemenu-child.png) top left no-repeat transparent;
}
#sidebar ul li ul.children li a {
 width: 132px; 
text-transform: capitalize;
}


#sidebar div.shareandenjoy {
 margin: 10px 0px 15px 0px
}
#sidebar div.shareandenjoy a {
 float: left; display: inline-block;
}

#sidebar div.broughttoyou {
 margin: 60px 0px 10px 0px
}


#content {
font-size: 1em;
width:540px;
float:left;
min-height: 600px;
padding: 10px;
margin: 78px 0px 0px 30px;
font-family: Arial, Sans-Serif; 
background:#000000

}
	
#content img.alignright, #content img.alignleft {
 border: 5px #fff solid; margin: 10px;
}

#content img.alignnone {
 border: 5px #fff solid; margin: 10px auto;
}

#content img.noborder{
 border: 0px #fff solid; margin: 0px 
}

#homegraphics  {
    width: 510px; height: 298px; display: block;
}


#content img.titleimage {
 padding-left: 10px
}

#content p {
 padding: 10px 0px 0px 0px
}

#content.home p {
 padding: 5px 20px 10px 20px
}
#content.home h2 {
 padding: 20px 0px 0px 20px
}

#content div.entry {
 padding: 0px 10px
}

#content h3 a, #content h2 a  {
 color: #fff;
}

#content h3 a:hover, #content h2 a:hover {
 color: #478fc3;
}

#content div.commentform {
 padding: 10px
}

#content .commentlist {
 padding: 15px 0px
}


#rightbar {
 display:none;

}

#livevideo {
 height: 298px; /* 165 */
 width: 275px; 
background:#000;
display:none
}

#thisweek div.weekitem {
margin: 10px 0px 0px 0px;
height: 220px;
padding: 0px;
width: 275px; 
display:block;
color:#5f93c1;
}
#thisweek div.weekitem img {
 float: left; 
width: 265px; 
height: 177px;
margin: 0px 0px 5px 0px;
border: 5px #d1d6da solid;
cursor:pointer;
}





#thisweek div.weekitem a.name {
clear:both;
width: 250px !important;
font-size:1em !important;
display:block !important;
font-weight: 700 !important;
float: none !important;
text-align:left !important;
color: #d1d6da;
}
#thisweek div.weekitem:hover a{
color: #fff;
}

#thisweek div.weekitem:hover img {
border: 5px #fff solid;
}



#rightbar h2 {
 font-size: 1.25em;
text-transform: uppercase;
}
#rightbar .thisweektitle {
 margin: 12px 0px 2px 0px
}




.clear {
clear: both; width:100%;
}

#footer {
padding: 0;
float: none;
background: url(images/footer.jpg) bottom center no-repeat;
height: 200px;
padding: 0px;
width: 100%; 
}

#footer p {
padding: 145px 0px 0px 180px;
width: 800px;
margin: 0px auto;
text-align: left;
color: #d1d6da;
font-size: 14px
}
#footer p a {
line-height: 140%;
color: #2d99f9
}




#homevidcontainer {
width: 540px; 
margin: 0px 0px 10px 0px; 
background: #0072bc;
height: 334px;
position:relative;
}

#homevidplayer {
position: relative;
top: 295px;
right: 10px;
z-index: 10;
width: 80px;
height: 34px;
float: right;
display: none;
}
#homevidplayer img {
cursor: pointer;
} 


div.hiddenvideo {
 display:none;
}





#homefeatures {
width:540px;
display:block;
position: relative;
top: 0px;
left: 0px;
margin:0px;
padding:0px;	
height: 334px;
}



#homefeatures div.item {
 width: 540px;  
height: 334px;
}

#homefeatures div.item a img {
 border-width: 0px; 
width: 540px;
}

#homefeatures  div.item.hidden {
 display: none;
}

#homefeatures div.item.active {
 display: block;
}