body {
background-image: url(images/background5.jpg);
background-repeat: no-repeat;
background-color: #eee;
background-attachment: fixed;
}

ul { list-style-type: none;
margin:0px;
padding:0px;
} 

a { color: #AB4B12;
text-decoration:none; } 

a:hover { color: #DC762A;
text-decoration:underline; } 

h2 {
margin-top:10px;
margin-bottom:4px;
font-size:26px;
line-height:26px;
font-family: Georgia;
font-weight:normal;
}

.mainStart {
float:left;
background-color:#eee;
width: 470px;
font-size: 20px;
line-height:24px;
color: #333;
padding: 3px;
font-family: Georgia;
border: 3px solid #999;
margin-bottom:5px;
margin-top:3px;
}

.mainBody {
background-color:#fff;
position:absolute;
width: 700px;
font-size: 18px;
left:50%;
margin-left:-350px;
line-height:24px;
color: #333;
padding: 3px;
font-family: Georgia;
min-height:100%;
border: 3px solid #fff;
padding-bottom:20px;
}

.sideBar {
float:left;
width: 200px;
font-size: 16px;
line-height:22px;
color: #333;
padding: 3px;
font-family: Georgia;
}

.widgetBox {
float:left;
border: 2px dotted #999;
width: 100%;
font-size: 11px;
line-height:13px;
color: #333;
padding: 3px;
font-family: Georgia;
margin-top:10px;
margin-bottom:10px;
}

.tagCloud {
font-size: 12px;
line-height:13px;
}

.tagCloudPrev {
font-size: 11px;
line-height:11px;
}

.otherBox {
float:left;
width: 100%;
font-size: 13px;
line-height:16px;
color: #333;
padding: 3px;
font-family: Georgia;
margin-bottom:15px;
}

.postRow{
float:left;
width:100%;
padding-top:3px;
padding-bottom:3px;
border-bottom: 1px solid #999;
}

.orderBox{
font-size:13px;
float:left;
width:100%;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #999;
background-color:#eee;
margin-bottom:3px;
}

.mainPost{
float:left;
width:440px;
cursor: pointer;
}

.voteBox{
color:#999;
font-family:arial;
font-size:18px;
font-weight:bold;
float:left;
width:34px;
padding-top:3px;
padding-bottom:3px;
border: 2px solid #ccc;
cursor: pointer;
background-color:#fff;
}

.postRow:hover{
background-image: url(images/back.jpg);
}

.mainBoxAuthorHeading{
font-size: 14px;
text-transform: uppercase;
font-family: arial;
color: #666;
}

.mainBoxTags{
font-size: 12px;
text-transform: uppercase;
font-family: arial;
color: #999;
}

.mainBoxMainHeading{
font-size: 20px;
font-family: arial;
color: #333;
}

/* NAVIGATION  */	
.topLogo {
	float:left;
	background:#fff;
	margin-left:-6px;
	margin-right:-12px;
	font: 40px georgia;
	height:60px;
	width:712px;
	border-bottom: 1px solid #333;
	}

.mainNavigation {
	float:left;
	background:#fff;
	margin-bottom:10px;
	margin-left:-6px;
	margin-right:-18px;
	padding-right:0px;
	font: 22px arial;
	height:40px;
	width:712px;
	border-bottom: 2px solid #333;
	}
	
.navigationHover {
  background: #ccc;
  }

  .navigationSelected {
  background: #333;
  color: #fff;
  }
  
.mainNavigation li {
 display:block;
 float:left;
 line-height:30pt;
 display: inline;
 border-right:1px solid #000;
  padding-right:12px;
 padding-left:12px;
 cursor:pointer;
  }
  
.mainPost img{
float:left;
width:75px;
border: 1px solid #999;
margin-left:2px;
margin-right:2px;
}

.mainBar {
float:right;
width: 480px;
font-size: 16px;
line-height:22px;
color: #333;
padding: 3px;
font-family: Georgia;
}

.smallBox{
font-size: 12px;
font-family: Georgia;
color: #333;
position:absolute;
width: 150px;
height: 212px;
background-color: #fff;
border: 1px solid #999;
}

.codeBox{
margin-top:5px;
font-size: 10px;
font-family: arial;
color: #003366;
width: 180px;
height: 100px;
background-color: #eee;
border: 1px solid #999;
}

.topLine{
float:left;
font-size: 10px;
font-family: arial;
text-transform: uppercase;
width: 100%;
height: 16px;
background-color: #eee;
border-bottom: 1px solid #999;
}

.topLine li{
cursor: pointer;
float:left;
line-height:16px;
padding-left:2px;
padding-right:2px;
border-right: 1px solid #999
}

.topLine li:hover{
background-color:#ccc;
}

.boxLive{
float:left;
width:100%;
height:196px;
overflow:hidden;
}

.livePosts{
height: 195px;
position:relative;
overflow-y:scroll;
overflow-x:hidden;
border-bottom:1px solid #999;
}


.boxRow{
float:left;
width:100%;
padding-top:1px;
border-bottom: 1px solid #999;
}

.boxPost{
width:106px;
float:left;
padding-top:3px;
cursor: pointer;
}

.voteBoxSmall{
color:#999;
font-family:arial;
font-size:10px;
font-weight:bold;
float:right;
margin-right:2px;
width:14px;
padding:2px;
cursor: pointer;
background-color:#fff;
}

.boxDate{
float:left;
width:100%;
padding-top:2px;
font-weight:bold;
font-size:9px;
height:12px;
padding-left:5px;
font-family:arial;
background-color:#eee;
border-bottom: 1px solid #ccc;
}

.liveMore{
float:left;
width:100%;
height:12px;
padding-top:3px;
font-size: 10px;
text-transform: uppercase;
font-family: arial;
color: #8B0000;
line-height:10px;
}

#down {
cursor: pointer;
}

#up {
cursor: pointer;
}

#down:hover{
background-color: #eee;
text-decoration:underline;
}

#up:hover{
background-color: #eee;
text-decoration:underline;
}

.boxRow:hover{
border-bottom:1px solid #000;
}

.boxPost img{
float:left;
width:30px;
border: 1px solid #999;
margin-left:2px;
margin-right:2px;
}

.boxPost img:hover{
border: 1px solid #333;
}
.smallHeading{
font-size: 8px;
text-transform: uppercase;
font-family: arial;
color: #8B0000;
}

.likes{
z-index:99;
float:right;
font-size: 8px;
text-transform: uppercase;
font-family: arial;
color: #8B0000;
margin-top:7px;
width:20px;
height:10px;
padding:1px;
border-top:1px solid #999;
border-left: 1px solid #999;
}

.likes img{
width:10px;
height:10px;
border:0px;
margin:0px;
padding:0px;
float:right;
margin-top:-10px;

}

.likes img:hover{
border:0px;
}
.mainHeading{
font-size: 10px;
font-family: arial;
color: #333;
}
.photoCollection{
float:left;
width:690px;
font-size: 10px;
font-family: georgia;
color: #666;
margin-top:5px;
padding:4px;
border: 1px solid #ccc;
background-color:#eee;
margin-bottom:6px;
}

.photoCollection img{
float:left;
width:40px;
padding:3px;
cursor:pointer;
}