/* the skeleton of the site */

body {
	
	width:100%;
	font-size:11px;
	margin:0;
	padding:0;
	font-family:Arial;
	background:#3366CC;
}

img {
	border:none;
}

.clear {
	
	clear:both;
}

#container {
	
	width:100%;
	background:#ffffff;
	padding:10px 0;
}

.bulk {
	
	width:945px;
	margin:0 auto;
}

#header {
	
	background:#1E355C;
	margin:0 0 10px 0;
}

#webstrongTop {

	float:right;
	margin:20px 20px 10px 0;
}


#details {
	
	color:#3366CC;
}

#feed {
	
	background:#1E355C;
	margin:20px 0 0 0;
	padding:5px 0 20px 15px;
	color:#ffffff;
}

#spacer {

	height:250px;	
	background:#1E355C;
	text-align:center;
	margin:10px 0 30px 0;
}

#spacer h2 {

	margin-top:100px;
	font-size:40px;	
	color:#12255C;
}

#spacer h3 {
	
	color:#ffffff;
	font-size:36px;
	padding:0;
	margin:20px 20px 0 20px;
}

#spacer h4 {
	
	color:#3366CC;
	font-size:24px;
	margin:10px 20px 0 20px;
}

#spacer img {

	float:left;
	margin: 30px 0 0 30px;	
}

#spacer #load_bar {
	
	float:none;
	margin:10px 0 0 0;
	padding:0;
}

#patience 		{text-align:center;}
#patience h3 	{font-size:25px; margin-top:50px;}
#patience h4 	{font-size:15px;}
#intro			{display:inline;}

#end {
	
	width:100%;
}

/* classes and Id's */

/* header */
#twission {
	
	text-align:left;
	margin:10px;
}

#twissionIcon {

	margin:10px 0 10px 0;	
}

.traffic {
	
	float:right;
	display:inline;
	color:#3366CC;
	font-weight:bold;
	text-align:center;
	margin:0 20px 0 0;
	padding-top:15px;
}

.traffic h3 {
	
	font-size:30px;
	margin:0;
	padding:0;
	font-weight:100;
}


/* details */
#keyword {
	
	width:530px;
	background-image:url(/media/images/input_keyword.gif); background-repeat:no-repeat;
	border: none transparent;
	padding:10px 0 6px 14px;
	font-size:26px;
	height:38px;
	margin:0;
	color:#3366CC;
}

#username {
	
	width:304px;
	font-size:26px;
	background-image:url(/media/images/input_username.gif); background-repeat:no-repeat;
	border: none transparent;
	padding:10px 0 6px 14px;
	height:38px;
	color:#3366CC;
}

#go {
	
	float:right;
}

#row_2 {
	
	font-weight:bolder;
	margin:7px 0 0 0;
}

#you_degree {
	
	float:left;
	width:auto;
}

#one_degree {
	
	float:left;
	width:auto;
}

#two_degree {
	
	float:left;
	width:auto;
}

#three_degree {
	
	float:left;
	width:auto;
	margin-right:40px;
}

.radio {
	
	background:#CDE0FF;
	padding:0 5px 2px 5px;
	margin:0 10px 0 0;
	font-weight:100;
	height:20px;
}

#loader {

	float:left;	
}

#from {
	
	margin:3px 10px 0 8px;
	float:left;
}

#updates {
	
	float:left;
	margin:3px 0 0 0;
	width:384px;
}

#updates a, #updates a:visited {
	
	color:#3366CC;
}

#tots {

	float:right;
}


/* tweet area */
.comments {
	
	width:280px;
	background:#28487D;
	padding:0 6px 0 8px;
	margin:25px 15px 0 0;
	line-height:14px;
	font-weight:100;
	float:left;
	-moz-border-radius: 10px;   /* round corners party for Firefox, Safari and Chrome. IE is to square to attend */
	-webkit-border-radius: 10px;

}

/*.comments .top {not needed anymore as we are using CSS 3
	
	height:8px;
	background-image:url(/media/images/top.gif); background-repeat:no-repeat;
	background-position:top;
	margin:-8px -10px;
	padding:0;
}*/

.comments h3 {
	
	font-size:12px;
	margin:3px 0 0 0;
	float:left;
}

.comments h3 a {

	text-decoration:none;	
}

.comments p {
	
	margin:0;
	padding:0;
	float:left;
	width:225px;
}

.comments a, .comments a:visited {
	
	margin:0;
	padding:0;
	color:#ffffff;
}

.pad {
	margin:0;
	padding:2px 0 7px 0;
}

.comments .pad span {
	
	margin:0;
	color:#6699CC;
	text-align:right;
	float:right;
}

.avatar {
	
	margin:5px 6px 0 0;
	float:left;
}

.transparent {
	float:left;
	margin:0 ;
}

.degree {
	
	float:right;
	margin:-12px -15px 0 0;
}

/* footer */
.webstrong {
	
	float:right;
	margin:10px 8px 35px 0;
}


#footer_links {
	
	margin:10px 0 0 0;
	color:#000099;
}

#end .bulk #footer_links a {
	
	color:#99CCFF;
	text-decoration:none;
	margin:0 20px 0 0;
	padding:0;
}

/* rules page */
h2 {
	
	color:#3366CC;
	margin:10px 0 0 0;
	padding:0;
}

.rules {
	
	background:#1E355C;
	padding:10px 20px;
	margin:0 0 30px 0;
	color:#ffffff;
}

.rules p {
	
	margin:0;
	padding:0;
}