/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(bg_london.jpg) center 10px repeat-x #000;
 border-top:10px solid white;
}
#wrapper { 
 margin: 0 auto;
 width: 982px;
}
.centerme { 
 margin: 0 auto;
 width: 982px;
}
.htc { behavior:url(iepngfix.htc); }
#faux {
 background: url(faux-4--2-col.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 color: #333;
 padding: 10px;
 height: 10px;
 margin: 0px 0px 0px 0px;
 border-top:0px solid white;
}
#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 0px 0px; text-align:center;
}
#badge {
 padding: 11px 10px 10px 0px;
 margin: 0px 0px 50px -6px;
}

#rightcolumn { 
 display: inline;
 color: #333;
 margin:10px 0px 10px 10px;
 padding: 0px;
 width: 340px;
 float: right;
 text-align:right;
}

#sidebar { 
 display: inline;
 color: #333;
 margin:10px 0px 10px 10px;
 padding: 0px;
 width: 340px;
 float: right;
 text-align:left;
}

#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px 0px 10px 0px;
 padding: 0px;
 width: 620px;
 display: inline;
 position: relative;
}
#footer { 
 clear: both;
 color: #333;
 width:982px;
 margin: 0px auto 20px auto;
 padding: 30px 10px 10px 10px;
 background:url(dots.gif) top center repeat-x;
 text-align:center;
}
#sponsors { 
 clear: both;
 color: #333;
 width:982px;
 margin: 0px auto 20px auto;
 padding: 30px 10px 10px 10px;
 background:url(dots.gif) top center repeat-x;
 text-align:center;
}
.clear { clear: both; background: none; }
img {border:0px;}

a.download:link {display:block; height:128px; width:315px; background:url(download.png) center -125px no-repeat;}
a.download:visited {display:block; height:128px; width:315px; background:url(download.png) center -125px no-repeat;}
a.download:hover {display:block; height:128px; width:315px; background:url(download.png) center 4px no-repeat;}
a.download:active {}
.statusline {font-weight:normal; margin: 10px 0 0 0; color:#000;}

#faux h3 {margin-top:20px;}
h1 {margin:18px 0 0 0;}

.characters {margin:0 60px 0 0;}
.toptext {margin:10px 0 0 0;}
.iconbar {margin:30px 0 0 0;}
.copyright {font-size:11px; font-family:Trebuchet MS;}

.blog h3 {font-family:Trebuchet MS; color:#333; margin: 0 0 15px 0; font-size:24px; padding:0px;}
.blog h2 {color:#fff; font-family:arial; font-weight:normal; margin: 0 0 15px 0;}
.blog p {color:#cccccc; margin:0 0 15px 0; width:540px; font-size:14px; line-height:22px;}
.blog .meta {color:#666; font-size:11px;}
.blog .meta a:link, a:visited {color:#8f8f8f;}
#sidebar h3 {font-family:Trebuchet MS; color:#333; margin:70px 0 15px 0; font-size:24px;}

#sidebar ul {color:#333; font-size:28px; margin:0px; padding:0 0 0 20px;}
#sidebar ul li {color:#333; padding:0px 0px 10px 10px; width:250px; line-height:15px;}
#sidebar ul li.on {color:#333;}
#sidebar ul li a:link {color:#3399ff; text-decoration:none; font-size:14px;}
#sidebar ul li a:visited {color:#3399ff; text-decoration:none; font-size:14px; vertical-align:middle;}
#sidebar ul li a:hover {text-decoration:underline;}
#sidebar ul li.on a:link {color:#666; text-decoration:none; font-size:14px;}
#sidebar ul li.on a:visited {color:#666; text-decoration:none; font-size:14px;}
#sidebar ul li.on a:hover {text-decoration:none;}
.adddis {margin:30px 0 20px 0;}

a:link {color:#6CD700;}
a:visited {color:#6CD700;}
a:hover {color:#6CD700;}
a:active {color:#6CD700;}

.twit {line-height:32px;}
a.twit:link {text-decoration:none; color:#fff;}
a.twit:visited {text-decoration:none; color:#fff;}
.twit img {vertical-align:middle; margin: 0 10px 0 0;}

/* New Section - Donations and stuff */

.bdolah {float:left; margin:7px 0 0 7px;}

.mfirst {margin-top:30px;}

.mbox .mbox_top {width:618px; padding:0 0 40px 0; margin:0px; max-height:20px; cursor:pointer;}
.mbox .mbox_top h5 {font-family:arial; color:white; border-bottom:1px solid #333; float:left; font-size:24px; margin:10px 0 0 10px; cursor:pointer;}
.mbox .mbox_top .subtitle {float:left; margin:5px 0 0 10px; font-size:14px; color:#666; cursor:pointer;}
.mbox .mbox_top p {clear:both; margin:0 80px; width: 500px; line-height:22px; display:none;}
.mbox .mbox_top ul {display:none;}
.mbox .mbox_bottom {width:618px; height:34px; margin:0px;}

.mbox .mbox_top a.closem:link {background:url(closem.png) 0px -26px no-repeat; height:28px; width:28px; display:block; float:right; margin:-25px 10px 0 0; outline:none;}
.mbox .mbox_top a.closem:visited {background:url(closem.png) 0px -26px no-repeat; height:28px; width:28px; display:block; float:right; margin:-25px 10px 0 0; outline:none;}
.mbox .mbox_top a.closem:link {display:none;}
.mbox .mbox_top a.closem:visited {display:none;}
.mbox:hover .mbox_top a.closem:link {display:block;}
.mbox:hover .mbox_top a.closem:visited {display:block;} /*-- Fix arrow	 location --*/

.mboxopen .mbox_top {width:618px; padding:0 0 40px 0; margin:0px; cursor:pointer; background:url(mbox_top.gif) top center no-repeat #171717; max-height:320px;}
.mboxopen .mbox_top h5 {font-family:arial; color:white; border-bottom:1px solid #333; float:left; font-size:24px; margin:10px 0 0 10px; color:#3399ff; cursor:pointer;}
.mboxopen .mbox_top .subtitle {float:left; margin:5px 0 0 10px; font-size:14px; color:#fff; cursor:pointer;}
.mboxopen .mbox_top p {clear:both; margin:0 80px; width: 500px; line-height:22px; display:block;}
.mboxopen .mbox_top ul {display:block; padding:0 0 0 40px;}
.mboxopen .mbox_bottom {width:618px; height:34px; margin:0px; background:url(mbox_bottom.gif) top center no-repeat #171717;}

.mboxopen a:link {text-decoration:none;}
.mboxopen a:visited {text-decoration:none;}
.mboxopen a:hover {text-decoration:underline;}

.mboxopen .mbox_top a.closem:link {background:url(closem.png) 0px 0px no-repeat; height:28px; width:28px; display:block; float:right; margin:-25px 10px 0 0; outline:none;}
.mboxopen .mbox_top a.closem:visited {background:url(closem.png) 0px 0px no-repeat; height:28px; width:28px; display:block; float:right; margin:-25px 10px 0 0; outline:none;}

.mbox:hover .mbox_top {background:url(mbox_top.gif) top center no-repeat #171717; cursor:pointer;}
.mbox:hover .mbox_bottom {background:url(mbox_bottom.gif) top center no-repeat #171717;}
.mbox:hover .mbox_top h5 {color:#3399ff; cursor:pointer;}
.mbox:hover .mbox_top .subtitle {color:#fff; cursor:pointer;}

#sponsors .sponsor {width:196px; float:left; text-align:center; font-size:10px; height:90px;}
#sponsors .spnlogo {display:block; text-align:center; height:50px;}
#sponsors .sponsor a:link {color:#666; vertical-align:middle; text-decoration:none;}
#sponsors .sponsor a:visited {color:#666; vertical-align:middle; text-decoration:none;}
#sponsors .sponsor a:hover {color:#ccc;}

.boom {padding:2px 0 2px 25px; background:url(arrow_down.gif) left center no-repeat; font-size:16px; font-weight:bold; letter-spacing:1px;}
.boom a:link {color:#66ff00; text-decoration:none;}
.boom a:visited {color:#66ff00; text-decoration:none;}
.boom a:hover {text-decoration:underline;}

.boome {color:#666}
.boome a:link {color:#666}
.boome a:visited {color:#666}

/* some last minute fixes */

a.stbutton:link {color:white; text-decoration:none;}
a.stbutton:visited {color:white; text-decoration:none;}
a.stbutton:hover {color:#66FF00;}
a.twit:hover {color:#66FF00;}

