/*
Template: SSO
Author: Kuitsuku
WWW: 
E-Mail: 
Comments: A template design for SSO, 032810
*/


/* 
	 
	Template: Blue-ness 
	 
	Author: Sutaro 
	 
	WWW: http://sutaro.com 
	 
	E-Mail: Blrr  
	 
	Comments: Official Layout for Sutaro's Sketch Oekaki~ =D 
	 
	*/ 
	 
	 
	 
	 
	 
	/* Links */ 
	 
	a:link { 	 
	text-decoration: none; 	 
	color: #000000; 
	 
	} 
	 
	a:visited { 	 
	text-decoration: none; 	 
	color: #000000; 
	 
	} 
	 
	a:hover { 	 
	text-decoration: underline; 
	color: #ffffff;
	 
	} 
	 
	a:active { 	 
	text-decoration: none; 
	 
	} 
	 
	span.nolink { 	 
	color: #000000; 
	 
	} 
	 
	.imghover { 	 
	padding: 0px; 	 
	border-width: 0px; 	 
	 
	} 
	 
	.imgthumb { 	 
	padding: 1px; 	 
	border-width: 1px; 	 
	border-color: #000000; 	 
	border-style: solid; 
	 
	} 
	 
	.imgthumb:hover { 	 
	padding: 1px; 	 
	border-width: 1px; 	 
	border-color: #9A3B53; 	 
	border-style: solid; 
	 
	} 
	 
	 
	 
	 
	 
	/* Tags */ 
	 
	html { 	 
	margin: 0; 	 
	padding: 0; 	 
	color: #8D4162; 	 
	font-family: "Verdana", "Arial"; 	 
	font-size: 11px; 
	 
	} 
	 
	 
	 
	body { 	 
	margin: 0; 	 
	padding: 0; 	 
	background-color: #9CD0F6; 	 
	background-image: url("SSO/bg.gif"); 	 
	background-attachment: fixed; 	 
	scrollbar-arrow-color:#395362; 
	scrollbar-track-color:#BFB595; 
	scrollbar-face-color:#78AFC3; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-3dlight-color:#8EBBCC; 
	scrollbar-darkshadow-color:#639AB4; 
	scrollbar-shadow-color:#395362;
	 
	} 
	 
	hr { 	 
	/* Used only for non-CSS browsers */ 	 
	display: none; 
	 
	} 
	 
	form { 	 
	margin: 0; 	 
	padding: 0; 
	 
	} 
	 
	p.indent { 	 
	text-indent: 2em; 	 
	padding: 0; 	 
	font-size: 10px; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	p.subtext { 	 
	text-indent: 0; 	 
	margin: 0 0 0 1em; 	 
	font-size: 10px; 	 
	font-style: italic; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	 
	 
	 
	 
	/* Header */ 
	
 	#whole
	{ 
	width: 100%; 
	height: 100%; 
	border-spacing: 0px; 
	padding: 0px; 
	background-image: url('SSO/border.gif');
	margin: 0px;  
	background-repeat:repeat-y;
	} 
	 
	#banner { 
	width: 100%; 
	height: 320px; 
	border-spacing: 0px; 
	padding: 0px; 
	background-image: url('SSO/top_bg.gif'); 
	margin: 0px; 
	min-width: 980px; 
	} 
	 
	#topleft { 
	width: 100%; 
	height: 138px; 
	padding: 0px; 
	margin: 0px; 
	} 
	 
	#topleft2 { 
	width: 646px; 
	height: 182px; 
	margin: auto; 
	background-image: url('SSO/middle.gif'); 
	padding: 0px;
	} 
	 
	#divtopleft { 
	width: 173px; 
	height: 138px; 
	background-image: url('SSO/left1.gif'); 
	margin: 0px; 
	float: left; 
	padding: 0px; 
	} 
	
	#divside { 
	width: 30px; 
	height: 100%; 
	background-image: url('SSO/border.gif'); 
	margin-left: 0px;
	position: relative;
	left: 0px;
	}
	 
	#divtopleft2 { 
	width: 172px; 
	height: 116px; 
	background-image: url('SSO/left2.gif'); 
	float: left; 
	margin-left: 0px; 
	padding: 0px; 
	} 
	 
	#divtopright { 
	width: 177px; 
	height: 138px; 
	background-image: url('SSO/right1.gif'); 
	margin: 0px 0px; 
	float: right; 
	padding: 0px; 
	} 
	 
	#divtopright2 { 
	width: 174px; 
	height: 172px; 
	background-image: url('SSO/right2.gif'); 
	margin: 0px 0px; 
	float: right; 
	padding: 0px; 
	} 
	 
	#divtopmiddle{ 
	width: *; 
	height: 138px; 
	float: none; 
	background-image: url(''); 
	margin-left: 0px; 
	margin-top: 0px; 
	padding-top: 3px; 
	color: #ffffff;
	} 
	
	.linkstop {
	padding: 0px;
	margin: 0px;
	}
	
	.linkstop a { 	 
	text-decoration: none; 	 
	color: #EFFFAE;
	} 
	
	.linkstop a:hover { 	 
	text-decoration: none; 	 
	color: #ffffff; 
	} 
	 
	div.middlelinks { 
	height:68px; 
	padding-top:27px; 
	overflow: hidden; 
	color: #000000; 
	} 
	
	.middlelinks a { 	 
	text-decoration: none; 	 
	color: #8D4162; 
	} 
	
	.middlelinks a:hover { 	 
	text-decoration: none; 	 
	color: #000000; 
	} 
	 
	div.scroll2 { 
	height:  110px; 
	width: 250px;
	overflow: auto; 
	border: 0px; 
	font-family: Verdana;  
	font-size: 10px;  
	color: #000000; 
	float: left;
	margin-top: 15px;
	} 
	
	div.scroll1 { 
	height: 98px; 
	width: 226px; 
	overflow: auto; 
	border: 0px; 
	font-family: Verdana; 
	font-size: 10px; 
	color: #625948; 
	scrollbar-arrow-color:#395362; 
	scrollbar-track-color:#BFB595; 
	scrollbar-face-color:#78AFC3; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-3dlight-color:#8EBBCC; 
	scrollbar-darkshadow-color:#639AB4; 
	scrollbar-shadow-color:#395362;
	float: left;
	margin-left: 60px;
	margin-top: 20px;
	} 
	
	.scroll1 a { 	 
	text-decoration: none; 	 
	color: #000000; 
	} 
	
	.scroll1 a:hover { 	 
	text-decoration: none; 	 
	color: #ffffff; 
	} 
	
		.scroll2 a { 	 
	text-decoration: none; 	 
	color: #EFFFAD; 
	} 
	
	.scroll2 a:hover { 	 
	text-decoration: none; 	 
	color: #000000; 
	}
	
	.scroll3 a { 	 
	text-decoration: none; 	 
	color: #57761F; 
	} 
	
	.scroll3 a:hover { 	 
	text-decoration: none; 	 
	color: #8D4162; 
	}
	
	
	div.scrollcontainer { 
	height: 110px; 
	width: 536px; 
	overflow: hidden; 
	border: 0px; 
	font-family: Verdana; 
	font-size: 10px; 
	color: #BE9ACA; 
	margin-left: 70px;
	margin-top: 0px;
	} 
	
	div.scroll3 { 
	height: 26px; 
	width: 536px; 
	overflow: hidden; 
	border: 0px; 
	padding-top: 15px;  
	margin-left: 92px;  
	font-family: Verdana;  
	font-size: 10px;  
	color: #000000; 
	} 
	 
	span.newmail { 	 
	/* New messages! */ 
	font-weight: bold; 
	} 
	 
	#notice { 
	/* Board-specific drabble */ 
	padding: 0 0px 0 0px; 
	} 
	 
	 
	 
	/* Content */ 
	 
	.pages { 	 
	/* Styles for page navigators */ 	 
	margin: 0 5% 0 5%; 	 
	text-align: center; 	 
	background-color: ; 	 
	font-size: 10px; 	 
	font-weight: bold; 	 
	border-width: ; 	 
	border-color: ; 	 
	border-style: ; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	.activepage { 	 
	/* Current page number in page navigators */ 	 
	color: F0D1C6; 	 
	font-size: 10px; 	 
	font-weight: bold; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	#contentmain { 	 
	/* Container for all content on all pages except pop-ups */ 	 
	margin: 0 5% 0 5%; 
	 
	} 
	 
	.postheader { 	 
	/* Header for each post */ 	 
	padding: 5px; 	 
	text-align: left; 	 
	color: #EFFFAE; 	 
	background-color: #877A63; 	 
	font-size: 10px; 	 
	border-width: 1px; 	 
	border-color: #000000;
	border-style: solid; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	.postmain { 	 
	/* Container for each post */ 	 
	vertical-align: top; 	 
	padding: 5px; 	 
	 
	} 
	 
	.postdata { 	 
	/* Picture for each post */ 	 
	text-align: center; 	 
	background-color: ; 
	 
	} 
	  
	.commentmain { 	 
	/* Container for each comment */ 	 
	margin: 0px 5px 5px 5px; 
	 
	} 
	 
	.commentheader { 	 
	/* Header for each comment */ 	 
	padding: 3px 3px 3px 3px; 	 
	text-align: left; 	 
	background-color: #B8E600; 	 
	font-family: "Verdana", "Arial"; 	 
	font-size: 10px; 	 
	border-width: 1px; 	 
	border-color: #000000; 	 
	border-style: solid; 
	border-bottom: 0px;
	} 
	
	.commentheader a { 	 
	text-decoration: none; 	 
	color: #000000; 
	} 
	
	.commentheader a:hover { 	 
	text-decoration: none; 	 
	color: #B8E600; 
	} 
	 
	.commentinfo { 	 
	/* Inherits from commentheader */ 	 
	color: #877A63; 	 
	font-family: "Verdana", "Arial"; 	 
	font-size: 10px; 
	 
	} 
	 
	.commentdata { 	 
	/* The actual comments */ 	 
	margin-bottom: 0px; 	 
	padding: 2px 2px 2px 2px; 	 
	text-align: left; 	 
	vertical-align: top; 	 
	color: #000000; 	 
	font-family: "Verdana", "Arial"; 	 
	font-size: 10px; 	 
	background-color: #EFFFAE; 	 
	border-width: 0 1px 1px 1px; 	 
	border-color: #545F26; 	 
	border-style: solid; 
	background-image: url("SSO/cbg.gif"); 	 

	} 
	
	.commentdata a { 	 
	text-decoration: none; 	 
	color: #ffffff; 
	} 
	
	.commentdata a:hover { 	 
	text-decoration: none; 	 
	color: #000000; 
	} 
	 
	#footer { 	 
	/* Copyright */ 	 
	padding: 8px; 	 
	text-align: right; 	 
	background-color: #1886AE; 	 
	font-size: 10px; 	 
	border-width: 1px 0 1px 0; 	 
	border-color: #000000; 	 
	border-style: solid; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	 
	 
	 
	 
	/* Menus and Config */ 
	 
	.header { 	 
	/* General header (should follow PostHeader styles) */ 	 
	text-align: center; 	 
	margin: 0; 	 
	padding: 3px 0 3px 0; 	 
	color: #B3C54; 	 
	background-color: #877A63; 	 
	font-weight: normal; 	 
	font-size: 10px; 	 
	border-width: 1px; 	 
	border-color: #000000; 	 
	border-style: solid; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	.infotable { 	 
	/* Simple formatting for generic tables */ 	 
	padding: 1% 5% 1% 5%; 	 
	background-color: ; 	 
	font-size: 10px; 	 
	border-width: 0px; 	 
	border-color: #000000; 	 
	border-style: solid; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	.infomain { 	 
	/* Style for admin panel tables */ 	 
	width: 100%; 
	 
	} 
	 
	p.infonote { 	 
	/* General information at the top of infotables */ 	 
	padding: 1em; 	 
	text-indent: 10px; 	 
	text-align: justify; 	 
	border-width: 1px; 	 
	border-color: #000000; 	 
	border-style: solid; 
	 
	} 
	 
	.infoask { 	 
	/* Admin panel options */ 	 
	/* NOTE: IE doesn't like percentages! */ 	 
	width: 200px; 	 
	text-align: right; 	 
	vertical-align: top; 	 
	padding-right: 20px; 
	 
	} 
	 
	.infoenter { 	 
	/* Admin panel form data */ 	 
	/* NOTE: IE doesn't like percentages! */ 	 
	text-align: center; 	 
	vertical-align: top; 
	 
	} 
	 
	.txtinput { 	 
	color: #000000; 	 
	font-family: "Verdana", "Arial"; 	 
	font-size: 10px; 	 
	background-color: #BFB595; 
	border-width: 1px 1px 1px 1px; 
	border-color: #666666; 
	border-style: solid; 
	 
	} 
	 
	.submit { 	 
	color: #000000; 	 
	background: #B8E600; 	 
	font-size: 10px; 	 
	border-color: #000000; 	 
	border-style: solid; 	 
	border-width: 1px; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	.multiline { 	 
	color: #000000; 	 
	font-size: 10px; 	 
	background-color: #BFB595; 	 
	font-family: "Verdana", "Arial"; 
	border-width: 1px 1px 1px 1px; 
	border-color: #000000; 
	border-style: solid; 
	 
	} 
	 
	 
	 
	 
	 
	/* Popup stuff, may be smaller than normal pages */ 
	 
	 
	 
	/* Tags */ 
	 
	.pheader { 	 
	/* General header (should follow PostHeader styles) */ 	 
	text-align: left; 	 
	padding: 4px; 	 
	color: #EFFFAE; 	 
	background-color: #877A63; 	 
	font-size: 10px; 	 
	border-width: 1px; 	 
	border-color: #000000; 	 
	border-style: solid; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	.pinfotable { 	 
	/* Simple formatting for generic tables */ 	 
	padding: 1% 5% 1% 5%; 	 
	color: #000000; 	 
	background-color: ; 	 
	font-size: 10px; 	 
	border-width: ; 	 
	border-color: ; 	 
	border-style: ; 	 
	font-family: "Verdana", "Arial"; 
	 
	} 
	 
	.pinfoask { 	 
	/* Admin panel options */ 	 
	text-align: right; 	 
	vertical-align: top; 	 
	padding-right: 10px; 	 
	font-weight: bold; 
	 
	} 
	 
	.pinfoenter { 	 
	/* Admin panel form data */ 	 
	text-align: left; 	 
	vertical-align: top; 
	 
	} 
	 
	.ptxtinput { 	 
	color: #000000; 	 
	font-family: "Verdana", "Arial"; 	 
	font-size: 10px; 	 
	background-color: #BFB595; 
	border-width: 1px 1px 1px 1px; 
	border-color: #000000; 
	border-style: solid; 
	 
	} 
	 
	.chatinfo { 	 
	text-align: center; 	 
	background-color: #877A63; 
	 
	} 
	 
	.pchatdialog { 	 
	font-family: "Verdana", "Courier", monoSSO; 	 
	font-size: 10px; 
	 
	}