/**********************************************************************************************

	Title: CSS
	Date: 2010

***********************************************************************************************

	1. General Elements
	
	2. Layout
		2.1 Header
		2.2 Content

	3. 	Miscellaneous	
		
***********************************************************************************************/


/* 1. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	html{font-size:100.01%;}

	body {
		font-family:  Arial, Helvetica, Tahoma, sans-serif;
		font-size: 62.5%;
		line-height: 1.5;
		text-align: center;
		color: #e9e9e9;
		background-color:#252626;
	}

	hr {display: none;}
		
	strong {font-weight: bold;}
		
	em {font-style: italic;}
	
	address {font-style: normal;}

	input, textarea, select {font: 1em Arial, Helvetica, sans-serif;}

	a:link {color: #61C14F; text-decoration: none; outline: none;}
	a:visited {color: #61C14F; text-decoration: none; outline: none;}
	a:hover {text-decoration: underline;	}
	a:active {color: #61C14F; text-decoration: none; outline: none;}
	
	
/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.wrapper {
		width: 650px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.3em;
		overflow:hidden;
	}
	
	.floats{overflow:hidden; _zoom:1;}
	.left{float:left;}
	.right{float:right;}

/* 2.1 HEADER
------------------------------------------------------------------------------------------------ */
	#header{}
	
		#header .mid{margin-top:15px; padding-bottom:15px; border-bottom:1px solid #424545;}	
			#header .logo{width:370px;}			
				#header .logo a{font-size:6.1em; color:#EDAF2F; text-decoration:none; text-transform:uppercase; line-height:.8; letter-spacing:-8px;}
				#header .logo p{font-size:1.7em; color:#FFF;}
			#header .api{width:260px;}						


/* 2.2 CONTENT
------------------------------------------------------------------------------------------------ */
	#content{padding:15px 0 35px 0; margin-bottom:20px; border-bottom:1px solid #424545;}
	
		.pagecont{float:left; width:370px;}
		.sidebar{float:right; width:260px;}
		
			.pagecont p{margin-bottom:15px; font-size:1.2em;}
			.pagecont .contacts{margin-bottom:10px; font-size:.9em;}
			.pagecont .btn-twitter{margin-top:80px;}
		
		.sidebar p{margin-bottom:5px; font-size:12px; line-height:1.4;}
		.sidebar .box{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #424545;}	
		.sidebar .subscribe{}			
			.sidebar .subscribe .inputs{padding-left:5px; width:235px; height:30px; line-height:30px; font-size:1.2em; color:656565; border:none; background:transparent url(../images/bg-subscribe.png) 0 0 no-repeat;}
			.sidebar .subscribe .button{width:107px; height:35px; border:none; cursor:pointer; _cursor:hand; background:transparent url(../images/btn-subscribe.png) 0 0 no-repeat;}
		.sidebar .quotes{display:block; font-style:italic;}	

/* 3. MISCELLANEOUS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	p.small, .small{font-size:11px;}
	.note{color:#656565;}
	#content .last{border:none;}
	.green{color:#61C14F;}
	.blue{color:#00CBFF;}
	.gray{color:#999;}	
	.yellow{color:#EEAF30;}
	
.connect_widget_not_connected_text{
color: #999;
}