body {
	background:/*#1f1f1f /*#c8c6c3 url(/graphics/bg_black.gif)*/;
	background:#1f1f1f url(/graphics/sites1.gif) top left repeat-x;
	margin:0;
	padding:0;
	font-family:arial,'trebuchet ms',helvetica,sans-serif;
	font-size:12px;
	text-align:center;
	line-height:1.45;
	color:#000;
	}

#wrap1 {
	background:transparent url(/graphics/mesh.png) top left repeat-x;
	/*background:transparent url(/graphics/sites1.gif) top left repeat-x;*/
	}

#wrap2 {
	max-width:910px;
	min-width:756px;
	padding:0 1px;
	margin:0 auto;
	}
#wrap3 {
	background-color:#000;
	}

#wrap4 {
	text-align:left;
	}

#topnavbar {
	margin:0;
	background: #000;
	padding:0 15px 0 4px;
	font-size:10px;
	line-height:23px;
	color:#888;
	font-family:'trebuchet ms',arial,sans-serif;
	}

#topnavbar .red {
	color:#c00;
	}
	
#topnavbar .blue {
	color:#0000FF;
	}
	
#topnavbar .righttxt {
	text-align: right;
	}

#topnavbar a:link, #topnavbar a:visited {
	color:#888;
	text-decoration:none;
	}

#topnavbar strong {
	color:#fff;
	}

#topnavbar #thissite, #topnavbar a:hover {
	background:transparent url(/graphics/thissite.gif) center bottom no-repeat;
	color:#fff;
	padding-bottom:2px;
	}
	
#top {
	background:#000 url(/graphics/header_image.gif) top center no-repeat;
	font-size:11px;
	height:96px;
	overflow:hidden;
	}
	
#top a:link, #top a:visited, #top a:active {
	color:#fe0;
	}

#top a:hover {
	text-decoration:none;
	}

#logo {
	float:left;
	margin:13px 0;
	}

#menu {
	clear:both;
	margin:76px 0 0 14px;
	padding:0;
	list-style:none;
	}

#menu li {
	display:block;
	float:left;
	/*width:70px;*/
	background:#455f7c url(/graphics/menu6.gif) left top repeat-x;
	margin:0 2px 6px 0;
	text-decoration: none;
	font-weight: bold;
	/*line-height:1.2;*/
	white-space:nowrap;
	}

#menu #rankings, #menu #challenges, #menu #latest, #menu #ruleset, #menu #signin, #menu #forums {
	width:86px;
	text-align: center;
	}

#menu a:link, #menu a:visited, #menu a:active {	
	display:block;
	background:transparent url(/graphics/menu4.gif) top left no-repeat;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}
	
#menu a span {
	padding:4px 0 3px 0;
	background:transparent url(/graphics/menu5.gif) top right no-repeat;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:0;
	}

#menu li.red {
	background-position:100% -28px;
	background-color:#c20000;
	}

#menu li.red a:link, #menu li.red a:visited, #menu li.red a:active {
	background-position:0 -28px;
	}

#menu li.red span {
	background-position:100% -28px;
	}

#menu li.yellow a:link, #menu li.yellow a:visited, #menu li.yellow a:active {
	background-position:0 -56px;
	}

#menu li.yellow span, #menu li.yellow {
	background-position:100% -56px;
	}


#content, #footer {
	clear:both;
	position:relative;
	background:#FFF;
	min-width:600px;
	max-width:890px;
	text-align:left;
	margin:0 auto;
	}

#content {
	padding:10px;
	}

#mainwrap {
	width:100%;
	margin-right:-277px;
	padding-bottom:20px;
	float:left;
	}

#main {
	min-height:400px;
	margin-right:277px;
	}

#sidewrap {
	width:265px;
	position:relative;
	float:right;
	font-size:11px;
	}

#side {
	overflow:hidden;
	width:100%;
	}

#content li {
	margin:0;
	list-style-position:inside;
	}
	
.rounded {
	clear:both;
	position:relative;
	margin:12px 0;
	border:1px solid #d1d1d1;
	padding:10px;
	}

.rounded:before {
	display:block;
	height:9px;
	background: transparent url(/graphics/c2.png) top right no-repeat;
	content: url(/graphics/c1.png);
	line-height:1px;
	font-size:1px;
	margin:-11px -11px 0 -11px;
	}

.rounded:after {
	display:block;
	height:9px;
	background: transparent url(/graphics/c4.png) bottom right no-repeat;
	content: url(/graphics/c3.png);
	line-height:1px;
	font-size:1px;
	margin:1px -11px -11px -11px;
	}

.sidebox {
	position:relative;
	background:#f6f6f6 url(/graphics/sidebox2.gif);
	margin-bottom:12px;
	width:100%;
	}

.sidebox h2 {
	background:#5e7d9f url(/graphics/sidebox1.gif);
	color:#fff;
	margin:0;
	padding:3px 8px 2px 8px;
	font-size:12px;
	border-bottom:1px solid #28598b;
	}

.sidebox .pad {
	padding:5px 8px;
	background:transparent url(/graphics/sidebox3.gif) bottom left no-repeat;
	}

.sidebox p {
	margin:0 0 5px 0;
	}


.subpage #mainwrap {
	margin-right:-300px;
	}

.subpage #main {
	min-height:400px;
	margin-right:200px;
	}

.subpage #sidewrap {
	width:190px;
	}

.subpage .sidebox h2 {
	background-position:-10px 0px;
	}

.subpage .sidebox, .subpage .sidebox .pad {
	background:#f6f6f6;
	}

.icon14 {
	margin:0 5px -3px 5px;
	}

a:link, a:active {
	color:#1757b1;
	text-decoration:underline;
	}

a:visited {
	color:#0049aa;
	text-decoration:underline;
	}

#content a:hover {
	text-decoration:none;
	color:#29f;
	}

#side img.block {
	margin-bottom:1px;
	}

#side li a:link, #side li a:visited, #side li a:active {
	color:#000;
	}

#side li {
	font-size:11px;
	list-style-type:square;
	}

.col1, .col2 {
	margin:12px 0;
	width:49%
	}

.col1 {
	float:left;
	}

.col2 {
	float:right;
	}

a.username {
	color:#111 !important;
	}

.tags {
	margin:-15px 0 15px 0 !important;
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	}

.showtag {
	margin-bottom:2px;
	}

.showtag span {
	color:#080;
	}

.tags a, a.tag {
	color:#080 !important;
	text-decoration:underline;
	}

.tags a:hover, a.tag:hover {
	color:#0c0 !important;
	text-decoration:underline !important;
	}

.related {
	margin:0 0 10px 0;
	font-size:11px;
	}

#content a.del:link, #content a.del:visited, #content a.del:active  {
	color:#a00;
	}

.center {
	display:block;
	text-align:center;
	}


img {
	max-width:100%;
	}

.hide, .mobile {
	display:none;
	}

.rtl {
	display:block;
	text-align:right !important;
	}

table, .w100 {
	width:100%;
	}

p {
	margin:10px 0;
	}

td, th {
	text-align:left;
	vertical-align:top;
	}

pre, td, th, input, select {
	font-size:11px;
	}

pre {
		display: block;        
    padding:10px 6px;
    margin:0 0 10px 0;
    border: 1px dashed #aaa;
    background:#f9f9f9;
    overflow: auto;
		}

textarea {
	width:100%;
	}

strong, b, em {
	font-weight:bold;
	}

blockquote {
	margin:10px 0 0 0;
	padding:0;
	}

em {
	font-style:normal;
	}

form, blockquote p {
	margin:0;
	padding:0;
	}

blockquote.bbquote, .post blockquote {
	background:#fff url(/graphics/q2.gif) 5px 5px no-repeat;
	padding:5px 5px 5px 33px;
	margin:10px 5px;
	color:#555;
	/*font-style:italic;*/
	}


.subtitle {
	margin:-5px 0 10px 0;
	}

h1 {
	font-size:21px;
	font-family:'trebuchet ms',arial,helvetica,sans-serif;
	margin:0 0 10px 0;
	padding-top:5px;
	}

h2 {
	font-size:15px;
	margin:12px 0 7px 0;
	}

h3 {
	font-size:13px;
	margin:12px 0 7px 0;
	}

h4, h5, h6 {
	font-size:12px;
	margin:10px 0 5px 0;
	}

img, abbr, acronym {
	border:none;
	}


ol, ul, li {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	}
.indent20 {
	margin-left: 20px;
	}

#content ul.nobullets li {
	list-style-position:outside;
	list-style:none;
	}

#content ol.alpha li {
	list-style-type: lower-alpha;
	}

.nomarg {
	margin:0 !important;
	}

.clear {
	clear:both;
	}

div.clear {
	height:1px;
	line-height:1px;
	overflow:hidden;
	}

.clearfix:after {
	display: block;
	content: ".";
	visibility: hidden;
	height: 1px;
	clear: both;
}

.red {
	color:#e11;
	}
	
.black {
	color:#000;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

.b {
	font-weight:bold;
	}

img.left {
	margin-right:10px;
	}

img.right {
	margin-left:15px;
	}

.small {
	font-size:10px;
	}

.big {
	font-size:15px;
	}

.arrow-prev {
	margin:0 4px -1px 0;
	}

.arrow-next {
	margin:0 0 -1px 4px;
	}

#footer, #copyright {
	clear:both;
	margin:10px 0 0 0;
	border:1px solid #e0e0de;
	background:#000; /*#f6f6f6;*/
	padding:5px 0;
	font-size:11px;
	color:#fff; /*#333;*/
	}
	
#serverhost {
	clear:both;
	background: transparent;
	padding-left:2px;
	padding-top:2px;
	border:1px solid #000;
	width: 402px;
	height: 64px;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
	}

#Submit_Button {
	margin-top: 7px;
	margin-left:auto;
	margin-right:auto;
}
	

#footer:before, #copyright:before {
	display:block;
	height:9px;
	background: transparent url(/graphics/c2.png) top right no-repeat;
	content: url(/graphics/c1.png);
	line-height:1px;
	font-size:1px;
	margin:-6px -1px 0 -1px;
	}

#footer:after, #copyright:after {
	display:block;
	height:9px;
	background: transparent url(/graphics/c4.png) bottom right no-repeat;
	content: url(/graphics/c3.png);
	line-height:1px;
	font-size:1px;
	margin:1px -1px -6px -1px;
	}

#footer p, #copyright p {
	margin:0 10px;
	}

#footer img {
	margin:0 0 -4px 2px;
	}

#footer a, #copyright a {
	color:#fff; /*#333*/ !important;
	}


#intro {
	margin-top:-1px;
	}

#fullwidth {
	margin-top:-1px;
	}

/* :: A-Z listing :: */

#letters a:link, #letters a:visited, #letters a:active, .az {
	text-decoration:none;
	padding:1px 3px;
	background:#9babc3;
	color:#fff;
	}

#letters a:hover, #letters span {
	background:#45618a;
	}

#letters {
	padding:0 8px;
	margin:-2px 0 6px 0;
	color:#fff;
	}


/* :: MAIN SECTIONS :: */


.list1, .list2 {
	clear:both;
	border:1px solid #ddd;
	padding:7px;
	font-size:11px;
	color:#555;
	margin:3px 0 7px 0;
	background:#fbfbfb;
	overflow:hidden;
	}

.list2 {
	background:#fff;
	}

.list h2 {
	font-size:14px;
	margin:0 0 2px 0;
	}

div.avatar, .comments .c-avatar {
	width:52px;
	height:52px;
	border:1px solid #000;
	float:left;
	margin-right:8px;
	background:#fff;
	}

.c-avatar img, .avatar img {
	display:block;
	margin:1px;
	}

img.avatar {
	max-width:50px;
	max-height:50px;
	}

.buttons-float {
	float:right;
	margin:0;
	}

.warning {
	color:#f00;
	}

dt {
	font-weight:bold;
	}

dd {
	margin-left:1.5em;
	margin-bottom:1em;
	}
	
#rankings {
	padding: 0;
	margin: 0;
}

/* :: GENERIC TABLE SECTIONS :: */

caption {
	padding: 0 0 5px 0;	 
	font: italic 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-right: 1px solid #cce251;
	border-bottom: 1px solid #cce251;
	border-top: 1px solid #cce251;
	text-align: left;
	padding: 2px 2px 2px 2px;
}

th.center_text, th.rk_hding {
	text-align: center;
	background: none;
	border-top: 0;
}

th.ladder_position {
	border-left: 1px solid #cce251;
	text-align: center;
	border-top: 0;
	background: url(/graphics/bullet1.gif) no-repeat;
}

th.clear_heading {
	text-transform: uppercase;	
	text-align: center;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;
}

th.points_heading {
	text-align: center;
	border-top: 0;
	border-left: 0;
	background: none;
}

th.nobg {
	border-top: 0;
	background: none;
}

td {
	border-right: 1px solid #cce251;
	border-bottom: 1px solid #cce251;
	background: none;
	padding: 2px 2px 2px 2px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}