/*COLORS
	purple: 752e89
	green: 67b412
	pink: da0550
	
*/

#wrapper {background: none}
#content, #menu .more, #footer div { background-color: #fff; }
#body {border-right: 1px solid #a5a4a4; border-left: 1px solid #a5a4a4}
#body {background-color: #fff;}
#backbone {background: #333; }

* {color: #494848}
a, a *, #content em {color: #67b412;text-decoration: none}
a:hover {color: #752e89}
h1, #content h1, h2 {color: #ff8a00; }
#content { border-color: #494848; }
hr {border: none; height: 1px; background-color: #ddd; }

/* BACKGROUND IMAGES, POSITIONING */
body, #footer div, #footer {background: #fff url(body.gif) no-repeat 0px -135px}
#header {background-color: transparent; background-image: url(body.gif)}
#header {background-position: 0px 0px; height: 200px; }
#footer {background-position: 0px -320px}

/*SIZING + POSITIONING */
#nav-bar, #header, #wrapper, #footer {width: 900px;}
#body {width: 898px}
#header {height: 42px}
#wrapper {position: absolute; left: 50px; top: 125px}
#content {padding: 30px}
#backbone {height: 60px}
#footer {background-position: 0px -41px; height: 80px}
#footer {margin-left: -1px}

/*FONTS*/
* {font-family: arial; font-size: 8pt; }
h1, h1 a {font-size: 20px; font-weight: normal; margin-bottom: 3px}
#content h1 {font-size: 26px;}
h2 {font-size: 7.5pt; text-transform: uppercase; }
em, b {font-size: 7.5pt; text-transform: uppercase; font-weight: bold}

/* Tag-licious specific */
.tagitem, #content h2 {width: 90%; text-align: justify; position: relative; left: 50%; margin-left: -45%; }
b {font-weight: bold; text-transform: uppercase; color: #752e89}
#content h2 {color: #752e89; text-transform: none; font-size: 19px!important; font-weight: normal!important; letter-spacing: -1px!important}
i {font-style:italic; color: #da0550!important}
em {font-style: normal; color: #67b412!important; }
.taglist {width: 80%; text-align: justify; margin-bottom: 20px}
.taglist LI UL {margin-left: 20px}
/* ul.rules li, ul.rules li * {font-size: 10pt; line-height: 12pt!important} */
div.tagideas a, div.tagideas a * {margin: 40px; display: block; height: 140px; width: 400px; background: url(tagideas.gif) 0px -140px}
div.joinnow a, div.joinnow a * {display: block; height:150px; width: 400px; background: url(sprite.gif);  margin: 40px}
div.joinnow a:hover {background-position: 0px -150px;}
div.tagmin a, div.tagmin a * {display: block; height:50px; width: 400px; background: url(sprite.gif) 0px -300px;  margin: 40px}
div.tagmin a:hover {background-position: 0px -466px;}
#tagSample {background-color: #eee; border: 1px solid #ccc; margin: 10px 0px; padding: 10px 15px}

/*Login Form*/
#loginForm {width: 350px; position: relative; left: 100%; margin-left: -380px; margin-top: 50px; margin-bottom: 20px; text-align: right}

#error {font-size: 20px; color: #752e89; margin-left: 20px;}


/*HEADER*/
#header h1 {font-size: 20px; text-transform: none; font-weight: normal; float: left; height: 40px; color: #494848; margin-left: 20px}


/*CONTENT*/
.large, .large * {font-size: 20px; color: #ccc;}
.purple {color: #752e89; }
.green {color: #67b412; }
.orange {color: #ff8a00; }

#content table{border: 1px solid #aaa; border-collapse: collapse; margin: 15px; float: left;}
table td {border: 1px solid #aaa; padding: 3px 5px; }
.thin {width: 80px;}
.notes {width: 380px;}
.tiny {width: 15px;}
.th {background-color: #ddd!important; text-transform: uppercase; font-weight: bold;}
.even {background-color: #feffab!important;}

.check, .reserve {margin: 0pt}
.center {text-align: center}
.right {text-align: right}

/*BACKBONE*/
#backbone, #across {padding: 0px}
#backbone a {color: #ccc}
#backbone h1 {height: 100%; float: left; margin: 0px; padding-top: 30px; margin-left: -85px; color: #fff;} 
#backbone a:hover {color: #fff}
#backbone ul {margin: 0pt; float: right; margin-top: 5px}
#backbone ul#ID {margin-top: 12px}
#backbone ul li, #across li {float: left; list-style-type: none; padding: 3px 15px; text-transform: uppercase; font-weight: bold; }

/*NAVBAR*/
#header ul {float: right; height:42px; margin: 0px; margin-right: 15px; width: 70%; list-style-type: none}
#header ul li {float: right; padding:15px 15px; line-height: 12px; text-transform: uppercase; font-weight: bold}
#header ul li:hover, #header ul a:hover{background: url(sprite.gif) 0px -350px; color:#fff!important}

/*KEY*/
#key {margin: 0px!important; height: 16px;}
#key li {list-style-type: none; float: left; padding: 3px 15px; line-height: 10px;}

/*BUTTONS*/
input[type="submit"], button, .scan {background: none; border: 1px solid #444; padding: 3px 5px; color: #fff;}
input[type="submit"], button, .scan {background: url(sprite.gif) 0px -405px}
input[type="submit"]:hover, button, a.scan:hover {background-position: 0px -437px; color: #fff }
input[type="submit"], button {font-size: 7pt; text-transform: uppercase;}
	
	/*corrections*/
	.corrections {height: 50px;}
	.corrections input[type="submit"] {height: 30px; width: 30px; position: relative; top: -15px!important;}
	.corrections input#disable {background-position: -2px -302px}
	
	/*membernote*/
	.membernote input[type="submit"] {height: 13px; padding: 0px; line-height: 11px; text-transform: none; background: none; color: #67b412; border:none; font-size: 8pt}
	form.membernote{float: left; padding: 0px;}
	p.membernote  {float: left; clear: both; margin: 0pt}
	
	/*admin check*/
	.check input[type="submit"], button.check {height: 15px; width: 15px; padding: 0px;}
	.check input.chosen {background-position: 0px -437px!important}
	.check input#disable {background-position: -2px -302px}
	.check input#disable.chosen, {background-position: 0px -350px!important}
	
.reserve input[type="submit"], button {height: 17px; width: 60px;line-height: 5px; padding: 0px 0px}
button.complete {background-position: 0px -350px}
button.checked {background-position: 0px -405px}
.scan {display:block; width: 70px;}
.large {margin: 0px}
.large input[type="submit"] {width: 200px; height: 25px;}

/*RULES*/
header1, header1 a {color: #752e89; font-size: 18px; letter-spacing: -1px;}
header1 a {color: #67b412}
header1 a:hover {color: #ff8a00}
li.no-bullet {list-style-type: none;}
ul#rules b{color: #67b412;}
ul#rules ul li, ul#rules li {margin-bottom:5px;}

ul#judge li a {font-size: 18px; letter-spacing: -1px; font-weight: normal}

/*SHOUTBOX*/
#shoutbox {width: 248px; border: 1px solid #ccc; position: absolute; top: 125px; left: 970px; padding: 0px; padding-bottom: 10px }
#shoutbox hr {margin: 5px 13px}
#shoutbox div.dbcontent {width: 215px; text-align: justify; overflow: hidden; margin: 0px 15px }
#shoutbox form.shoutbox {margin-left: 10px;}
#shoutbox h1 {background: #fff url('shoutbox.png') no-repeat; height: 30px; width: 240px; margin: 0px; margin-left: -1px; margin-top: -2px; margin-bottom: 10px; padding-left: 10px; padding-top: 13px; color: #494848}

/*NEWS*/
#newsArchive {margin: 0px 60px; text-align: justify}
#news {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: absolute; top: 15px; left: 590px; height: 78px; width: 542px; padding: 10px 43px }
#news h1#newsLeft, #news h1#newsRight {position: absolute; height: 101px; width: 44px; margin: 0px; margin-top: -12px; background: url('news.jpg') no-repeat; margin-left: -43px;}
#news h1#newsRight {left: 100%; margin-left: -43px; background-position: -42px 0px; }
#news div {float: left; height: 100%; width: 508px; margin-left: 10px; line-height: 11px; overflow: hidden;}
#news div p {margin: 0px 15px;}

/*LINKS*/
a.MThome {border-bottom: 3px solid #fff; border-left: 3px solid #fff; display:block; position: absolute; top:15px; left: 70px; height: 100px; width: 500px; background: #fff url('../meleeCCS.gif')}

/*ADMIN THREAD*/
.user {float: left;}
.user em {color: #da0550!important}
.admin {float: right; margin-bottom: 10px;}
.userChecked {background-color: #f5f5f5;}
.adminResponse {padding: 0px 5px; width: 26%}

.post {border-bottom:1px solid #ddd; padding: 5px;}
.user {margin-right: 10px; width: 70%}
.post p {margin: 3px 0px; margin-bottom: 20px}
.post p.clear {margin: 0px; height: 0px; clear: both}
.post form.clear {margin: 0px; clear: both; margin-bottom: 10px;}

.post .tagPts input[type="text"] {width: 40px; height: 17px; margin-bottom: 6px;}
.tagPts input.chosen {background-position: 0px -437px!important;}
form.tagCorrect {float: left; margin-bottom: 10px;}
.tagCorrect textarea {width: 175px; height: 50px;}

ul#pagination {list-style-type: none; margin-bottom: 45px; padding: 0px;}
#pagination li {margin: 0px 2px; float: right; background: url(sprite.gif) -2px -350px; height: 25px; width: 25px; text-align: center; color: #fff; line-height: 23px; font-size: 7.5pt; font-weight: bold; text-transform: uppercase}
#pagination a li {background: url(sprite.gif) 0px -403px!important; }
#pagination a li:hover {background: url(sprite.gif) 0px -437px!important; }

/*FOOTER*/
#footer {
	text-align: right; 
	padding-top: 10px;
	padding-right: 15px;
	width: 885px;}
	
#footer p {
	margin: 0px;
	}
	
	#footer em 
		{
		color: #ff8a00!important;
		}
	#footer i, #footer i a
		{
		text-transform: uppercase; 
		font-size: 7.5pt!important; 
		font-style: normal;
		font-weight: bold;
		}