/* Reset it all first ___________________________________*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/* Main html_____________________________________________*/

html {
	height: 100%;
}

body {
    height: 100%;
	text-align: center;
	font-family: georgia, serif;
	font-family: georgia, serif;
	line-height:1.5em; /* 16x1.25=  24px - base line height*/
	background:url("../images/top_bg.jpg") repeat-x top;
}

/* Links _________________________________________________*/

a {color:#48a91d;}
a:visited {color:#999;} 
a:hover {}
:focus {outline: 0;}

/* typography ____________________________________________*/

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,
table,address,blockquote,fieldset {
	margin-top:12px; /* 12px same margin everywhere in px for avoiding complicated math */
	padding: 0 5px;
	font-weight:normal;
}

p, ol, ul, blockquote {
	font-size: 0.875em; /* 16x0.875=14px main font size */
}

p.small {
	font-size:9px; /* 10px */
	line-height:9px; /* 12px */
	font-family:verdana,arial, sans-serif;
	margin-top:4px;
}

h1 {
	font-size: 3em; /* 16x3= 48px */
	line-height: 1em; /* 48x1= 48px */
	color:#777;
}

h2 {
	font-size: 2em; /* 16x=32px */
	line-height: 1.125em; /* 48x1=36px */
	color:#4fad26;
}

h3 {
	font-size: 1.2em; /* 16x1.125=18px */
	line-height:1.25em; 
}



/* Basic grid system________________________________________*/

.wrapper {
    width:100%;/*the width of your entire site*/
	margin: 0 auto;
	text-align:left;
	position:relative;
	margin-top:5px;
	margin-bottom:30px;
}

/* Simple grid system_______________________________________*/

.g6_1, .g6_2, .g6_3, .g6_4, .g6_5, .g6_6, .full,
.g8_1, .g8_2, .g8_3, .g8_4, .g8_5, .g8_6, .g8_7, .g8_8  
{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 0;
}

.g6_1 {width:15.5%}
.g6_2 {width:32%;}
.g6_3, .g8_4 {width:48.5%;}
.g6_4 {width:65%;}
.g6_5 {width:81.5%;}

.g8_1 {width:11.375%;}
.g8_2 {width:23.75%;}
.g8_3 {width:36.125%;}
.g8_5 {width:60.875%;}
.g8_6 {width:73.25%;}
.g8_7 {width:85.625%;}

.g8_8, .g6_6, .full {width:98%;}

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}

/*layout____________________________________________________*/


/*header__________________*/
.header {
	height:180px;
	float:left;
}

.title {
	margin-top:35px;
}      

.title h2 {
}


.title {font-size:0.8em;
	    width:610px;
	    margin-left:30px;
}

.title h2 a span{
	    display:none;
}

.title h2 {margin:0;
	padding:0;
}

.title h3{display:none;}
          
.title p {line-height:1.6em;
	font-family:arial, sans-serif;
	padding-left:0;
	margin-top:20px;
	color:#7d7d7d;
}

.title p span {
	font-weight:bold;
}

.lcc_logo {
	
}

.lcc_logo img {float:right;
	margin-right:30px;
	margin-top:10px;
}

a.home {	background: url("../images/title.gif") no-repeat left;
	width:375px;
	height:23px;
	display:block;
	margin-top:4px;
 }

/*artist__________________*/

.text {float:left;
	   width:680px;
}

.artist p img {vertical-align:bottom;;
}


.artist img.big {margin-left:5px;
	         border:1px solid #7d7d7d;
	         margin-bottom:10px;
	         
}

.artist {
	float:left;
	margin-top:15px;
	width:620px;
	margin-left:30px;
	display:inline;
	margin-bottom:50px;
	
}


/*content (all small photos)_____*/

.content {}

.item {
	   float:left;
       position:relative;
       height:100px;
       margin-top:5px;
       margin-left:5px;

}

.item img {margin:0;
	height:100px;
 }

.item .i_title {	
	        position:absolute;
	        bottom:0;
	        left:0;
        }
        
           
.i_title h3{
	margin-top:0;
	font-size:0.75em;
	font-family:verdana;
	line-height:1.3em;
	margin:0;
	padding:0;
	background:#4fad26;
	padding:2px 4px;
	font-family:georgia;
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
}

.item .i_title h3 a {
	color:#fff;
	text-decoration:none;
}

/*
.i_title h3 a:visited {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;

}
*/

.i_title h3 a:hover, .item:hover h3 a {
}
a:hover img {display:hidden;}    

/*footer____________________________________________________*/

.footer {float:left;
	margin:20px 20px;
}

.footer p {margin-top:0; padding-left:0; font-family:arial, sans-serif; font-size:12px;}


/*floats____________________________________________________*/

.floatLeft {float:left; }