/* colours 
dark blue: #0f508f
top box blue: #447ab7
light blue: #c8def7
yellow: #ffc600
*/

body {
background: #ffffff url(../images/background.jpg) no-repeat top center;
font-family:Arial;
margin:0;
padding:0;
text-align:center;
font-size: 0.9em;
}
/* general tags */
a{
	cursor: pointer;
}
a:link, a:active, a:visited {
	text-decoration:none;
	color: #000000;
}

a:hover {
	text-decoration:underline;
}
label {
	display: block;
	float: left;
}
input{
	float: left;
}
h3{
	font-size: 1em;
	padding-bottom: 0px;
}
.italic{
	font-style: italic;
}
.bold{
	font-weight: bold;
}
.yellow{
	color: #ffc600;
}

.nodisplay{
	display:none;
}


/* end of general tags */

#beta{
	position:absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}

#container{
    width: 789px;
    margin: auto;
}

#page {
	width:649px;
	padding: 0;
	text-align: left;
	margin-top: 14px;
	float: left;	
}

#header a{
	height:52px;
	background: url(../images/head.gif) no-repeat #ffffff;
	width: 649px;
	display:block;
	text-indent: -9999px;
}

div.title{
	background: #0c4e8d url(../images/topbox_title.gif) no-repeat;
	display: block;
	width: 634px;
	height: 21px;
	margin:10px 0 0 0;
	font-size: 0.85em;
	padding: 8px 0 0 15px;
	color: #ffffff;
}
div.title a:link, 
div.title a:active, 
div.title a:visited{
	color: #ffffff;
	text-decoration: none;
	padding: 0 10px 0 8px;
}

div.title a:hover{
	color: #ffc600;
} 

div.title ul li{
	float: left;
	display: block;
	padding: 0 18px 0 0;
	font-weight: bold;
}

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

/* top box title */
.topform{
	width: 617px;
	background:  #165ea6 url(../images/topbox_bg.gif) repeat-x;
	border: #a7a7a7 1px solid;
	border-top: #447ab7 1px solid;
	min-height: 231px;
	overflow: auto;
	font-size: 0.8em;
	color: #ffffff;
	margin: 0;
	padding: 13px 15px 15px 15px;
}
.topform a:link, 
.topform a:active, 
.topform a:visited{
	color: #ffffff;
	text-decoration: underline;
}

/* top box content */
.topboxcontent{
	width: 412px;
	float: left;
	padding: 5px 15px 0 0;
	font-weight: bold;
}

.topboxcontent form{
	display: block;
	float: left;
	padding: 0 0 15px 0;
}

.topboxcontent form span{
	font-size: 1.3em;
	color: #ffc600;
}

.topboxcontent form span.required{
	color: #ffc600;
	margin: 0 0 0 3px;
}

.topboxcontent form textarea{
	width: 400px;
	height: 50px;
	color: #000000;
}

#twatter{
	height: 32px;
}

.topboxcontent select {
	float: left;
	margin: 0 15px 0 0;
	height: 25px;
}
.topboxcontent label{
	display: block;
	float: left;
	width: 125px;
}
.topboxcontent input{
	float: left;
	width: 200px;
	margin: 0 77px 10px 0;
}

.topboxcontent input.button{
	color: #333333;
	padding: 0 10px 0 10px;
	margin: 0;
	height: 25px;
	width: 90px;
}
.topboxcontent form a{
	padding: 5px 0 0 15px;
	
	display:block;
	float: left;
	
}

#thumbcontrols{
	margin: 0 0 0 125px;
	width: 400px;
}

#thumbcontrols div{
	display: none;
}

#thumbcontrols a{
	float: none;
	padding: 0 0 0 0;
}
#thumbcontrols input{
	float: none;
	width: 150px;
	margin: 4px 0 0 0;
}

/* categories box */
.categories{
	width: 160px;
	height: 200px;
	padding: 5px 15px 0 15px;
	background: #0c437a url(../images/catagory_bg.jpg) repeat-x;
	float: left;
}
.categories li{
	height: 25px;
}
.categories label{
	float: none;
	cursor: pointer;
}
.apps{
    margin: 15px 0 0 0;
    float: right;
}


.apps img{
    border: 0;
}


.pod {
	font-size: 0.9em;
	width: 649px;
	background: #ffffff url(../images/box_bottom.gif) bottom center no-repeat;
	padding: 0 0 10px 0;
	float: left;
}

.pod div.title {
	background: #0f508f url(../images/title_bg.gif) repeat-x;
	color: #ffffff;
	width: 634px;
	height: 25px;
	font-size:1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0 15px;
}

.pod div.title img{
	border: 0;
	margin: 2px 0 0 0;
}

.pod div.title div{
    float: left;
    padding: 0;
    margin: 0;
}

.pod div.title div.left{
    width: 634px;
}

.pod div.title div.right{
    width: 284px;

}
.pod div.submenu{
	border: #a7a7a7 1px solid;
	border-bottom: 0;
	border-top: 0;
	float: left;
	width: 632px;
	
	font-size:1em;
	
	margin: 0;
	padding: 8px 0 8px 15px;
}

.pod div.submenu div{
    float: left;
    padding: 0;
    margin: 0;
}

.pod div.submenu div.left{
    width: 350px;
	font-weight: bold;
	color:#1A5695;
}
.pod div.submenu div.left a{
	color:#1A5695;
	font-weight: normal;
}
.pod div.submenu div.left a.selected{
	text-decoration: underline;
}

.pod div.submenu div.right{
    width: 267px;
	padding: 0 15px 0 0;
}
.pod ul.pagination{
	float: right;
}

.pod ul.twatterings{
	border: #a7a7a7 1px solid;
	border-bottom: 0;
	border-top: 0;
	float: left;
}

.pod ul.twatterings li{
	margin: 0 15px 0 15px;
	padding: 8px 0 8px 0;
	border-bottom: #c8c8c8 1px solid;
	width: 617px;
	float: left;
	
}

.pod ul.twatterings li div.sharethis{
    float: right;
}

.pod ul.pagination li{
	border:0;
	margin: 0;
	padding: 0 0 0 0;
	text-align:right;
	color: #1a5695;
	font-size: 0.9em;
	width: 14px;
	float: left;
}

.pod ul.pagination li.doubledigit{
	width: 22px;
}
.pod ul.pagination li.tripledigit{
	width: 28px;
}

.pod ul.pagination li.wider{
	width: 34px;
}

.pod ul.pagination li a{
	color: #1a5695;
}
.pod ul.pagination li a:hover,
.pod ul.pagination li a.current{
	padding: 2px 1px 2px 1px;
	color: #ffffff;
	background-color: #1a5695;
	text-decoration: none;
}

.pod ul.twatterings li.last{
	border-bottom: 0;
}

.pod ul.twatterings li div.left{
	float: left;
	width: 80px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

.pod ul.twatterings li div.right{
	width: 530px;
	margin: 0 0 0 0;
	float: left;
}


.pod ul.twatterings li div span{
	font-weight: bold;
	color: #1a5695;
}

.pod ul.twatterings li div.left span{
	font-weight: normal;
	font-size: 0.85em;
}

.pod ul.twatterings li div span.italic{
	font-weight: normal;
	color: #000000;
}

.pod ul.twatterings li div.right span{
	margin: 0 0 5px 0;
}

.pod ul.twatterings li div.utils span{
	font-weight: normal;
	font-size: 0.9em;
}

.pod ul.twatterings li div.utils img{
	border: 0;
	margin: 10px 0 0 0;
}

.pod ul.twatterings li div span.twatter{
	font-weight: bold;
	color: #000000;
}

/* comments box */

.pod ul.twatterings ul{
	margin-top: 5px;
	font-size: 0.85em;
	margin: 4px 0 0 0;
	float: none;
}

.pod ul.twatterings ul li{
	background: #c8def7;
	border: 0;
	padding: 4px 8px 4px 8px;
	margin: 0 6px 3px 0;
	float: none;
	width: 508px;	
}

.pod ul.twatterings ul li.reason{
	margin: 0 0 8px 0;
}

.pod ul.twatterings ul li span{
	font-weight: bold;
}

/* new comment form */
.pod ul.twatterings ul.commentform{
	display:none;
}
.pod ul.twatterings ul.commentform li{
	margin: 0;
}

.pod ul.twatterings ul.commentform textarea{
	height: 30px;	
	width: 400px;
	font-family: arial;
	font-size: 1em;
}
.pod ul.twatterings ul.commentform input{
	float: none;
}

/* utils section */
.pod ul.twatterings ul.utils{
	margin: 8px 0 0 0;
}

.pod ul.twatterings ul.utils li{
	background: #ffffff;
	border: 0;
	padding: 4px 8px 4px 8px;
	margin: 0 6px 3px 0;
	float: left;
	width: auto;
}
.pod ul.twatterings ul.utils li.bg span{
	display: block;
	padding: 1px 0 0 20px;
	height: 15px;
	background: url(../images/vote.jpg) no-repeat 0 0;
}
.pod ul.twatterings ul.utils li.vote a span{
	background: url(../images/novote.jpg) no-repeat 0 0;
}

.pod ul.twatterings ul.utils li.comment span{
	background: url(../images/comment.jpg) no-repeat 0 0;
}
.pod ul.twatterings ul.utils li.delete span{
	background: url(../images/delete.jpg) no-repeat 0 0;
}

.pod ul.twatterings ul.utils li.bg a:hover span{
	text-decoration: underline;
}

/* jQuery thumbnail selection */

#currentimage{
	position: relative;
}


/* jquery UI controls */

#profilePopup{
	height: 120px;
	width: 250px;
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	background:#FFFFFF;  
	border:2px solid #cecece;  
	z-index:2;  
	padding:12px;  
}

/* index page register form */
#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:1;  
}

/* end of home page register form */

/* ads */

div.ads{
    margin: 14px 0 0 20px;
    width: 120;
    float: right;
}