/* CSS Document */

body{	
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#000000;
}

#main{
	width:100%;
}

#header{
	background:#EDF8FE url(../images/header-back.jpg) no-repeat right;
	height:99px;
	position: relative; 
	border-bottom: 1px solid #98BBCC;
}

#header .search {
	position: absolute;
	top: 26px;
	left: 25px;
	padding-left: 2px;
	width: 602px;
	height: 37px;
}

#header .search .text {
	border: 1px solid #89c1dc;
	height: 30px;
	width: 450px;
	background-image: url(../images/big-search-back.jpg);
	background-repeat: repeat-x;
	font-size: 23px;
	padding-left: 3px;
}

#header .search .submit {
	vertical-align: top;	
}

#header .logo {
	top: 63px;
	left: 16px;
	padding-top:68px;
}

#container{
	width:980;
	background:url(../images/container_bg.gif) repeat-x;
	overflow:hidden;
	margin:0px auto;
}

#navigation { 
	background-color: #f5f5f5; 
	padding: 5px 20px 10px; 
	border-top: 5px solid #ebebeb; 
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #586064; 
}
#navigation a { color: #586064; text-decoration: none; }
#navigation a:hover { text-decoration: underline; }

#navigation .navigation { margin: 0; }
#navigation .navigation.secondary { float: right; }

ul.navigation { 
	margin-left: 0; padding-left: 0; display: block; 
}

ul.navigation li {
	margin-left: 0; padding: 0 5px; list-style: none; display: inline;
}
ul.navigation li.first { border-left: none; }
ul.navigation li.selected { background: #f8cccc; }

#left{
	float:left;
	width:220px;
	padding:10px;
}

.left_header{
	background:url('../images/site-selector-head_1.jpg') no-repeat;
	height:40px;
	width:250px;
}

.left_header_txt{
	background:#DFF3FC;
	border-top:1px solid #98ABBA;
	border-left:1px solid #98ABBA;
	border-right:1px solid #98ABBA;
	color:#59813B;
	font-size:13px;
	font-weight:bold;
	padding:2px 5px;
}

.first_row{
	background:#F8FDFF;
	color:#7C9BB0;
	border-top:1px solid #C8DEEC;
	border-left:1px solid #98ABBA;
	border-right:1px solid #98ABBA;
	padding:2px 5px;
	font-size:13px;
	font-weight:bold;
}

.second_row{
	background:#F2FAFD;
	color:#7C9BB0;
	border-top:1px solid #C8DEEC;
	border-left:1px solid #98ABBA;
	border-right:1px solid #98ABBA;
	padding:2px 5px;
	font-size:13px;
	font-weight:bold;
}

a.link_txt:link,a.link_txt:active, a.link_txt:visited{
	text-decoration:none;
	color:#7C9BB0;
} 

a.link_txt:hover{
	text-decoration:underline;
	color:#7C9BB0;
} 

.gray_bg{
	background:#EEEEEE;
	border-top:1px solid #98ABBA;
	border-left:1px solid #98ABBA;
	border-right:1px solid #98ABBA;
	padding:2px 5px;
}

.left_footer{
	background:url('../images/sidebar-box-bottom_1.jpg') no-repeat;
	height:30px;
}

/*right*/
#right{
	float:left;
	/*width:730px;*/
	width:73%;
	padding-top:15px;
}

h1 { font-size: 1.5em; font-weight: bold; }

.centerbox .monet-1, .centerbox .monet-2 { margin: 5px auto; }
.centerbox .monet-1 { }
.centerbox .monet-2 { }
.centerbox .monet-3 { float: left; margin: 5px; }

/* The ClearFixer from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {=display: block;}
/* End hide from IE-mac */

.headline h1 { float: left; }

.headline .clear-filter { margin-top: 0.5em; margin-left: 5px; float: left; }

.controls.top {
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 5px;    
}

.controls.bottom {
    border-top: 1px solid #b8b8b8;
    padding-top: 5px;    
}

.controls .pager {
    float: right;
    margin-right: 5px;
    font-size: 105%;    
}

.controls label {
    float: left;
    margin: 2px 4px 2px 6px;
}

.controls a {
    color: #586064;
    font-weight: bold;
    text-decoration: none;
    display: block;
    float: left;
    padding: 2px 4px;
    margin-right: 2px;
}

.controls a:hover {
    background-color: #f5f5f5;  
}

.controls .current a, .controls a.current {
    background-color: #ece8bc;
    color: #2067c7; 
}

ul.pager {
    margin:0;
    padding:0;
    list-style: none;
    display: inline;
}
ul.pager li {
    display:inline;
    margin-right: 5px;
}
ul.pager .current a, .tabkeypager .current a:hover {
	font-weight:bold;
	text-decoration: none;
}

/*shirt_list*/	
.shirt-list { position: relative; float: left;}
/*.shirt-list.centered { float: right; right: 50%; position: relative; }*/
.shirt-list.centered { float: left; left: 0px; position: relative; }
/*.shirt-list.centered .centering-box { right: -50%; position: relative; }*/
/*.shirt-list.centered .centering-box { right: 0%; position: relative; }*/
.shirt-list.centered .middle-box { right: 0%; position: relative; margin-left:5px; }

.shirt-list .shirt { font-size: 12px; }
.shirt-list .shirt .image { width: 150px; float: left; text-align: center; overflow: hidden; border:0px;}
.shirt-list .shirt .image img { display: block; margin: 0 auto; border:0px; }
.shirt-list .shirt .bait .image { width: 75px; height: 75px; overflow: hidden; border:0px; }
.shirt-list .shirt .info { margin-left: 155px; }
.shirt-list .shirt.hoverdetails { width: 75px; min-height: 75px; margin-right: 5px; border: 1px solid #CCC; padding: 4px; margin-bottom: 5px; }
.shirt-list .shirt.hoverdetails:hover { border-style: dashed; }
.shirt-list .shirt.hoverdetails div.actions { padding: 0; }
.shirt-list .shirt.hoverdetails a.action { width: 220px; }
.shirt-list .shirt.hoverdetails .hidden-details { width: 340px; margin-left: -290px; overflow: hidden;  }
.shirt-list .shirt small {color: #777; }

.shirt-list.wide {
    margin: 10px 0;	
}

.shirt-list.wide .shirt {
    padding-left: 60px;
    position: relative;	
    margin-bottom: 15px;
}

.shirt-details {
	clear: left;
	margin-top: 5px;
	padding: 0;
	min-height: 90px;
    position: relative;
}

.shirt-details .title {
    margin-bottom: 5px;	
}

.shirt-details .title h1, .shirt-details .title h2 {
    display: inline;
    margin: 0;	
}

.shirt-details h2 {
    font-size: 110%;	
}

.shirt-details .shirt, .shirt-details .interaction {
    padding-left: 60px; 
}

.shirt-details ul.votes, .shirt-list ul.votes {
    font-size: 85%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    background: transparent url(../images/count-background.gif) no-repeat;
}

.shirt-details ul.votes li, .shirt-list ul.votes li {
	margin: 0; padding: 0;
}

.shirt-details ul.votes a.count, .shirt-list ul.votes a.count {
    color: #666666;
    display: block;
    min-height: 40px;
    padding: 10px 0 4px;	
    text-align: center;
    text-decoration: none;
    width: 50px;
}

.shirt-details ul.votes a.count strong, .shirt-list ul.votes a.count strong {
	display: block;
	font-size: 160%;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1;
}

.shirt-details ul.votes li.vote a.promote, .shirt-list ul.votes li.vote a.promote {
    background: transparent url(../images/promote-background.gif) no-repeat;
    display: block;
    height: 30px;
    margin-bottom: -5px;
    width: 50px;
}

.shirt-details ul.votes li.vote a.promote:hover, .shirt-list ul.votes li.vote a.promote:hover { 
    background: transparent url(../images/promote-background-hover.gif) no-repeat; 
}
.shirt-details ul.votes li.vote a.promote.promoted, .shirt-list ul.votes  li.vote a.promote.promoted { 
    background: transparent url(../images/promote-background-voted.gif) no-repeat; 
}
.shirt-details ul.votes li.vote a.promote.disabled, .shirt-list ul.votes li.vote a.promote.disabled { 
    background: transparent url(../images/promote-background-disabled.gif) no-repeat; 
}


.shirt-details ul.votes li.vote .promote .space, .shirt-list ul.votes li.vote .promote .space {
    height: 30px;
    margin: 0;
    width: 50px;
}

.shirt-details .shirt .image { width: 300px; float: left; height: 300px; }
.shirt-details .shirt .image div { line-height: 0; }

.shirt-details .shirt .info { margin-left: 305px; }	

.shirt-details .shirt .details-block {
    background-color: #F9F9F9;
}


.shirt-details .shirt .other-../images { width: 100%; }
.shirt-details .shirt .other-../images a { margin-right: 5px; border: 1px solid #CCC; padding: 4px; margin-bottom: 5px; display: block; float: left; line-height: 0; }

.shirt-details .shirt .tabs {
	clear: left;
	}


#site-selector .header {
    background-image: url(../images/site-selector-head.jpg);
    background-repeat: no-repeat;
    height: 40px;
}

#site-selector .suggest {
    text-align: right;
    text-transform: uppercase;
}
#site-selector .suggest a {
    background: #ece8bc;
    padding: 0px 1px;
}

#site-selector .suggest a:hover {
    background: #f5f5f5;
}

#site-selector ul {
    margin: 0 -5px 10px;
    padding: 0;
    list-style: none;
}

#site-selector ul li {
    border-bottom: 1px solid #c8dfeb;
}

#site-selector ul li a {
    display: block;
    background-image: url(../images/selector-arrow.gif);
    background-repeat: no-repeat;
    background-position: 4px 50%;
    text-decoration: none;
    padding-left: 20px;
}


#site-selector ul li a:hover {
    background-color: #ece8bc;
}

#site-selector ul li.current a {
    background-color: white;
}

#site-selector ul li.even {
    background-color: #f8fdff;
}


#latest-comment .header {
    background-image: url(../images/latest-comment-head.jpg);
    background-repeat: no-repeat;
    height: 36px;
}

#latest-comment .image { width: 75px; height: 75px; float: left; text-align: center; overflow: hidden; border:0px; }
#latest-comment .image img { display: block; margin: 0 auto; border:0px; }


/*hover_list*/

div.hoverlist { padding: 5px; }
div.hoverdetails { display: block; float: left;}
div.hoverdetails div.hidden-details {
	display: none;
	border: 1px solid #CCC;
	padding: 5px;
	margin-top: 15px;
	margin-left: 15px;
	background-color: white;
	position: absolute; z-index: 10;
}
div.hoverdetails:hover div.hidden-details { display: block; }
div.hoverdetails:hover div.bait { opacity: 0.25; filter: alpha(opacity=25); overflow: hidden; border:0px; }


/*footer*/

#footer { clear: both; font-size: 0.9em; color: #AAA; text-align: right; padding: 10px 20px; }


/*inner*/
.right_top{
	width:710px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	border-bottom:3px solid #bfbfbf;
}

.right_img{
	width:300px;
	float:left;
	padding-right:10px;
}

.right_txt{
	width:400px;
	float:left;
}

a:link, a:active, a:visited{
	color:#000000;
	text-decoration:none;
}

a:hover{	
	color:#000000;
	text-decoration:underline;
}


.heading_txt{
	font-size:18px;
	font-weight:bold;
	color:#0090fe;
}

a.heading_txt:link, a.heading_txt:active, a.heading_txt:visited,
.heading_txt a, .heading_txt a:link, .heading_txt a:active, .heading_txt a:visited
{
	color:#0090fe !important;
	text-decoration:none !important;
}

a.heading_txt:hover, .heading_txt a:hover{	
	color:#0090fe !important;
	text-decoration:underline !important;
}

.graytxt{
	color:#b2b3b1;
}

a.graytxt:link, a.graytxt:active, a.graytxt:visited,
.graytxt a, .graytxt a:link, .graytxt a:active, .graytxt a:visited{
	color:#b2b3b1 !important;
	font-size:14px !important;
	text-decoration:none !important;
	font-weight:bold !important;
}

a.graytxt:hover,
.graytxt a:hover{
	color:#b2b3b1;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}



.row{
	padding-top:10px;
	clear:both;
	overflow:hidden;
}

.row_left{
	float:left;
	padding-right:10px;
}

.row_right{
	float:left;
}


.right_bottom{
	width:710px;
}

.right_bottom_coloum_1{
	width:352px;
	padding-top:10px;
	overflow:hidden;
	float:left;
}

.right_bottom_coloum_2{
	width:169px;
	padding-top:10px;
	float:left;
}

.right_bottom_coloum_3{
	width:169px;
	float:right;
	padding-top:10px;
	float:left;
}

.commentbox{
	width:362px;
	overflow:hidden;
	padding-top:10px;
}

.comment_img{
	float:left;
}

.comment_txt{
	padding-left:5px;
	float:left;
}

.comment_heading{
	border-top: 1px solid #1969c5;
	padding:10px 0px 5px 0px;
}

.comment{
	border-bottom: 1px solid #c7e0eb;
	border-top: 1px solid #c7e0eb;
	/*padding:5px 0px;*/
}

.heading_small_txt{
	font-size:12px;
	color:#0090fe;
}

a.heading_small_txt:link, a.heading_small_txt:active, a.heading_small_txt:visited{
	color:#0090fe;
	text-decoration:none;
}

a.heading_small_txt:hover{	
	color:#0090fe;
	text-decoration:underline;
}
	
.tag{
	border-bottom:1px #c7e0eb solid;
	padding-bottom:5px;
}	

.admin_header{
	padding-bottom:5px;
	border-bottom:1px #c7e0eb solid;
}

.right_admin{
	width:710px;
	overflow:hidden;
	padding-bottom:15px;
	clear:both;
}
.categories{
	width:143px;
	padding-left:7px;
	padding-top:10px;
	float:left;
	overflow:hidden;
}
.gender{
	width:80px;
	padding-left:7px;
	padding-top:10px;
	float:left;
}

.color{
	width:180px;
	padding-left:7px;
	padding-top:10px;
	float:left;
}

.scrapad_data{
	width:120px;
	padding-top:7px;
	padding-left:10px;
	float:left;
}

.left_img_admin{
	padding-left:7px;
	padding-top:10px;
	float:left;
}

.comment_chek_box{
	width:70px;
	background:#f1faff;
	border-bottom: 1px solid #c7e0eb;
	padding:1px 0px;
	float:left;
	font-size:11px;
	color:#50aedd;
}

.chek_box{
	overflow:hidden;
}

.Categories_heading{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.left_inner{
	padding:40px 0px 0px 10px;
}
.left_menu{
	width:135px;
	height:25px;
	background:#ebe8bb;
	color:#145dce;
	padding-left:50px;
	padding-right:10px;
	padding-top:7px;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right
}

.left_menu_last{
	margin-top:15px;
	width:135px;
	height:25px;
	background:#ebe8bb;
	color:#145dce;
	padding-left:50px;
	padding-right:10px;
	padding-top:7px;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}

.menu_box{
 	text-align:right;
	padding-right:45px;
	padding-top:10px;
}

.color_box{
	float:left;
	padding-left:5px;
}

.red_text{
	color:#ab383a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}


/*.right_bottom_left{
	width:76px;
	float:left;
}

.right_bottom_right{
	width:266px;
	height:100%;
	padding-left:5px;
	float:left;
}

.right_bottom_txt{	
	border-top: 1px solid #1969c5;
	padding:0px 5px;
}	



.right_bottom_row{
	border-bottom: 1px solid #c7e0eb;
	padding-bottom:5px;
}

*/

.left_img{
	float:left;
}

.admin_right_txt{
	float:left;
	overflow:hidden;
	height:100%;
}

.other_tags{
	clear:both;
	padding:10px 0px 0px 125px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}


ul.breadcrumbs {    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    font-size: 95%;
    margin-bottom: 5px;
}

/* Added from main.css */
/* Some standard element rules */
html, body { padding: 0; margin: 0; }
img { border: none; }
ul { padding-left: 2em; margin-left: 0; }
form { margin: 0; padding: 0; }
hr { border: none; height: 1px; background-color: silver; }
h1,h2,h3,h4,h5,h6 { margin: 0.3em 0; font-weight: normal; }
h1 { font-size: 1.5em; font-weight: bold; }
h2 { font-size: 1.4em; font-weight: bold; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: 1.0em }
h6 { font-weight: bold; }

#navigation { 
	background-color: #f5f5f5; 
	padding: 5px 20px 10px; 
	border-top: 5px solid #ebebeb; 
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #586064; 
}
#navigation a { color: #586064; text-decoration: none; }
#navigation a:hover { text-decoration: underline; }

#navigation .navigation { margin: 0; }
#navigation .navigation.secondary { float: right; }


	
.centerbox .monet-1, .centerbox .monet-2 { margin: 5px auto; }
.centerbox .monet-1 { width: 768px; }
.centerbox .monet-2 { width: 468px; }
.centerbox .monet-3 { width: 120px; float: left; margin: 5px; }

ul.breadcrumbs a {
    color: #586064;
    font-weight: bold;
    text-decoration: none;
}

ul.breadcrumbs a:hover {
	text-decoration: underline;
}

ul.breadcrumbs li {
    display: inline;
}

/* The ClearFixer from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

	
ul.navigation { 
	margin-left: 0; padding-left: 0; display: block; 
}

ul.navigation li {
	margin-left: 0; padding: 0 5px; list-style: none; display: inline;
}
ul.navigation li.first { border-left: none; }
ul.navigation li.selected { background: #f8cccc; }
#navigation ul.navigation li { margin-right: 15px; }
.flash-messages { width: 600px; margin: 0 auto; }
.flash-messages form { display: inline; }
.messages, .note, .notice { border: 1px solid #CCC; background: #FFFFE0; margin: 5px 20px; padding-top: 5px; padding-bottom: 5px; }

.errors, .error { color: red; }
.note { border-left: none; border-right: none; padding: 5px 10px; }

.even { background-color: #f5f5f5; }

.password-match { background-color: #CCFFCC !important; background-image: none !important; }
.password-mismatch { background-color: #FFCCCC !important; background-image: none !important; }


ul.pager {
    margin:0;
    padding:0;
    list-style: none;
    display: inline;
}
ul.pager li {
    display:inline;
    margin-right: 5px;
}
ul.pager .current a, .tabkeypager .current a:hover {
	font-weight:bold;
	text-decoration: none;
}



table.details { padding:0px; }
table.details.full { width: 100%; }
table.details.full td.expand { width: 100%; }
table.details td { margin:0px; padding:3px 0px; vertical-align:top; line-height: 1.2em; }
table.details td p { margin: 0 0 1em }
table.details .label { color:gray; }
table.details td.label { width:50px; }
.small .details td { padding: 2px 0 0; width: auto; }

.controls.top {
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 5px;    
}

.controls.bottom {
    border-top: 1px solid #b8b8b8;
    padding-top: 5px;    
}

.controls .pager {
    float: right;
    margin-right: 5px;
    font-size: 105%;    
}

.controls label {
    float: left;
    margin: 2px 4px 2px 6px;
}

.controls a {
    color: #586064;
    font-weight: bold;
    text-decoration: none;
    display: block;
    float: left;
    padding: 2px 4px;
    margin-right: 2px;
}

.controls a:hover {
    background-color: #f5f5f5;  
}

.controls .current a, .controls a.current {
    background-color: #ece8bc;
    color: #2067c7; 
}


.notice {
	line-height: 1;
	padding: 5px 10px;
	font-size: 90%;
	width: 465px;
	margin: 0 auto;
	}
	
.notice h2 {
	font-size: 115%;
	margin: 0.2em 0 0.3em;
	}

.notice p { 
	margin: 0 0 0.5em
}

.notice .submitlinks {
	border: 1px solid #EAEAEA;
	background-color: white;
	width: 450px; margin: 0 auto;
	padding: 2px 4px;
	line-height: 18px;
	}

.notice .submitlinks iframe, .submitlinks img {
    vertical-align: bottom;
}

.notice .submitlinks iframe {
    margin-bottom: -1px;
}

.notice .submitlinks .link { margin: 0 20px; }

.notice .footer {
    text-align: right;
}

.notice .footer a {
	color: #586064;
	font-weight: bold;
	font-size: 90%;
}

a.more { white-space: nowrap; }

