@import url(../warp/css/base.css);


/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #333;
}

h1 { font-size: 32px; line-height: 32px; color: #555; }
h2 { font-size: 26px; line-height: 26px; }
h3 { font-size: 22px; line-height: 20px; }
h4 { font-size: 18px; line-height: 18px; }
h5 { font-size: 18px; line-height: 16px; color: #666; }
h6 { font-size: 16px; line-height: 16px; color: #888; }

h1, h2, h3, h4 { text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.mod-black h4,
.mod-black h5,
.mod-black h6,
.mod-color h4,
.mod-color h5,
.mod-color h6,
#bottom-a h4,
#bottom-a h5,
#bottom-a h6,
#bottom-b h4,
#bottom-b h5,
#bottom-b h6 { color: #ddd; }

a:hover { color: #111; }

#toolbar a,
#footer a { color: #999; }

#headerbar a:hover,
#bottom-a a:hover,
#bottom-b a:hover { color: #ddd; }

#bottom-a strong,
#bottom-a em,
#bottom-a code,
#bottom-b strong,
#bottom-b em,
#bottom-b code,
.box-note strong,
.box-note em,
.box-note code,
.box-color strong,
.box-color em,
.box-color code { color: #ddd; }

strong { color: #111; }

em { color: #666; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: rgba(0,0,0,0.1); }
#bottom-a hr,
#bottom-b hr { border-top-color: rgba(255,255,255,0.1); }


pre {
	border: 1px solid #d3d3d3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

::-moz-selection {
	background: rgba(0,0,0,0.25);
	color: #fff;
}
::selection {
	background: rgba(0,0,0,0.25);
	color: #fff;
}


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

/* Admin */

.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
	color:#FF0000;
}
/*Manage Members Account */

.blogaccount { font-size:12px; border:1px solid #DDD; background-color:#fafafa; padding:5px; height:130px; text-align:left; }
.blogaccount .thumbshot { float:left; width:150px; height:110px; margin:10px 10px; }
 .blogaccount .info { font-size:12px; float:left; width:220px; margin:10px 0; background:#FFF;}
.blogaccount .info h4 { font-size:14px; }

.blogaccount .info p { margin:0; padding:0; }
.blogaccount .info p.approved { color:#009900; }
.blogaccount .info p.pending { color:#FF6633; }
.blogaccount .info p.declined { color:#CC0000; }

.blogaccount .info p.url { color:#990000; font-size:10px; margin:5px;}

.blogaccount .info ul.actions { list-style:none; margin:5px 0 0 0; position:absolute; }
.blogaccount .info ul.actions li { float:left;  }
.blogaccount .info ul.actions li a {  padding: 2px 4px; margin: 1px 5px 1px 0; font-size:12px; border:1px solid #257BB3; text-decoration: none; color: #124774; display:inline-block; }

 .blogaccount .stats { float:right; width:145px; border-left:1px solid #DDD;  }
 .blogaccount .stats ul { list-style:none; margin:10px; }
 .blogaccount .stats ul li { color:#124774; border-bottom:1px solid #DDD; margin:0 0 4px 0; padding:0 0 4px 0; }
 .blogaccount .stats ul li.last { color:#124774; border:none; margin:0 0 4px 0; padding:0 0 4px 0; }

 .blogaccount .handle { width:20px; float:left; height:100%; }
 .blogaccount .handle a { background:#d4d4d4 url(images/drag_bg.gif) center center no-repeat; cursor:move; display:block; height:100%; /*display:inline-block;*/ }
 .blogaccount .handle a:hover { background-color:#206ca0; }