/**************************************************
Site:           Sutasi - sutasi.com
Created:        Jan 02 2009
Last Modified:  Jun 17 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */

/* Global Reset Styles *******************************/
/* ================================================= */
/* 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, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
}
ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {content: "";}

dt {font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}
em {font-style: italic;}

/* Clear Fixing */
.clear {
	clear: both;
	height: 0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	
	
/* Common Styles *************************************/
/* ================================================= */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html{
	background: transparent url('/images/site/html_bg_01.jpg') repeat-x;
	font-size:1em;
}
body { 
	background: transparent url('/images/site/body_bg_01.jpg') no-repeat top center;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif ;
	font-size: 75%;
	margin: 0 auto;
	text-align: center;
}

#wrapper{
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 914px;
}

/* Headings
--------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #570166;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1em; margin-top: 1em; }
h5 { font-size: 1em; margin-bottom: 1.3em; color: #bababa; text-transform: uppercase;}
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
--------------------------------------------------- */

p           { line-height:1.5em; margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #ff3399; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
--------------------------------------------------- */

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* MISC
--------------------------------------------------- */
.text-right{text-align: right;}
.align-left{float: left;margin: 0 10px 10px 0;}
.paginate p{margin-bottom: .5em;}
input.error{
	background-color: #ffe99d;
}
	label.error{
		background: #ff3399;
		color: #fff;
		display: block;
		font-style: italic;
		margin-top: 3px;
		padding: 3px;
		width: 250px;
	}

/* Top Sublink Styles ********************************/
/* ================================================= */

#toplinks{
	color: #dec9e5;
	font-size: 11px;
	padding: 5px 15px 21px 15px;
}
	#toplinks a{color: #dec9e5; text-decoration: none;}
		#toplinks a:hover{color: #ff3399; text-decoration: underline;}
	#toplinks ul{list-style-type: none;}
		#toplinks ul li{float: left;}
			#toplinks ul li span{font-size: 13px; padding: 0 5px;}
			#toplinks ul li#resize{line-height: 16px;}
				#toplinks ul li#resize a{margin: 0 4px; vertical-align: top;}
	
	ul#userlinks{float: right;}
	ul#userlinks li{
		position: relative;
		z-index: 30000;
	}
		ul#userlinks li a{
			width: auto;
		}
		ul#userlinks ul {
			background: transparent url(/images/site/box_bg_02.png) repeat;
			position: absolute; /* remove from flow and allow positioning */
			top: -999em; /* hide submenu in screen-reader and search-engine friendly way */
			width: 147px; /* VARIABLE. Must have a width for menu items to inherit. Use ems so font scaling does not break design*/
			padding-top: 8px;
			padding-bottom: 8px;
			
		}
	
		ul#userlinks ul li
		{ 
			padding: 3px;
			width: 100%;
		}
			/**** Position of second tier of nav ****/
			ul#userlinks li:hover ul,
			ul#userlinks li.sfHover ul
			{
				left: 0px;
				top: 20px;
				z-index: 30000;
			}
	
		ul#userlinks ul a {
			background-color: transparent;
			color:  #333;
			padding: 0px 0px 0px 5px;
			text-transform: uppercase;
			text-indent: 0;
			width: 100px;
			}
		ul#userlinks li li:hover, ul#userlinks li li.sfHover, ul#userlinks ul a:hover,
		ul#userlinks ul li a:focus, ul#userlinks ul li a:hover, ul#userlinks ul li a:active {
			background: transparent; /* hover highlight */
		}
	
	
/* Banner/Logo Styles ********************************/
/* ================================================= */

#banner{
	/*background: url(/images/site/singapore.jpg) no-repeat;*/
	height: 123px;
	clear: right;
	margin-left: 7px;
	width: 900px;
}
	#banner-cycle{
		position: absolute;
		z-index: 1;
	}

#logo{
	background: url(/images/site/logo.png) no-repeat;
	height: 115px;
	left: 0;
	position:absolute;
	top:29px;
	z-index:30000;
	width: 172px;
	text-indent: -99999px;
}
	#logo a{
		height: 115px;
		display: block;
		width: 172px;
	}

#btn-apply{
	background: url(/images/site/btn_apply_s2.png) no-repeat;
	height: 122px;
	left: 800px;
	margin-bottom: 0;
	position:absolute;
	top:26px;
	width: 103px;
	z-index:10000;
	text-indent: -99999px;
}
	#btn-apply a{
		display: block;
		height: 122px;
		width: 103px;
	}


/* Main Navigation Styles ****************************/
/* ================================================= */

ul#nav{
	list-style-type: none;
	margin-left: 7px;
}
	ul#nav li{float: left;}
		ul#nav li a{
			color: #fff;
			display: block;
			font-size: 13px;
			padding: 14px 10px 14px 10px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			width: 108px;
		}
			ul#nav li a.centered{padding: 22px 10px 22px 10px;}
			ul#nav li a:hover{color: #ff3399;}


/* Content Box Styles ********************************/
/* ================================================= */
.box{
	background: transparent url(/images/site/box_bg.png) repeat;
	margin-bottom: 15px;
	padding: 10px 20px 5px 20px;
}
	.box p{color: #333;}
	.box a{color: #333;}
		.box a:hover{text-decoration: none;}
	.box h3 a{color: #570166; text-decoration: none;}
		.box h3 a:hover{color: #333; text-decoration: underline;}
	.box h3 p{color: #570166; margin-bottom: 0;}
	.box-header{
		border-bottom: 1px solid #784953;
		color: #333;
		font-size: 92%;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
		.box-header a{
			color: #ff3399;
			text-decoration: none;
		}
			.box-header a:hover{text-decoration: underline;}
			
	.tags a{
		margin-right: 5px;
	}




/* Content Styles ************************************/
/* ================================================= */
#content{
	clear: left;
	float: left;
	margin-left: 7px;
	margin-right: 20px;
	padding-top: 20px;
	width: 560px;
}
	#content .box{ width: 520px;}
		#content .box ul, #content .box ol{
			color: #333;
			line-height: 1.5em;
			margin: 0 0 1.5em 15px;
		}
			#content .box ul ul{margin-bottom: 0px;}
	img.img-border-large{border: 5px solid #281228; margin-bottom: 1.5em;}
	img.img-border{border: 5px solid #281228;}
		a:hover img.img-border{border: 5px solid #ff3399;}
	img.bottom{margin-bottom: 1.5em;}
		
	ul#content-thumbs{list-style-type: none;}
		ul#content-thumbs li{
			float: left;
			margin: 0 20px 15px 0;
		}
			ul#content-thumbs li.last{margin-right: 0px;}
			ul#content-thumbs li img{
				border: 5px solid #281228;
			}
			ul#content-thumbs li a:hover img{border: 5px solid #ff3399;}
			
#wide #content{
	margin-right: 0px;
	width: 900px;
}
	#wide #content .box{width: 860px;}
	
/* Sublinks, Button Styles
--------------------------------------------------- */	
#content .box ul.sublinks{
	border-bottom: 1px solid #784953;
	color: #333;
	font-size: 12px;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	height: 20px;
}
	ul.sublinks li{float: left;}
		ul.sublinks li span{font-size: 13px; padding: 0 5px;}
		ul.sublinks li.last{padding-top: 1px;}
	ul.sublinks a{color: #333; text-decoration: none;}
		ul.sublinks a:hover, ul.sublinks a.active{color: #570166; text-decoration: underline;}
		
p.button{}
p.button a{
	background: transparent url(/images/site/button_bg.png) repeat;
	border: 2px solid #333;
	padding: 5px 10px;
	font-size: 110%;
	text-decoration: none;
	text-transform: uppercase;
}
	p.button a:hover{
		background: #ff3399;
		color: #fff;
	}
	p.button a.block{display: block;}
			

/* Finalists Styles **********************************/
/* ================================================= */
#wide #content .finalists{
	float: left;
	width: 246px;
}
	.video-margin{margin-right: 20px;}
	.column{
		float: left;
		margin-right: 20px;
		width: 286px;
	}
	#wide #content .last{
		margin-right: 0px;
	}
	.finalists-type{
		background: url(/images/site/finalists_type_bg.png) no-repeat;
		color: #fff;
		font-size: 14px;
		height: 47px;
		padding-top: 15px;
		text-align: center;
		text-transform: uppercase;
		width: 246px;
	}
	
/* Application Styles ********************************/
/* ================================================= */
.app-table{margin-bottom: 1.5em; width: 100%;}	
	.app-table td{
		color: #333;
		padding: .3em 1.5em;
		vertical-align: top;
	}
		.app-table td.first {padding-right: 0px; width: 40%; text-align: right;}
		.app-table .input {width: 250px;}
		.app-table .textarea{width: 255px;}


/* Vip Styles ****************************************/
/* ================================================= */
#vip-table{margin-bottom: 1.5em; width: 100%;}	
	#vip-table td{
		color: #333;
		padding: .3em 1.5em;
	}
		#vip-table td.first {padding-right: 0px; width: 35%; text-align: right;}
		#vip-table td.top{vertical-align: top;}
		#vip-table .input {width: 250px;}
		label span.instructions{color: #570166;font-style: italic;}

	#content .box .lg-poll form{margin-bottom: 2em;}
	#content .box .lg-polls-answers li{list-style-type: none;}
	#content .box .lg-poll-results {
		margin-right:10px;
		width:500px;
	}		
		#content .box .lg-poll-results li {
			border:1px solid #4dbc81;
			list-style-type:none;
			margin-bottom:9px;
			margin-left:210px;
			margin-right:56px;
			padding:2px;
			position:relative;
		}
		
		#content .box .lg-poll-results li .answer {
			left:-210px;
			position:absolute;
			text-align:right;
			width:200px;
		}
		#content .box .lg-poll-results li .answer-total-votes {
			position:absolute;
			right:-56px;
			width:51px;
		}
			#content .box .lg-poll-results li .percentage{
				background:#4dbc81;
			}
			#content .box .lg-poll-results li .percentage small {
				display:block;
				font-size:11px;
				padding-left:5px;
			}
	
	
	
/* Hosts Styles **********************************/
/* ================================================= */
ul#hosts-thumbs{list-style-type: none;}
	ul#hosts-thumbs li{
		float: left;
		margin: 0 20px 15px 0;
	}
		ul#hosts-thumbs li.last{margin-right: 0px;}
		ul#hosts-thumbs li img{
			border: 5px solid #281228;
		}
		ul#hosts-thumbs li a:hover img{border: 5px solid #ff3399;}
		
	
/* Event Styles **************************************/
/* ================================================= */
.event{margin-bottom: 1em; width: 100%;}
	.event p{margin-bottom: 0;}
	.event thead tr{margin-bottom: 1.5em;}
	.event th{
		color: #333;
		font-weight: bold;
		border-bottom: 1px solid #784953;
		padding: .3em 1.5em;
		
	}
	.event td{
		color: #333;
		padding: .3em 1.5em;
	}
		.event td.first, .event th.first{padding-left: 0px; width: 30%;}



/* Right Sidebar Styles ******************************/
/* ================================================= */
#sidebar{
	float: left;
	padding-top: 20px;
}
	#sidebar .box{ width: 280px;}
	#sidebar .box-header{text-transform: uppercase;}

	ul#gallery-thumbs{list-style-type: none;}
		ul#gallery-thumbs li{
			float: left;
			margin: 0 20px 15px 0;
		}
			ul#gallery-thumbs li.last{margin-right: 0px;}
			ul#gallery-thumbs li img{
				border: 5px solid #281228;
			}
			ul#gallery-thumbs li a:hover img{border: 5px solid #ff3399;}	
	
	#sidebar .tags-mini{
		float: left;
		margin-right: 15px;
		width: 110px;
	}
		#sidebar .tags-mini a{text-decoration: none;}
			#sidebar .tags-mini a:hover{text-decoration: underline;}
	
	#sidebar .events-mini{
		float: right;
		width: 110px;
	}
		#sidebar .events-mini .box-header{margin-bottom: 3px;}
		#sidebar .events-mini a{text-decoration: none;}
			#sidebar .events-mini a:hover, #sidebar .events-mini ul li:hover{color: #ba00f0;}
		#sidebar .events-mini ul{
			list-style-position: inside;
			margin-bottom: 10px;
		}
			#sidebar .events-mini ul li{
				border-bottom: 1px solid #784953;
				font-size: 92%;
				line-height: 26px;
			}
		
		p.calsync{font-size: 85%;}
			p.calsync a{
				background: url(/images/site/icon_calsync.png) no-repeat right;
				padding-right: 20px;
			}
				p.calcsync a:hover{color: #ff3399;}
				
	.sidebar-links .box-header{margin-bottom: 3px;}	
		.sidebar-links ul{
			list-style-position: inside;
			margin-bottom: 10px;
		}
			.sidebar-links ul li{
				border-bottom: 1px solid #784953;
				line-height: 26px;
			}



/* Gallery Lightbox Styles ***************************/
/* ================================================= */
#zoom_content img{margin-bottom: 10px;}




/* Footer Styles *************************************/
/* ================================================= */
#footer-top{
	background: url(/images/site/footer_shred.png) repeat-x top;
	height: 26px;
}
#footer-extend{
	background: url(/images/site/footer_bg.jpg) repeat-x;
	height: 355px;
}

#footer-content{
	margin: 0 auto;
	padding-left: 7px;
	width: 914px;
}
	
	.footer-box{
		background: url(/images/site/footer_divider.png) no-repeat top left;
		color: #644e6b;
		float: left;
		font-size: 11px;
		padding: 20px 20px 0 20px;
		width: 185px;
	}
		#eugene{
			padding-top: 0;
			padding-right: 0;
			width: 205px;
		}
		.footer-box-divider{
			background: url(/images/site/footer_divider.png) no-repeat top right;
			padding-top: 10px;
			padding-right: 20px;
		}
		.footer-box ul{
			list-style-type: none;
		}
			.footer-box ul li{
				line-height: 1.3em;
				padding-bottom: 18px;
			}
				.footer-box ul li a{
					color: #752828;
					text-decoration: none;
				}
					.footer-box ul li a:hover{color: #bababa;}
					
		.footer-box h5 img{padding-left: 5px;}
		
	#copyright{
		color: #644e6b;
		font-size: 11px;
		padding-left: 20px;
		padding-top: 5px;
	}
		#copyright p{float: left; padding-top: 5px;}
		#copyright span{color: #412d4d;}
		#copyright a{
			color: #644e6b;
			margin: 0 5px;
			text-decoration: none;
		}
			#copyright a.highlight{color: #752828;}
			#copyright a:hover{color: #bababa;}
			
		#copyright .designedby{float: right; margin-right: 20px; padding-top: 5px;}	
			
			

/* Mini Calendar Styles
--------------------------------------------------- */
.calendarMini a{
	color: #bababa;
	text-decoration: none;
}
.calendarMini td{
	font-size: 12px;
	padding: 5px 3px;
	text-align:  center;
}
.calendarMini h5{margin-bottom: 1em; text-align: center;}

.calendarHeader { 
	color: #bababa; 
	text-align: center;
	text-transform: uppercase;
}
	.calendarHeader a{color: #bababa; text-decoration: none;}

.calendarMini .calendarDayHeading {
	border-top: 1px solid #33172e;
	border-bottom: 1px solid #33172e;
	padding: 10px 3px 10px 3px;
	text-align:  center;
	vertical-align: middle;
}

.calendarToday { 
	color: #bababa;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}