/* GUI components */

/* Layout stuff */

#root_content {

	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 950px;
	border: 0px dashed green;
	padding: 0px;
	z-index: 1;
	height: 100%;

}

#top_container {

	position: relative; 
	left: 0px; 
	top: 0px;
	width: 100%;
	/*height: 157px;*/
	z-index: 2;
	border: 0px dashed blue;
	overflow: hidden;
	background: #FFF; /*#f8fff0;*/
}

#top_container #mainlogo {	float: left; margin-bottom: 10px; }
#top_container #banner { float: right; clear: none; width:488px; }
#top_container #navbar { float: right; clear: right; margin-bottom: 0; }


#left_container {

	position: relative; 
	left: 0px; 
	top: 0px;
	float: left;
	width: 200px;
	#height: 1%;
	border: 0px dashed green;
	z-index: 3;
	
	margin: 0px;
	padding: 0px 0px 0px 0px;

	border: 0px dashed #3d8088;
	border-top: none;
	/*background: #f8fff0;*/
	overflow: hidden;
	text-align: center;
	background: #FFF;
}

#center_container {

	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	
	position: relative; 
	left: 0px; 
	top: 0px;
	float: right;
	width: 700px;
	z-index: 3;
	text-align: center;
	background: #FFF;
}

#fullpage_container { padding: 20px }

#sponsorrow_234x60 {

	clear: both;
	float: left;

	text-align: center;
	
	padding: 10px 10px 30px 40px;
	#padding: 10px 10px 30px 10px;
	margin: auto;
	width: 866px;
	#width: 906px;

}

#footer	{ 

	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #0e6477; 
	font-weight: lighter; 
	letter-spacing: 1px; 
	
	width: 560px; vertical-align: bottom; margin: 0px auto; line-height: 15px; margin-bottom: 40px;
	display: none; 
}

/* Navigation bar */

ul#navbar {

	clear: right;
	float: right;
	display: inline;
	
	z-index: 1000;
	
	position: relative; top: 0px; left: 0px;
	width: 487px;
	
	display: none; 

}


ul#navbar li { 

	background:#3D8088 none repeat scroll 0%;
	cursor:pointer;
	display:inline;
	height:23px;
	line-height:23px;
	padding:5px 10px;
	text-align:center;
	z-index:3;

}

ul#navbar li a {
	
	font-size: 11px;
	font-family: Arial, Verdana;
	letter-spacing: 1px;
	color: #b6d4d7;
	cursor: pointer;
	
}




/*
 * Box containers 
 */

/* box_bluegrad - square blue container with gradient top */

.box_bluegrad {

	float: left;	

	color: #eaf3f4;
	font-size: 13px;
	font-family: Arial, Verdana, Times, Georgia, Times, ;
	padding: 0px;
	text-align: left;

	display: inline;
	
	border: 1px solid #3d8088;
	
	margin-right: 5px;
	margin-left: 5px;
	letter-spacing: 1px;
	height: 155px;


}

th.grad01{

	border-bottom: 0; text-align: left; 

}

.grad01, .grad01_narrow{

	background: url('../graphics/grad_top01.png'); 
	
	padding: 2px 4px 4px 6px; 
	
	height: 17px; line-height: 20px; vertical-align: top

}



.grad01_text, .grad01_text2{

	padding: 0px; padding-left: 0px; color: #205A63; font-size: 11px; 
	font-family: Arial,Verdana; overflow: hidden;
	
	vertical-align: middle;
	letter-spacing: 0.08em;

}

.section_header{

	height: 24px;
	vertical-align: middle;
	padding-left: 5px;
}

.grad01_text2{

	padding: 4px;

}

.grad01_header, .grad01_narrow{

	font-weight: bold; font-size: 12px; letter-spacing: 1px; overflow: hidden; color: #FFF; vertical-align: middle;

}

.grad01_narrow { line-height: 8px; vertical-align: middle }

.section_header{ letter-spacing: 1px; font-weight: bold; margin-right: 14px }


/* box_bluegrad - blue container with rounded top corners */

.box_bluegrad {
	
	/*display:  none;*/
	height: 142px;
	
	
	text-align:left;
	color:#3D8088;
	font-family: Arial,Verdana,Times,Georgia;
	font-size:11px;
	letter-spacing:1px;
	font-size:10px;
	margin-bottom:10px;
	
}

.box_bluegrad h2 {
	
	background: transparent url(../graphics/grad_top01.png) repeat scroll 0%;
	height: 17px;
	
	line-height: 20px;
	padding: 2px 4px 4px 6px;
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	
	overflow: hidden;
	vertical-align: middle;
	display: block;
	float: none;
	margin: 0 0 0 0;
	
}

.box_bluegrad span.diams,
.box_bluegrad span.clubs,
.box_bluegrad span.spades,
.box_bluegrad span.hearts {
	
	padding-right: 5px;
}

.box_bluegrad .content { padding:7px; }

.box_bluegrad ul { 
	
	display:block;
	list-style-type:disc;
	padding-left:15px;
	margin: 0px;
}

.box_bluegrad ul li { line-height:1.5em; }

.box_bluegrad .content a { position:relative; font-weight: bold; }

/* blue_cont - blue container with four rounded corners */

.blue_cont_wrapper {

	width: 950px;
	margin-bottom: 10px;

}

.blue_cont_head {

	background: url('../graphics/topcont03_top.gif'); 
	height: 12px; width: 100%; overflow: hidden;

}

.blue_cont_foot {

	background: url('../graphics/topcont03_bottom.gif'); 
	height: 12px; width: 100%; overflow: hidden; clear: both;

}

.blue_cont_left {

	background: url('../graphics/topcont03_side_l.png') left repeat-y; 
	width: 100%;

}

.blue_cont_right {

	background: url('../graphics/topcont03_side_r.png') right repeat-y; 
	width: 100%;
}

.blue_container { display: none }

#boxWrapper { float: left; width: 300px; }

#blue_cont_body_top {

	height: 145px; width: 935px; background: #FFF; margin: auto; overflow: hidden; 

}

#blue_cont_body_top span {

	width: auto !important;
}

#blue_cont_body_main {

	width: 910px; 
	padding: 0px 8px;
	
	background: #FFF; margin: auto;
	overflow: hidden;

}

#blue_cont_body_bottom {

	width: 926px; 
	padding: 0px 0px;
	
	background: #FFF; margin: auto;

}



/* Banner container */

.container_468x60 {

	float: right;
	z-index: 4; 

	width: 480px;	height: 97px; line-height: 97px; /* fixes moz height bug */
	cursor: pointer;

	background-image: url('http://www.hasselquist.net/forum/graphics/banner_cont_468x60.gif');
	background-position: bottom right;	background-repeat: no-repeat;

}

.banner_468x60 {

	position: relative; top: 10px; left: -6px; 

	float: right;
	z-index: 3; 

	width: 480px;	height: 97px; line-height: 97px; /* fixes moz height bug */
	cursor: pointer;

	background-position: 6px 6px;	background-repeat: no-repeat;

}

.container_234x60 {

	position: relative; top: 0px;
	margin: 20px 20px 20px 20px !important;
	background: url('/graphics/banner_cont_234x60.gif'); 
	background-repeat: no-repeat;
	float: left; z-index: 10;
	width: 240px; height: 97px; line-height: 97px;
	cursor: pointer;
}

.banner_234x60 {

	position: relative; top: 0px;
	margin: 0px auto;

	background-position: 0px 0px;	background-repeat: no-repeat;
	z-index: 9;
	width: 230px; height: 60px; line-height: 60px;

}

.caption_234x60 {
	
	text-align: center;
	vertical-align: middle;
	height: 31px; line-height: 31px;
	letter-spacing: 1px;
	text-transform: uppercase;

}


#sponsor .side_box_middle {
	
	padding: 10px 0px 10px 35px;
}

/* side_box - blue box with graphic layout */

div.side_box {

	width: 191px;
	float: left;
	clear: both;
	
	margin: 20px 0px 0px 0px;

}

div.side_box_top {

	background-image: url("../graphics/vcont01_top4.gif");
	height: 25px;
	margin: 0px; padding: 8px 0px 0px 11px;
	vertical-align: middle;
	text-align: left;
		
	color:#4D761D;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana;
	letter-spacing: 1px

}

div.side_box_middle {

	background-image: url("../graphics/vcont01_mid4.gif");
	background-repeat: repeat-y;
	margin: 0px; padding: 10px 12px 10px 12px;
	text-align: left;
	width: 167px;
	padding: 4px 12px 10px 12px;
	overflow: hidden;

}

div.side_box_bottom {

	background-image: url("../graphics/vcont01_foot4.gif");
	height: 7px;
	margin: 0px; padding: 0px;
	overflow: hidden;

}

.grad01_topleftcorner { float: left; position: relative; left: -1px; top: -24px; }
.grad01_toprightcorner { float: right; position: relative; right: -1px; top: -24px; }

.highlighted { background: #fcbb5c !important; }
.highlighted a { color: #f4633c !important }

.img_middle { position: relative; top: 4px; }

.newsitem { 

    border-top: 1px solid lightBlue;
    clear: none;
    float: left;
    line-height: 20px;
    margin-right: 4%;
    padding: 1% 3% 0 0.3%;
    width: 42%;
}

#blue_cont_body_top #SiteDescription p {
	
 line-height: 1.2em;

}

#PlayerProfile {
	
	padding: 25px 75px 0 75px;
}

#PlayerProfile * {
	
	line-height: 1.475em;
}


#PlayerProfile ul.youtube_videos {
	
	list-style: none;
	display: block;
}

#PlayerProfile ul.forum_posts li,
p.description {

	width: 500px;
	padding: 0;
}
	
#PlayerProfile ul.youtube_videos li {
	
    float: left;
    height: 97px;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 300px;
}

#PlayerProfile ul.youtube_videos li img {
	
	float: left;
	margin-right: 10px;
}

#PlayerProfile ul.twitter_entries {
	
	/*border-top: 1px solid #205A63;*/	
	display: block;
}
	
#PlayerProfile ul.twitter_entries li {
	
	padding: 8px 0;
	border-bottom: 1px solid #205A63;
	margin-right: 100px;
}

.general h2,
#PlayerProfile h2 {
	
	font-size: 15px;
}

.general h3 {
	
	margin-bottom: 0.5em;
}

.general h1,
.general h2,
.general h3,
.general ul {
	
	display: block;
}

ul.sitemap_list li {
	
	margin-left: 3em;
}

#Sitemap h2,
#Sitemap ul {
	
	margin-left: 2em;
}

#StrategyFeed * {
	
	line-height: 1.5em;
}

.tournaments_list {
	
	margin-top: 1.5em;
}

.tournaments_list li {
	
	margin-bottom: 1.5em;
}

ul.toplist {
	
	margin-left: 1.5em;
}