* { margin:0px; padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

.clear { clear:both;}
.left {float:left !important;}
.right {float:right !important;}
.error {color:#A70000;font-size:14px;}
.hide{ display:none;}

.mb10 { margin-bottom:10px;}


.bigimg{max-height:585px;max-width:585px;width:auto !important;width:585px;}
.medimg{max-height:300px;max-width:300px;width:auto !important;width:300px;}
.medimgbox { height:300px; width:300px; float:left; margin:10px; text-align:center;}
.medplusimg{max-height:350px;max-width:350px;width:auto !important;width:350px;}
.medminusimg{max-height:225px;max-width:225px;width:auto !important;width:225px;}
.smallimg{max-height:140px;max-width:140px;  width:auto !important;  width:140px;}


.black{color:#000000;}
.blue{color:#0000FF;background-color:#DFDFFF;}
.red{color:#FF0000;background-color:#FFD7D7;}
.selected{background-color:#999999;}

a  {color:#0000CC;cursor:pointer;}
a img { border:0px solid;}

a.cloud { text-decoration:none;}
a.cloud:hover { text-decoration:none;color:#C8011B;}

a.centerlink { display:block; clear:both; text-align:center;}

h1 { color:#24A922; font-size:14px; margin-bottom:5px;}
h2 {font-size:12px; margin-bottom:5px;}

body { background:url(../images/bg_body.jpg) repeat-x;}
#container { background:url(../images/bg_container.jpg) repeat-x; width:920px; padding:0px 10px; margin:0px auto; }
#container-inner{background-color:#ffffff; min-height:600px; height:auto !important;  height:600px; margin-bottom:50px; }
#logo { float:left;}
#logo h1 {margin-bottom:0px;}
#logo h1 a {display:block; background:url(../UltimatePhotoBattleLogo60.jpg) no-repeat; width:60px; height:60px;}
#logo h1 a span { display:none; }

#nav {float:left; width:860px; border-bottom:1px solid #cccccc;}
#main-nav {  background:url(../images/bg_nav.jpg) repeat-x; list-style:none; height:30px;}
#main-nav li { float:left; display:block; height:22px; padding:8px 18px 0px; font-weight:bold; color:#333333; cursor:default;}
#main-nav li:hover, #main-nav li.hovered { background:url(../images/bg_nav_on.jpg) repeat-x; color:#ffffff;}
#main-nav li.nothovered { background-image:none !important; color:#333333 !important;}
body.winners #main-nav #winners,
body.photos #main-nav #photos,
body.battles #main-nav #battles,
body.captions #main-nav #captions ,
body.tags #main-nav #tags,
body.mods #main-nav #mods,
body.forum #main-nav #forum,
body.info #main-nav #info{ background:url(../images/bg_nav_on.jpg) repeat-x; color:#ffffff;}
#main-nav li.link { height:30px; padding:0px; font-weight:bold;}
#main-nav li a { display:block; height:22px; padding:8px 18px 0px; float:left; text-decoration:none; color:#333333;}
#main-nav li a:hover { color:#ffffff;}
#subnav { height:29px; }
.sub-nav { list-style:none; height:29px; width:860px;}
.sub-nav li { float:left; display:block; height:22px; font-weight:bold;}
.sub-nav li.nolink { height:21px; padding:8px 12px 0px; font-weight:normal;}
.sub-nav li a { display:block; float:left; color:#333333; text-decoration:none; height:21px; padding:8px 12px 0px; }
#tags-nav { margin-left:290px; width:570px;}
#mods-nav { margin-left:150px; width:710px;}
#info-nav { margin-left:250px; width:610px;}
.sub-nav li a:hover,
body.pom .sub-nav li #pom,
body.pow .sub-nav li #pow,
body.pod .sub-nav li #pod,
body.photo-battle .sub-nav li #photo-battle ,
body.top-photos .sub-nav li #top-photos,
body.newest .sub-nav li #newest,
body.my-photos .sub-nav li #my-photos,
body.photo-submit .sub-nav li #photo-submit,
body.view-battles .sub-nav li #view-battles,
body.monthly-battles .sub-nav li #monthly-battles,
body.weekly-battles .sub-nav li #weekly-battles ,
body.caption-battle .sub-nav li #caption-battle,
body.view-caption-battles .sub-nav li #view-caption-battles,
body.my-captions .sub-nav li #my-captions,
body.submit-captions .sub-nav li #submit-captions,
body.top-tags .sub-nav li #top-tags,
body.tags-search .sub-nav li #tags-search,
body.mod-photos .sub-nav li #mod-photos,
body.mod-captions .sub-nav li #mod-captions,
body.account-info .sub-nav li #account-info,
body.email-friend .sub-nav li #email-friend,
body.faq .sub-nav li #faq ,
body.report-bug .sub-nav li #report-a-bug{ background-color:#E6E5E3; color:#C8011B; }

#breadcrumbs { padding:15px 10px; margin-bottom:5px;}
#link_ads{ width:500px; height:15px; margin-left:50px; display:inline; float:left;}

#content {float:left; width:650px; padding:0px 10px 5px 20px;}
.info_box { margin:5px; padding:5px 0px; border:4px solid #7b83eb; color:#7b83eb; text-align:center;}

.medlink { font-size:12px;}
.biglink { display:block; margin:10px 0px 5px; font-size:14px; font-weight:bold; text-decoration:none;}
.biglink:hover {color:#C8011B;}

.sortLinks {padding:10px 0px;}
.sortLinks span { display:block; float:left; width:60px;}
.sortLinks a { padding:5px 7px; border:1px #cccccc solid; margin-left:3px; text-decoration:none;}
.sortLinks a.current, .sortLinks a:hover {background-color:#E6E5E3; color:#C8011B;}

.paging{ padding:10px 0px;}
.paging span { display:block; float:left; width:60px;}
.paging .pagingLinks { float:left; width:580px;}
.paging a { display:inline; float:left; width:26px; padding:5px 0px; border:1px #cccccc solid; margin-left:3px; margin-bottom:3px; text-align:center; text-decoration:none;}
.paging a.current, .paging a:hover {background-color:#E6E5E3; color:#C8011B;}

/*.linkboxes {padding:10px 0px;}
.linkboxes a { padding:5px 7px; border:1px #cccccc solid; margin-left:3px; text-decoration:none;}
.linkboxes a.current, .linkboxes a:hover {background-color:#E6E5E3; color:#C8011B;}*/

.photodiv {border-bottom:1px solid #cccccc; padding-left:60px; padding-top:5px;padding-bottom:20px;margin-bottom:10px;}
.photoimg { float:left; width:140px; margin-right:10px; margin-bottom:20px;}
.photoinfo{ margin-bottom:20px; float:left;}
.photoinfo .battleinfo {padding-bottom:10px;}
.runnerup {float:left;width:40%;height:150px;vertical-align:top;}

#ads-bottom{ text-align:center; margin-top:30px; clear:both;}

#right { float:right; width:200px;}

#LoginLayer{background-color:#7b83eb;padding:0px;padding-left:5px;padding-bottom:5px;margin:1px 1px 5px 1px;color:#FFFFFF;}
#LoginLayer input, #LoginLayer button {font-size:100%;}

#NewUserLink {color:#7b83eb;padding-left:5px;font-weight:bold;font-size:16px; display:block; margin:10px 0px;}
#user-header {margin-bottom:5px;}
#user-top {background-color:#7b83eb;padding:2px;color:#000000;}
.action {margin:5px 0px;	min-height:60px; height:auto !important; height:60px; border:4px solid #7b83eb; color:#7b83eb; text-align:center;}
.actionOver { border-color:#990000; color:#990000; cursor:pointer;}
.action h2 { font-size:17px;};
.action h3 { font-size:13px;}

/*comments*/
.commentDiv{border:1px solid #999999;margin:5px;}
.commentHeader{	background-color:#7B83EB;	padding:5px;}
.commentContent{	padding:5px;}
.commentFooter{	padding:5px;}

.thumbgrid {float:left;width:160px;height:160px;text-align:center;}


/* liquid layout stuff */
body.liquid #container { width:95%; }
body.liquid #header {width:920px; margin:0px auto; }
body.liquid #breadcrumbs { width:920px; margin:0px auto; margin-bottom:5px;}

#battletable {table-layout:fixed;}

/*uploading stuff */
#steps_div {	height:55px;	padding-left:50px;}
.upload_steps {	float:left;	width:20%;	margin:0px 5px;	height:45px;	border:4px solid #7b83eb;	color:#7b83eb;	text-align:center;}
.this_step {	color:#990000;	border-color:#990000;}
#uploadingdiv {	padding:40px 0px;	border:3px solid;	text-align:center;	margin:20px 15px;	width:530px;}