/*
JZ CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[3] Main Content - All things specific to the main content
[4] Ratings - All things specific to the ratings
[5] Footer - Things which are page and section specific.

Questions/Comments:Email jzelazny@sandboxdev.com
*/


/*---------[1]General---------*/
html {min-height: 100%; margin-bottom: 1px;}
html {overflow: -moz-scrollbars-vertical !important;}

body {background:#111; font:.85em/1.3em Helvetica, Verdana, Arial;color:#fff;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,ul,ol,form {margin:0;padding:0;line-height:normal;}

a img, img {border:none;}

a {color:#e2ffa3; text-decoration:none; font-weight:bold;outline:none;}
a:hover {color:#c7ef71; }

.clearjz {clear:both;}

.alignLeft {text-align:left;}
.alignRight {text-align:right;}

.left {float:left;display:inline;}
.right {float:right;display:inline;}
.inline {display:inline;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}

.p10 {padding:10px;}

.width100 {width:100%;}

.texttuc {text-transform:uppercase;}
.bold {font-weight:bold;}
.small {font-size:.9em; line-height:normal;}
.white {color:#fff;}

a.female {border: 4px solid #e72b8c !important;}
a.male {border: 4px solid #6fbfda !important;}
a.female:hover, a.male:hover {border: 4px solid #FF9500 !important;}

img.full { background:#ddd;border:4px solid #aaa;display:block;margin:0 auto !important;padding:6px;}

#my-photos img.full {margin:0!important;}

#container {background:#fff;width:1000px;margin:10px auto;border:10px solid #1f1f1f;}
#content {display:block;background:url('images/bg-content.gif') repeat-y; width:980px;margin:10px;}


/*---------[2]Header---------*/

#header {height:155px; background: #111111 url('images/bg-header.gif') repeat-x;}

#headerLeft {float:left; display:inline;width:250px;}
#logo h1 a {background:url('images/logo-mbd.gif') no-repeat;height:155px; width:250px;display:block; text-indent:-9999px; overflow:hidden;}


#headerRight {float:right; display:inline;width:730px;height:24px;padding:10px;}

#mbdActive {float:right;display:inline;width:60px;height:24px;margin-top:1px;}
#mbdActive img {vertical-align:middle;}
#mbdActive a {line-height:24px !important;color:#6fbfda;font-weight:normal;text-transform:uppercase;font-size:.85em;}
#mbdActive a:hover {color:#fff;}

#postMyPicture {float:left;display:inline;width:150px;margin-left:80px;}
#postMyPicture a {display:block;background:url('images/bg-post.png') no-repeat;height:24px;width:150px;text-align:center;font-weight:normal;line-height:24px;text-transform:uppercase;color:#fff;font-size:.85em;}
#postMyPicture a:hover {color:#000;}

ul#headerLinks {list-style:none;float:right;font-size:.85em;width:415px;height:24px;margin-bottom:15px !important;}
ul#headerLinks li {float:left;text-align:center;line-height:24px !important;height:24px;vertical-align:middle;letter-spacing:1px;text-transform:uppercase;}
ul#headerLinks li a {color:#fff; font-weight:normal;text-decoration:none;display:block;width:90px; height:24px;margin:1px 5px 0 5px;outline:none;}
ul#headerLinks li a:hover, ul#headerLinks li a.active {background:url('images/headerLinks_hover.png') no-repeat;}

li#nav-home a:hover, li#nav-home a.active {background-position:0 0;}
li#nav-about-us a:hover, li#nav-about-us a.active {background-position:0 -24px !important;}
li#nav-advertise a:hover, li#nav-advertise a.active {background-position:0 -48px !important;}
li#nav-login a:hover, li#nav-login a.active, li#nav-profile a:hover, li#nav-profile a.active {background-position:0 -72px !important;}
li#nav-signup a:hover, li#nav-signup a.active, li#nav-logout a:hover, li#nav-logout a.active {background-position:0 -96px !important;}

#leaderboard {float:right;width:728px;height:90px;}


/*---------[3]Ads---------*/

.ad {margin:0 auto 10px auto;}
.box {width:300px;height:250px;}

/*---------[3]Main Content---------*/

#main {float:left;display:inline;width:440px;margin:10px 0 10px 0;padding:10px;}
#main h2 {width:420px;color:#fff;font-size:1.4em;text-transform:uppercase;border-bottom:1px dashed #aaa;margin:0 0 10px 0;padding-bottom:5px;}
#main h2 .ratingCount {font-size:.75em !important;color:#000;}
#main h3 {color:#b5dfeb;font-size:1em;text-transform:uppercase;border-bottom:1px dashed #777;margin:20px 0 10px 0;padding-bottom:5px;}
#main h4 {color:#b5dfeb;font-size:.9em;text-align:center;padding-bottom:5px;}
#main p {margin:0 0 10px 0;padding:0;}

#mbdPhotos {width:420px; height:530px;margin: 0 auto;padding:0;background:#565758;}

#mbdPhotos h2, #mbdPhotos h3 {text-align:center;}
#mbdPhotos h3 {border-bottom:0;}
#mbdPhotos form {text-align:center;}
#mbdPhotos img.full {overflow:hidden; max-width:400px;max-height:460px;}

#home .mbdPhoto {display:none;overflow:hidden;}
#home .mbdPhoto a {margin:0 auto; text-align:center;display:block;width:420px;}

.mbdRating {margin-bottom:5px;width:100%;}

p.gender {text-transform: capitalize;} 

.mainStats {text-align:center;margin-top:10px !important;font-size:.9em;color:#ddd;}

.inappropriate {font-size:.9em; color:#eee;}

#photoNav {position:relative; top:15px;line-height:30px !important; height:30px  !important;vertical-align:top !important;}
#photoNav a {color: #fff; text-decoration:none;}
#previous {background: url('images/previous.png') no-repeat top left;padding-left:12px;float:left;display:inline;width:340px;}
#next {background: url('images/next.png') no-repeat top right;padding-right:12px;float:right;display:inline;text-align:right;}



/*---------[4]Sidebars---------*/

.sidebar h3 {color:#111; border-bottom:1px dashed #ddd; text-transform:uppercase;font-size:.95em;margin-bottom:5px;padding-bottom:2px;}
.sidebar h4 {color:#333; border-bottom:1px dashed #ddd; text-transform:uppercase;width:283px;font-size:.9em;margin-bottom:5px;padding-bottom:2px;}
.sidebar p, .sidebar a {color:#333;}
.sidebar a.female, .sidebar a.male {width:55px;height:55px;float:left;display:inline; margin-right:5px;}
.sidebar #recentlyRated a.female, .sidebar #recentlyRated a.male {width:195px;height:195px;float:none !important;display:block;margin:0 auto;}


#sidebarLeft {width:300px;float:left;display:inline;margin:10px 30px 0 20px;}

#sidebarRight {width:160px;float:left;display:inline;margin:10px 0 10px 0;}

#definition h3 span {color:#333;}
#definition h3 {color:#fff;}


#searchForm {margin-top:10px;}

form#searchForm p {line-height:22px;height:22px;margin:0;padding:0;}
input.text  {width:205px;border:1px solid #828587;padding:4px;vertical-align:top;}
input#searchSumbit {padding-top:1px;}

#recentlyRated {text-align:center;height:285px;}
#recentlyRated h3 {text-align:left;}
#recentlyRated p {margin:0;padding:0;}
#recentlyRated p.stats {float:none !important;color:#333;font-size:.85em;text-align:center !important;}

#popular {width:300px; margin-top:25px;}
#popular ul {margin:0;padding:0;}

.most {border:1px solid #565758;}
.most ul {margin:10px 0 10px 0;}

.ui-tabs-hide {display: none;}
.ui-tabs-nav {list-style: none;margin: 0;padding: 0;}
.ui-tabs-nav:after {display: block;clear: both;content: " ";}
.ui-tabs-nav li {float: left;margin: 0 2px 0 0;min-width: 70px;border-bottom:none;}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block;background: #ddd;padding: 0 5px;}
.ui-tabs-nav a {border: 1px solid #565758; border-bottom:#ddd;color: #333;font-size:.8em;text-transform:uppercase;font-weight: bold;line-height: 1em;text-align: center;text-decoration: none;white-space: nowrap;outline: 0; margin:0 0 -1px 0; padding:2px 5px 2px 0 !important;}
.ui-tabs-nav .ui-tabs-selected a {position: relative;z-index:2;color:#fff;}
.ui-tabs-nav a span {width: 55px; min-width: 55px;height: 15px;min-height: 15px;padding-top:4px;padding-right: 0;}
*>.ui-tabs-nav a span {width: auto;height: auto;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background:#FF9500; color:#fff}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background:#FF9500;padding-bottom:1px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {cursor: pointer;}
.ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40);}
.ui-tabs-panel {background: #fff;border-top: 1px solid #565758;padding: 1em 8px;}
.ui-tabs-loading em {background: url('images/working.gif') no-repeat 0 50%;padding: 0 0 0 20px;}

* html .ui-tabs-nav { display: inline-block;}
*:first-child+html .ui-tabs-nav  {display: inline-block;}

.most ul {margin-left:15px;}

img.thumbnail {background:#fff;width:50px;height:50px;padding:3px 2px 2px 3px;}
img.medium {background:#fff;width:190px;height:190px;padding:3px 2px 2px 3px;}

.most li {clear:both;display:block;height:85px; width:283px; border-bottom:1px dashed #ddd;padding-bottom:3px;margin-bottom:7px !important;}
.most p {font-size:.9em;margin:0 0 5px 0 !important;padding:0 !important;}
.most p a:hover {color:#e72b8c;}

.totalRatings {font-size:.9em;}

p.stats {float:left;clear:both;color:#666;margin-top:5px !important;}



/*---------[7]Page Specific---------*/

/*-- Signup/Login Forms --*/

.mbdForm p {height:21px; line-height:21px;}
.mbdForm p label {float:left; width:135px;}
.mbdForm p input.text, .mbdForm p select {width:280px;border:1px solid #444;}
.mbdForm p.checkbox label {float:none; width:auto;}
.mbdForm p.textarea {line-height:normal;height:auto;}
textarea.textarea {height:205px;width:280px;padding:4px; border:1px solid #444;}
p.error {color:#FF9500;text-align:center;margin:0 0 5px 0 !important;padding:0 !important;line-height:normal;height:auto;}
.required {color:#FF9500;}


#mbdIntro {margin-top:40px;}
#mbdIntro h3 {text-align:center;}

/*-- My Photos --*/
p.delete {font-size:.9em;}

#my-photos p.stats {float:none;color:#eee;}


/*---------[8]Footer---------*/
#footer {clear:both;margin:15px 0 15px 0;}

#footer p {color:#fff;font-size:.9em;text-align:center;}
#footer p a {font-weight:bold;text-decoration:none;color:#8b8e90;}
#footer p a:hover {font-weight:bold;color:#e2ffa3;}