/* CSS Document */

body {
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 14px;
	color: #ffffff;
	background: #ddeef6;
	text-align: center;
}


/*-------------------------page layout-------------------------------*/ 

html, body {
	margin: 0px;
	padding: 0px;
}



#pagecontainer {
	width: 900px;
	margin: auto;
	background: #ddeef6;
	text-align: left;
}

#top {
	height: 30px;
}

#lowertop{
	height: 150px;
}
#logo {
	width: 435px;
	height: 150px;
}

#retweet {
	width: 425px;
	float:right;
	color: #002233;
	text-align:center;
	position: relative;

}

#tweet {
	padding: 5px 5px 5px 5px;
	width: 225px;
	background-color:#FFF;
	font-weight:bold;
	color:#002233;
	position: absolute;
	float: left;
}

.retweetme {
	width: 75px;
	background-color: #002233;
	position: absolute;
	float: right;
	top: 95px;
	left: 145px;
}	

.retweetme:link, a:link{
	color: #aaddff;
	text-decoration: none;
}

.retweetme:visited, a:visited{
	color: #aaddff;
	text-decoration: none;
}

.retweetme:hover, a:hover{
	color: #66aacc;
	text-decoration: none;
	cursor: pointer;
}

.border{
	border-style:solid;
	border-width: 0px 5px 0 5px;
	border-color:#FFFFFF;
	background: #5599bb;
}

#storyaddon {
    position: relative;
    left: 15px;
    top: 8px;
	color: #002233;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.story {
	font-size:14px;
	margin: 5px 5px 5px 5px;
}

#space {
	height: 30px;
}

#highrated {
	height: 400px;
	width: 435px;
	float: right;
	clear: both;
}



#votetoprated{
	width: 435px;
	float: right;
	}
	
#voterecent{
	width: 435px;
	
	}
	


#logo {
	font-family: "Gill Sans Light", "GillSans-Light", "Gill Sans", "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif;		
	font-size: 48px;
	text-align: center;
	font-weight:normal;
	font-variant: small-caps;
	text-shadow: 1px 1px 10px #000;
	width: 435px;
}

body {
	background-color: #DDEEF6;
	font-family:Verdana, Geneva, sans-serif;
}

div.tweet {
	width: 415px;
	height: 90px;
	background-color: #000033;
	position: relative;
	margin: 0px 5px 20px 0px;
	padding: 2px 0 0 0 ;
}

.userimg {
	width:48px;
	height:48px;
	position: absolute;
	float: left;
	bottom: 2px;
	left: 0px;
	top: 36px;
}

.userimg img{
	width: 48px;
	height: 48px;
	margin: 0 0 0 5px;
}

.username {
	font-size:24px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	width: 250px;
	margin: 0px 0 0 5px;
}

.addon {
	color: #CCC;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
	position: absolute;
	bottom: 2px;
	left: 56px;
	top: 34px;
}

.twitter {
	width: 22px;
	height: 22px;
	margin: 2px 6px 2px 0px;
	font-size:18px;
	color: #66CCCC;
	font-family:Tahoma, Geneva, sans-serif;
	display: inline;
}

.rating {
	width: 34px;
	height: 22px;
	margin: 2px 2px 2px 6px;
	font-size:18px;
	color: #CCCC66;
	font-family:Tahoma, Geneva, sans-serif;
	display: inline;
	position: absolute;
	right: 70px;
	top: -1px;
	text-align: right;
}

.star {
	width: 22px;
	height: 22px;
	margin: 2px 6px 2px 2px;
	font-size:18px;
	color: #CCCC66;
	font-family:Tahoma, Geneva, sans-serif;
	display: inline;
	position: absolute;
	right: 36px;
	top: -1px;
}

.flag {
	width: 22px;
	height: 22px;
	font-size:18px;
	color: #FF6600;
	font-family:Tahoma, Geneva, sans-serif;
	display: inline;
	position: absolute;
	top: 3px;
	right: 16px;
}

.buttons {
	top: 4px;
	right: 2px;
	position:absolute;
}

.outer {
	background-color: white;
	width: 435px;
	color: #000033;
	font-size: 14px;
	margin: 0px 0px 20px 0px;
}

.inner {
	background-color: #59B;
	width: 415px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.title {
	color: #FFF;
	font-family: "Gill Sans Light", "GillSans-Light", "Gill Sans", "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif;	;
	font-size: 32px;
	text-align: center;
	margin: 0 0 24px 0;
	letter-spacing: 1px;
}
.content {
	font-size: 14px;
	margin: 5px 5px 5px 5px;
}

#loginhead {
	float: right;
	clear: right;
	display: inline;
	width: 150px;
	text-align: right;
	margin: 0px 0px 0px 0px;
}
#loginhead h3.lo:hover {
	cursor: pointer;
	-webkit-transition-duration: .2s;
	color: #FFF;
}
#loginead h3 .lo {
	-webkit-transition-duration: .2s;
	color: #002233;
	margin: 0 50px 5px 0px;
	text-decoration: underline;
}

/* use a semi-transparent image for the overlay */ 
#login {
    color: #002233; 
    height: 100px; 
	display: none;
	width: 150px;
	float: right;
	text-align: left;
} 

#login input {
	padding: 5px;
	line-height: 1.3em;
}
#okay {
	width: 40px;
	float: right;
	display: inline;
	clear:both;
	text-align: center;
	background-color:#6C0;
	padding: 5px 10px 5px 10px;
	margin: 0px 75px 0 0;
}
#jkay {
	width: 40px;
	display: inline;
	clear: both;
	float: right;
	background-color: #F33; 
	padding: 5px 10px 5px 10px;
}

ul , ul li{margin:0 0 0 3px;padding:0;list-style-type:none}
ul li{
	float:left;
	width: 65px;
	font-size:100%;
	margin: 5px 5px 0 0 ;
	display: inline;
}
ul a{display:block; width: 65px; padding:5px 0;font: bold 12px Verdana,Arial,sans-serif;
    text-transform:uppercase;background: #000033;color: #666;
    text-decoration:none;text-align:center}
ul a:hover{background: #A8E52F;color:#FFF}
#button_cancel_login {
	margin-left: 10px;
}
#button_cancel_login:hover, #button_cancel_registration:hover {
	background-color: #F80132;
}

#topad {
float: right;
}
#lowertopad {
float: right;
}

#loginhead a {
	color: #023;
}

#loginhead h3.re:hover {
	cursor: pointer;
	-webkit-transition-duration: .2s;
	color: #FFF;
}
#loginead h3 .re {
	-webkit-transition-duration: .2s;
	color: #002233;
	margin: 0 50px 5px 0px;
	text-decoration: underline;
}
#register {
	display: none;
	position: fixed;
	top: 30%;
	left: 30%;
 	z-index: 1000;
	padding: 5px 0 20px 0;
	color: #023;
	background-color: #DDEEF6;
	opacity: 0.97;
}

#registerform {
	margin: 5px 5px 5px 0px;
	width: 550px;
	text-align: left;
}
#register label {
	width: 250px;
	text-align: right;
	padding: 10px 10px 0px 0px;
	margin: 5px 10px 5px 0px;
	float: left;
	font-size: 24px;
}

#register input {
	padding: 5px 5px 5px 5px;
	width: 210px;
	margin: 10px 30px 0 0;
	font-size:24px;
	
}
#loading {
	display: none;
	margin: 0px 0px 0px 50%;
}
#info {
	text-align:center;
}

#registerbuttons {
	margin:	20px 0 20px 23%;
	font-size: 42px;
}
#registerbuttons ul a{display:block; width: 140px; padding:5px 0;font: bold 24px Verdana,Arial,sans-serif;
    text-transform:uppercase;background: #000033;color: #aaddff;
    text-decoration:none;text-align:center}
#registerbuttons ul a:hover{background: #A8E52F;color:#FFF}
#registerbuttons ul , ul li{margin:0 0 0 -2px;padding:0;list-style-type:none}
#registerbuttons ul li{
	float:left;
	width: 140px;
	font-size:100%;
	margin: 5px 5px 0 0 ;
	display: inline;
}
#button_cancel_registration a:hover {
	background-color: #F80132;
}
.center {
	text-align: center;
}
#registered_buttons {
	margin: 24px 0 0 45%;
	display: none;
}