/* LICK LIBRARY GUITAR IDOL 2010 SITE CSS */

/* BASE STYLES */
*{margin: 0; padding: 0;}
html{font-size:62.5%;}
body{background: #000 url(../images/background.jpg) repeat-x top left; font: normal 1.1em Arial, Helvetica, sans-serif;}
.background{background: url(../images/guitar-background.jpg) no-repeat center 127px;}
.wrapper{width: 1000px; margin: 0 auto; background: #fff;}

/* COMMON */
.clear {clear: both;}
.spacer {display: block; height: 7px;}

.final_popup_div
{
    background-color: #000;
    display: none;
    width: 879px;
}

a {color: #d3182a; text-decoration: none; font-weight: bold;}
a:hover {color: #000; text-decoration: underline;}
/* HEADER */
	h1{display: none;}
	.header
	{
		width: 1000px;
		height: 128px;
		background: #000 url(../images/header-bg.gif) repeat-x top left;
	}
	.header #nav{float: left; list-style: none;	margin: 105px 0 0 30px;}

	/* NAVIGATION */
		.header #nav li {float: left; text-align: center;}

		.header #nav li a
		{ 
			text-decoration: none; 
			color:#454344; 
			font: bold 1.4em Helvetica, Arial, sans-serif; 
			border-right: 1px solid #898989; 
			padding: 4px 6px ;
		}
		.header #nav li a:hover{color: #f05205;}
		.header #nav .block {width: 70px; height: 25px; border-right: 1px solid #898989; margin: -4px 0 0 0 ;}
		.header img {float: right; border: 0; margin: 97px 0 0 0;}
		
/* FOOTER */
	.footer{width: 1000px; margin: 0 auto; text-align: right; background: #000; padding: 40px 0 0 0;}
	.footer img {float:left; border: 0;}
	.footer p {clear: right; color: #797979; font: bold 1.1em Arial, Helvetica, sans-serif; margin: 0 5px;}
	
	/* NAVIGATION */
		.footer ul#nav {list-style: none; width: auto; float:right; text-align: right; margin: 20px 5px 5px ;}
		.footer #nav li {float: left;}
		.footer #nav li a
		{
			color: #fff; 
            text-decoration: none;
            font: bold 1.1em Arial, Helvetica, sans-serif;
            padding: 0 0 0 8px;
		}
		.footer #nav li a:hover{color: #f05205;}

/* CONTENT STYLES */

.padt20
{
    padding: 20px 0;
}

.padt10
{
    padding: 10px 0;
}

#aboutdiv
{
    float: left;
    width: 385px;
}

#aboutdiv div, #howtodiv div {height: 320px;}

#howtodiv
{
    margin-left: 2px;
    float: left;
    width: 232px;
}

    .shaded{background: #f6f5f5;}
    .content h2
	{
        padding: 8px;
        color: #fff; 
        background: #f4680a;
        font: bold 2.0em Arial, Helvetica, sans-serif;
    }

    .content h2 em
	{
        color: #000;
        font-style: normal;
        float: right;
    }
	
	.content h2.black{color: #000;}

    .colA
	{
        margin: 8px 0 0 0;
        width: 640px;
        float: left;
    }

    .colB
	{
        margin: 8px 0 0 0;
        width: 350px;
        float: right;
    }
    
    .colC
	{
        float:left;
        width: 265px;
    }

    .colD
	{
        float: right;
        width: 365px;
    }

    .colhalfL
	{
        width: 304px;
         float:left;
         margin: 0 0 10px 0;
        padding: 0;
    }

    .colhalfR
	{
        width: 304px;
         float:right;
         margin: 0 0 10px 0;
        padding: 0;
    }

    .col2third
	{    
        width: 66%;
        float: left;
    }
    
    .col1third
	{
        width: 30%;
        float: right;
    }

	.col1third img
	{	
		border: 1px solid #a2a2a2;
	}
	
    .contentbox
	{
        border: 1px solid #b9b7b7;
        padding: 4px;
    }

    .contentbox h2
	{
        background:none; color:#000;
        padding: 0;
        margin: 0 0 10px 4px;
    }

    .contentbox p {margin: 0 0 10px 4px;}

    .contentbox h4 {font: bold 1.3em Helvetica, Arial, sans-serif; float: left; margin: 8px 10px 10px 0;}
    .contentbox ul#nav {list-style: none; float: left; margin: 8px 0 10px 0;width:500px;}
    .contentbox ul#nav li 
	{
        float: left; 
        padding: 0 5px;
        font: bold 1.3em Helvetica, Arial, sans-serif;
        border-right: 1px dotted #000;
    }
    .contentbox ul#nav li a	{color: #f4680a; text-decoration: none;}
	.contentbox ul#nav li a.selected {text-decoration: underline;}
	.contentbox ul#nav li a:hover {color: #000;}

    .contentbox ul#navShort {list-style: none; float: left; margin: 8px 0 10px 0;width:250px;}
    .contentbox ul#navShort li 
	{
        float: left; 
        padding: 0 5px;
        font: bold 1.3em Helvetica, Arial, sans-serif;
        border-right: 1px dotted #000;
    }
    .contentbox ul#navShort li a	{color: #f4680a; text-decoration: none;}
	.contentbox ul#navShort li a.selected {text-decoration: underline;}
	.contentbox ul#navShort li a:hover {color: #000;}

    a.bottomLink
	{
        display: block;
        color: #fff;
        background: #000 url(../images/banner-black.gif) repeat-x top left;
        text-decoration: none;
        padding:7px 6px;
        font: bold 1.4em Helvetica, Arial, sans-serif;
        text-align: right; 
    }
    a.bottomLink:hover{color: #f05205;}

    .lessonDVD
	{
	    height : 197px;
        width: 16.667%;
        float: left;
        text-align: center;
        margin: 8px 0;
    }
    .lessonDVD img { border: 0;}

    .lessonDVD a
	{
        font: bold 1.0em Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #f05205;
    }
    .lessonDVD a:hover {text-decoration: underline;}

    .lessonOnline
	{
        clear: both;
        padding: 10px;
        border-bottom: 1px dotted #000;
    }
    .lessonOnline.last{border: 0;}
    .lessonOnline img {border: 0; float: left; margin: 0 10px 0 2px;}
    .lessonOnline p {margin: 0;}

    .regButton{border: 0; float: left; margin: 0 0 8px 1px;}

    ul#tab
    {
        list-style:none;
        display:inline;
        margin: 0;
	    padding: 0;   
	    clear:both;
    }

    
    ul#tab li a
	{
        float:left;
        display:inline;
        background: #999 url(../images/banner-grey.gif) repeat-x top left;
        padding: 10px 4px;
        border: 1px solid #bcbbbb;
        border-bottom: 0;
        font: bold 1.3em Helvetica, Arial, sans-serif;
        color: #000;
        margin: 3px 0px 0 2px;
	    list-style-type: none;
	    
    }
    ul#tab li a:hover{color: #f05205;}
    ul#tab li a.active { background: #999 url(../images/banner-red.gif) repeat-x top left; color: #fff;}
	
    #recent , #watched , #random {display: none;}
    .entrants {border-top: 6px solid #710d17;}
    .entrants h2{color: #000; background: none;}
    .entrants p {margin: 0 0;}
	
	/* comments box */
		.commentsBox h2{background: none; color: #000; font: bold 2.2em Helvetica, Arial, sans-serif; padding: 0; margin: 0 0 4px 5px;}
		.commentsBox a{color:#f05205;}
		.commentsBox a:hover{color:#000;}
		.commentsBox .returnlink {float:right; margin: 10px 0 0 0;}
		/*.player {margin: 2px;}*/
		.commentsBox p{margin: 0 0 3px 0; font-weight: bold;}
		.commentsBox h5{clear:both; color: #f05205; float: left; font: bold 1.0em Arial, Helvetica,  sans-serif; margin: 0 4px 0 0;}
		.commentsBox .comment{margin: 0 0 15px 0; font: bold 1.0em Arial, Helvetica,  sans-serif; }
		.comments{border-bottom: 1px dotted #000; margin: 6px 10px; padding: 4px;}
		.viewlinks {float: right;}

		.commentsBox h3 {margin: 0 6px;}
		.commentsBox form{ margin: 6px;}
		.commentsBox textarea{ width: 614px; height: 100px; margin: 10px 0;}
		.commentsBox form input {float: right;}

	.caption{font-weight:bold;}

        /* Register CSS */
        .register {margin: 10px 0 0 0}
        .register {padding: 4px 10px;} 
        .register h4{display: block; }
        .register fieldset{border: 0;clear: both; margin: 0 0 30px 0;}
        .register fieldset label{clear: both; display: block; margin: 5px 0 2px 0; font: bold 1.0em Arial,Helvetica,sans-serif;}
        .register fieldset input{width: 90%; margin: 0;}
        .register input{margin: 0 0 0 15px;}
        .register fieldset select{width: 90%;}
        .register h3 {font: bold 2.2em Helvetica,Arial,sans-serif;}
        .register p {font: bold 1.0em Arial,Helvetica,sans-serif; margin: 10px 0;}
        .register h4 {font: bold 1.6em Helvetica,Arial,sans-serif;}
        .register .bottomborder {margin: 12px 0 10px 0; border-bottom: 1px dotted #000; width: 90%; }
        .register p.desc{font-weight: normal; margin: 0 0;}
        .register .lessonOnline{border: 0; margin: 10px 0 25px 0;}
        .register textarea {width: 90%; height: 150px;}
        .register small{font-style: italic;}

        .register .confirmbox input{float: left; width: 30px; margin: 12px 10px 20px 10px;}
        .register .highlight{float: right; border: 1px dotted #000; border-left: none; border-right: none; padding: 5px 0 5px 80px;}

        .rules {margin: 10px 0 0 0;}

        /* Entrants video */
        .uservideo{float: left; width: 157px; text-align: center; margin: 10px 0; max-height:150px;}
        
        .uservideo2{float: left; width: 151px; text-align: center; margin: 10px 0; max-height:150px }
        
        .rightpad{padding-right: 9px;}
        
        .videoentrants h2{background: none; color: #000; margin: 3px 2px; padding: 0;}
        .videoentrants .pagedetails 
		{ 
            border: 1px dotted #000; 
            border-left: none; 
            border-right: none; 
            margin: 5px 2px;
            font: bold 1.3em Helvetica,Arial,sans-serif;
        }
        .videoentrants .pagedetails a{color: #f05205;}
		.videoentrants .pagedetails p{margin: 0;}
        .floatLeft{float: left;}
        .floatRight{float: right;}

        .entrantprofile strong {display: block; margin: 2px 0;}
        .entrantprofile img {border: 1px solid #d8d5d5; padding: 3px;}
        
.profile {
border-bottom:1px dotted #000000;
float:left;
padding-bottom:7px;
padding-left:7px;
padding-top:8px;
}

.profiletext
{
    min-height:300px;
    padding-left:220px;
    padding-top:15px;
}

.voteimg
{    
    background-image:url('/images/Vote_BG_Band.jpg');
    background-repeat:no-repeat;
    /*background-attachment:fixed;*/
    /*background-position:center; */
}

/* SOCIAL BOOKMARKS LINKS */
	.socialBookmarks
	{
		border: 1px solid #b9b7b7;
		padding: 3px; 
		background: #f6f5f5;
        float: right;
	}
	.socialBookmarks h2
	{
		float: left; margin: 0 20px 0 0; 
		background:none repeat scroll 0 0 transparent;
		color:#000000;
		font:bold 2.2em Helvetica,Arial,sans-serif;
		padding:0;
	}
	.socialBookmarks img{border: 0; float: left; margin: 0 1px;}
        .linkbox{margin: 6px 0;}
        .linkbox .regButton{margin-top: 4px;}
        .sbbig {margin: 10px 0 0 0; width: 355px}
        .sbbig h2 {font-size: 1.8em; margin: 12px 7px 0 0;}


/* SPONSORS */
    #sponsors{text-align: right; padding: 30px 2px; background: #fff; }
    #sponsors img{border: 0;}
    #sponsors a.title img{float: left;}
    
    #pick-link { 
		float:left;
		position: relative; 
		top: 2px; 
		left: 20px; 
		width: 95px; 
		height: 118px; 
		background-color: transparent; 
		 }
		 
    .SearchBox
    {
        height:25px;
        width:200px;
        margin-bottom:10px;
    }	
    
    .SearchButton
    {
        height:25px;
        float:right;
        margin-right:30px;
    }
    
    .searchtextbox 
    {
        height:25px;
        width:200px;
        background-image:url('/images/search.png');
        background-repeat: no-repeat;
        background-position: center left;
        padding-left:30px;
        float:left;
        margin-bottom:10px;        
    }
    
    .searchBtn
    {
        height:30px;
        float:left;
        width:33px;        
    }
    
    #search-link { 
		float:right;					
		position: relative; 
		top: 2px; 
		left: 20px; 
		width: 25px; 
		height: 25px; 
		background-color: transparent; 
		border-color:Yellow;
	}
	
	.finalist {
        border-bottom:1px dotted #000000;           
        min-height:150px;
        width:300px;
        padding-bottom:7px;
        padding-left:7px;
        padding-top:8px;
        float:left;
        min-height:150px;
        }
    
    .finalist img 
    {        
        border-style:solid;
	    border-color: black;
	    border-width:1px;
        
        float:left;
        margin:0 10px 0 2px;
    }
    
    .finalist p 
    {               
        padding-left:92px;                 
    }    
    
    .finalist2 {
        border-bottom:1px dotted #000000;        
        min-height:150px;      
        width:300px;
        padding-bottom:7px;
        padding-left:7px;
        padding-top:8px;   
        float:left;     
       }
    
    .finalist2 img 
    {        
        border-style:solid;
	    border-color: black;
	    border-width:1px;
        
        float:left;
        margin:0 10px 0 2px;
    }
    
    .finalist2 p 
    {               
        padding-left:85px;                 
    }
    
    
    #searchbox input {
        background:url("/images/search_input.gif") no-repeat scroll 0 0 transparent;
        border:medium none;
        color:#797979;
        display:block;
        float:left;
        font-size:1.1em;
        height:15px;
        padding:4px 3px 3px 22px;
        text-transform:capitalize;
        width:122px;
    }
    
    #searchbox a#search_go {
        background:url("/images/search.gif") repeat scroll 0 0 transparent;
        display:block;
        float:left;
        height:22px;
        text-indent:-9999px;
        width:29px;
    }      
            
    #guide-search {
        float:right;
        line-height:1.8;
        }
        
    #guide-search #searchbox {
        float:left;
        margin-left:11px;
    }
    
    #searchbox fieldset {
        float:left;
        height:22px;
        margin:0;
        overflow:hidden;
        padding:0;
        width:176px;
        border:none;
        }


#banner_top
{
    text-align: center;
    width: 1000px;
    height: 84px;
    margin-top: 33px;
}

#banner_side
{
    text-align: center;
    float: left;
    margin: 12px 0 0;
    width: 350px;
    height: 170px;
}

#leaderboard
{
    background-color: #000;
    color: #fff;
}

#leaderboard a:hover
{
    color: #fff;
}

.sponsor_div
{
    float: left;
    border: 1px solid #B9B7B7;
    padding: 5px;
    margin-bottom: 10px;
}

.sponsor_pad
{
    margin-left: 4px;
}

.jqmWindowFixed
{
    max-height: 450px;
    overflow: auto;
    padding: 10px 0;
}


.homeSideOnline
{
    clear: both;
    padding: 10px;
    border-bottom: 1px dotted #000;
}
.homeSideOnline img {border: 0; float: left; margin: 0 10px 0 2px;}
.homeSideOnline h3{ color: #d69f04;}
.homeSideOnline a, .homeSideOnline a:hover, .homeSideOnline a:active, .homeSideOnline a:visited{ color: #f77d02;}