body{	
	font-family:    		helvetica, sans;	
	background-color: 	#dddddd;
	background-image: 	url(http://drubk.com/images/background.png);
	background-position: top;
	background-repeat:	repeat-x;
	}
	
div.drubkbox{
	width: 		100%;
	margin: 		auto;
	background: black;
/*	float: 		left; */
	}

div.drubkboxsingle{
	width: 		100%;
	margin: 		auto;
	background: black;
	}

@font-face {
	font-weight:normal;
	font-style:normal;
	}


div.navigation{
	margin: 		auto;
/*	float: 		left; */
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	width: 100%; 
	height: 50px;
	}	

div.filters{
	text-align:	center;
	font-size:	12px;
	padding: 	5px;
}	

div.supercontainer{
	background-image:url(drubkbg.png);
	border-color:black;
	border-style:solid;
	border-width:0 1px;
/*	float:left; */
	}

div.supercontainersingle{
	background-image:url(drubkbg.png);
	border-color:black;
	border-style:solid;
	border-width:0 1px;
	}

div.container{
/*	float:left; */
	padding:20px;
	}

div.containersingle{
	background-image:url(drubkbg.png);
	border-width:0px;
	padding: 	21px;
	}	
	
div.item{
	width: 		425px;
/*	float: 		right; */
	margin: 0px 10px 10px 0px; 
	background: white;
	padding: 	0px;
	-moz-box-shadow: 0px 2px 2px #555555;
	-webkit-box-shadow: 0px 2px 2px #555555;
	}

div.singleitem{
	width: 425px;
	margin: 	auto; 
	background: white;
	padding: 	0px;
	-moz-box-shadow: 0px 2px 2px #555555;
        -webkit-box-shadow: 0px 2px 2px #555555;
	}

div.adwords{
	background-image:url(drubkbg.png);
	border-color:black;
	border-style:solid;
	border-width:0 1px;
	padding:0px;
/*	float: left; */
	width: 100%;
	}

.bannerspot{
	position: relative;
	display: inline-table;
	height: 60px;
	width: 468px;
	}

.col1{
	width: 218px;
}

.col2{
	width: 436px;
}

.col3{
	width: 654;
}

.col4{
	width: 872;
}

.date{
	font-size:	70%;
	color:	#dddddd;
	margin-left: 10px;
	margin-right: 10px;
	}
	
.loggedindate{
	font-size:	70%;
	color:	#ff0000;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	}
	
.loggedindate:hover{
	text-decoration: underline;
	}

.image{
	border: 0px;
	}

.itemid{
	color: white;
	font-weight: bold;
	text-decoration: none;
	background: black;
	padding-left: 10px;
	padding-right: 10px;
	border:	1px black solid;
	}	
	
.itemid:hover{
	color:	#bb1111;
	text-shadow:	0px 0px 4px #FF0000;
	}
	
.itemidbox{
	border: 1px black solid;
	padding-right:5px;
	width: 1%;
	white-space: nowrap;
}

.itemidbox:hover{
	color: red;
}

.title{
	color: 			#ffffff;
	font-size:		60px;
	padding:			0px;
	padding-top:	5px;
	padding-bottom:	5px;
	font-family: 	'Blackout Midnight', Georgia, serif;
	text-align:		center;
	text-decoration: none;
	text-shadow:    0px 0px 5px #d9d9d9;
	}

.byline{
	color:			#dddddd;
	font-size:		13px;
	padding:			0px;
	font-family:	'Droid Serif', Georgia, serif;
	text-align:		center;
	letter-spacing: 3px;
	font-variant:	small-caps;
	}

.link { 
	cursor: 	pointer;
	text-decoration: none;
	color: 	white;
	border: 	none;
	padding-left:	5px;
	padding-right:	5px;
	padding-bottom:	5px;
	}
	
.link:hover{
	text-decoration: underline;
	}

.linkselected{
	font-weight:	bold;
	background:	white;
	color:	black;
	}

.graylink {  
	cursor: 	pointer;
	text-decoration: none;
	color: 	#bbbbbb;
	border: 	none;
	margin-left: 5px;
	margin-right: 5px;	
	}	
	
.graylink:hover { 
	text-decoration: underline;
	color: #999999; 
	text-shadow:     0px 1px 2px #CCCCCC;
	}
	
.darkgraylink {  
	cursor: 	pointer;
	text-decoration: none;
	color: 	black;
	border: 	none;
	margin-left: 10px;
	margin-right: 10px;	
	font-weight: bold;
	}	
	
.darkgraylink:hover { 
	text-decoration: underline;
	}

.blacklink {  
	cursor: 	pointer;
	text-decoration: none;
	color: 	black;
	margin-left: 15px;
	margin-right: 15px;
	text-shadow:     0px 1px 2px #919191;
	}	

.linkbody{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	}

.linktitle{
	color: 		black;
	text-decoration: none;
	font-size:	20px;
	text-shadow:     0px 1px 2px #919191;
	}

.linktitle:hover{
	text-shadow:     0px 1px 2px #444444;
	}

.linktext{
	font-size: 70%;
	color: gray;
}

.news{
	color: 		#222222;
	font-size:	18px;
	}

.protip{
	color:	black;
	font-weight:	bold;
	letter-spacing:	-1px;
	line-height:	21px;
	text-shadow:	0px 1px 2px #919191;
	font-style:	italic;
	font-size:	140%;
	position:	relative;
	left:	-10px;
	padding-top:	5px;
}

.protipbody{
	color: black;
	width: 90%;
	position: relative;
	left: 20px;
	margin:5px 10px 10px;
}

.quote{
	color: 		#222222;
	font-size:	18px;
	font-style:	italic;
	}
	
.quotetext{
	font-size: 70%;
	color: gray;
	width: 90%;
	text-align: right;
}

.quotationmarks{
	font-size: 120%;
}

.imagetext{
	font-size: 70%;
	color: #666666;
}

.iteminfo{
	visibility: hidden;
	text-align: center;
	font-size: 80%;
}

.videotext{
	font-size: 70%;
	color: gray;
}

.videolink{
	font-size: 70%;
	color: gray;
}

.deleted{
	font-size: 150%;
	font-weight: bold;
	color:	black;
}

.whiteout{
	background-color: black; 
	opacity: 0.50;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.logindiv{
	position: absolute;
	top: 30px;
	left: 50%;
   margin-left: -250px;
	background-color: white;
	padding: 10px;
	border: 1px solid black;
	z-index: 11;
	visibility: hidden;
	text-align: center;
	width: 500px;
}

.logintext{
	text-align: left;
	font-size: 120%;
}

.logininput{
	border: 1px solid black;
	font-size: 120%;
}

.editzindex{
	z-index:1000;
}

.edittext{
	color:	#666666;
	font-size: 80%;
}

.editinput{
	border: 1px solid black;
	width: 100%
}

.votetext{ 
	cursor: 	pointer;
	text-decoration: none;
	color: 	black;
	font-size: 80%;
	padding-left: 5px;
	}
	
.votetext:hover{
	text-decoration:	underline;
	text-shadow:    0px 1px 2px #919191;
	}
	
}