@charset "utf-8";
/*
Theme Name: HowSocial.ru
Theme URI: http://howsocial.ru/
Description: A theme for HowSocial.ru
Version: 1.0
Author: netWire Vicki Kolovou
Author URI: http://netwire.gr/
Tags: custom, set width, two columns

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body{
	margin: 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #fff;
	 background-image: url(../images/iframe_bg.jpg);
	}
	
	iframe { /*to avoid borders*/
 border: 0px solid #dadbd6;
 background-image: url(../images/iframe_bg.jpg);
}
	
p { font-size: 1.2em;}

#wrapper{
	width: 807px;
	height: 570px;
	margin: 50px auto;
	}
/*Left main content starts here*/	
#maincontent{
	width: 550px;
	height: 515px;
	float: left;
	background: url(../images/mainleft.jpg);
	}
#maincontent p {margin: 20px 30px 20px 30px; font-size: 1em; color:#000000; text-align: justify;}	
.howsocialareyou{ width: 250px; height: 35px; margin: 11px 0 0 15px; font-weight: 200; font-size: 20px;}	
.howsocialareyou a:link{ color:#FFFFFF; font-weight: 400; text-decoration: none;}
.howsocialareyou a:hover {font-weight: bold;}
.logo{ width: 338px; height: 99px; margin: 30px 0 0 100px; }
.beta { width: 60px; height: 25px; margin: -35px 0 0 400px; font-size: 16px; font-weight:300; color: #0000FF;}

.entryfields{width:406px; 
padding:0; margin:25px 0 0 20px;
}
.entryfields ul{list-style: none; color:#333333; font-size: 14px; line-height: 1.2em;}
.entryfields .twitter input{ background-color: #ffffff; margin:5px;}
.entryfields .friendfeed input{ background-color: #ffffff; margin:5px;
    width: 263px;
}
.entryfields .facebook input{ background-color: #ffffff; margin:5px; }
.entryfields .blog input{ background-color: #ffffff; margin:5px; }
.tellme input{ background-color: #ffffff; }
.percentage {color:#333333; font-size: 12px; padding: 5px;}
/*Right sidebar starts here*/
#sidebar{
	width: 257px;
	height:515px;
	float: right;
	background-image: url(../images/world_bg.png);
	}
#navigation{
	widows:99%;
	height: auto;
	}	
#navigation ul { padding-left: 130px; margin: 30px 0 ; list-style: none; font-size: 1.0em; color: #fff; }
#navigation li { line-height: 18px; padding: 0 0 0 20px; background: url(images/bullet.gif) no-repeat 0 .1em; } 
#navigation a:link {color:#FFFFFF; text-decoration: none;}
#navigation a:hover { font-weight: bold;}  
.indexing{ padding: 20px; margin: 0; font-size: 1.1em; color: #FFFFFF;}
.getyourrank{width: auto; height: 30px; color: #FFFFFF; font-size: 1.2em; margin: 80px 0 0 0; padding-left: 10px;}
.email{width: auto; height: auto; margin: 0; font-size: 1em; padding-left: 10px; text-align: left; }

/*Footer*/
#footer{
	clear: both;
	width: auto;
	height: 45px;
	padding: 10px 0 0 0;
	text-align: center;
	color:#000000;
	}