/*  
Theme Name: Royal Green
Theme URI: http://www.varbo.burlov.se
Theme covers basic elements. Div classes are named after the After-school-tea time
girls.
Version: 1.0 Initial release
Author: Dennis Jin
Author URI: http://www.varbo.burlov.se
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
* {
padding:0;
margin:0;
}
/*--- /RESET ---*/

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

/*--- MAIN ---*/
html {overflow-y:scroll;}

#container {
background:#fff;
}
#wrapper {
width:1000px;
margin:0 auto;
}
body {
font-family:arial;
font-size:13px;
background:url(http://www.stripemania.com/images/background.jpg);
}
h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 34px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}
h2{
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
}
h3 {
text-align:center;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
small {font-size:11px;font-weight:bold;}
.header {
padding:20px;
background:#fff;
}
#content {/*-- Empty for now...lol --*/}
a {color:#4b6c42;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
.small-t {
	color:#292929;
}
/*--- /MAIN ---*/

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

/*--- NAV ---*/
.k-on-navigation {
background:#4b6c42;
height:40px;
list-style:none;
}
.k-on-navigation .richan{
color:#fff;
float:left;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
text-shadow:1px 1px 1px #000;
text-decoration:none;
}
img.close-sub {float:right;cursor:pointer;}
a.close-sub {display:none;}
.mugichan {padding:2px 3px 3px 3px;color:#fff;text-shadow:1px 1px 1px #292929;font-size:13px;background:url(http://coda.co.za/img/global/opaque_20.png);margin-left:2px;-moz-border-radius:5px;-webkit-border-radius:5px;borde-radius:5px;}
.richan {
padding-right:25px;
padding-top:10px;
padding-left:25px;
height:30px;
overflow:hidden;
}
.richan:hover {
background:#4b6c42 url(http://coda.co.za/img/global/opaque_20.png);
}
.sub-menu {
color: #575757;
display:block;
height:0px;
width:100%;
}
#trans {background:url(http://www.varbo.burlov.se/img/opaque.png);z-index:100;position:absolute;width:1000px;}
#lang, #skolan, #personal, #elevsida {
padding:10px;
display:none;
}
#personals {
}
#lang a, #skolan a, #personal a, #elevsida a{
padding:15px;
color:#fff;
text-shadow:0px 0px 2px #000;
text-decoration:none;
font-weight:bold;
}
#lang a:hover, #skolan a:hover, #personal a:hover, #elevsida a:hover {
color:#93d780;
}
/*--- /NAV ---*/

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

/*--- FEATURED WIDGET THING ---*/
.featured {
background:url(img/f-01.png);
}
.big_prev {
height:300px;
overflow:hidden;
text-shadow:1px 1px 1px #000;
border-bottom:1px solid #cfcfcf;
}
.feat-text {width:700px;}
.push-feat {height:180px;}/*--Pushes the transparent boxxy down--*/
.featured-cap {
display:none;
height:100px;
padding:10px;
color:#fff!important;
background:url(http://www.varbo.burlov.se/img/opaque.png);
}
.closeme {float:right;font-weight:bold;cursor:pointer;text-shadow:0px 0px 2px #000;color:#fff;}
.openme {float:right;font-weight:bold;cursor:pointer;display:none;text-shadow:0px 0px 2px #000;color:#fff;}
a.openme:hover, a.closeme:hover{text-decoration:none!important;}
/*--- /FEATURED ---*/

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

/*--- FOOTER ---*/

.footer {
background:#4b6c42 url(http://www.varbo.burlov.se/img/grad.png) left no-repeat;
color:#fff;
padding:15px;
}
#thecopy {color:#263721;text-shadow:1px 1px 1px #5e8753;font-size:11px;margin:10px;float:left;}
.footer .separator {border-top:1px solid #567d4c;border-bottom:1px solid #43603b;}
/*--- /FOOTER ---*/

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

/*--- BULLET ---*/
.azunyan {width:255px;float:left;padding-top:20px;}
.azunyan .item{
text-align:center;
padding:15px 15px 30px 15px;
background:url(http://www.varbo.burlov.se/img/news-bg.gif) bottom no-repeat;
}
.azunyan .item a{color:#4b6c42;font-weight:bold;text-decoration:none;}
.azunyan .item a:hover {text-decoration:underline;}
/*--- /BULLET ---*/

/*--- MID COL ---*/
.yuihirasawa {
padding:15px;
width:450px;
overflow:hidden;
float:left;
}
.green-tea li{
	margin-bottom:5px;
	padding:5px 0px;
	font-size:11px;
}	
.yui-post-box {text-align:justify;}
/*--- /MID COL ---*/
.miomio-btn {
background:url(http://www.varbo.burlov.se/img/btn-bg.png);
background-repeat:repeat-x;
margin-bottom:5px;
text-decoration:none!important;
border:1px solid #989898;
color:#575757;
padding:5px 10px;
display:block;
width:180px;
text-shadow:0px 1px 0px #fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.miomio-btn img {
	text-align:right;
}	
.miomio-btn:hover {
	background-position:0px -5px;
}
.miomio-btn:active {
	background:#cfcfcf;
}
/* Otaku */ 
#otakulinks {
	display:none;
	padding-top:15px;
	padding-left:15px;
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	height:100%;
	color:#fff;
	background:url(http://www.varbo.burlov.se/img/opaque.png);
}
#ourtitle {
	font-size:42px;
	margin-bottom:5px;
}
#ourlist {
	float:left;
}
#ourlist .miomio-btn {
	border:1px solid #575757!important;
	width:240px!important;
}
#oursekai {
	background:url(http://www.varbo.burlov.se/d/img/miku.png) no-repeat;
	height:226px;
	width:540px;
	float:left;
	margin-left:15px;
}
#ourspeech {
	float:left;
	color:#fff;
	height:auto;
	width:525px;
	padding: 10px;
	margin-top:15px;
	margin-left:15px;
	text-align:justify;
	text-shadow:0px 0px 2px #000;
	background:url(http://www.varbo.burlov.se/img/opaque.png);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#otakuclose {
	cursor:pointer;
	margin-top:5px;
	padding:8px 10px;
	color:#292929;
	font-size:24px;
	font-weight:bold;
	background:#ffaa22 url(http://www.varbo.burlov.se/d/img/grad-y.png) repeat-x;
	border:1px solid #fa2;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	text-shadow:0px 1px 0px #fe2;
}
#otakuclose:hover {
	background-position:0px -8px;
}
#otakuclose:active {
	background:#ffaa22;
}