/* @override 
	http://dev.sucksorrules.com/css/object.css
	http://www.sucksorrules.com/css/object.css
*/

div#content {
padding: 0;
}

div.container.top {
position: relative;
height: 445px;
padding: 10px;
z-index: 1;

}

/* @group object */

div.obj_detail {
position: absolute;
width: 590px;
z-index: 1;
}

div.obj_detail h2 {
color: #FFF;
padding: 0 0 0 20px;
white-space: nowrap;
overflow: hidden;
}

div.obj {
width: 320px;
height: 405px;
position: absolute;
top:  30px;
left: 20px;
background: #3E4A52 url(/images/ui_battle_obj_bg.gif) repeat-x;
color: #FFF;
padding: 5px;
z-index: 1;
}

div.obj img {
height: 320px;
width: 320px;	
}

div.obj p.blurb {
color: #FFF;
position: absolute;
top: 285px;
left: 5px;
padding: 5px;
background: #000;
opacity: .8;
height: 30px;
width: 310px;
overflow: hidden;
font-size: 11px;
}



div.obj a#edit_button {
position: absolute;
top:  268px;
left: 5px;
font-size: 11px;
background: #F2E78A;
color: #000;
text-decoration: none;
padding: 2px;
z-index: 3;
}

div.obj a#edit_button:hover {
background: #7A1B1B;
color: #FFF;	
}

/* @end */

/* @group toolbox */

/* @group main selectors */

#toolbox {
color: #FFF;
position: absolute;
top: 335px;
left: 0px;
width: 330px;
height: 35px;
z-index: 3;
}

#toolbox ul li {
list-style: none;
position: absolute;
}

#toolbox ul.user-tools {
position: absolute;
top: -30px;
left: 335px;
width: 180px;
}

#toolbox ul.user-tools li {
position: relative;
float:  left;
margin: 0 5px 0 0;
}

#toolbox ul.user-tools li a {
display: block;
color:  #FFF;
text-decoration: none;
padding: 2px 5px 2px 22px;
color: #FFF;
}

#toolbox ul.user-tools li a:hover {
color: #15191C;
}

/* @end */

/* @group share */

#toolbox ul li#share-content {
background: #15191C url(/images/ui_toolbox_share.gif) no-repeat 2px 2px;
}

#toolbox ul li#share-content a:hover {
background: #F2E78A url(/images/ui_toolbox_share.gif) no-repeat 2px 2px;
}

#toolbox ul li#share-content ul {
position: absolute;
top: auto;
left:  -999em;
background: #15191C;
width: 140px;
border: dotted 1px #333;
border-width: 0 1px 1px 1px;
}

#toolbox ul li#share-content:hover ul,
#toolbox ul li#share-content.hover ul {
left:  auto;	
}

#toolbox ul li#share-content ul li {
display: block;
width: 100%;
border-top: dotted 1px #333;
background-repeat: no-repeat;
background-position: 4px 4px;
}

#toolbox ul li#share-content ul li a {
color: #FFF;
padding: 5px 2px 5px 25px;
}

#toolbox ul li#share-content ul li a:hover {
background-repeat: no-repeat;
background-position: 4px 4px;
color: #15191C;
}

#toolbox ul li#share-content ul li.rss,
#toolbox ul li#share-content ul li.rss a:hover {
background-image: url(/images/ui_rss_16x16.gif);
}

#toolbox ul li#share-content ul li.digg,
#toolbox ul li#share-content ul li.digg a:hover {
background-image: url(/images/ui_digg.gif);
}

#toolbox ul li#share-content ul li.facebook,
#toolbox ul li#share-content ul li.facebook a:hover {
background-image: url(/images/ui_facebook.gif);
}

#toolbox ul li#share-content ul li.delicious,
#toolbox ul li#share-content ul li.delicious a:hover {
background-image: url(/images/ui_delicious.gif);
}

#toolbox ul li#share-content ul li.stumble,
#toolbox ul li#share-content ul li.stumble a:hover {
background-image: url(/images/ui_stumble.gif);
}

#toolbox ul li#share-content ul li.sor-widget,
#toolbox ul li#share-content ul li.sor-widget a:hover {
background-image: url(/images/ui_soricon.gif);
}

/* @end */

/* @group edit */

#toolbox ul li.edit {
background: #15191C url(/images/ui_toolbox_edit.gif) no-repeat 2px 2px;
}

#toolbox ul li.edit a:hover {
background: #F2E78A url(/images/ui_toolbox_edit.gif) no-repeat 2px 2px;
}

#toolbox ul li.add {
background: #15191C url(/images/ui_toolbox_fave.gif) no-repeat 2px 2px;
}

#toolbox ul li.add a:hover {
background: #F2E78A url(/images/ui_toolbox_fave.gif) no-repeat 2px 2px;
}

/* @end */


/* @group report */

#toolbox ul li#report-content {
position: absolute;
left:  335px;
top:  -55px;
background: #15191C url(/images/ui_toolbox_report.gif) no-repeat 2px 2px;
}

#toolbox ul li#report-content a {
color: #FFF;
display: block;
text-decoration: none;
padding:  2px 5px 2px 22px;
}

#toolbox ul li#report-content ul {
position: absolute;
left:  -999em;
background: #15191C;
width: 140px;
border: dotted 1px #333;
border-width: 1px 1px 0px 1px;
}

#toolbox ul li#report-content ul li {
position:  relative;	
border-bottom: dotted 1px #333;
}

#toolbox ul li#report-content ul li a {
padding: 5px;
}

#toolbox ul li#report-content ul li a:hover {
background: #F2E78A;
color: #15191C;
}

#toolbox ul li#report-content ul li a.admin-delete {
background: red;	
}

#toolbox ul li#report-content ul li a.admin-delete:hover {
background: #F2E78A;
color: #15191C;
}

#toolbox ul li#report-content:hover ul,
#toolbox ul li#report-content.hover ul {
left: auto;
}



/* @end */

/* @group create */

#toolbox ul li#create_content {
text-align: center;
background: url(/images/ui_create_bg.gif) no-repeat bottom center;
width:  60px;
height: 40px;
right:  -240px;
top: -50px;
font-weight: bold;
text-transform: uppercase;
}

#toolbox ul li#create_content a {
color: #FFF;
text-decoration: none;
display: block;
margin:  0;
width: 100%;
height: 100%;	
}

#toolbox ul li#create_content a:hover {
color: #F2E78A;	
}

#toolbox ul li#create_content ul {
background: #15191C;
position: absolute;
width: 180px;
text-transform: none;
text-align: left;
font-weight: normal;
border: dotted 1px #333;
border-width: 1px 1px 0 1px;
}

#toolbox ul li#create_content ul li {
position: relative;
border-bottom: dotted 1px #333;
}

#toolbox ul li#create_content ul li a {
display: block;
padding: 5px;
width: auto;
}

#toolbox ul li#create_content li a:hover {
background: #F2E78A;
color: #15191C;
}

/* @end */

/* @group vote */

#toolbox ul li.vote_button {
/*background: url(/images/ui_battle_vote_bg.gif);*/
top: 0px;
width: 36px;
height: 36px;
}

#toolbox ul li.vote_button span {
display: none;	
}

#toolbox ul li.vote_button a  {
width: 36px;
height: 36px;
display: block;
}

/*#toolbox ul li.vote_button.voted,
#toolbox ul li.vote_button a:hover  {
background: url(/images/ui_battle_vote_bg_voted.gif);
}

#toolbox ul li.vote_button.novote {
background: url(/images/ui_battle_vote_bg_novote.gif);
}*/

#toolbox ul li#sucks_vote {
left: 7px;
background: url(/images/ui_battle_vote_sucks_n_bg.gif);
}

#toolbox ul li#sucks_vote a:hover,
#toolbox ul li#sucks_vote.voted  {
background: url(/images/ui_battle_vote_bg_novote.gif);
}

#toolbox ul li#rules_vote {
right: 7px;
background: url(/images/ui_battle_vote_rules_bg.gif);
}

#toolbox ul li#rules_vote a:hover,
#toolbox ul li#rules_vote.voted {
right: 7px;
background: url(/images/ui_battle_vote_rules_o_bg.gif);
}

/* @end */

/* @group next */

#toolbox ul li#next_object {
text-align: left;
font-weight: bold;
text-transform: uppercase;
background: url(/images/ui_battle_next.gif) no-repeat bottom center;
top:  -2px;
left: 141px;
width: 47px;
height: 38px;
}

#toolbox ul li#next_object a {
color: #FFF;
text-decoration: none;	
width: 100%;
height: 100%;
display: block;
margin: 0;
}

#toolbox ul li#next_object a:hover {
color: #F2E78A;
}

#toolbox ul li#next_tool  {
background: url(/images/ui_nexttool_obj.gif) no-repeat;
position: absolute;
top:  -2px;
left:  175px;
width: 14px;
height: 14px;
}

#toolbox ul li#next_tool.custom  {
background: url(/images/ui_nexttool_obj_custom.gif) no-repeat;
}

#toolbox ul li#next_tool  a {
color: #FFF;
display: block;
width: 14px;
height: 14px;	
}

#toolbox ul li#next_tool  a span {
display: none;	
}

/* @end */
/* @end */

/* @group vote meter */

#vote_meter {
background: url(/images/ui_object_meter_bg.gif) no-repeat;
width: 306px;
height: 25px;
padding: 6px 7px;
position: absolute;
left: 5px;
bottom:  0;
}

#vote_meter div.vote_container {
width: 306px;
position: relative;
height: 22px;
}

#vote_meter div.vote_container p.no_votes {
text-align: center;
color: #FFF;	
}

#vote_meter span {
position: absolute;
text-align: center;
height: 18px;
color: #FFF;
top: 0;
}

#vote_meter span.obj1 {
background: url(/images/ui_votemeter_lose.gif) repeat-x;
left: 0;
padding: 2px 0;
}

#vote_meter span.obj2 {
background: url(/images/ui_votemeter_win.gif) repeat-x;
right: 0;
padding: 2px 0;
}
/* ie6 cond for opacity*/
#vote_meter div.marker {
position: absolute;
z-index: 4;
display: block;
background: #FFF;
width: 10px;
height: 22px;
opacity: .4;
}

#vote_meter div.marker span {
display: none;
}

/* @end */

/* @group data box */

div.total_votes {
position: absolute;
bottom: 0;
left:  330px;
width: 240px;
height: 80px;
background: #15191C;
z-index: 2;
}

div.total_votes p {
margin: 10px 0 0 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}

div.total_votes p#total_votes {
margin: 0;
} 

ul#data {
position: absolute;
left: 330px;
top: 0px;
width: 240px;
height: 415px;
color: #FFF;
z-index: 1;
background-color: #3E4A52;
}

ul#data li {
list-style: none;
margin: 0 0 5px;
padding: 0 10px;
}

ul#data li strong {
color: #F2E78A;
}

ul#data li a {
color: #FFF;	
}

ul#data li a:hover {
color: #F2E78A;
}

ul#data li.creator {
margin: 10px;
padding: 10px;
background: #636B76 url(/images/ui_object_creator_bg.gif) repeat-x;
width: 196px;
border: solid 2px #A1A7AA;
}

ul#data li.creator div.creator {
width: 80px;
text-align: center;
}

ul#data li.creator div.creator h4 {
margin: 0;
padding: 0;
}

ul#data li.creator div.creator img {
width: 80px;
height: 80px;
margin: 5px 0px;
border: solid 2px #A1A7AA;
}

ul#data li.creator dl {
position: absolute;
top:  42px;
right:  12px;
margin: 0;
width: 125px;
text-align: center;
text-shadow: #000000 0 0 0;
}

ul#data li.creator dt {
font-size: 11px;
margin: 0 0 5px;
}

ul#data li.creator dd {
margin: 0;	
}

ul#data li ul.tag_list {
display: inline;
}

ul#data li ul.tag_list li {
display: inline;
padding: 0;
}

/* @end */

/* @group vote meter */

div.vote_meter {
background: url(/images/ui_object_meter_bg.gif) no-repeat;
width: 255px;
height: 25px;
padding: 6px 7px;
position: absolute;
left: 5px;
bottom:  0;
}

div.vote_meter div.vote_container {
width: 255px;
position: relative;
height: 22px;
}

div.vote_meter div.vote_container p.no_votes {
text-align: center;
color: #FFF;	
font-size: 11px;
padding: 2px 0 0 0;
}

div.vote_meter span {
position: absolute;
text-align: center;
height: 18px;
color: #FFF;
top: 0;
}

div.vote_meter span.obj1 {
background: url(/images/ui_votemeter_lose.gif) repeat-x;
left: 0;
padding: 2px 0;
}

div.vote_meter span.obj2 {
background: url(/images/ui_votemeter_win.gif) repeat-x;
right: 0;
padding: 2px 0;
}
/* ie6 cond for opacity*/
div.vote_meter div.marker {
position: absolute;
z-index: 4;
display: block;
background: #FFF;
width: 10px;
height: 22px;
opacity: .4;
}

div.vote_meter div.marker span {
display: none;
}

/* @end */

/* @group right */

div#right {
position: absolute;
right:  10px;
width: 300px;
}

div#ad {
width: 300px;
margin: 0 0 10px 0;
}

div.tag_cloud {
background: #CAD9DD url(/images/ui_home_toptagcloud_bg.gif) repeat-x;
border:2px solid #FFFFFF;
height: 180px;
overflow: hidden;
}

div.tag_cloud p {
padding:3px;
}

div.tag_cloud p a {
color:#000000;
text-decoration:none;
}

div.tag_cloud p a:hover {
text-decoration:underline;
}
div.tag_cloud p .maxTag{
font-size:18px;
font-weight:900;
}
div.tag_cloud p .minTag{
font-size:9px;
font-weight:100;
}
div.tag_cloud p .bigTag{
font-size:15px;
font-weight:500;
}
div.tag_cloud p .medTag{
font-size: 13px;
font-weight:400;
}
div.tag_cloud p .smTag{
font-size:11px;
font-weight:200;
}

/* @end */

/* @group battles subindex */

div.tabcontent {
padding: 0 10px 0 30px;
margin: 0 0 10px 0;
height: 232px;
position: relative;
color: #000;
}

.tabcontent dt,
.tabcontent dd {
position: absolute;
top: 0;
left: 0;
}

.tabcontent dl {
float: left;
width: 580px;
height:  230px;
position: relative;
margin: 0;
}

.tabcontent dt {
width: 150px;
padding: 7px 0 0 0;
height: 23px;
text-align: center;
font-weight: bold;
color: #8C9096;
background: #28343B;
cursor: pointer;
}

.tabcontent dt.on {
background: #656B72;
color: #FFF;	
}

.tabcontent dt.recent_battles {
left: 0;	
}

.tabcontent dt.recent_things,
.tabcontent dt.second {
left: 160px;	
}

.tabcontent dt.rule, 
.tabcontent dt.third {
left: 320px;
}

.tabcontent dt.comments,
.tabcontent dt.fourth {
left: 480px;	
}

.tabcontent dd {
top:  30px;
margin:  0;
width: 570px;
height: 182px;
padding: 10px 0 10px 10px;
background: #656B72;
}

.tabcontent dd.on {
display: block;	
}

.tabcontent dd p a.join {
background: #F2E78A;
color: #000;
text-decoration: none;
padding: 2px 5px;
}

.tabcontent dd p a.join:hover {
background: #000;
color: #F2E78A;
}

.tabcontent dd span.loading {
display: block;
background: #FFF url(/images/ui_loading.gif) no-repeat center 25px;
width: 80px;
height:  35px;
padding:  5px;
text-align: center;
margin: 62px auto;
}

.tabcontent dd div.group {
width: 610px;
float: left;
margin: 0 10px 10px 0;
}

.tabcontent dd div.group.list {
width: 560px;
height:  185px;	
margin:  0;
overflow: hidden;
}

.tabcontent dd ul#text_list {
background: #151A1C;
float: left;
width: 215px;
height:  460px;
padding: 10px 10px 10px 25px;
overflow: hidden;
}

.tabcontent dd ul#text_list li {
color: #FFF;
list-style-type: square;	
margin:  0 0 5px 0;
}

.tabcontent dd ul#text_list li a {
color: #FFF;	
}

.tabcontent dd ul#text_list li a:hover {
color: #F2E78A;
}

.tabcontent dd div.battle_list {
width: 276px;
float:  left;
margin: 0 10px 10px 0;
border-color: #151A1C;
}

.tabcontent dd div.battle_list h4,
.tabcontent dd div.battle_list p {
width: 276px;
}

.tabcontent dd div.battle_list.right {
margin-right: 0;
}

.tabcontent dd div.battle_list div.object.obj2 {
left: 170px;
}

.tabcontent dd div.battle_list div.vs {

}


.tabcontent dd div.obj_list {
background: #000 url(/images/ui_battle_list_bg.gif) no-repeat;
border-color: #151A1C;
color: #FFF;
width: 276px;
height: 210px;
}

.tabcontent ul.vert_list {
height: 185px;
width: 560px;
color: #FFF;
}

.tabcontent ul.vert_list li {
position: relative;
height: 48px;
width: 550px;
overflow: hidden;
background-image: url(/images/ui_object_vertlist_bg.gif);
background-repeat: no-repeat;
margin: 0 0 5px 0;
display: block;
padding: 5px;
}

.tabcontent ul.vert_list li p.title a {
font-weight: bold;
color:  #FFF;
text-decoration: none;
font-size: 14px;
display: block;
width: 275px;
white-space: nowrap;
overflow: hidden;
margin:  5px 5px -2px 5px;	
}

.tabcontent ul.vert_list li p.title a:hover {
color: #F2E78A;
text-decoration: underline;
}

.tabcontent ul.vert_list li p.desc {
width: 275px;
white-space: nowrap;
overflow: hidden;
margin:  0px 5px 0px 5px;	
font-size: 11px;
}

.tabcontent ul.vert_list li ul {
height:  auto;
width: 266px;
overflow: hidden;
background: none;
background-image: none;
position: absolute;
right:  5px;
top: 36px;
font-size: 11px;
}

.tabcontent ul.vert_list li ul li {
height: auto;
width: auto;
float: left;
background-image: none;
}

.tabcontent ul.vert_list li ul li strong {
display: inline;
font-size: 11px;
color: #F2E78A;
}

.tabcontent ul.vert_list li ul li a {
color: #FFF;
}

.tabcontent ul.vert_list li ul li a:hover {
color: #F2E78A;	
}


.tabcontent ul.vert_list li div.vote_meter {
left:  auto;
right:  2px;
top:  2px;	
background: none;
}

.tabcontent ul.vert_list li div.vote_meter p.no_votes {
font-size: 11px;
padding: 3px 0;
background: #15191C;
}

div.battle_list.main a.no_battles {
color: #15191C;
background: #F2E78A;
display: block;
text-align: center;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin: -10px;
border: solid 2px F2E78A;
}

div.battle_list.main a.no_battles:hover {
background: #15191C;
color: #F2E78A;
}

div.battle_list.main span.na {
font-size: 100px;
display: block;
text-align: center;
margin:  30px 0 0 0;
}

div.battle_list {
margin: 0 0 10px 0;
position: relative;
height: 210px;
width: 566px;
padding: 10px;
background: #000 url(/images/ui_battle_list_bg.gif) no-repeat;
color: #FFF;
border: solid 2px #686D70;
}

div.battle_list.main {
width: 266px;
float: left;
margin: 0 10px 0 0;
}

div.battle_list h4 {
margin: 0 0 16px 0;
}

div.battle_index div.battle_list h4 {
width: auto;	
}

div.battle_list h4,
div.battle_list p.desc {
white-space: nowrap;
overflow: hidden;
width:  266px;
}

div.tags div.battle_list h4,
div.tags div.battle_list p.desc {
width:  266px;
}

div.battle_list h4 a {
color: #FFF;
text-decoration: none;
font-size: 16px;	
}

div.battle_list h4 a:hover {
color:  #F2E78A;
text-decoration: underline;
}

div.battle_list div.object {
position: absolute;
top:  70px;
left: 10px;	
}

div.battle_list div.object a {
border: solid 1px #FFF;
display: block;	
}

div.battle_list div.object a:hover {
border-color: #F2E78A;	
}

div.battle_list div.object.obj2 {
left:  175px;	
}

div.battle_list div.vs {
position: absolute;
top:  110px;
left: 113px;
width: 62px;
font-size: 20px;
font-weight: bold;
text-align: center;	
}

div.battle_list.main div.vote_meter p.no_votes {
font-size: 11px;
padding: 3px 0 0 0;	
}

div.battle_list ul {
position: absolute;
top: 70px;
left:  300px;
}

div.battle_list ul li {
list-style: none;
margin:  0 0 5px 0;
}

div.battle_list ul ul {
position: static;	
display: inline;
}

div.battle_list ul ul li {
display: inline;
}

div.battle_list ul ul li a {
padding: 0 5px 0 0;
}

div.battle_list ul li strong {
color: #F2E78A;	
}

div.battle_list ul li a {
color: #FFF;	
}

div.battle_list ul li a:hover {
color: #F2E78A;
}

/* @end */

div.container.bottom {
background: #15191C;
color: #FFF;
width: 900px;
padding: 10px;
margin: 0 0 10px 0;
}