/*
Theme Name: Wai-Con 2011
Theme URI: http://www.wai-con.org
Description: Wai-Con 2011, based off Jon Jon's Wai-Con 2009/10 theme.
Version: 0.2
Author: Jetha Chan, Jon Hayward
Author URI: http://www.jethachan.net
*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background-image: url('images/bg_cotton_gray.png');
	background-position:1px 0px;
	font: 11px Verdana, Tahoma, Arial;
	
	padding:0;
	margin:0;
}

a img { border:0px none; }


#bigmain { width:1024px; margin:0px auto -253px auto; padding-top:10px; background-image: url('images/bg_cotton.png'); background-position:1px 0px; }

#headerarea { margin-bottom:24px; }

	#headertext { display:block; position:relative; margin: 0px auto 0px auto; }
	#waiconlogo { display:block; position:relative; z-index:30; float:left; margin-left:12px; margin-right:-336px; }

	#sponsorsplussearch { display:block; position:relative; z-index:20; margin-top:32px; margin-right:12px;}
		#sponsorsplussearch .bg { display:block; position:relative; z-index:20; height:141px; margin-bottom:-141px; overflow:hidden; }
			#sponsorsplussearch .bg img { display:block; position:relative; float:right; }
			/*#sponsorsplussearch .bg img:after { display:block; position:relative; content:' '; height:0; visibility:hidden; clear:both; } */
		#sponsorsplussearch .content { display:block; position:relative; z-index:21; margin-left:360px; height:100px; }
			.sponsors,.search,.sns { display:block; position:relative; }
			.sponsors { width:300px; height:100px; margin-bottom:-100px; overflow:hidden; }
				.sponsors ul,.sponsors ul li { display:block; position:relative; }
				.sponsors ul {}
				.sponsors ul li { margin:10px; }
			.sns { margin-left:520px; margin-bottom:-53px; padding:10px 10px 0px 10px; text-align:right; }
				.sns a img { border:0px none; }
			.search { background-color:#fff;  padding:0px; margin-left:420px; margin-top:60px; }
				.search .fauxborder { display:block; position:relative; width:220px; height:28px; padding:0px; margin:0px; border:1px solid #ccc; margin-bottom:-30px; background-image:url('images/searchbg.png'); background-repeat:no-repeat; background-position:196px 4px; }
				.search form { padding:0px; margin:0px; }
				.search label { display:none; }
				.search #s { display:block; position:relative; width:206px; z-index:24; margin:1px; padding:6px; font: normal normal normal 12px Arial, sans-serif; background:none; border:0px none; outline:none; }
				.search #searchsubmit { display:none; }
			#sponsorsplussearch .content .mascot { display:block; position:relative; z-index:22; margin-top:-138px; left:310px; }
	#newnav { display:block; position:relative; z-index:23; margin-left:400px; margin-right:12px; height:40px; color:#7ebbea; }

		#newnav ul { display:block; position:relative; margin:0; padding:0; list-style-type:none; font: normal normal normal 16px Arial, sans-serif; }
			/* level 1 */
			#newnav ul li {	display:block; position:relative; float:right; top:0px; text-align:left; height:34px; padding-top:6px; margin:0px 10px 0px 0px; }
				#newnav li a { display:block; position:relative; height:22px; text-decoration:none; color:#000; /*overflow: hidden; */ }
				#newnav li a img { height:22px; padding:4px 0px 4px 0px; }
			/* level 2 */
				#newnav li ul { display:none; top:40px; left:0px; font: bold normal normal 11px Arial, sans-serif; color:#444; background-color:#fff; margin:0px 0px 0px 0px; padding:3px; position:absolute; border-radius-bottom-left:6px; -moz-border-radius:6px; border-radius:6px; }
					#newnav li ul li { display:block; position:relative; z-index:22; float:none; height:auto; white-space:nowrap; margin:0px; padding:0px; text-transform:lowercase; text-align:center; }
					#newnav li ul li a { color:inherit; display:block; position:relative; margin:0px; padding:7px 6px 1px 6px; border-radius:6px; -moz-border-radius:6px; z-index:22; }
					#newnav li ul li a:hover { background-color:#507fa6; color:#fff; font-weight:bold; }
			/* level 3 */
					#newnav li ul li ul { display:none; position:absolute; font: normal normal normal 11px Arial, sans-serif; margin-left:0px; top:0px; margin-top:0px; padding:3px 3px 3px 3px; color:#fff; background-color:#3c5f7b; border-radius:6px; -moz-border-radius:6px; }
						#newnav li ul li ul li { display:block; position:relative; float:none; height:auto; white-space:nowrap; margin:0px; padding:0px; text-transform:lowercase; text-align:right; }
							#newnav li ul li ul li a { color:inherit; display:block; position:relative; margin:0px; padding:5px 3px 1px 3px; border-radius:3px; -moz-border-radius:3px; z-index:24; }
								#newnav li ul li ul li a:hover { background-color:#507fa6; color:#fff; font-weight:normal; }

	#sidearea { display:block; position:relative; text-align:right; float:right; width:300px; margin-right:32px; }
	#featuredcontent { display:block; position:relative; margin:16px 350px 8px 32px; /*padding:16px; */ }

	.schedulebody { display:block; position:relative; margin:16px 32px 16px 32px; padding:14px; background-color:#fff; border:1px solid #ccc; color:#444; }

	#categoryarea { display:block; position:relative; margin:16px 350px 16px 32px; padding:0px; }
		#categoryarea .collectionheader { background-color:#fff; padding:14px; margin-bottom:16px; border:1px solid #ccc; color:#444; }
		#categoryarea .collectionheader h1 { font-weight:normal; font-size:15px; }
		
		#categoryarea .post { background-color:#fff; border:1px solid #ccc; margin-bottom:16px; padding:14px; }

	#pagearea { display:block; position:relative; margin:16px 350px 16px 32px; padding:14px; background-color:#fff; border:1px solid #ccc; color:#444; }
		
		.post-hasimage .attachment-post-thumbnail { display:block; position:relative; float:left; width:80px; height:60px; }
		.posttitle, #pagearea .posttitle { margin-bottom:-10px; letter-spacing:-0.05em; }
			.posttitle a { color:#507fa6; text-decoration:underline; }
			.posttitle a:hover { color:#000; }
		.postcontent { margin-bottom:-10px; }
		.post-hasimage .posttitle, .post-hasimage .postcontent { margin-left:90px; }
		
		#pagearea h1,#pagearea h2,#pagearea h3,#pagearea h4 { color:#000; font-family:Tahoma, sans-serif; }
		.schedulebody h1,.schedulebody h2,.schedulebody h3,.schedulebody h4 { color:#000; font-family:Tahoma, sans-serif;}
			#pagearea h1,.schedulebody h1 { margin-bottom:0em; }
			#pagearea h2,.schedulebody h2 { margin-bottom:-0.4em; }
			#pagearea h3,.schedulebody h3 { margin-bottom:-0.8em; }
		#pagearea p,#pagearea ul,.schedulebody p,.schedulebody ul,.postcontent p,.postcontent ul { margin:1em 0em 1em 0em; line-height:1.5em; }
		#pagearea ul,#pagearea ol,.schedulebody ul,.schedulebody ol,.postcontent ul,.postcontent ol  { padding-left:2.5em; }
			#pagearea li { font-size:12px; line-height:1.5em; }
		#pagearea p,.schedulebody p,.postcontent p { font-size:1.1em; }
			#pagearea a,.schedulebody a,.postcontent a { color:#507fa6; }
			#pagearea a:hover,.schedulebody a:hover,.postcontent a:hover { color:#000; }
		#pagearea table { display:block; position:relative; width:100%; margin: 1.0em auto 1.0em auto; border:0px none; border-collapse:collapse; }
			#pagearea table td { padding:2px; }

		#pagearea #searchresults { padding:0px; list-style-type:none; }
		#pagearea #searchresults h3 { margin-bottom:0em; }
			#pagearea #searchresults li { padding:8px; }
			#pagearea #searchresults li.type-page h3:after { content:' page'; font-style:italic; font-weight:normal; color:#888; }
			#pagearea #searchresults li.type-post h3:after { content:' post'; font-style:italic; font-weight:normal	; color:#888; }
			#pagearea #searchresults .postmetadata { font-size:10px; margin-top:0px; margin-bottom:0px; }



	#footer { display:none; }
	
	#subfooter { margin:16px 0px; padding:0px 32px 0px 32px; }
		#subfooter p { font: normal normal normal 11px Verdana, sans-serif; color:#666; line-height:1.75em; }
		#subfooter a { color:#e83032; }
			#subfooter a:hover { font-weight:bold; }
	
		#datl_logo { display:block; position:relative; float:left; overflow:hidden; text-indent:-900px; top:0px; margin-right:8px; width:124px; height:44px; background-image:url('images/datl_logo-trans.png'); }
		#bottommascots { display:block; position:relative; float:right; margin: 0px 32px 0px 0px; padding:0px; height:253px; }

#slidercontrols { /* 642x268 */  display: block; position: relative; z-index:8; margin-bottom:-268px; padding: 16px; width:610px; height:236px; }
	#slidercontrols .prev,#slidercontrols .next { display: block; position: relative; opacity:0.75; width: 42px; height: 98px; margin:0px; cursor: pointer; top:24px;}
	#slidercontrols .prev:hover ,#slidercontrols .next:hover { opacity:1.0; }
	#slidercontrols .prev { background-image: url(images/slide-button-left.png); float:left; }
	#slidercontrols .next { background-image: url(images/slide-button-right.png); float:right; }
	
#sections { display: block; position: relative; width:642px; height:250px; overflow:hidden; }
	#sections ul { display: block; position: relative; width:4000px; margin:0px; padding:0px; list-style-type:none; }
		#sections ul li { display: block; position: relative; float:left; margin:0px; padding:0px; width:642px; height:250px; overflow:hidden; }
	#sections .attachment-carousel { height:250px; margin-bottom:-80px; }	
	#sections .featured-inside { display:block; position:relative; z-index:9; height:192px; margin:0px; padding-top:8px; background-image: url('images/featured-bg2.png'); background-position:0px -48px; }
		#sections .titles-featured { margin:0px; padding:14px; text-decoration:none; color:#000; font: bold normal normal 20px Verdana, Arial; }
			#sections .titles-featured:hover { text-decoration:underline; }
		#sections .featured-inside div { opacity:0.8; padding:4px 14px 14px 14px; color:#333; line-height:1.5em; }

#sidebar-root { list-style-type:none; padding:0px; margin:0px; }
#sidebar-root li { margin-top:0px; margin-bottom:12px; }

/** ADS */
.waiconMedRect_object,.waiconMedRect_object a,.waiconMedRect_object img { display:block; position:relative; padding:0px; margin:0px; }
.waiconMedRect_object { width:300px; height:250px; overflow:hidden; }
	.waiconMedRect_object a {}
		.waiconMedRect_object a img { border:0px none; }

/*
.page img {

	border: 0;

}



ul.menu {

	margin: 0 0 0 2px;

	display: block;

}



.page {

	margin: 0 auto;

	width: 1009px;

}



li.topmenu a:hover {

	background: url(images/lvl2menu.gif) repeat-y center;

color: #ebddb7;

}



#container { 

float: left; 

width: 622px; 

height: 255px;

color: #CFCFCF;
padding: 12px 0 0 10px;

background: url(images/slideshowframe.png) no-repeat 8px 10px;

}



a.titles-featured, a:hover.titles-featured, .titles-featured { font: 20px "Verdana", Arial; color: #fff; display: block; margin-bottom: 5px; margin-top: 0px; font-weight: bold; text-decoration: none; }

.featured-inside { width: 593px; padding: 13px; margin-top: 149px; background-image: url(images/featured-bg.png); overflow: hidden; height: 65px; }

#featured { background-color: #FFF; background-image: url(images/post-bg.gif); background-repeat: repeat-x; padding: 10px; width: 593px; border: 1px solid #EBEBEB; margin-bottom: 10px; }

.next-button { display: none; position: absolute; }

.prev-button { display: none; position: absolute; }

#sections { overflow:hidden; width: 619px; height: 260px; margin: 0px; float: left; margin-bottom: 13px; }

#sections ul { height: 240px; margin: 0px; list-style-image: none; list-style-type: none; padding: 0px; width: 4000px; }

#sections ul li { height: 240px; width: 619px; margin: 0px; padding: 0px; float: left; }

.prev { display: block; width: 42px; height: 98px; cursor: pointer; background-image: url(images/slide-button-left.png); position: absolute; top: 16px; z-index: 1; left: 18px; }

.next { display: block; background-image: url(images/slide-button-right.png); width: 42px; height: 98px; cursor: pointer; position: absolute; top: 16px; left: 559px; z-index: 2; }

blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background: #1E2422; border: 1px solid #141918; }

.featured-content { float: right; width: 353px; margin-right: 5px; }

.current-category { background-color: #3E4846; color: #FFFFFF; border: 1px solid #485351; padding: 5px; display: block; margin-bottom: 10px; width: 609px; }

#left-div { width: 619px; float: right; padding-left: 13px; }

.articleinfo { border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454; }

.icons { margin-top: 0px; margin-bottom: -5px; margin-right: 10px; }

.post-info { color: #5B6461; font-size: 10px; display: block; border-top: 1px solid #3B4341; border-bottom: 1px solid #3B4341; padding: 2px 0px 2px 0px; margin: 0px 0px 5px 0px; }

.post-info-small { color: #5B6461; font-size: 10px; display: block; width: 228px; border-top: 1px solid #3B4341; border-bottom: 1px solid #3B4341; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; float: right; }

.post-info a { color: #5B6461; }

.logo { float: left; border: 0px; border-left: 1px solid #515E5B; }

.thumbnail { border: 5px solid #333E3C !important; margin-right: 10px; float: left; display: inline; }

.thumbnail-small { border: 3px solid #333E3C !important; margin-right: 10px; float: left; display: inline; }

*/

/*
.newsbox {

float: right;

background: url(images/newsbox.png) no-repeat center center;

display: block;

height: 233px;

width: 325px;

padding: 15px 32px 15px 20px;

}



.postthumbnail {

float: left;

border: 0;

margin: 0 5px 0 2px;

}



.newsbox h1 {

font-size: 20px;

color: #d6e040;

}



.newsboxtext {

float: left;

width: 270px;

}



li.newsboxpost {

margin: 4px 0 0 0;

padding: 2px 0;

}



li.newsboxpost a {

font-weight: bold;

color: #fff;

text-decoration: none;

}



li.newsboxpost a:hover {

text-decoration: underline;

}



.newsbox li:hover {

background: #8e8e8e;

}



.newsbox ul {

list-style-type: none;

}



.posttime {

color: #2c2c2c;

}




.schedulebody {

width: 1002px; 

color: #000;

padding: 10px 0 0 8px;

display: block;

}



.maintitle h1 {

color: #d6e040;

}



.maintitle {

display: block;

height: 40px;

width: 553px;

padding: 7px 0 0 70px;

background: url(images/titlebg.png) no-repeat left top;

}



.postover {

width: 623px;

height: 3px;

display: block;

background: url(images/posttopbg.png) no-repeat top center;

}



#categorypage {

margin: 20px 0 0 0;

}



.postunder {

width: 623px;

display: block;

height: 3px;

background: url(images/postbotbg.png) no-repeat bottom center;

}



.schpostover {

width: 995px;

height: 3px;

display: block;

background: url(images/schposttopbg.png) no-repeat top center;

}



.schpostunder {

width: 995px;

display: block;

height: 3px;

background: url(images/schpostbotbg.png) no-repeat bottom center;

}





.mainbody .post {

width: 603px;

padding: 20px 10px;

background: url(images/postbg.gif) repeat-y top center;

}



.schedulebody .post {

width: 975px;

padding: 20px 10px;

background: url(images/schpostbg.gif) repeat-y top center;

}



.posttext {

width: 420px;

display: block;

padding: 0 0 0 180px;

}



.post p {

margin: 15px 0;

}



.post a {

color: #c12727;

text-decoration: none;

}



.post a:hover {

color: #ec4d4c;

text-decoration: underline;

}



.post h2 a, .post h2 {

color: #86582f;

}



.post h2 a:hover {

color: #58862f;

}



.postcontent img {

margin: 20px 0;

}



.post ul, .post ol {

padding: 0 0 0 30px;

}



.post li {

margin: 10px 0;

}



.post ol ol {

list-style-type:lower-alpha;

}



.post h3 {

margin: 10px 0;

}



img.sidebartickets {

border: 1px solid #000;

margin: 3px 0 7px 0;

}
*/
