/*
	core.css
	Author: 		James Cooke
	Description:	Core styles, generic container classes, grid changes
	Client:			Sunset Sounds (The PRODUCT)
*/
html, body{height:auto;}
body{font:62.5%/1em Arial, Georgia; color:#fff; background:url(../images/template/body.jpg) no-repeat center top #031d3a; overflow-x:hidden;}
.body-stars{position:absolute; top:0px; left:0px; width:100%;background:url(../images/template/body-stars.png) no-repeat center top; z-index:1;}
.body-illustration{position:absolute; top:0px; left:50%; width:1470px; height:631px; margin:90px 0 0 -885px;background:url(../images/template/body-illustration.png) no-repeat center top; z-index:3;}
.body-palms{position:absolute; top:0px; left:50%; width:717px; height:320px; margin:0 0 0 -615px;background:url(../images/template/body-palms.png) no-repeat center top; z-index:2;}


/* @group tags */
h1{font-size:35px; margin:0 0 20px 0; text-transform:uppercase; color:#ffdc00; line-height:32px;}
h2{font-size:22px; line-height:24px; margin:0 0 8px 0; text-transform:uppercase;}
h3{font-size:18px;line-height:20px; margin:0 0 5px 0;}
h4{font-size:14px; margin:0 0 5px 0;}
h4 a{color:#ffdc00;} 
p{font-size:12px; line-height:15px; margin:0 0 12px 0;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;}
ul{margin:0; padding:0;}
li{font-size:12px;list-style:none;}
/* @end */

/* @group headings */
.divider-heading{color:#ffdc00; padding:0 0 8px 0; margin:0 0 10px 0;border-bottom:1px solid #103859}
/* @end */

/* @group networks */
.networks{position:relative;width:100%; margin:0 auto;border:1px solid #14446c; border-width:0px 0px 1px 0px; height:25px;background:#000; z-index:4;}
.networks .networks-inner{max-width:970px; margin:0 auto;}
.networks ul{float:right;display:inline; margin:0 10px 0 0;}
.networks li{float:left;display:inline; font-size:11px; line-height:12px; padding:6px 10px 8px 0; margin:0 0 0 7px;background:url(../images/networks/network-divider.png) no-repeat right 7px;}
.networks li a{color:#fff; text-decoration:none;}
.networks li a:hover{color:#106AB0;}
/* @end */

/* @group template */
	
	/* @group grid */
	.grid{float:left;display:inline; margin-bottom:16px;}
	.grid_4{width:608px; margin-right:19px;}
	.grid_2{width:296px; margin-right:16px; margin-bottom:0;}
	.grid_6{width:925px;}
	
	.grid_nomarg{margin-right:0;}
	
	.column-right{margin:0;}
	.column-right .grid_2{margin-right:0;}
	/* @end */

#container{position:relative; width:960px;  margin:0 auto; z-index:4; overflow:hidden;}
	
	/* @group header */
	#header{position:relative;}
	#header .logo{margin:0 0 0 -16px;}
	#header .event-date{position:absolute; top:48px; left:670px;width:289px;height:40px;background:url(../images/template/header/event-date.png) no-repeat left top;}
	/* @end */

    #main-content{clear:both; padding:18px 18px 0 18px; margin:0 0 20px 0;overflow:hidden;background:url(../images/containers/black-80.png) repeat;}
    #main-content a {text-decoration:underline;}
    #main-content a:hover {text-decoration:none;}
    

	/* @group footer */
	#footer{clear:both; padding:18px; margin:0 0 15px 0;overflow:hidden;background:url(../images/containers/black-80.png) repeat;}	
	/* @end */
	
     /* @group loading */
	.loading{width:100px; height:60px;position:absolute; top:50%; left:50%; margin:-30px 0 0 -50px; z-index:100; text-indent:-1000em; border:2px solid #103859;background:url(../images/template/loading.gif) no-repeat center center #000; opacity:0.9;}
	/* @end */
	
	/* @group copyright */
	#copyright{clear:both; padding:0 10px;}
	#copyright p{color:#fff; float:right;display:inline; font-size:10px;}
	#copyright li{float:left;display:inline;font-size:10px; margin:0 10px 0 0;}
	/* @end */

	/* @group rounded corners */
	.rounded-4{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.rounded-8{-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
	.rounded-right-4{border-left:0px !important; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px; }
	.rounded-4-0-4-4{-webkit-border-radius: 4px;-webkit-border-top-right-radius: 0;-moz-border-radius: 4px;-moz-border-radius-topright: 0;border-radius: 4px;border-top-right-radius: 0;}
	/* @end */

/* @end */

/* @group containers */
.container{clear:both;position:relative; margin-bottom:16px; overflow:hidden;}

	/* @group border - no color */
	.container-type-1{padding:15px 17px 10px 17px;border:1px solid #134065; background:url(../images/containers/black-70.png) repeat;}
	/* @end */

	/* @group blue star */
	.container-type-2{border:1px solid #134065;background:url(../images/containers/2/bg.png) repeat-x top;}
	.container-type-2 .container-bottom{overflow:hidden; padding:10px;opacity:0.9;background:url(../images/template/body-stars.png) no-repeat center -430px ;}
	/* @end */
	
	/* @group gradient blue */
	.container-type-3{border:1px solid #134065;background:url(../images/containers/3/bg.png) repeat-y left #14457a;}
	/* @end */
	
	/* @group solid blue */
	.container-type-1{padding:15px 17px 10px 17px;border:1px solid #134065; background:#05162c;}
	/* @end */
	
	/* @group image containers */
	.image-container{display:block;overflow:hidden; margin:0 0 10px 0;}
	
	.image-260-96{width:260px; height:96px;}
	/* @end */
	
	/* @group container-event-info */
	.container-event-info{margin:0 0 20px -20px;}
	/* @end */
	
/* @end */


.panel{position:relative;}

/* @group avatars */
.list-avatar li{clear:both; overflow:hidden;padding:0 0 10px 60px;margin:0 0 10px 0;}
.list-avatar li h4{margin-top:4px;}
.list-avatar li p{margin-bottom:5px;}
.list-avatar li:last-child{margin-bottom:6px; background:none;}

.list-avatar .avatar{float:left;display:inline; margin:0 0 0 -60px;}
.list-avatar .avatar-right{float:right; display:inline; margin:0 -60px 0 0;}

.list-avatar div.avatar{width:60px;}

.list-avatar-nodots li{background:none;}
.list-dotted li{border-top:1px solid #103859}

.list-avatar li.view-all{padding-left:0;}

	/* @group avatar widths */
	.list-avatar-200 li{padding:20px 0 20px 200px; margin:0;}
	.list-avatar-200 .avatar{margin-left:-200px;}
	.list-avatar-200 div.avatar{width:190px;}
	
	.list-avatar-140 li{padding:20px 0 20px 140px; margin:0;}
	.list-avatar-140 .avatar{margin-left:-140px;}
	
	.list-avatar-r-120 li{padding-right:120px;}
	.list-avatar-r-120 .avatar-right{margin-right:-120px;}
	/* @end */

/* @end */

/* @group links */
.list-links{margin:0 0 60px 0;}
.list-links li {margin:0 0 8px 0;}
.list-links li a{text-decoration:underline;color:#ffdc00}
.list-links li a:hover{color:#fff}
/* @end */

/* @group items */
.list-items li{padding:12px 0 0 0;border-top:1px solid #103859}
.list-items li h4{margin:0 0 4px 0;}
.list-items li p{margin:0 0 8px 0;}
.list-items li .button{clear:both; float:none; display:block; margin:0 0 10px -3px;}
/* @end */

/* @group popups/overlays */
.popup{width:400px; padding:20px 20px 25px 20px; overflow:hidden;}
.popup h2{color:#ea008a; margin:0 0 5px 0;}
.popup p{color:#03162b;}
/* @end */


/* @group general */
.ir{text-indent:-1000em;}
.hidden{display:none;}
.clear{clear:both;height:0;}
.align-right{float:right;display:inline;}
.margin-b-20{margin-bottom:20px;}
.margin-t-minus20{margin-top:-20px;}
.nomargin{margin:0;}
	/* @group content */
	.image-left{float:left;display:inline; margin:0 10px 8px 0;}
	.image-right{float:right;display:inline; margin:0 0 8px 10px;}
	/* @end */
	
	p.meta{font-size:11px; margin:0 0 8px 0;}
/* @end */


.vote-table {margin:25px 0; width:375px;}
.vote-table td {height:60px; vertical-align:middle; padding-right:15px; border-bottom:1px solid #134065;}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */