/* SITE-WIDE SETTINGS */
html {overflow-y: scroll;}

body{ font-family:Arial; font-family: arial,sans-serif;
color: #444; font-size:12px; line-height:18px;  /*background-image:url('../images/stripepattern.png');*/
}

body,
p,ul,li,
form,
img{border:0;padding:0;margin:0; font-weight:normal;}

p{margin:10px 0px;}

img{border:0 !important;}

a{color:#2777b2; text-decoration:none; font-weight:bold; }

h1,h2,h3,h4{font-family:Georgia,Arial; font-weight:normal;}

h1{margin-bottom:0; padding-bottom:0; }

.init_hidden, .hidden{display:none; visibility:hidden;}
.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}

div.floatblocker{clear:both !important;height:1px !important;width:100% !important;background:none !important; padding:0 !important; margin:0 !important;}

#header_wrap{background-image:url('../images/header_back.png'); height:70px; width:100%; border-bottom:2px solid white;}
#header{width:960px; margin:0px auto; height:70px;  position:relative; background-image:url('../images/header_inner.png');}
	#header #logo_image{position:absolute; bottom:0px; left:0px;}

#bar_wrap{width:100%; background-image:url('../images/bar_back.png'); border-bottom:2px solid white; height:35px;}		
#bar{width:960px; margin:0px auto; position:relative; height:35px; background-image:url('../images/bar_inner.png');}
	#bar #social_icons{position:absolute; top:5px; right:10px;}
	#bar #nav{position:absolute; top:0px; left:0px; width:100%;}
	#bar #nav ul{list-style-type:none; text-align:left; position:relative; bottom:0px; width:100%;}
		#bar #nav ul li{float:left; display:block; position:relative;}
			#bar #nav ul li a{color:white; font-size:16px; display:block; font-weight:normal; font-family:Calibri,Arial; height:25px; padding-top:10px; padding-left:10px; padding-right:10px;}
			#bar #nav ul li:hover{background-color:#b42190 !important;}
			#bar #nav ul li:hover a{ color:white !important; }
		#bar #nav ul li.active a{background-color:white; color:#b42190 !important;}
#sub_bar_wrap{width:100%; height:35px; background-image:url('../images/sub_back.png'); background-repeat:repeat-x; border-bottom:2px solid white;}
#sub_bar{width:960px; margin:0px auto; position:relative; height:35px; background-image:url('../images/sub_inner.png');}
	#sub_bar #sub_bar_search{padding-top:5px; height:50px; position:absolute; right:10px; top:0px;}
		#sub_bar #sub_bar_search input{height:20px; background-image:url('../images/search_back.png'); background-repeat:repeat-x; border:1px solid #ccc; padding:0; font-size:10px; width:200px; padding-top:5px; padding-left:5px;}
	#sub_bar #sub_menu{width:600px; height:50px; position:absolute; top:0px; left:0px; font-family:Calibri,Arial;}
		#sub_menu ul{list-style-type:none;}
			#sub_menu ul li{float:left; display:block; height:35px;}
				#sub_menu ul li a{display:block; color:white; padding:0px 10px; height:10px; padding-top:10px; padding-bottom:15px; font-weight:normal;}
				#sub_menu ul li a:hover{background-color:#2777b2 !important;}
				#sub_menu ul li.active a{background-color:white; color:#2777b2 !important;}
	#sub_bar_langs{text-align:left; position:absolute; top:0px; right:220px; padding-top:5px;}
		#sub_bar_langs #jflanguageselection{margin:0 !important; padding:0 !important;}
		
#below_bar{width:920px; margin:0px auto; background-image:url('../images/puff_back_960.png'); background-repeat:no-repeat; height:55px; padding:0px 20px; padding-top:15px; }
	#below_bar p{margin:0; padding:0;}
	
/* content stuff */
#content_wrap{width:100%; background-image:url('../images/content_back.png'); background-repeat:repeat-x; padding-top:20px;}
#content{width:960px; margin:0px auto; overflow:hidden; min-height:900px;}

#component{width:600px; float:left;}
#component.fullwidth{width:960px;}
#component h1{margin-bottom:0; padding-bottom:0; }
#component .componentheading, #component .contentheading{font-family:Georgia,Arial; font-size:28px; padding:20px 0px;}
#component .date_p{font-size:12px; font-family:Georgia, Arial; margin:0;padding:0; margin-bottom:20px;}

.contentpaneopen h1,h2,h3,h4{font-family:Georgia,Arial; margin-bottom:0; padding-bottom:0;}
	.contentpaneopen h1{font-size:24px;}
	.contentpaneopen h2{font-size:20px;}
	.contentpaneopen h3{font-size:18px;}
	.contentpaneopen h4{font-size:14px;}
	.contentpaneopen img{max-width:600px;}

.sec_info_holder{color:#b42190;}
	
.search_result{margin:10px 0px;}

.small{font-size:10px;}

.right_aligned_div{text-align:right;}

input.invalid{border:1px solid red;}

/* pagination */
.pagination{text-align:center; padding:20px 0px; font-size:10px; font-weight:bold;}

/* right pane */
#right{width:340px; float:right; text-align:right; padding-left:20px; padding-top:28px;}
	#right ul{list-style-type:none; margin-bottom:20px;}
		#right ul li{display:block; padding:10px 0px; border-bottom:1px solid #ccc; padding-right:20px;}
			#right ul li a{font-weight:normal;}
		#right ul li:hover{ background-color:#1e9dff !important;}
			#right ul li:hover a{ color:white !important; }
		#right ul li.active{background-color:#1e9dff !important;}
			#right ul li.active a{color:white !important;}
	#right .banneritem{width:340px; float:right; margin-top:10px;}
		#right .banneritem img{width:340px; height:auto;}

/* the news on the front page */
#frontslide{width:600px; float:left;}
	#frontslide h1{margin-top:0px;}
#frontnews{width:340px; float:left; padding-left:20px; text-align:right;}
	#frontnews h1{margin-top:0px;}
	#frontnews ul{list-style-type:none;}
		#frontnews ul li{font-size:12px;}

/* the puffs on the front page */
#frontpuffs>div{float:left; width:240px; padding-right:40px; padding-left:20px; height:260px; padding-bottom:40px; background-image:url('../images/puff_back_280.png'); background-repeat:no-repeat;}
#frontpuffs>div.bannergroup{float:right; width:340px; background:none; padding:0 !important; margin:0 !important;}
#frontpuffs>div.bannergroup .banneritem{margin-bottom:10px;}
#frontpuffs>div.bannergroup .banneritem img{width:340px; height:auto;}
#frontpuffs>div>h1{padding-bottom:0px;}
#frontpuffs{margin-top:20px;}

#frontads, #frontadstop{width:960px; margin:0px auto;}
#frontads .banneritem, #frontadstop .banneritem{width:470px; float:left; margin-bottom:20px;}
#frontads .banneritem img, #frontadstop .banneritem img{width:470px;}
#frontads .right_floated_banner, #frontadstop .right_floated_banner{float:right !important;}

div#footer{background-image:url('../images/header_back.png'); height:70px; width:100%; border-top:2px solid black; text-align:center; font-size:10px; color:white;}
	div#footer ul{list-style-type:none;}
		div#footer ul li{display:inline-block; padding:0px 15px;}
	div#footer a{color:white; font-weight:bold;}



/* user high scores */
#user_high_scores{width:100%;background-image:url('../images/puff_back_280.png'); background-repeat:no-repeat; background-position:right center; height:280px; width:260px; margin-left:60px; padding:0px 10px; margin-bottom:20px;}
#user_high_scores h1{margin-bottom:10px; text-align:left;}
#user_high_scores>div.username{font-size:12px; float:left; width:80%; text-align:left;}
#user_high_scores>div.score{font-size:12px;float:left; width:20%;}
#user_high_scores .larger{font-size:16px;}

/* system messages */
#system-message dd ul{color:#1e9dff !important; border:0 !important; font-weight:bold !important;}
	#system-message dd ul li{text-align:center !important;}
	#system-message .error ul{background-color:white !important; color:red !important;}
		#system-message .error ul li{background-color:white !important; color:red !important;}
		
/* login */
#login {width:265px; position:absolute; top:10px; right:0px;}
#login #pwclogin{background:transparent !important; line-height:18px !important;width:auto !important;}
	#pwclogin #form-login{text-align:right !important; }
	#login #pwclogin fieldset{border:0 !important;}
	#pwclogin .pass{padding-left:20px !important; width:110px !important; text-align:left !important;}
	#pwclogin .username{padding-left:20px !important; width:110px !important; text-align:left !important;}
	#pwclogin input{width:100px !important;}
	#pwclogin a{color:white !important;}
		#pwclogin a.passlink{float:right !important; margin-right:20px;}
		#pwclogin a.loginlink{float:right !important;}
	#pwclogin .inputbox {height:14px; background-image:url('../images/search_back.png'); background-repeat:repeat-x; border:1px solid #ccc; padding:0; font-size:10px; width:120px; padding-top:2px; padding-bottom:2px; padding-left:5px;}



	
/* login greeting */
#greeting{position:absolute; top:5px; right:75px;}
#greeting #greeting_span{font-size:10px; font-weight:bold; color:white; width:300px; line-height:12px; display:inline-block;}
#greeting #greeting_span .score_span{color:#1e9dff;}

/* comments */
.jcomments-links{padding:5px 0px; background-image:url('../images/comment_link_back.png'); padding-left:5px;}

h1{padding:20px 0px; font-size:28px;}

/* the tip form */
#tip_form_holder #message_holder, #tip_form_holder #message_holder p{font-weight:bold;}
#tipForm label{font-family:Georgia; font-size:16px;}