/* Wetsuweten CSS Styles */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align:center;
	background:#34322b;
	font:12px/1.3em Helvetica, arial, sans-serif;
}

p {
color:#333;
}

li {
color:#333;
}

h2, h3, h4, h5 {
line-height:1.2em;
}

.tight {
margin-bottom:.2em;
}

#main h2 {font-family:Georgia, times, serif;
font-weight:normal;
font-size:160%;
color:#986b1b;
}

h2 a {color:#986b1b;text-decoration:none;}
h2 a:hover {text-decoration:underline;}

h3 { color:#97281c; }
h3 a {color:#97281c;text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h3 a:visited { color:#97281c; }

p.smalltext {
font-size:90%;
margin-bottom:0px;
}

a { color:#97281c;}
a:visited { color:#97281c;}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */

#container {
width:996px;
background:url(/gfx/shadow.jpg) repeat-y top center;
text-align:left;
margin:0 auto;
}

#banner {
width:996px; height:234px;
background:url(/gfx/banner.jpg) no-repeat top center;
position:relative;
}

	#banner h1#logo a {
	position:absolute;
	left:400px; top:50px;
	width:200px; height:200px;
	text-indent:-9999px;
	display:block;
	}

	#banner #search {
	position:absolute;
	left:700px; top:150px;
	width:200px;
	display:block;
	}

	#banner #search input {
	border: 1px solid #642208;
	background: #832118;
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size: 120%;
	color: #fff;
	}

	#banner #search p {
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size:160%;
	line-height: 1.1em;
	color:#fff;
	}
	

	#banner #login {
	position:absolute;
	left:100px; top:130px;
	width:200px;
	display:block;
	}

	#banner #login input {
	border: 1px solid #642208;
	background: #832118;
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size: 160%;
	color: #fff;
	}

	#banner #login p {
	font-family:Georgia, times, serif;
	font-weight:normal;
	font-size:160%;
	line-height: 1.1em;
		color:#fff;
}

	#banner #login a, #banner #login a:visited {
	color: #ccc;
	text-decoration: none;
	}

#contentwrap {
width:960px;
margin:0 auto;
}

#home #main {
padding-top:0;
}

#main {
width:640px;
float:left;
padding:20px 0 100px 0;
}

	#main p {
	margin:0 0 12px 0;
	}
	
	#main h2, #main h3, #main h4, #main ul, #main ol, #main p {
	margin-left:30px; margin-right:30px;
	}
	
	#main li {
	margin-left:20px;
	}
	
	#main h2 {
	margin-top:20px; margin-bottom:20px;
	}
	
	#main h3 {
	margin-top:10px; margin-bottom:4px;
	}
	
	#home #main p {
	margin:0 30px 12px 30px;
	}

	#home #main h2 {
	margin:20px 30px 20px 30px;
	}

	#home #home_news {
	width:320px;
	float:left;
	padding-top:20px;
	}
	
		#home #home_news .thumblist {
		margin-bottom:0;
		}
		
		#home #home_news h2 {
		margin-left:30px;
		}
		
		#home #home_news .thumblist p {
		margin:0;
		}
	
	#home #home_spotlight {
	width:320px;
	float:right;
	padding-top:20px;
	}
	
		#home #main #home_spotlight h2 {
		margin-bottom:15px; margin-left:0;
		}
		
		#home #main #home_spotlight h3, #main #home_spotlight p {
		margin:0 30px 10px 0px;
		}
		
		#home #main #home_spotlight img {
		margin:0 10px 10px 0;
		}
		

#sidebar {
width:320px;
float:right;
padding-bottom:30px;
}

	#sidebar h2, #sidebar h3, #sidebar p {
	margin-left:30px; margin-right:30px;
	}
	
	#sidebar h2 {
	margin-top:0; margin-bottom:15px;
	}
	
	#sidebar h3 {
	margin-top:0; margin-bottom:5px;
	}

	#clanaccess {
	width:320px; height:250px;
	background:url(/gfx/clan_access_bg.jpg) no-repeat top left;
	color:white;
	padding:0;
	}
	
		#clanaccess h2 {
		color:white;
		line-height:1.3em;
		}
	
	ul#calendar {
	margin:0 30px 20px 30px;
	}
	
		ul#calendar h2 {
		margin-bottom:20px;
		}
	
		ul#calendar li {
		list-style:none;
		}
		
a#fb_button {
display:block;
width:280px; height:50px;
background:url(/gfx/fb_button.jpg) no-repeat top left;
text-indent:-9999px;
margin:20px; padding:0;
}
		
#footer {
display:block;
width:996px; height:60px;
margin:0 auto 30px auto;
background:url(/gfx/footer_bg.jpg) no-repeat bottom center;
color:#ddd;
font-size:11px;
padding-top:10px;
}
	
	

/* Navigation (old background #986b1b dd_bg.png)
--------------------------------------------------------------------------------------------------- */
#nav-wrap {
  float:left;
  width:960px; height:30px;
  margin:0 18px 0 18px;
  font-size:100%;
  line-height:normal;
  background-color:rgb(30,30,30);
  }
#nav-wrap ul#nav-list {
  margin:0;
  padding:2px 10px 0;
  list-style:none;
  }
#nav-wrap ul#nav-list li {
  float:left;
  margin:0 1px 0 0;
  padding:0 0 0 9px;
  position:relative;
 background-color:rgb(30,30,30);

  }
#nav-wrap ul#nav-list li a {
  float:left;
  display:block;
  padding:9px 15px 4px 6px;
  text-decoration:none;
  color:white;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav-wrap a {float:none;}
/* End IE5-Mac hack */
#nav-wrap a:hover {
  color:rgb(30,30,30);
  }
#nav-wrap ul li#current {
  }
#nav-wrap ul li#current a {
  color:#333;
  padding-bottom:5px;
  }
  
/* Dropdowns
--------------------------------------------------------------------------------------------------- */

#nav-wrap ul#nav-list li {
	position:relative;
	}

#nav-wrap ul#nav-list li ul { /* second-level lists */
	display:none;
	position: absolute;
	padding:26px 20px 0 0px; margin:0;
	z-index:2;
	background:none;
	width:150px;
}

#nav-wrap ul.sf-menu li ul li {
	list-style:none;
	margin:0; padding:0;
	background:url(/gfx/dd_bg.png) repeat top left;
	width:150px;

	}

#nav-wrap ul.sf-menu li ul li a {
	margin:0; padding:0 0 0 10px;
	display:block;
	height:20px; line-height:20px;
	}

#nav-wrap ul#nav-list li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav-wrap ul#nav-list li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}


/* Clan Access
--------------------------------------------------------------------------------------------------- */

#clanaccess h2 {
margin:0 0 20px 30px;
padding:0;
}

#clanaccess ul {
margin-left:30px;
}

	ul#clans li {
	list-style:none;
	display:block;
	height:40px;
	}

	ul#clans li a {
	color:white;
	text-decoration:none;
	font-size:14px;
	padding:10px 0 10px 50px;
	}

ul#clans li#gil a {background:url(/gfx/gilseyhu.gif) no-repeat top left;}
ul#clans li#laksil a {background:url(/gfx/laksilyu.gif) no-repeat top left; }
ul#clans li#git a {background:url(/gfx/gitdumden.gif) no-repeat top left;}
ul#clans li#laksa a {background:url(/gfx/laksamshu.gif) no-repeat top left; }
ul#clans li#tsa a {background:url(/gfx/tsayu.gif) no-repeat top left; }


/* Thumblist
--------------------------------------------------------------------------------------------------- */

div.thumblist {
display:block;
margin:20px 30px 40px 30px;
clear:both;
}

	div.thumblist img {
	float:left;
	margin:0px 10px 0px 0px;
	}
	
	#main div.thumblist p.smalltext {
	margin-bottom:0; margin-left:0;
	}
	
	#main div.thumblist h3 {
	margin:0 30px 20px 0px;
	}
	
/* Image Styles
--------------------------------------------------------------------------------------------------- */

div.imgwrap {
float:right; width:300px;
margin:0 30px 12px 15px;
}

#main div.imgwrap p.smalltext {
margin:5px 0 0 0;
}

/* Photo Gallery Styles */

#gallery #main {
width:800px;
margin:0 80px;
}

	#gallery #main h2 {
	margin:20px 30px 20px 0;
	}
	
	#gallery #main p {
	margin:0 0 12px 0;
	}

ul.album_thumbs li {
display:inline;
list-style:none;
float:left;
}

#gallery div.paginate {
width:960px;
clear:both;
}

#gallery div.album_list_item {
display:block;
float:left;
width:200px;
height:260px;
background:#eee;
}

#gallery #main div.album_list_item h3 { margin:15px 15px 5px 15px;}
#gallery #main div.album_list_item p { margin:5px 15px 15px 15px;}
#gallery #main div.album_list_item img { margin:0 15px 0 15px;}

/* Program Page styles
--------------------------------------------------------------------------------------------------- */


#programname {
width:960px; height:24px; line-height:24px;
background:#986b1b;
margin:0; padding:0;
}

#programname h2 {
padding:5px;
color:#fff;
text-transform:uppercase;
font:bold 16px/16px arial, helvetica, sans-serif;
}

img.programbanner {
line-height:190px;
margin:0; padding:0;
}

body.3-col #main {
margin-top:0; padding-top:0;
width:480px;
}

body.3-col #sidebar {
width: 480px;
padding-top:30px;
}

body.3-col #sidebar h3 {
color:black;
font-size:16px;
}


body.3-col #sidebar #sb_1 {
float:left;
width:240px;
}

body.3-col #sidebar #sb_2 {
float:right;
width:240px;
}