/* CSS Document */
body{padding:0px; margin:0px; background:url(/images/mainbg.gif) 0 0 repeat-x #fff; color:#000; font:14px/18px Arial, Helvetica, sans-serif;}
/*div,  h2, img{padding:0px; margin:0px;} */
/*ul{list-style-type:none;}*/
a{ color:#000; text-decoration:underline;}
a:hover{ color:#666; text-decoration:underline;} 

/*----TOP PANEL----*/
#topPan{width:778px; height:87px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:229px; height:52px;  color:#666; position:absolute; top:15px; left:0px; padding:0 0 0 35px;}

#topPan h1 {color:#6BB600; background:#fff;font-size:54px;margin:14px 15px 6px 33px;font-family: times,Helvetica, sans-serif;}
#ImgPan  {padding-bottom:5px;}
#ImgPan h1 a {color:#6BB600;text-decoration:none;}


#tagline{color:#ccc;text-align: center;border-bottom:1px dotted #ccc; }

#loginregister{float:right;font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#bodyPan{width:820px; position:relative; margin:0 auto;}




#bodyPan h1 {font-size: x-large;color:#000;}
#bodyPan h1 a {text-decoration:none;}

#bodyPan h2 {font-size: large; padding:0px;margin:0px;}
#bodyPan h2 a {text-decoration:none;}

#openingpage h1 {font-size: x-large;color:#cc3300;}


#leftcontent {
		float:left;
		width:570px;
		padding:5px;
		border-right:1px dotted #ccc;
		margin-right:15px;
		background: #fff;
		}



#tagbox {background: #F4F4F4; border: 1px solid #ccc;padding:0 px; margin: 0px;}

#tagbox h2 {color:#6BB600;border-bottom: 1px dotted #000; padding:1px;}

#spacer {padding:4px;}

#rightcontent {float:left;width:215px;}
		
#liststats {background: #CDEB8B; border: 1px solid #ccc;padding:0 px; margin: 0px;}

#liststats h2 {color:#6BB600;border-bottom: 1px dotted #000; padding:1px;}




#pllogo {
padding-top: 18px;
padding-bottom: 18px;

}
		
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(/images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(/images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(/images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
/*----Body Middle Panel----*/

#bodyPan p.description{font-size:15px;margin: 0 0 0 2px;}


#bodyMiddlePan{width:689px; position:relative; margin:0 auto;}


/* ------------------------------------------------------------- */
/* FOOTER LINKS */
#footer{text-align:center;background:url(/images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:133px; clear:both;width:100%; float: left;text-align: center;}
#footer p.copyright{ background:#F4F4F4; color:#212121;}
#footerlinks{font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;padding:15px 0 0; font-weight:normal; height:30px;margin- top:36px;width:100%; float: left;text-align: center; }
#footerlinks ul {list-style: none; padding: 0;   width: 100%; margin-left: auto;margin-right: auto; }
#footerlinks li {color:#212121;    font-weight: bold;  

margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
	
	#footerlinks ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

	
#footerlinks a { font-weight: bold; text-decoration: none}
#footerlinks a:hover {text-decoration: underline}
/* END FOOTER LINKS */
/* ------------------------------------------------------------- */




#addform { background:#F4F4F4; }
#addform h3{color:#009900}







/* Main Page OL List CSS */




/* End */

/*

List CSS Styling

*/
.list {

margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:555px;

}
.list li {
/*border:1px solid #e0c77b;
padding: 3px 0 5px 5px;
margin:3px 0;*/
color:#444;
font-weight:bold;
/*background:#fef8c1;*/

background-position: top right;
background:url(/images/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;	
border:none;
border-top:#eee 1px solid;
border-left:#eee 1px solid;	
background-color: #c3d9ff;
margin:0 4px 4px 0;
}



#itemwrapper{width:490px;}

.handle{float:right;cursor: move;width:30px;height:24px;border:1px;clear:both;
background-image: url(/images/listicons/shuffle.png);
background-repeat: no-repeat;
background-position: top right;
}

.list li:hover {
background-color: #FFFF88;
}


.description {
background:#FFF; width:100%;font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;font-weight:normal;border:1px solid #000;cursor:default;padding: 5px 0px 5px 5px;

}


/*

END List CSS Styling

*/


#rank{height:100%;color:#9999cc;float:left;line-height:100%;}



#listitem{margin-left:20px;width:450px;}


/* ------------------------------------------------------------- */
/* START HOMEPAGE LIST */
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
ol li {
  padding: 0 0 8px 28px;
  background-color: #fff;
}
.index_description {
  font: 12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.voteanddate {
  font: 12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.index_name {
  position: relative;
  min-height: 1px; /* for IE7 */
}
.index_name a {
  color: #00008B;
  font-size: 19px;
  padding-bottom: 1px;
}
.index_name a:visited {
  color: #696969;
}
.index_name a:hover {
  color: #008000;
}
.votethumbs {
  width: 28px;
  color: #000;
  font-weight: bold;
  position: absolute;
  margin-left: -28px;
  top: 0;
}
#votethumbsright {
  float: right;
  width: 28px;
  height: 100px;
  color: #000;
  font-weight: strong;
}
#index_wrapper {
 
}

/* ------------------------------------------------------------- */
/* END HOME PAGE LIST */


.attention{font-weight:bold;}

.positive{
color:green;font-weight:bold;
}
.negative{
color:red;font-weight:normal;
}

#negative{
padding:4px;margin:4px;color:#fff;font-weight:strong;background: #CC0000;text-align:center;
}

#positive{
padding:4px;margin:4px;color:#000;font-weight:strong;background: #CDEB8B;text-align:center;
}

.required{font-weight:normal;font-size: 20px;color:red;}


#nodata{color:red;font-weight:strong;background: #ffffbb;text-align:center;}

#errormessage{background: #ffdd00;}

.dellink{background: #ffdd00;font-weight:strong;text-decoration:none;}
.editlink{background: #ffdd00;font-weight:strong;text-decoration:none;}


#buttonbar li, #buttonbar li a
{
font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
font-weight:normal;
color: #0000cc;
padding:0px;
margin:0px;
display: inline;
list-style-type: none;
padding-right: 3px;
}





.clear {
clear:both;
height:1px;
overflow:hidden;
}


.hint {
margin:10px 0;
background:#FFFFCC;
padding:6px;
}

#msg {
width:100%;
margin:10px 0;
background:url(/js/loading.gif) no-repeat 0 50%;
padding-left:35px;
}


#beta_box {

border:1px dashed #000;
padding: 5px;
margin:3px;
color:#000;
background:#fef8c1;
width:500px;
margin:0px auto;
text-align:center;
padding:15px;
}


#pointbox {

border:1px dashed #000;
padding: 2px;
margin:2px;
margin:0px auto;
color:#000;
background:#fef8c1;
width:130px;
text-align:center;
}

#pointbox #points{
font-weight:strong;
font-size: 15px; 
}


		
#socialbookmarks ul{list-style: none;padding:2px;margin:2px}
#socialbookmarks ul li{font: "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;font-size: 10px; padding:0px;margin:0px;}
#socialbookmarks ul li a{text-decoration:none;}
#socialbookmarks ul li a:hover{}






/*TABLE*/
table
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 100%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table th
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 

table.center {
text-align: center;
}


/*PHOTOS*/

#photo
{
	background:url(/images/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
	float: right; 
	margin:0 10px 10px 0;
	text-align:center;
}





/* PAGINATION */
.pagination{
padding: 2px;
text-align: center;
}



.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


/*CATEGORY MENUS*/

#invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #B02B2C; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin: 10px 0 0 0;
}

#invertedshiftdown2 ul{

padding: 0;

width:900px; position:relative; margin:0 auto;
}

#invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #356aa0; /*Default menu color*/
border-bottom: 8px solid white;
}

#invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

body.technology #technology_tab a,body.worldbusiness #worldbusiness_tab a,body.science #science_tab a,body.gaming #gaming_tab a,body.lifestyle #lifestyle_tab a,body.entertainment #entertainment_tab a,body.sports #sports_tab a,body.offbeat #offbeat_tab a,body.misc #misc_tab a,body.adult #adult_tab a {
background-color: #B02B2C; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #B02B2C; /*Highlight red color theme*/
color: white;
}


#invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #B02B2C; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #B02B2C; /*Highlight red color theme*/
color: white;
}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
 /*overflow: hidden;See: http://www.quirksmode.org/css/clearing.html */
width:468px; height:40px; position:absolute; top:43px; right:45px;
}

 #buttonwrapper ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#buttonwrapper ul li { 
display: inline; 
 width: 6em;
}

#buttonwrapper ul li a
{
text-decoration: none;
font-weight:strong;
padding: 1px 8px 1px 8px;
color: #000;
background-color: #c3d9ff;
border-top:1px solid #000;
border-bottom:4px solid #36393d;
border-left: 1px solid #333333;
border-right: 1px solid #333333;

}

#buttonwrapper ul li a:hover
{
color: #000;
background-color: #f9f7ed;
}

/* ------------------------------------------------------------- */
/* START HOMEPAGE LIST */
 dl { border: 1px solid #ccc; padding: 0.5em; } 
 dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: #000066; } 
 dt:after { content: ":"; } 
 dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }
/* ------------------------------------------------------------- */
/* END HOME PAGE LIST */

div#centered {
ÊÊÊÊÊÊborder: 0;
ÊÊÊÊÊÊbackground-color: white;
ÊÊÊÊÊÊheight: 20%;
ÊÊÊÊÊÊwidth: 20%;
ÊÊÊÊÊÊposition: absolute;
ÊÊÊÊÊÊleft: 40%;
ÊÊÊÊÊÊtop: 40%;
ÊÊÊÊÊÊcolor: black;
ÊÊÊÊÊÊZ-index: 100;
ÊÊÊÊÊÊ}
div#main {
ÊÊÊÊÊÊposition: absolute;
ÊÊÊÊÊÊleft: 20%;
ÊÊÊÊÊÊtop: 50%;
ÊÊÊÊÊÊ}


#commentnav {
border: 1px solid #000;
padding: 4px;
margin: 8px;
background-color: #ccc;
width: 425px;

}

#comments  ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
/* text-indent: -1em; */
width:400px;
}

#comments  ul li {
color:#000;
font-weight:normal;
padding: 3px 0 3px 30px;
margin: 0 0 0 5px;
background-color: #fff;
border: 0px; /*Highlight red color theme*/
border-bottom: 1px solid #000; /*Highlight red color theme*/

}

#comments  ul li.link  {
background: url(/images/asseticons/link.png) no-repeat 0 5px;
}
#comments  ul li.address  {
background: url(/images/asseticons/address.png) no-repeat 0 5px;
}
#comments  ul li.photo  {
background: url(/images/asseticons/photo.png) no-repeat 0 5px;
}
#comments  ul li.video  {
background: url(/images/asseticons/video.png) no-repeat 0 5px;
}
#comments  ul li.comment  {
background: url(/images/asseticons/comment.png) no-repeat 0 5px;




}