/* This contains the layout stuff - sizes, border widths, padding, etc - but none of the actual colours... */

html{
	height:100%;
}

body{
	margin:0;
	padding:0;
	font: normal 8pt Tahoma, Arial, sans serif;
	height:100%;
}

td{
	font-size:11px;
	border-width:0;
}

a{
	text-decoration:none;
}

ul{
	list-style-image:url(bullet.gif);
}

ul.paddedlist li{
	padding-bottom:10px;
}

ol{
	list-style-image:none;
}

form{
	display:inline;
}

img{
	border:0;
}

hr{
	border:none;
	height:1px;
	border-top-width:1px;
	border-top-style:solid; 
}

/*-------------------------------------*/


.logicalbox{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.hollow{
	filter: alpha(opacity=20);
	-khtml-opacity:0.2;
	-moz-opacity:0.2;
	opacity:0.2;
}


/*-------------------------------------*/

#maintable{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#topbar{
	text-align:right;
	padding:5px 20px;
	height:25px;
	width:100%;
	border-width:0 0 2px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:3000;
}

#starscape{
	padding:0 20px;
	height:82px;
}

#navbar{
	padding:0 10px;
	border-style:solid;
	border-width:1px 0;
	height:10px;
	font-variant:small-caps;
	font-size:13px;
}

#advertbar{
	padding:7px;
	height:10px;
	border-width:0;
}

#tweetbar{
	padding:7px;
	height:10px;
	border-width:0 0 1px 0;
}

#leftcol{
	width:16px;
	border-width:0;
	vertical-align:top;
	padding:8px;
}

#contentarea{
	background-color:transparent !important;
	border-width:2px 2px 0 2px;
	vertical-align:top;
}

#rightcol{
	width:120px;
	border-width:0;
	vertical-align:top;
}

#footer{
	border-width:1px 0 0 0;
	padding:20px;
	height:25px;
	text-align:center;
}

/*-------------------------------------*/

/* For specific pages: */

#recentprogress{
	height:150px;
	overflow-y:auto;
	padding:10px;
}

.rp_underline td{
	border-bottom:1px solid #642;
}

#r7floatbox{
	position:absolute;
	border-width:1px;
	z-index:142;
	padding:5px;
	min-width:10px;
	min-height:10px;
}

div.code{
	color:#927457; 
	background-color:#181614;
	border:1px solid #927457;
	padding:10px;
	width:95%;
	overflow:auto;
	margin:2px auto;
}

div.quote{
	color:#496; 
	background-color:#142;
	border:1px solid #496;
	padding:10px;
	width:95%;
	overflow:auto;
	margin:2px auto;
}

div.spoiler{
	color:#b96; 
	background-color:#553522;
	border:1px solid #b96;
	overflow:auto;
}

div.spoiler_outer{
	color:#9f7863; 
	background-color:#1f1209;
	border:1px solid #531;
	padding:6px;
	margin:6px;
}

/*-------------------------------------*/

.hellothere{
	/*background:#20160d url(LGgrad.jpg) repeat-x scroll top left; 
	border:0px solid #542;*/
	padding:20px;
	border-width:0 0 2px 0;
	height:40px;
}

.hhupdates{
	padding:10px 20px;
	border-width:0 0 2px 0;
	height:60px;
}

.hhjoinbox{
	padding:20px;
	text-align:center;
	vertical-align:middle;
	width:100px;
}

.hhjoinbox a.big{
	font-size:20px;
}

/*-------------------------------------*/

.darkglass{
	background:#210d05 url(darkglass.png) top left scroll repeat-x; 
	border:1px solid #100501; 
	padding:1px;
	width:200px;
}

.darkglass_border{ 
	border:1px solid #6e4817; 
	padding:9px; 
}

.darkglass p{
	margin:8px 0 4px 0;
}

.pollbar{
	width:280px;
	height:8px;
	border-color:1px solid #642;
	background-color:black;
	padding:0;
	margin:0;
}

.pollbar .full{
	height:8px;
	background-color:#d82;
}

.orangebar{
	background-color:#930;
}

.orangebar .shine{
	background-color:#fa2;
}

/*-------------------------------------*/

.comment{
	width:100%;
	text-align:center;
	margin-top:10px;
}

.comment_nest .comment{
	margin-top:5px;
}

.comment_left{
	width:50px;
	vertical-align:top;
	text-align:center;
	padding:8px;
	border-width:1px 0 1px 1px;
}

.comment_left img{
	margin-bottom:5px;
}

.comment_bar{
	height:10px;
	padding:5px 5px 5px 0;
	border-width:1px 0 0 0;
	text-align:left;
}

.comment_bar tr td{
	padding:0 10px 0 0;
	white-space:nowrap;
}

.comment_corner{
	padding:5px;
	border-width:1px 1px 0 0;
	text-align:right;
	white-space:nowrap;
}

.comment_content{
	padding:8px;
	border-style:solid;
	border-width:1px;
	vertical-align:top;
	text-align:left;
}

.comment_nest{
	padding:0 0 0 67px;
}

.comment_reply_box{
	border-width:0 1px 1px 1px;
	padding:0;
	text-align:left;
	vertical-align:top;
}

.comment_textarea{
	width:100%;
	height:100px;
	margin:0 0 0 -9px;
	display:inline-block;
	padding:8px;
}

.comment_ta_bit{
	padding:8px 17px 0 9px;
}

.comment_reply_box_left{
	width:50px;
	vertical-align:top;
	text-align:center;
	padding:8px;
}

/*-------------------------------------*/

.forum_post_left{
	border-width:1px 0 1px 1px;
	padding:10px;
	width:50px;
	vertical-align:top;
}

.forum_post_left table{
	margin:10px 0 0 0;
	width:50px;
	border-width:0;
	border-spacing:5px;
}

.forum_post_left td{
	text-align:center;
	padding:0;
}

.forum_post_top{
	height:10px;
	padding:5px;
	border-width:1px 0 0 1px;
	border-color:#642 !important;
}

.forum_post_corner{
	height:10px;
	padding:5px;
	border-width:1px 1px 0 0;
	border-color:#642 !important;
	text-align:right;
}

.forum_post_core{
	height:100%;
	vertical-align:top;
}

.forum_post_core_div{
	padding:16px;
	border-width:1px;
	vertical-align:top;
	min-height:118px;
	width:auto;
	margin:0;
}

.forum_post_core_div textarea{
	padding:16px;
	border-width:1px;
	vertical-align:top;
	height:154px;
	width:100%;
	margin:0;
}

.forum_post_bottom{
	height:10px;
	text-align:left;
	padding:5px;
	border-width:0 0 1px 0;
}

.forum_post_bottom2{
	height:10px;
	text-align:right;
	padding:5px;
	border-width:0 1px 1px 0;
}

/*-------------------------------------*/

.forum_topbar{
	font-size:13px;
	padding:10px 20px;
	border-width:0 0 1px 0;
	height:10px;
	border-color:#642 !important;
}

.forum_section{
	width:100%; 
	border-width:1px;
	margin:20px;
	margin-left:0;
}

.forum_section td{
	border:0;
}

a.newtopic{
	font-size:18px;
	padding:10px;
	background-color:#1C0D04;
	border:1px solid transparent;
}

a.newtopic:hover{
	background-color:#3f1f07;
	border:1px solid #960;	
}

/*-------------------------------------*/

#userpage_glass{
	height:20px;
	padding:10px;
	border-width:0 0 1px 1px;
	border-style:solid;
}

#userpage_glass td{
	font-size:20px;
}

#userpage_avatarbar{
	padding:10px;
	width:50px;
	border-width:0 0 1px 0;
}

#userpage_lowertopbar{
	padding:5px;
	height:10px;
	border-width:0 0 1px 0;
}

#userpage_lowertopbar td{
	text-align:center;
}

#userpage_sections{
	padding:0 20px;
	height:10px;
	border-width:0 0 1px 0;
	border-color:#975;
}

#music_sections{
	width:100%; 
	height:27px; 
	border-width:1px 0; 
	padding:0 30px;
}

#userpage_sections ul, #music_sections ul{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
	display:inline;
}

#userpage_sections a, #music_sections a{
	display:block;
	padding:7px 10px;
}

#userpage_sections li, #music_sections li{
	float:left;
	position:relative;
}

#userpage_sections a:hover, #music_sections a:hover{
	background-color:#3f1f07;
}

.ar1{
	text-align:right;
	font-weight:bold;
	width:120px;
	padding-right:10px;
}

/*-------------------------------------*/

#pagelist ul{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
	display:inline;
}

#pagelist a{
	display:block;
	padding:5px 6px;
	background-color:#1C0D04;
	border:1px solid #643;
	margin-left:3px;
}

#pagelist a.disabled{
	color:#444;
	background-color:transparent;
}

#pagelist a:hover{
	background-color:#3f1f07;
	border:1px solid #953;
}

#pagelist li{
	float:left;
	position:relative;
}

/*-------------------------------------*/

.percentbar_back{
	background-color:#1C0D04;
	border:1px solid #975;
	width:100px;
	padding:1px;
	margin:10px;
	height:7px;
}

.percentbar_front{
	background-color:#e63;
	padding:0;
	margin:0;
	height:7px;
}

.percentbar_shine{
	background-color:#fc8;
	padding:0;
	margin:0;
	height:2px;
	position:relative;
	top:2px;
	width:100%;
}

/*-------------------------------------*/

.paddedmain{
	padding:20px;
}

.expandfully{
	width:100%;
	height:100%;
}

.blogdate{
	float:right;
	font-size:14px;
}

.nobr{
	white-space:nowrap;
}

.contable{
	width:100%;
	padding:20px;
	border-spacing:0;
}

.blackstrip{
	color:#9F6838;
	padding:12px;
	text-align:center;
	font-size:16px;
	background-color:#1C0D04;
}

/*-------------------------------------*/

/* Drop-down nav menu thing: */

.nav{
	positive:relative;
	z-index:2000;
	/*width:600px;*/
}

.nav ul{
	margin:0;
	list-style-type:none;
	list-style-image:none;
	padding:0px 10px 0px 5px;
}

.nav a{
	display:block;
	border-style:solid;
	border-color:#724c30;
	border-width:0 0 0 1px;
	padding:5px 10px;
}

.nav li{
	float:left;
	position:relative;
}

.nav a:hover{
	background:#824223 url('snazzyNavbarOver.gif') top left repeat-x;
}

.nav ul ul li{
	border-width:0;
	padding:0;
}

.nav ul ul{
	width:100px;
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:-5px;
	width:100px;
}

.nav ul ul a{
	height:auto;
	line-space:1em;
	padding:5px 10px;
	width:90px;
	background-color:#1C0D04;
}

.nav ul ul a:hover{
	background-color:#3f1f07;
	background-image:none;
	border-color:#ffaa33;
}

.nav ul li:hover ul, .nav ul a:hover ul{
	visibility:visible;
}

/*-------------------------------------*/

/* Blog sidebar thing, showing all blog entries, expandable by year of writing or category: */

#blog_sidebar{
	width:250px;
	height:100%;
	float:right;
	border-width:0 0 0 1px;
}

#blog_sidebar ul{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:none;
}

#blog_sidebar li a{
	width:230px;
	padding:5px 10px;
	cursor:pointer;
	display:block;
	border:1px solid #643;
	border-width:0;
}

#blog_sidebar a:hover{
	background:#631;
}

#blog_sidebar ul ul li{
	background:#1C0D04;
	font-size:10px;
}

#blog_sidebar ul ul li a{
	padding:2px 10px;
}

#blog_sidebar ul ul li:hover{
	background:#3f1f07;
}

/*-------------------------------------*/

#chub_bb ul{
	margin:0;
}

/*-------------------------------------*/

.pmscol{
	width:300px;
	border-width:0 1px 0 0;
}

.editable{
	margin:5px 0 20px 10px;
	border-width:0;
}

.r100{
	width:100px;
	text-align:right;
	padding-right:10px;
}

.rborder{
	border:1px solid #852;
	border-width:0 1px 0 0;
}

/*-------------------------------------*/

.imgborderglow{
	border:2px solid #000;
}

.imgborderglow:hover{
	border:2px solid #f90;
}

/*-------------------------------------*/

.swankytitle{
	width:100%;
	font-size:16px;
	background-color:#1C0D04;
	color:#9F6838;
	height:48px;
	padding:16px 30px;
	vertical-align:middle;
}

/*-------------------------------------*/

.mc_box{
	border-width:1px 1px 0 0; 
	width:13px; 
	padding:2px 1px; 
	cursor:pointer;
	border-color:#975;
	border-style:solid;
	background-color:#1C0D04;
	vertical-align:top;
}

.mc_box .shine{
	border-width:0;
	width:13px;
	height:12px;
	background-color:#35230c;
}

.mc_box:hover{
	background-color:#3f1f07;
}

.mc_box:hover .shine{
	background-color:#5f3f17;
}

.mc_box_sel{
	background-color:#730 !important;
	border-color:#d95;
}

.mc_box_sel .shine{
	background-color:#a50 !important;
}

/*-------------------------------------*/

.pollanswer{
	cursor:pointer;
	padding:5px;
	border-width:1px;
}

.pollanswer:hover{
	background-color:#730;
	border-color:#d95;
	color:#d95;
}

/*-------------------------------------*/

.chatmsg .elem{
	width:20px; 
	height:30px;
}

.chatmsg .elem_L{
	float:left;
	margin:6px 3px 0 0;
}

.chatmsg .elem_R{
	float:right;
	margin:6px 0 0 3px;
}

.chatmsg fieldset{
	min-height:25px;
	border-width:1px; 
	padding:3px 8px 6px 8px; 
	margin:0 0 6px 0;
}

.chatmsg .PM{
	border-style:dashed;
	font-style:italic; 
	text-align:right;
}

.chatmsg fieldset legend{
	font-style:normal; 
	padding:0 2px 0 0;
}

.chatmsg .timestamp{
	float:right; 
	font-size:20px; 
	margin:-8px 0 -6px 0;
	font-style:normal;
}

.chatmsg .PM .timestamp{
	float:left;
}

/*-------------------------------------*/

.temperul ul{
	padding:0 20px;
	margin:0;
}

.temperul ul li{
	padding-bottom:5px;
}

/*-------------------------------------*/

.td2p{
	padding:0 2px;
	width:2px;
}

/*-------------------------------------*/

#reviewbox{
	padding:20px;
	width:800px;
	border-width:1px;
	border-style:solid;
	margin:0 auto;
}

#reviewbox .imagebox, .reviewbox_imgbox{
	margin:16px 0;
	padding:10px;
	text-align:center;
	border-width:1px;
	border-style:solid;
}

#reviewbox .imagebox img{
	margin:10px;
}

.reviewbox_p{
	padding:0;
	width:100%;
	border-width:1px;
	border-style:solid;
	margin:0 auto;
}

.basiclinebox{
	border-width:1px;
	border-style:solid;
	padding:10px;
}

/*-------------------------------------*/

#r7viewer{
	position:fixed; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	background: url(black60.png) repeat-x scroll bottom left; 
	display:block; 
	vertical-align:middle; 
	text-align:center; 
	cursor:pointer;
	visibility:hidden;
	z-index:3000;
}

#r7viewer_core{
	width:100%;
}