@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
body { background:#97cfe9 url(/css/img/common/bg-2.gif) repeat-x; font:14px Helvetica Neue, Helvetica, Arial, sans-serif; color:#333; height:100%; }
/*body { background:url("http://a3.twimg.com/profile_background_images/7407747/patt_49d6530d33d4a.jpg") repeat; }*/

a { text-decoration:none; color:#598893; }
a:hover { text-decoration:underline; }
a img { border:none; }

#wrap { width:960px; margin:0 auto 20px auto; }
#header { padding:10px 0 0 0; height:102px;} 
#header h1 { float:left; width:370px; }
#header h1 a { display:block; text-indent:-5000px; background:url(/css/img/common/friedeggs.png) no-repeat; width:370px; height:92px; }

#nav { list-style:none; float:right; margin:53px 0 0 0; }
#nav li { float:left; margin:0 6px;  }
#nav li a { display:block; width:101px; height:44px; text-align:center; background:url(/css/img/common/nav-sprite.png) 0 -44px no-repeat; font-size:14px; color:#FFF; text-decoration:none; line-height:35px; }
#nav li a.active { background-position: 0 0; color:#000; }

#home .nHome,
#profile .nProfile,
#account .nAccount { background-position: 0 0; color:#000; }

#container { background:#FFF url(/css/img/common/bg-content.gif) repeat-y; border:1px solid #6595ab; }

.round-t {
-moz-border-radius-topright:6px; 
-moz-border-radius-topleft:6px; 
-webkit-border-top-right-radius:6px; 
-webkit-border-top-left-radius:6px; 
-khtml-border-top-right-radius:6px; 
-khtml-border-top-left-radius:6px; 
border-top-right-radius:6px;
border-top-left-radius:6px;
	}

#alert { background:#fffddd; font-size:13px; padding:13px;  border-bottom:1px solid #AAA; color:#555; }
#alert p { margin:0 0 2px 0; }
#alert p strong { color:#000; font-size:14px; }

/*------------------------
/*		Left Column
/*-----------------------*/	

#content { float:left; width:735px; padding:0 0 15px 0; }
#content .section { margin:15px 25px 0 25px; }
#content .section #notice { clear:left; background-color:#fff89e; color:#000; font-size:14px; text-align:center; padding:10px; border:2px solid #f0eca8; margin:10px 0; }
#content .section .rounded { 
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px; }
#content .section h2.search { font-size:22px; font-weight:normal; padding:8px 0 8px 0; }

/*------------------------
/*		Side
/*-----------------------*/	

#side { float:right; width:221px;  }

#side ul { list-style:none; }
#side ul li { border-bottom:1px solid #c7dbe5; padding:15px; margin:0 0 0 0; }
#side ul li.flush { padding:0 0; }
#side ul li li { border:none; padding:0; margin:0; }
#side ul li p { line-height:135%; color:#444; }
#side ul li p.meta { font-size:11px; }
#side ul li p.title { margin-bottom:10px; font-size:14px; }

#side ul.users { margin:5px 0 5px 0; }
#side ul.users li { float:left; }
#side ul.users li img { height:24px; width:24px; margin:0 2px 2px 1px; }

#side .stats { margin:0 0 0 0; clear:both; }
#side .stats td { padding:0; vertical-align:top; }
#side .stats td+td { padding:0 12px; }
#side .stats td+td+td { padding:0!important; }
#side .stats td .numeric { font-weight:bold; text-decoration:none; font-size:18px;}
#side .stats .stats_count { display:block; }
#side .stats a:hover { text-decoration:none; }
#side .stats a:hover .stats_count { text-decoration:underline; }
#side .stats td .label { text-transform:lowercase; color:#666; }

#side .pages { margin:10px 0; }
#side .pages h3 { margin:5px 15px; }
#side .pages a { display:block; padding:5px 15px; font-size:14px; margin:1px 0 1px 0; color:#333;  }
#side .pages a span { float:right; }
#side .pages a.selected, 
#side .pages a:hover { text-decoration:none; background-color:#6595ab; color:#FFF; }

#side a.rss { display:block; padding-left:23px; padding-bottom:5px; background:url(/css/img/common/rss.gif) 0 2px no-repeat; font-size:12px; }

#shadow { height:2px;  background:url(/css/img/common/shadow.png) no-repeat; }


/*------------------------
/*	Forms
/*-----------------------*/	

.input-form div { clear:left; margin:0 0 15px 0; }
.input-form div.note { float:right; width:200px; margin:0 10px; font-size:12px; background:#e4e4e4; border:1px solid #bababa; color:#444; line-height:150%; }
.input-form div.note  p { margin: 10px; }
.input-form div label { float:left; width:135px; font-size:14px; padding:5px 0 0 ; }
.input-form p {  margin:0 0 5px 145px; }
.input-form p.hint { font-size:11px; color:#666;}
.input-form p.hint .grn { color:#090; }
.input-form p.option { color:#666; margin-bottom:10px; margin-top:10px;  font-size:11px; }
.input-form p textarea.text,
.input-form p input.text { width:300px;	border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:13px; background:#fff;padding:4px 5px; font:14px "Lucida Grande", Sans-serif; }
.btn, input[type=submit].btn, 
input[type=button].btn {
	background:#ddd url(/css/img/common/bg-btn.gif) repeat-x 0 0;
	width:auto;
	margin:0;
	overflow:visible;
	padding:4px 8px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	border-bottom-color:#ccc;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#333;
	text-shadow:1px 1px 0 #fff;
	cursor:pointer; }
.btn::-moz-focus-inner { padding:0; border:0; }
.btn-m, input[type=submit].btn-m, .input[type=button].btn-m { background-position:0 -200px; font-size:15px; line-height:20px; padding:5px 15px 6px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.btn:hover, .btn:focus, input[type=submit].btn:hover, input[type=button].btn:hover, input[type=button].btn:focus, button.btn:hover, button.btn:focus {
	border-color:#999 #999 #888;
	background-position:0 -6px;
	color:#000;
}
.btn-disabled { border-color:red; opacity:.6;	filter:alpha(opacity=60); background-image:none; }
.btn-disabled:hover, .btn-disabled:focus, input[type=submit].btn-disabled:hover, input[type=button].btn-disabled:hover, input[type=button].btn-disabled:focus, button.btn-disabled:hover, button.btn-disabled:focus { }

.input-form div.avatar label { width:50px; }
.input-form div.avatar p { margin-left:65px; }

/*------------------------
/*		Pagination
/*-----------------------*/	

#pagination { text-align:right; margin:5px 0 0 0; }
#pagination a { border:1px solid; padding:5px 10px; }

/*------------------------
/*		Sidebar Search
/*-----------------------*/	

#sidebar_search input {	border-color:#b4b4b4 #ccc #ccc #b4b4b4;	border-style:solid none solid solid; border-width:1px 0 1px 1px; width:150px!important; outline:none; height:17px; padding:0 0 0 5px; font-size:13px; color:#999; }

#sidebar_search_submit {
	background:url('/css/img/common/nav_search_submit.png') -2px 0!important;
}
#sidebar_search_submit:hover {
	background:url('/css/img/common/nav_search_submit.png') -2px -25px!important;
}
#sidebar_search_submit:active {
	background:url('/css/img/common/nav_search_submit.png') -2px -50px!important;
}

#sidebar_search input, #sidebar_search_submit {
	padding-top:4px!important;
	padding-bottom:4px!important;
	border-color:#999!important;
	vertical-align:middle;
}
#sidebar_search .submit {
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius-bottom-right:3px;
	-webkit-border-radius-top-right:3px;
	background-color:#EEE;
	background-position:center top;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	padding:0 10px 0 10px;
}


/*------------------------
/*		Clearfix
/*-----------------------*/	

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
