body {
background:#EEEEEE;
color:#333;
fonts-size:80%;
width:90%;
margin:0 auto;
padding:0 0 20px;
}

a:link,a:visited {
color:#0071B5;
}

#wrap {
position:relative;
background:#FFFFFF;
text-align:left;
margin:0 auto;
padding:5px;
}

#sidebar {
position:absolute;
top:0;
left:auto;
right:0;
width:247px;
margin-right:5px;
}

#contentbox {
margin-right:272px;
margin-left:5px;
width:auto;
}

#contentbox #breadcrumb {
margin-top:-5px;
font-size:85%;
font-weight:700;
text-decoration:none;
}

#content-wrap2 {
background:#fff;
position:relative;
min-height:1250px;
height:auto;
margin:0 0px;
}

* html #content-wrap2 {
height:850px;
}

h1,h2,h3,h4,h5,h6 {
letter-spacing:-1px;
font-family:arial,verdana,sans-serif;
color:#000;
border-bottom:1px solid #EEEEEE;
margin:.9em 0 .3em;
}

h1 {
font-size:196%;
margin-top:.6em;
}

h2 {
font-size:136%;
color:#330066;
}

h3 {
font-size:126%;
}

h4 {
font-size:116%;
}

h5 {
font-size:106%;
}

h6 {
font-size:96%;
}

ul {
list-style:none;
}

hr {
background:#f2f2f2;
height:1px;
color:#f2f2f2;
border:none;
clear:both;
margin:1em 0;
}

.clear {
clear:both;
position:relative;
font-size:0;
height:0;
line-height:0;
}

li {
line-height:1.4em;
}

a,a:link,a:link,a:link,a:hover {
cursor:pointer;
}

a:hover,a:active {
color:#330099;
}

.search2 {
float:right;
padding-right:20px;
padding-top:7px;
}

#headbar {
background:url("../images/headbar.png") repeat-x 0 100%;
vertical-align:middle;
margin:0 20px;
padding:5px 10px 0;
}

#header {
width:100%;
position:relative;
margin:0 0 2px;
padding:0 0 8px;
}

#headbar form .login {
width:100px;
}

#headbar ul {
padding:2px 0 4px;
}

#headbar ul li {
display:inline;
}

#header #site-name {
font:265% arial;
letter-spacing:-0.05em;
height:60px;
color:#fff;
border:none;
margin:0 0 0 20px;
padding:3px 0;
}

#sorts {
position:absolute;
right:0px;
margin-top:-18px;
font-size:12px;
}

#sorts p {
font-size:12px;
}

#sorts a {
color:#330099;
font-size:12px;
}

#sorts img {
margin-bottom:-2px;
}

#cab {
height:30px;
margin-left:20px;
}

#topmenu{
background-image:url(../images/menuback.gif);
height:30px;
text-align:left center;
}

#topmenu a{
color:#FFFFFF;
}


#navbar {
color:#666;
font-size:12px;
margin:0px 0px 0;
padding:1px;
}

#story-navbar {
color:#666;
font-size:11px;
margin:2px 20px 0;
padding:14px 0 7px 10px;
}

#cab ul {
list-style:none;
padding:0 10px 0 30px;
}

#cab li {
float:left;
text-align:center;
display:block;
}

#cab a.navbut3 {
float:left;
background:#EEE;
text-decoration:none;
display:block;
height:33px;
color:#000;
font-weight:700;
margin:0 1px;
padding:0 6px 0 0;
}

#cab a.navbut3:hover {
background:#EDF6FF;
color:#330066;
}

#cab a.navbut3 span {
float:left;
background:#EEE;
text-align:center;
display:block;
padding:9px 0 5px 6px;
}

#cab a.navbut3:hover span {
background:#EEE;
}

#cab a.navbut4 {
float:left;
background:#EDF6FF;
text-decoration:none;
display:block;
height:33px;
color:#000;
font-weight:700;
margin:0 1px;
padding:0 6px 0 0;
}

#cab a.navbut4 span {
float:left;
background:#EDF6FF;
text-align:center;
display:block;
padding:9px 0 5px 6px;
}

.cab {
padding:0 10px 30px 5px;
}

.cab span a {
border:solid 1px #EEEEEE;
display:block;
float:left;
width:100px;
height:23px;
text-align:center;
text-decoration:none;
color:#000;
font-weight:700;
padding:6px 0 0 2px;
}

form {
margin:0 0 1.5em;
}

input {
font-family:arial,tahoma,verdana,sans-serif;
margin:2px 0;
}

fieldset {
border:1px solid #ccc;
font-weight:400;
margin:1em 0;
padding:1em 1.5em;
}

* html fieldset {
background:none;
}

fieldset dt {
clear:left;
float:left;
width:18em;
text-align:right;
padding:0 1em 0.5em 0;
}

fieldset dd {
font-weight:700;
padding:0 0 0.5em;
}

fieldset.labels label {
width:10em;
float:left;
text-align:right;
display:block;
padding:0.2em 0.5em 0.2em 0;
}

fieldset.labels div {
clear:left;
padding:0.2em 0;
}

label {
display:block;
font-weight:700;
padding:5px 0;
}

label br {
clear:left;
}

legend {
color:#000;
padding:0 0.5em;
}

table td,table th {
text-align:left;
padding:0 4px;
}

table th {
background:#EEEEEA;
padding:4px;
}

table th a:hover {
background:none;
color:#C00;
}

.featurebox {
background:#edf6ff;
border:1px solid #999999;
margin:0 0 15px;
padding:1px 1px 1px 1px;
font-size:75%;
}

.featurebox p {
border:none;
color:#444;
margin:0 0 1em;
}

.featurebox a:hover {
color:#330099;
text-decoration:underline;
}

.featurebox li a {
margin-left:-10px;
padding-left:20px;
line-height:2em;
}

.featurebox li.rmore {
list-style:none;
margin-left:155px;

}

.featurebox li.rmore a {
text-decoration:none;
font-size:12px;
line-height:2.2em;
}

.featurebox ul {
margin-left:10px;
margin-bottom:10px;
}

.featurebox ul a {
margin-bottom:5px;
}

.tlb {
background:#0D92FF;
margin:0px 0px 0;
color:#FFFFFF;
padding:3px 10px 5px;
}

.tlb a a:visited {
font-weight:700;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

.tlb strong {
font-weight:700;
color:#330066;
}

.tlb a:hover {
color:#000;
text-decoration:none;
}

.tlb span {
float:right;
margin-top:-3px;
margin-right:0;
}

.tlb2 {
margin:5px 0 0;
padding:0 0 20px;
}

.tlb2 span a {
background:#FFF;
margin-right:8px;
cursor:pointer;
float:left;
display:block;
color:#66c;
width:100px;
height:21px;
text-align:center;
padding-top:0px;
}

.tlb2 span.selected a {
background:#EEE;
width:100px;
height:21px;
cursor:text;
float:left;
display:block;
margin-right:8px;
font-weight:700;
color:#666;
text-align:center;
padding-top:0px;
}

.sstories {
background:#EEEEEE;
padding-top:3px;
padding-right:13px;
float:left;
}

.count_total {
margin-left:8px;
color:#330066;
font-weight:700;
font-size:110%;
}

#nav-secondary,#nav-secondary ul {
position:static;
margin:0;
}

#nav-secondary,#nav-secondary li {
list-style:none;
display:block;
margin:0;
padding:0;
}

#nav-secondary {
padding-top:0;
margin-top:10px;
}

#nav-secondary a {
line-height:1.5;
font:96% arial;
display:block;
color:#66c;
border-bottom:1px solid #eadfb4;
}

#nav-secondary a:hover {
color:#666;
}

a.switchurl {
border-bottom:1px solid #eadfb4;
display:block;
margin-right:8px;
padding:0 0 4px 5px;
}

.news-summary {
position:relative;
clear:left;
width:100%;
padding:0px 0 10px;
}

.top {
padding:5px;
border:1px solid #C9D3D7;
}

.top h4 {
padding-left:4px;
font-size:160%;
font-weight:400;
margin:0;
}

.top h4 a:link,.top h4 a:visited {
color:#36c;
font-weight:700;
}

.toptitle {
padding:3px 5px;
border-color:#0D92FF;
border-width:1px 1px 1px 7px;
border-style:solid;
background:#edf6ff;

}

.toptitle a:link,.toptitle a:visited {
color:#005e94;
font-weight:700;
}

.toptitle a:hover {
color:#333;
}

.news-submitted {
font-size:75%;
margin-bottom:3px;
color:#999;
}

.news-submitted a {
color:#999;
text-decoration:underline;
}

.news-submitted img {
float:left;
margin-right:4px;
margin-top:3px;
vertical-align:bottom;
z-index: 1;
position:relative;
}

.news-body-text {
font-size:75%;
margin:10px 0 0;
}

.news-details {
font-size:75%;
margin:0;
}

.news-details a:hover,.news-details a:active {
color:#333;
text-decoration:underline;
}

.news-details b {
color:#c00;
}

* html .news-details {
padding-right:136px;
}

.news-details .comments_no {
padding-left:37px;
border-left:none;
}

ul.news-details li li {
border-left:none;
float:none;
height:21px;
}

.news-upcoming {
background:url("../images/vote.png") no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:55px;
text-align:center;
font-size:75%;
list-style:none;
margin:0;
padding:0;
}

.news-upcoming2 {
position:absolute;
left:0;
text-align:center;
font-size:75%;
list-style:none;
margin:0;
padding:0;
}

.vote-publish a {
font-size:26px;
letter-spacing:-1px;
text-decoration:none;
line-height:48px;
padding:15px 0 6px;
}

.vote-publish a small {
font-size:12px;
letter-spacing:0;
text-decoration:none;
}

.vote-publish a:hover,.vote-publish a:active {
text-decoration:none;
color:#000;
}

.vote a:link,.vote a:visited,.vote span {
display:block;
color:#330066;
font-size:12px;
text-decoration:none;
padding:4px 0 5px;
}

.vote span {
color:#ccc;
font-size:11px;
}

#comment-wrap {
border-bottom:solid 1px #e1e1e1;
}

#comment-head {
background:#e1e1e1;
width:100%;
}

.comment-body {
background:#fafafa;
padding:0 4px;
}

.comment-info {
background:#fafafa;
font-size:80%;
text-align:right;
padding-right:4px;
}

.avatar {
float:left;
width:15px;
height:15px;
margin:1px 0 0;
}

#comment-subhead {
float:right;
margin-top:-21px;
font-size:11px;
}

.ratemey {
background:#090;
padding:1px 5px;
}

.ratemen {
background:#c00;
color:#fff;
padding:1px 6px;
}

.rateme {
color:#fff;
font-size:14px;
}

#stats {
}

#personal_info {
}

.live2 {
background-repeat:no-repeat;
background-position:bottom right;
margin:10px;
}

.live2 strong {
font-size:95%;
}

.live2-item {
width:100%;
clear:both;
border-bottom:1px solid #ccc;
min-height:25px;
text-align:center;
overflow:hidden;
padding:5px 2px 0;
}

.live2-ts,.live2-type,.live2-votes,.live2-story,.live2-who,.live2-status {
float:left;
display:block;
}

.live2-type img {
border:none;
vertical-align:middle;
margin:0;
}

.live2-story {
width:37%;
text-align:left;
}

.live2-who {
width:18%;
text-align:left;
}

.live2-status {
width:15%;
text-align:left;
}

.live2-problem {
color:red;
}

.pagination {
color:#666;
margin:0 0 1.5em;
padding:4px 2px 4px 7px;
}

.pagination p {
position:relative;
text-align:right;
}

.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active {
text-decoration:none;
background:#fff;
margin-right:1px;
padding:2px 5px;
}

.pagination p a:hover {
background:#330066;
color:#fff;
}

.pagination p span {
text-decoration:none;
background:#fff;
margin-right:1px;
padding:2px 5px;
}

.pagination h4 {
margin-top:-1.45em;
border:none;
padding:0;
}

.footer {
border-top:1px solid #E3E8EE;
font-size:86%;
color:#999;
margin-top:15px;
padding:10px 0 30px 15px;
}

.footer a:link {
color:#999;
}

.error {
color:#c00;
font-weight:700;
margin-top:10px;
border:1px solid red;
background:#FFC5BE;
padding:5px;
}

.success {
color:#390;
font-weight:700;
}

*,fieldset dl {
margin:0;
padding:0;
}

#contentbox #breadcrumb a:link,#contentbox #breadcrumb a:hover,#contentbox #breadcrumb a,#content #breadcrumb a:active,#content #breadcrumb a:visited,.news-submitted a:hover {
text-decoration:none;
}

img,.news-details select {
border:none;
}

#cab a:hover,#cab a.navbut4:hover,.vote-publish a:link,.vote-publish a:visited,.footer a:hover {
color:#FFFFFF;
}

#cab a:hover,#cab a.navbut4:hover,.vote-publish a:link,.vote-publish {
color:#0071B5;
}


#headbar form,.pagination * {
margin:0;
}

#headbar ul a,#navbar a {
color:#005e94;
text-decoration:none;
}

#headbar ul a:hover,#navbar a:hover {
text-decoration:underline;
}

#sorts a:hover,#cab a,#cab span a:hover,.top h4 a:hover,.vote a:hover {

}

.cab span.selected,.tlb2 span.selected {
background:#EDF6FF;
cursor:text;
font-weight:700;
color:#666;
text-align:center;
}

.cab span.selected a,.cab span a:hover {
background:#EDF6FF;
display:block;
float:left;
width:100px;
height:23px;
text-decoration:none;
color:#000;
font-weight:700;
padding:6px 0 0 2px;
}

input.submit,input.submit-s,input.log2 {
border:1px solid #000;
font-size:9pt;
font-style:normal;
font-variant:normal;
font-weight:400;
height:20px;
line-height:normal;
padding:1px;
}

table,#wrapper,#bookmarklet {
width:100%;
}

.featurebox a,.news-details a:link,.news-details a:visited {
text-decoration:none;
}

.featurebox .tlb a {
color:#FFFFFF;
}



.news-details .tool,.news-details .tool-right {
display:block;
float:left;
padding:0 4px;
}

.live2-ts,.live2-type,.live2-votes {
width:10%;
text-align:left;
}




a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(../images/form_buttons.png);
    _background-image:url(../images/form_buttons.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}