/* Colors */

body {
	color: #C8F4FA;
	background-color: black;
}

/*#col1, #col2.border, #col4 {
	border-color:#0D1F28;
	border-width:1px;
	border-style: dashed;
	}*/

.post {border-top: 1px dashed #0D1F28;} 
.smaller .post:hover {color:#C8F4FA;}
a:hover {border-bottom: 1px dotted #C8F4FA;}

.brief {color: #858585;}

.smalltitle, .csmalltitle, .rsmalltitle, .bigger {color: white;}
.smaller {color:#CCCCCC;}
a {color: #0099FF;}
a:visited {color: #858585;}
span.smalltitle a:visited {color: white;}

img {border:0;}

#textbox, #bgfill, #beerbox, #workbox, #sitesbox {background-image: url(images/blue200.png);}
#textbox.c4, #newsbox.c4{
	background-image: url(images/blue400.png);
	width: 395px;
	background-repeat:repeat-y;
}
#title400 {background-image: url(images/blue400t.png);width:395px;}
#title200, #top {
	background-image: url(images/blue200t.png);
	width:200px;
	overflow: hidden;
}
#bottom200 {background-image: url(images/blue200b.png); clear:both; height:20px; width:200px;}
#bottom400 {background-image: url(images/blue400b.png); clear:both; height:20px; width:395px;}

.toggle {background-image:url(images/arrow2_down.png); height:20px; width:25px; background-repeat:none;}
.toggle:hover, .toggle:active {background-image:url(images/arrow_down.png); background-repeat:none;}

.toggle2 {background-image:url(images/arrow2_up.png); height:20px; width:25px; background-repeat:none;}
.toggle2:hover, .toggle2:active {background-image:url(images/arrow_up.png); background-repeat:none;}

#button {display:inherit;}
#button2 {display:none;}