/*--------------------------------------------------------------------
Pringo Networks Empower
Shell Style Sheet (page shell)

version:	1.0
theme:		Default
author:		The Pringo Creative Team
email:		ryan@pringo.com
website:	http://www.pringo.com/
--------------------------------------------------------------------*/

#page { width: 974px;  margin: 0 auto; margin-top: 0px; padding: 0; background: #FFF; }

#header { width: 954px; margin: 0 auto; background:; }
#header #logo { height: 126px; float:left;  }
#header #logo span { display: ; }
#header #logo a { display: block; width: 160px; height: 90px; background: url(); text-transform: capitalize;  }

#header ul#main-nav { padding: 9px 0; background: #98cb00; text-align: center; }
#header ul#main-nav li { display: inline; font-size: 80%; color: #FFF; border-right: 1px solid #FFF; padding: 0 9px 0 6px; /padding: 0 4px 0 8px; }
#header ul#main-nav li.last { border-right: 0; }
#header ul#main-nav li a { color: #FFF; font-weight: bold; text-transform: capitalize; }

#header ul#main-nav-list { width: 160px; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font-size: 90%; background: #90bade; color: #333; } 
* html #main-nav-list{ /*IE 6 only */ w\idth: 127px; /*Box model bug: 160px minus all left and right paddings for #main-nav-list */ }
#main-nav-list { margin-left:-5px; }
#main-nav-list li { border-bottom: 1px solid #80ab00; margin: 0; }
#main-nav-list li a { display: block; padding: 5px 5px 5px 8px; border-left: 10px solid #80ab00; border-right: 10px solid #a5dc00; background: #98cb00; color: #fff; text-decoration: none; width: 100%; }
html>body #main-nav-list li a{ /*Non IE6 width*/ width: auto; }
#main-nav-list li a:hover { border-left: 10px solid #a5dc00; border-right: 10px solid #98cb00; background-color: #9ed300; color: #fff; }

#header ul#control-nav, #header div#control-nav { padding: 5px 0; margin: 0 auto; background: #f4f4f4; text-align: center;  }
#header ul#control-nav { display: block; margin: 0 auto; }
#header ul#control-nav li { display: inline; font-size: 85%; border-right: 1px solid #145a5a; padding: 0 4px 0 4px; /padding: 0 1px 0 3px; }
#header ul#control-nav li.last { border-right: 0; }

#footer { clear: both; background: url(); padding: 10px 0; margin: 0px 0 0 0; text-align: center; }
#footer ul#footer-nav { display: block; width: 820px; margin: 0 auto; }
#footer ul#footer-nav li { display: inline; font-size: 85%; border-right: 1px solid #FFF; padding: 0 5px 0 5px; /padding: 0 4px 0 8px; }
#footer ul#footer-nav li a { color: #000; text-transform: capitalize; }
#footer ul#footer-nav li.last { border-right: 0; }

.column-full { width: 929px; float: left; padding: 0 15px; } /* + skyscraper ad */
.column-large { width: 744px; float: left; } /* + skyscraper ad */
.column-medium { width: 624px; float: left; } /* + 300ad */
.column-small { width: 449px; float: left;  } /* + 300ad + skyscraper */

.column-300ad { width: 310px; float: left; } /* square ad */
.column-160ad { width: 160px; float: left; } /* skyscraper */

/* JRB we should use our own styles here...
.column-bg1 { background: url(images/column-bg1.gif); }
.column-bg2 { background: url(images/column-bg2.gif); }
.column-bg3 { background: url(images/column-bg3.gif); }
.column-bg4 { background: #FFF; }
*/

/* These next 8 divs are for an extra graphic if you need for top and bottom of main column. You can comment them out if you don't need them. */

.column-top1 { display: none; }
.column-top2 { display: none; }
.column-top3 { display: none; }
.column-top4 { display: none; }

.column-bottom1 { display: none; }
.column-bottom2 { display: none; }
.column-bottom3 { display: none; }
.column-bottom4 { display: none; }

.margin-medium { padding: 0 0 0 15px; }

.column-small .module { float: left; width: 441px; }
.column-medium .module { float: left; width: 617px; }
.column-300ad .module { float: left; width: 300px; }
.column-160ad .module { float: left; width: 157px; }
.column-half {float:left; width:50%; /width:49%;}
/*
.big-column { width: 659px; float: left;  }
.side-column { width: 300px; float: left; padding: 0 0 0 10px;}
*/

.list-header h1 { font-size: 180%; color: #3bb6d7; margin: 10px 0; border-bottom: 1px solid #daddcc; }
.list-header p { text-align: justify; zoom:100%; }
.list-header a { float:right; margin-top:10px; font-weight: bold; text-transform: capitalize; }

.splitter { text-align: right; background:#f8f8f8; height: 17px; _height: 10px; margin: 10px 0; padding:2px 0; }

.media-full-view-container { text-align: center; }

.module { border:; margin: 8px 0;  }
/* .module h2 { background: #f4f4f4; font-size: 120%; color: #666; padding: 2px; } */

#edit-image-info { text-align: center; }

/* battles */

.battle-fullview-challenger { float: left; width: 300px; text-align: center; }
.battle-fullview-challenger .friend-item { float: none; width: 300px; }
.battle-fullview-challenger .friend-item dt { width: 300px !important;  }
.battle-fullview-challenger .friend-item dd { width: 300px; }
.battle-fullview-challenger .imagecontainer { width: 300px; }

.battle-fullview-vs {  float: left; width: 120px;  text-align: center; font-size: 140%; font-weight: bold; }

.battle-fullview-rival {  float: left; width: 300px;  text-align: center; }
.battle-fullview-rival .friend-item { float: none; width: 300px; }
.battle-fullview-rival .friend-item dt { width: 300px !important;  }
.battle-fullview-rival .friend-item dd { width: 300px; }
.battle-fullview-rival .imagecontainer { width: 300px; }
.battle-fullview-rival .imagecontainer { width: 300px; }


/* --------------- BATTLES --------------- FROM RYAN's */

#battle-choose-challenge, #battle-challengers, #battle-options { margin: 10px; background: #0f0f0f; border: 1px solid #fff; padding: 3px; color: #000; }
#battle-choose-challenge h3, #battle-challengers h3, #battle-options h3 { margin: 5px 0 15px 0; font-size: 12px; font-weight:bold; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; }
.battle-fullview-challenger li, .battle-fullview-rival li {margin-bottom:10px;}
#challenger1 { float: left; width: 49%; margin-right: 10px; }
#challenger2 { width: 49%; float: left; }
#challenger1, #challenger2 { border: 1px solid #fff; }
#challenger1 h4, #challenger2 h4 { border: none; background: #444444; font-size:11px; padding: 2px; margin-bottom: 2px; margin-left: 0; color: whitesmoke; }

#battle-options1, #battle-options2 { width: 50%; float: left;color:#fff;font-size:11px; }

.wager-boxes { font-size: 85%; }
.wager-boxes input { width: 80px; }


/* COMMENTING FORM
----------------------------------------------------------------*/

/* .commenting { width: 80%; } */
.commenting fieldset { margin: 10px 5px; border: 1px solid #999999; padding: 8px; }
/* .commenting legend { margin-left: 6px; font-size: 115%; font-weight: bold; color: #98cb00; } */