/* default html */

body,html{
	font-family: Verdana, Arial;
	margin:0;
	padding:0;
	margin-top:0px;
	font-size:.95em;
}



a{color:#555;text-decoration:none;}
a:hover{}
a img{border:0}

em{	font-weight:normal;}

h1,h2,h3,h4,h5{
	margin:0;
	font-weight:normal;
}
.flags{
margin-top:-2px;
margin-bottom:-6px;
margin-left:20px;
}
h1{
	padding-top:80px;
	margin-left:8px;
	font-size:0px;
	color:#C6C6AA;
}

h3{font-size:2em;}

h4{
	font-weight:bold;
	background-color:#DFDFC3;
	padding:4px;
	font-size:1em;
	padding-left:10px;

}




.clear{
	clear:both;
	font-size:0px;
}



form img{visibility:hidden;}	/* paypal weirdness */

/* layout */

#container{
background-color:#C6C6AA;
width:982px;
margin:auto;
position:relative;
}


#row1{
background-color:#fff;
width:100%;
margin-top:40px;
height:208px;
}


#row2{
padding:20px;
}

#twitterheading, .snapshotHeading{
padding:20px;
font-weight:bold;
background-color:#AEAE86;
}

.snapshotHeading{
padding-top:70px !important;
}


/* menu  defaults */


#links ul, #brower-links ul, .twitterFeed{
	padding:0px;
	margin:0px;
}

#links li , #browser-links li , .twitterFeed li{
	margin:0px;
	padding:0px;
	list-style-type: none; 
}




/* text blocks and lists*/

.howcanIhelp li{
	list-style-type: none; 
	margin-bottom:30px;
}

.howcanIhelp ul{
	padding:0px;
	margin-left:280px;
	margin-top:-48px;
	margin-bottom:0px;
	padding-bottom:70px;
	background-color:#eee;
}

.howcanIhelp p{margin-left:30px;}
.howcanIhelp h3{
	margin-top:40px;
	margin-bottom:20px;
	margin-left:20px;
}

.howcanIhelp a{
	background-color:#FBDC04;
	padding-left:4px;
	padding-right:4px;
}


.row1Text{
	padding-top:3px;
	padding-right:10px;
	text-align:right;
	font-size:12px;
}
.snapshotText,.howcanIhelpText{
	padding-top:50px;
}

.row3Text{
	background-color:#333;
	width:276px;
	float:left;
	color:#ccc;
	height:435px;
	font-size:.9em;
}

.row3Text p, .row3Text ul{margin:20px;}
.row3Text p{margin-top:50px;}
.row3Text li{margin-top:20px;}

#rss_link{
	position:absolute;
	top:160px;
	left:720px;
}


.codes h3{
padding-top:40px;
padding-bottom:20px;
margin-left:20px;
}


.codes p{
margin-left:20px;
}


.label {
	margin-top:20px;
	border:1px solid #fff;
}

.label img{
	float:left;
	background-color:#000;
	margin-right:10px;
}

.label textarea{
	width:700px;
	height:70px;
	font-family:verdana;
	font-size:11px;
}




/* main menu */

#links{
	float:left;
	width:280px;
}

#links li{
	width:280px;
	clear:both;
	margin:0px;
}

#links a{
	margin:0px;
	color:#fff;
	float:left;
	width:280px;
	text-decoration:none;
	font-size:20px;
	height:44px;
	padding-top:8px;
}

#links a span{	margin:8px;}
#links a:hover{font-style:italic;}

li form{
text-align:right;
margin-right:120px;
}

/*
#how-can-i-help{background-color:#999966;}
#get-the-code{background-color:#C6C6AA;text-align:center;}
#snapshot{background-color:#AEAE86;}
#blog{background-color:#74744E;text-align:right;}
*/

#how-can-i-help{background-color:#FF6600;}
#get-the-code{background-color:#FF9900;text-align:center;}
#snapshot{background-color:#FFCC00;}
#blog{background-color:#FBDC04;text-align:right;}

#browser-links{background-color:#fff;}
#browser-links a img{	border:1px solid #fff;}
#browser-links a:hover img{	border:1px solid #C6C6AA;}

#opera{margin-right:15px;}
#chrome{margin-right:-10px;}
#safari{margin-right:-15px;}

/*
.a h4{border-left:20px solid #FBDC04;}
.b h4{border-left:20px solid #FF9900;}
.c h4{border-left:20px solid #FFCC00;}
*/



.help{
	margin:20px;
	margin-left:30px;
	float:left;
}



/* footer */

#footer{

	background-color:#000;
	padding:20px;
	color:#eee;
	font-size:12px;
}

#footer img{
	float:left;
	margin-right:10px;
	border:1px solid #666 !Important;
}

.vcard{float:right;}


/* twitterfeed stuff */

#twitterFeed{
	float:left;
	width:430px;
}

.twitterFeed h4{
	font-weight:normal;
	color:#fff;
	background-color:#222;
	margin-bottom:10px;
}


.twitterFeed img{
float:left;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;


}
.twitterFeed li{
padding-bottom:10px;
background-color:#C6C6AA;
position:relative;
}

.twitLink{
position:absolute;
bottom:5px;
right:5px;
}

.twitLink{
text-decoration:none;
}

.twitterFeed img{
height:48px;
width:48px;
}


.twitterFeed .lite1{
background-color:#eee;
}

.twitterFeed .lite2{
background-color:#DFDFC3;
}

/* chart stuff */
.chart1{
float:left;
margin-left:8px;
}

.chart2{
float:right;
margin-right:8px;
}

#license{
width:400px;
margin-left:250px;
}
.thanks{
width:300px;
float:left;
}

.thanks h3{
font-size:16px;
margin-bottom:10px;
}

.thanks a{
color:#fff;
text-decoration:underline;
}


.thanks li, .thanks ul{
list-style:none;
clear:both;
margin:0;
padding:0;
} 

.thanks li{
margin-bottom:13px;
}



/* popups */

.popups{
	background-color:#fff;
	padding:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
}


#ftw_popup{
	float:left;
	margin-right:20px;
	position:relative;width:530px;
	font-size:14px;
}

.popups textarea{
	width:348px;
	height:100px;
}


.languages{
	position:absolute;
	top:10px;
	left:10px;
}