/*
Theme Name: Lazer.
Theme URI: 
Description: LazerLloyd official site.
Version: 1.0
Author: Mark & Yitzchak
Author URI: .
*/

#header{
	background-image:url(images/box_bg.png);
	height:75px;
	/*margin-bottom:10px;*/
	margin-top:90px
}

#home_page_header_picture{
	height:386px;
	background-image:url(images/box_bg.png);
	float: left;
	position: relative;
}
#header_home_page{
	background-image:url(images/box_bg.png);
	display:block;
	height:470px;
	margin-top:90px;
	position:relative;
	

}
#bg_fade_top {
	background-image:url(images/body_bg_top_fade.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	height:240px;
	width:100%;
	z-index:0;
	margin:-10px 0px 0px;
	padding:0px;
}

#bg_fade_bottom {
	background-image:url(images/body_bg_bottom_fade.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	height:164px;
	width:100%;
	z-index:-1;
	margin:0px;
	padding:0px;
	clear:both;
}

#logo-small{
	background-image:url(images/LL_logo_small.png);
	float:left;
	width:157px;
	height:161px;
	position:absolute;
	top:-78px;
	left:-3px;
	z-index:22;
}
#pagecontent{
	margin-top:10px;
	margin-bottom:10px;
}
.column_title{
	/* background-image:url(images/newspage-lc-title-news.png);  SET A TITLE IMAGE */
	background-repeat:no-repeat;
	background-position:top left;
	height:37px;
	border-bottom: 2px solid #66AAFF;
	margin-bottom: -2px; /*fix the growing div change due to border width */
	margin-bottom:1em;
}
#bio_page{
	margin-top:10px;
	margin-bottom:10px;
}
#home_page{
	margin-top:10px;
	margin-bottom:10px;
}
#schedule_page{
	margin-top:10px;
	margin-bottom:10px;
}
#contact_page{
	margin-top:10px;
	margin-bottom:10px;
}
#footer{
	position:relative;
	height:130px;
	background-image:url(images/box_bg.png);
	margin:10px auto;
	clear:both;
}

#footer-div{
	height:150px;
	margin-bottom:10px;
	clear:both;
}

#footer #title{
	background-image:url(images/footer-title_lazer-lloyd-online.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:37px;
	border-bottom: 2px solid #66AAFF;
	margin-bottom: -2px; /*fix the growing div change due to border width */
}
#footer-guy{
	background-image:url(images/footer_guy.png);
	float:right;
	height:162px;
	left:775px;
	position:absolute;
	top:-48px;
	width:113px;
	z-index:21;
}
#rCol{
	background-image:url(images/box_bg.png);
	float:right;
	margin-top:10px;
	margin-bottom:10px
}

#lCol{
	background-image:url(images/box_bg.png);
	float:left;
	margin-top:10px;
	margin-bottom:10px
}
#title{
	display:block;
	margin-bottom:10px;
}
#lCol #title{
	background-image:url(images/newspage-lc-title-news.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:37px;
	border-bottom: 2px solid #66AAFF;
	/*margin-bottom: -2px; /*fix the growing div change due to border width */
}
#rCol #title{
	background-image:url(images/newspage-lc-title-news.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:37px;
	border-bottom: 2px solid #66AAFF;
	/*margin-bottom: -2px; /*fix the growing div change due to border width */
}
#bio_page #lCol  #title{
	background-image:url(images/bio_page-lc_bio_title.png);
}
#bio_page #lCol  #presskit_title{
	background-image:url(images/bio_page_lc-presskit_title.png);
	margin-top:2em;
	margin-bottom:10px; /*same as in #title*/
}
#home_page #rCol #title{
	background-image:url(images/homepage-rc-title-news.png);
}
#home_page #lCol #title{
	background-image:url(images/homepage-lc-title-video.png);
}
#video_page #lCol #title{
	background-image:url(images/video_page_lc_title-video.png);
}
#video_page #rCol #title{
	background-image:url(images/video_page-rc_title_thoughts.png);
}
#schedule_page #lCol #title{
	background-image:url(images/schedule_page_lc_title-schedule.png);
}
#music_page #lCol #title{
	background-image:url(images/music_page_lc_title-music.png);
}
#shop_page #lCol #title{
	background-image:url(images/shop_page_lc_title-shop.png);
}
#contact_page #lCol #title{
	background-image:url(images/contact_page_lc_title-contact.png);

}
#contact_page .inputfield{
	color:#666;
	width:285px;
	margin-top:1em;
	clear:both;
}
#contact_page form input{
	width:300px;
}
#contact_page form textarea{
	width:300px;
	font-family:sans-serif, Arial, Helvetica;
	font-size:13px;
}
/* ----------------------- navigation -----------------------------*/
#main-nav{
	width:800px;
	height:75px;
	display:block;
	margin:0;
	background:transparent url(images/main_nav.png) no-repeat;
}


#main-nav ul{
	height:75px;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: right;
}

#main-nav ul li{
	display: block;
	height:75px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	height:75px;
	margin:0px;
	padding:0px;
	display: block;
}
#main-nav #home{
	width:85px; 
	height:75px;
}
#main-nav #bio{
	width:66px; 
	height:75px;
}
#main-nav #news{
	width:87px; 
	height:75px;
}			
#main-nav #music{
	width:86px; 
	height:75px;
}		
#main-nav #video{
	width:87px; 
	height:75px;
}
#main-nav #schedule{
	width:122px; 
	height:75px; 
}			
#main-nav #shop{
	width:86px; 
	height:75px;
}	
#main-nav #contact{
	width:117px; 
	height:75px;
}
#main-nav ul li a.home:hover{
	background: url(images/main_nav.png) 0px -76px;
}

#main-nav ul li a.bio:hover{
	background: url(images/main_nav.png) -85px -76px;
}
#main-nav ul li a.news:hover{
	background: url(images/main_nav.png) -151px -76px;
}			
#main-nav ul li a.music:hover{
	background: url(images/main_nav.png) -238px -76px;
}		
#main-nav ul li a.video:hover{
	background: url(images/main_nav.png) -324px -76px;
}
#main-nav ul li a.schedule:hover{
	background: url(images/main_nav.png) -411px -76px;
}			
#main-nav ul li a.shop:hover{
	background: url(images/main_nav.png) -533px -76px;
}	
#main-nav ul li a.contact:hover{
	background: url(images/main_nav.png) -619px -76px;
}	

/* ---------------------------------------------------------------------------------------- */

#bottom_credit{
	text-align:right;
	/*width:50em;*/
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	margin:0;
	margin-bottom:20px;
	padding:0;
	z-index:3;
	float:right;
}
#bottom_credit a{
	color:#FFFFFF;
}

#lazerlloydonline{
	font-family:arial,helvetica,sans-serif;
	margin:0;
	padding:0;
	height:3em;
	text-align: left;
	height:75px;
	float:left;
}
#lazerlloydonline ul{
	margin: 0px;
	padding:30px 0px 0px 20px;
	list-style-type: none;
}
#lazerlloydonline li {
	display:inline;
	float:left;
	list-style-type:none;
	list-style-image: none;
	margin-right:35px;
	text-align:left;
}
#lazerlloydonline li a, #main-nav li a:visited {
	height:4em;
	color:#66aaff;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	line-height:1em;
	float:left;
	
}
#lazerlloydonline li a img {
	margin-right:10px;
	
}
#lazerlloydonline li a:hover img {
	border:1px solid #FFF;
	margin:-1px 9px -1px -1px;
	
}
#lazerlloydonline li a:hover {
	color:#FFFFFF;
}
#lazerlloydonline li.last{
	padding-left:0px;
}
#lazerlloydonline ul li a span{
	/*display:none;*/
}
/*------------------------------------------*/

.news-item{
	padding:1em 0px;
	border-bottom: 1px dotted #66aaff;
}
.video_item{
	display:block;
	margin-top:1em;
	margin-bottom:3em;
}
.tweet_item{
	padding:1em 5em;
	padding-bottom:2em;
	border-bottom: 1px dotted #66aaff;
	background-image:url(images/twits_quotation.png);
	background-position:left 1em;
	background-repeat:no-repeat;
	
}
.schedule_subtitle{
	padding:1em 0px;
	border-bottom: 1px double #66aaff;
}
.schedule_item{
	/*padding:1em 0px;*/
	border-bottom: 1px dotted #66aaff;
	/*display:block;*/
	clear:both;
	/*height:5em;*/
}
.schedule_item_one_third{
	width:33.3%;
	display:block;
	float:left;
	margin: 1em 0px;
}
.column_content{
	padding:1em 0px;

}

.pad5px{
	padding:10px 5px 10px 5px;
}
.headimage{
			background-image:url(images/homepage-head-banner.jpg);
			background-position:center center;
			background-color:#3f3;
			height:386px;
		}
.arrow-left{
	background-image:url(images/arrow-left.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:161px;
	height:16px;
	color:#66aaff;
	font: 11px sans-serif ;
	padding-left:15px;
	margin-top:1em;
}
.bigimage_grid_6{
	overflow:hidden;
	width:425px;
}
.bigimage_grid_4{
	overflow:hidden;
	width:275px;
}
/* Typography
----------------------------------------------------------------------------------------------------*/
h1 {
	color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:24px;
	line-height:1.5em;
	margin-bottom:-10px;
	margin-top:0;
	padding:0;
}

h2{
}

h3{
	color:#66aaff;
	font-size:10px;
	font-family:sans-serif ;
	line-height:2em;
	padding:0px;
	margin:0px;
}


p{
	font:12px arial,sans-serif;
	color:white;
	line-height:22px; 
	margin:0px;
	padding:0px;
}

a{ 
	text-decoration:none;
	color:#66aaff; 
	font-weight:normal;
}
a:hover{
	color:white;
	text-decoration:underline;
}

/* Grid General
----------------------------------------------------------------------------------------------------*/

	body { 
		font-family:Arial, Verdana, Helvetica, sans-serif; 
		font-size:12px;
		font-weight:normal;
		line-height:18px;
		background-image:url(images/body_bg.jpg);
		padding:0px; 
		margin:0px;
	}
	a img { 
		border:none; 
		float:left; 
		display:inline; 
	}

	/*
	label.fix_width_check { font-size:11px; }
	#content_width, #full_width, #full_width_text { font-size:40px; font-family:Georgia, "Times New Roman", Times, serif;  }
	
	#preview_grid, #download_css, #preview_fluid_grid, #download_fluid_css { margin-bottom:30px; display:block; }
	#preview_grid p, #download_css p, #preview_fluid_grid p, #download_fluid_css p { margin-top:5px;  }
	#footer p { font-size:12px;  }
	div {overflow: visible; }
	.hidden { display:none ; } 
	*/
	
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 890px;
	/*display:inline;*/
	/*float: left;*/
	position: relative;
}
.container {

}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	/*margin-left: 5px;
	margin-right: 5px;*/
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:65px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:215px;
}

.container_12 .grid_4 {
	width:290px;
}

.container_12 .grid_5 {
	width:365px;
}

.container_12 .grid_6 {
	width:440px;
}

.container_12 .grid_7 {
	width:515px;
}

.container_12 .grid_8 {
	width:590px;
}

.container_12 .grid_9 {
	width:665px;
}

.container_12 .grid_10 {
	width:740px;
}

.container_12 .grid_11 {
	width:815px;
}

.container_12 .grid_12 {
	width:890px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:75px;
}

.container_12 .prefix_2 {
	padding-left:150px;
}

.container_12 .prefix_3 {
	padding-left:225px;
}

.container_12 .prefix_4 {
	padding-left:300px;
}

.container_12 .prefix_5 {
	padding-left:375px;
}

.container_12 .prefix_6 {
	padding-left:450px;
}

.container_12 .prefix_7 {
	padding-left:525px;
}

.container_12 .prefix_8 {
	padding-left:600px;
}

.container_12 .prefix_9 {
	padding-left:675px;
}

.container_12 .prefix_10 {
	padding-left:750px;
}

.container_12 .prefix_11 {
	padding-left:825px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:75px;
}

.container_12 .suffix_2 {
	padding-right:150px;
}

.container_12 .suffix_3 {
	padding-right:225px;
}

.container_12 .suffix_4 {
	padding-right:300px;
}

.container_12 .suffix_5 {
	padding-right:375px;
}

.container_12 .suffix_6 {
	padding-right:450px;
}

.container_12 .suffix_7 {
	padding-right:525px;
}

.container_12 .suffix_8 {
	padding-right:600px;
}

.container_12 .suffix_9 {
	padding-right:675px;
}

.container_12 .suffix_10 {
	padding-right:750px;
}

.container_12 .suffix_11 {
	padding-right:825px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:75px;
}

.container_12 .push_2 {
	left:150px;
}

.container_12 .push_3 {
	left:225px;
}

.container_12 .push_4 {
	left:300px;
}

.container_12 .push_5 {
	left:375px;
}

.container_12 .push_6 {
	left:450px;
}

.container_12 .push_7 {
	left:525px;
}

.container_12 .push_8 {
	left:600px;
}

.container_12 .push_9 {
	left:675px;
}

.container_12 .push_10 {
	left:750px;
}

.container_12 .push_11 {
	left:825px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-75px;
}

.container_12 .pull_2 {
	left:-150px;
}

.container_12 .pull_3 {
	left:-225px;
}

.container_12 .pull_4 {
	left:-300px;
}

.container_12 .pull_5 {
	left:-375px;
}

.container_12 .pull_6 {
	left:-450px;
}

.container_12 .pull_7 {
	left:-525px;
}

.container_12 .pull_8 {
	left:-600px;
}

.container_12 .pull_9 {
	left:-675px;
}

.container_12 .pull_10 {
	left:-750px;
}

.container_12 .pull_11 {
	left:-825px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
 
.float_left{
	float:left;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}