/*

Name : Bausch Reposity
Author : ExcBluePhoenix
Date : 11/11/09
Comments : Overall style sheet for Bausch's
personal webpage. Valid CSS.

Tested On FireFox - 3.xx And IE 7,8.

*/

* { padding: 0; margin: 0; }

body {
	 font-family: "Tahoma", Geneva, sans-serif;
	 font-size: 13px;
	 background: #eeeff1;
}

a { outline: none; cursor:pointer; color:orange; }

a:hover {outline: none; cursor:crosshair; color:#C60;}

#wrapper #cwrapper #content_mid #cs_links #cs_links_block li #cs_links_list li strong {
	color: #900;
}

#wrapper { 
	 margin: 0 auto;
}

#cwrapper {
	 margin: 0 auto;
	 width: 799px;
}

#header {
	 background: url(images/header.png) repeat-x;
	 margin: 0 auto;
	 height: 97px;
	 
}

#title {
	 background: url(images/title.jpg) no-repeat center;
	 height: 97px;
	 cursor: crosshair;

}

#navigation {
	 background: url(images/nav.png) repeat-x;
	 margin: 0;
	 height: 48px;
}

#cs_dod { 
	 color: #333;
	 background: url(images/header_pic.jpg) no-repeat;
	 margin: 0;
	 padding: 0;
	 height: 202px;
}

#content_top { 
	 background: url(images/content_top.jpg) no-repeat;
	 margin: 0;
	 padding-top: 30px;
	 padding-bottom: 6px;
	 padding-left: 5px;
	 padding-right: 5px;
	 min-height: 119px;
}

#content_mid { 
	 background: url(images/content_mid.jpg) repeat-y;
	 margin: 0;
	 padding: 5px;
}

/*Main Content */

/* IMPORTANT HOLD CS AND DOD, WORKS AS WRAPPERS */

#bausch_text_cs {
	display: block;
	padding: 5px;
	margin: 0 auto;
	color: #eeeff1;
	font-size: 11px;
	width: 450px;
	border: 1px dashed #CCC;
	background: #333;
}

#cs_links_fix {
	display: block;
	padding: 5px;
	margin: 0 auto;
	color: #FFF;
	font-size: 12px;
	width: 450px;
	border: 1px dashed #CCC;
	background: #333;
}

#cs_links {
	display: block;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-size: 12px;
	width: 450px;
	border: 1px dashed #CCC;
	background: #333;
	
}

/* List of Links */
ul#cs_links_block {
	list-style-type: none;
	font-size: 13px;
}

ul.links {
	list-style-type: none;
	display: none;
	font-size: 11px;
	
}

.link {
	padding: 0 0 0 15px;
}
	
/* End of List*/

/* End Main Content */

#content_bottom{ 
	 background: url(images/content_bottom.jpg) no-repeat;
	 margin: 0;
	 padding: 0;
	 height: 30px;
	 color: #999;
}

#chat_box { 
	 background: url(images/chat_box.jpg) no-repeat;
	 margin: 0 auto;
	 height: 445px;
	 padding: 120px 0 0 168px;
	 
}

#shoutbox {
	 width: 461px;
	 height: 263px;
	 border: 1px dashed #C60;
}


#footer {
	clear: both;
	color: #FFA500;
	margin-top: -100px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 20px 0;
	font-size: 10px;
}

/* Navigation - Buttons */

ul#menu {
	width: 306px;
	margin: 0 auto;
	padding: 2px 0 0 0;
	list-style: none;
}

ul#menu li a {
	display: block;
	float: left;
	height: 42px;
	background-image: url(images/menu.png); 
	text-indent: -9999px;
}

ul#menu li a.steam {
	width: 98px;
	background-position: 0 0;
}

ul#menu li a.gotfrag{
	width: 121px;
	background-position: -98px 0;
}

ul#menu li a.esea {
	width: 87px;
	background-position: -219px 0;
}

ul#menu li a.steam:hover, ul#menu li a.steam:focus {
	width: 98px;
	background-position: 0 -42px;
}

ul#menu li a.gotfrag:hover, ul#menu li a.gotfrag:focus {
	width: 121px;
	background-position: -98px -42px;
}

ul#menu li a.esea:hover, ul#menu li a.esea:focus {
	width: 87px;
	background-position: -219px -42px;
}

.author {
	font-size: 11px;
	color: #C60;
	text-decoration: overline;
	text-align: right;
}

.warning {
	font-size: 15px;
	color:#F00;
	text-decoration: underline;
}