/*
 * http://stereobold.com
 * 
 * Type: Main CSS
 * Version: 1.0 (2011.02.14.)
 * 
 * Copyright 2011
 * © All right reserved!
 *  
 * 2011
 *
 */
 

@import url('/css/reset.css');
 
/* MAIN STYLES
-------------------------------------------*/

* { margin: 0; padding: 0; }

html, body {
	width: 100%;
}

body {
	background: url(../skin/bg.jpg) repeat;
	font-weight:normal;
	font-size:13px;
	color:#fff;
	font-family: 'PT Sans Narrow', arial, serif;
}

img {
	border: none;
}

:focus {
	outline: none;
}

a {
	text-decoration: none;
}

.clear {
	clear: both;
	float: none;
}

.vclear {
	height: 40px;
}

h2 {
	font-size: 27px;
	font-weight: normal;
	text-shadow: 0 1px 1px #b7b7b7;
}

.indexkep {
	float:left;
	background-color: #fff;
	padding: 5px;
	border-bottom: solid 1px #fef342;
	margin:4px 10px 0 0;
}

/* LAYOUT STRUCTURE - CONTAINER'S
--------------------------------------------------*/

#headercontainer {
	height: 529px;
	background: url(../skin/top3.jpg) repeat-x top left;
	
}

#content {
	width: 100%;
	margin-top: 16px;
	margin-bottom: 16px;
}

#footercontainer {
	height: 390px;
	background: url(../skin/footer_bg.jpg) repeat-x top left;
}

/* HEADERCONTAINER ELEMENTS
-----------------------------------*/

#header {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

	.logo {
		margin: 13px 0 0 18px;
		float: left;
	}
	
	#navigation {
		float: left;
		height: 105px;
		margin-left: 210px;
	}
	
	#navigation li {
		display: inline-block;
		height: 60px;
		font-size: 22px;
		font-weight: lighter;
		padding: 49px 15px 0 15px;
		margin: 0;
		font-family: 'PT Sans Narrow', arial, serif;
		float: left;
	}
	
		#navigation li a {
			color:#fff;
			display: block;
		}
		
		#navigation li:hover {
			background: url(../skin/nav_bg.jpg) repeat-x top left;
			color:#FFFFFF !important;
  			text-shadow:#fef342 0 0 4px !important;
		}
		
		#navigation .selected {
			background: url(../skin/nav_bg.jpg) repeat-x top left;
			color:#FFFFFF !important;
  			text-shadow:#fef342 0 0 4px !important;
		}
		
	#slidercontainer {
		width: 940px;
		height: 393px;
		margin: 0 auto;
		background: url(../skin/carousel_bg.jpg) no-repeat;
		padding:0;
	}
	
	
	#slider_container_2 { float: left; margin: 0 auto; width: 940px; height: 393px;}

.stereoslider {
	float: left;
	width: 940px;
	height: 390px;
	overflow: hidden;
}

.stereosliderPrev {
	background: url(../skin/left.png) no-repeat left center;
	width: 41px;
	height: 390px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.stereosliderNext {
	background: url(../skin/right.png) no-repeat right center;
	width: 41px;
	height: 390px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

#stereosliderNavigation { margin: -20px 0 0 0;  height: 7px; text-align: center;position:relative; z-index: 888;  }

#stereosliderNavigation a:link, #stereosliderNavigation a:active, #stereosliderNavigation a:visited, #stereosliderNavigation a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}
.c { clear: both; }

#stereosliderNavigation a img
{
	border: none;
	padding:0 4px;
	width: 7px;
	height: 7px;
	cursor: pointer;
	background: url(../skin/bullet.png) no-repeat center center;
}

#stereosliderNavigation a.active img
{
	background: url(../skin/bullet_active.png) no-repeat center center;
}	

blockquote.style {
  font-size: 21px;
	font-family: 'Droid Sans', arial, serif;
  padding-left: 30px;
  padding-top: 25px;
  color: white;
}

blockquote:before { content: "“ "; font-weight: bold; font-size: xx-large; }
blockquote:after { content: " ”"; font-weight: bold; font-size: xx-large; }

span.quote_right {
	display: block;
	text-align: right;
	font-size: 15px;
	margin-top: 5px;
}

/* CONTENT ELEMENTS
-----------------------------------*/

#content_container {
	width: 960px;
	margin: 0 auto;
	font-family: 'PT Sans Narrow', arial, serif;
}

	#top_content, #middle_content, #bottom_content {
		width:940px;
		margin: 0 10px;
		padding-top: 47px;
	}
		
		#top_content p {
			font-size: 18px;
			margin: 0;
			padding: 27px 0 0 0;
			line-height: 1.3em;
		}
		
	/* LATEST APPS */
	
	.latest_apps_item {
		width: 300px;
		height: 213px;
		float: left;
		margin-top: 23px;
		position: relative;
		overflow: hidden;
	}
	
	.hlr_m {
		margin-left: 20px;
		margin-right: 20px;
	}

	.latest_apps_desc {
		position:absolute;
		top:181px;
		left:0;
		width:300px;
		height:auto;
		background: url(../skin/latest_apps_bg.png) repeat;
	}
	
		.latest_apps_desc h3 a {
			font-size: 19px;
			padding: 7px 0 0 9px;
			font-weight: normal;
			color:#fff;
		}
		
		.latest_apps_desc h4 a {
			font-size: 19px;
			padding: 7px 0 0 9px;
			font-weight: normal;
			color:#fff;
		}
		
		.latest_apps_desc p, #sub-content_container-page .latest_apps_desc p{
			font-size: 16px;
			padding: 17px 0 0 9px;
			line-height: 1.2em;
		}
		
	/* BOTTOM CONTENT */
	
	.bottom_content_item {
		width: 300px;
		float: left;
	}
	
	.bottom_content_item h2 a{
		color:#fff;
	}
	
	.bottom_content_item h2 a:hover{
		color:#FFFFFF !important;
  		text-shadow:#fef342 0 0 4px !important;
	}
	
	.item_10 {
		width: 310px;
		margin: 0 20px 0 10px;
	}
	
	.bottom_content_item {
		font-size: 15px;
		line-height: 1.4em;
	}
	
	
	.bottom_content_item li span.headt{
		font-size: 21px;
		padding-top: 15px;
		padding-bottom: 8px;
		display: block;
	}
	
	.bottom_content_item li span.headt a{
		color:#fff;
	}
	
	.bottom_content_item li span.headt a:hover{
		color:#FFFFFF !important;
  		text-shadow:#fef342 0 0 4px !important;
	}
	
	.bottom_content_item li span.link{
		font-size: 14px;
		text-align: right;
		display: block;
	}
	
	.bottom_content_item li span.link a{
		color:#fff;
	}
	
	.bottom_content_item li span.link a:hover{
		color:#FFFFFF !important;
  		text-shadow:#fef342 0 0 4px !important;
	}
	
	.bottom_content_item img{
		float:left;
		width: 70px;
		height: auto;
		padding-top: 10px;
	}
	
	.lamp{
		padding-top: 10px;
		
	}
	
	.lamp a{
		float:left;
		width: 70px;
		height: 88px;
		display: block;
		background: url(../skin/lamp_1.png) no-repeat  0 0; 
	}
	
	.lamp a:hover {
		background: url(../skin/lamp_1.png) no-repeat  0 -90px; 
		
	}
	
	.hat{
		padding-top: 10px;	
	}
	
	.hat a{
		float:left;
		width: 70px;
		height: 88px;
		display: block;
		background: url(../skin/hat.png) no-repeat  0 0; 
	}
	
	.hat a:hover {
		background: url(../skin/hat.png) no-repeat  0 -89px; 
		
	}
	
	.gear{
		margin-top: 10px;
		
	}
	
	.gear a{
		float:left;
		width: 70px;
		height: 88px;
		display: block;
		background: url(../skin/gear.png) no-repeat  0 0; 
	}
	
	.gear a:hover {
		background: url(../skin/gear.png) no-repeat  0 -89px; 
		
	}
	
	.bottom_content_item p{
		float:left;
		width: 237px;
		margin-top: 16px;
		margin-left: 3px;
	}
	
	.bottom_content_item p span.allcaps{
		text-transform: uppercase;
		font-size: 21px;
	}
	
	.bottom_content_item h3{
		font-weight: normal;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 21px;
	}
	
	.bottom_content_item input{
		width: 290px;
		padding: 8px 5px;
		background-color: #272727;
		border: none;
		margin: 3px 0;
		color: white;
	}
	
	.bottom_content_item button{
		font-size: 21px;
		background: none;
		border: none;
		color: white;
		float: right;
		cursor: pointer;
	}



/* TWITTER ELEMENTS
--------------------------------*/

#twitterpict {
	position: relative;
	bottom: 25px;
}

#tweetsFeed {
	height:100px;
}

.jta-tweet-list {
    padding: 0 0 0 7px;
    margin: 0 0 20px 0;
    color: #ffffff;
    float: left;
}

.jta-clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.jta-tweet-list-item {
    list-style: none;
    padding: 0;
	overflow: hidden;
	
}

.tweet-text {
	font-size: 15px;
	color: #fff;
}

.jta-tweet-a {
	color: yellow;
	text-decoration: none;
}

.jta-tweet-a:hover {
    color: #fff;
    text-decoration: underline;
}

.jta-tweet-timestamp
{
    display: block;
    color: #fff;
    font-size: 11px;
    margin-bottom: 4px;
}

.jta-loading {
	background: url("../skin/loading.gif") center no-repeat;
	width: 41px;
	height: 39px;
	padding: 20px;
}

.twitter-anywhere-user {
    color: red;
    text-decoration: none;
}

.jta-tweet-body-list-profile-image-present
{
	margin-left: 58px;
}

.jta-tweet-list-item
{
    list-style: none;
	overflow: hidden;
}

.twitter-anywhere-user:hover {
    color: red;
    text-decoration: underline;
}

.jta-tweet-profile-image
{
	width: 48px;
	display: inline;
	float: left;
}

.jta-login-info-profile-image
{
	width: 24px;
	display: inline;
	float: left;
}


/* SUB-PAGE ELEMENTS
--------------------------------*/

#sub-headercontainer {
	height: 244px;
	background: url(../skin/sub_head_bg.jpg) repeat-x top left;
}

#sub-content_container {
	width: 960px;
	margin: 0 auto;
	font-family: 'PT Sans Narrow', arial, serif;
}

#left_container {
	width: 620px;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}

	#left_container .date {
		color: #8f8f8f;
		font-size: 14px;
		margin-top: 2px;
		padding-bottom: 2px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #8f8f8f;
	}
	
	#left_container p {
		font-size: 18px;
		margin-top: 5px;
	}
	
	#left_container .more, #right_container .more {
		font-size: 16px;
		margin-top: 15px;
		text-align: right;
		display: block;
		color: #fff;
	}
	
	#left_container .more:hover, #right_container .more:hover {
		color:#FFFFFF !important;
  		text-shadow:#fef342 0 0 4px !important;
	}
	
	#left_container .dotted-line, #right_container .dotted-line  {
		margin: 20px 0 20px 0;
		border-top: 1px dotted #414141; 
	}
	
#left_container .blog-entries {
	height: auto;
}

#left_container .blog-entries h2, #left_container h2 {
	margin-bottom: 10px;
}

#left_container .blog-entries h2 a{
	color:#FFFFFF !important;
 }

#left_container .blog-entries h2 a:hover{
	color:#FFFFFF !important;
  	text-shadow:#fef342 0 0 4px !important;
 }

#left_container .google-buzz-button{
	display: block;
	float: left;
	margin-right: 10px;
}

.share {height:20px;}
 
.share em {
	float: left;
	margin-right: 10px;
	font: normal  75%/100% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase;
	color: #414141;
	letter-spacing: .1em;
	margin-top: 5px;
}

.share iframe {
display: inline-block;
}
 
#social-float {
	padding-top: 4px;
	margin-top: 15px;
	border-top: 1px dotted #8f8f8f;
	height: 62px;
	text-align: center;
}

#social-float em {
	float: left;
	margin-right: 10px;
	font: normal  85%/100% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase;
	color: #414141;
	letter-spacing: .1em;
	margin-top: 5px;
}
 
.sf-twitter {
	height: 62px;
	margin-left: 10px;
	margin-right: 10px;
	float:left;
}
 
.sf-facebook {
	height: 60px;
	margin-right: 10px;
	float:left;
}
 
.sf-plusone {
	height: 60px;
	float:left;
}

#right_container {
	width: 310px;
	float: left;
}

	#right_container h3, #right_container h3 a {
		font-size: 23px;
		font-weight: normal;
		margin-top: 18px;
		color:#fff;
	}
	
	#right_container h3 a:hover {
		color:#FFFFFF !important;
  		text-shadow:#fef342 0 0 4px !important;
	}
	
	#right_container p {
		font-size: 15px;
		margin-top: 5px;
	}
	

/* SUB CONTENT CONATINER PAGE ELEMENTS
--------------------------------*/

#sub-content_container-page {
	width: 960px;
	margin: 0 auto;
	font-family: 'PT Sans Narrow', arial, serif;
}

#sub-content_container-page h2{
	font-size: 25px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sub-content_container-page p{
	font-size: 16px;
	line-height: 1.3em;
	padding: 7px 0;
}

/* APPS PAGE ELEMENTS
-------------------------------------------*/

#left_container_apps {
	width: 210px;
	float: left;
}

#right_container_apps {
	width: 720px;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}

ul#portfolio-filter{ 
	margin: 0; 
	padding: 0; 

}

ul#portfolio-filter li{
	display: block;
	padding: 3px; 
	
}

ul#portfolio-filter a{ 
	font-size: 27px;
    font-weight: normal;
    text-shadow: 0 1px 1px #b7b7b7; 
	text-decoration: none;
	color: #fff;
}

ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ 
	color:#fff;
    text-shadow:#fef342 0 0 4px !important; 
}


ul#portfolio-list{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

ul#portfolio-list li{ 
	width: 310px; 
	height: 250px; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	overflow: hidden; 
}

ul#portfolio-list li a{ 
	display: block; 
	width: 300px; 
	height: 213px; 
	overflow: hidden; 
	background-color: white;
	padding: 5px;
	border-bottom: solid 1px #FEF342;
}

ul#portfolio-list li p{ 
	font-size: 11px; 
	line-height: 15px; 
	color: #AAA; 
	margin: 5px 0; 
}

/* FOOTER ELEMENTS
--------------------------------*/

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

	.footer-item {
		width:200px;
		float:left;
	}
	
	.x {
		margin-left: 80px;
		width: 220px;
	}
		
		#lists {
			margin-top:100px;
		}
	
		#lists li{
			font-size:22px;
			padding: 5px 0;
		}
		
		#lists li a, #footer .footer-item p a{
			color:#fff;
		}
		
		#lists li a:hover, #footer .footer-item p a:hover{
			color:#fff;
			text-shadow:#fef342 0 0 4px !important;
		}
		
		#footer .footer-item h2{
			margin-top:100px;
			font-size: 22px;
			margin-bottom: 10px;
		}
		
		#footer .footer-item p{
			padding: 7px 0;
			font-size: 22px;
		}
		
		#footer .copy {
			padding-top:30px;padding-bottom: 10px;
			text-align: center;
		}
		
	/* SOCIAL BUTTON */
	.android {
		background-image: url(../skin/social.png);
		background-position: 0px 0px;
		display: block;
		float: left;
		margin: 0 6px 6px 0;
		height: 64px;
		width: 64px;
	}
	
	.android span.hover {
		background-image: url(../skin/social.png);
		background-position: 0px -73px;
		display: block;
		float: left;
		height: 64px;
		width: 64px;
	}
	
	.dribble {
		background-image: url(../skin/social.png);
		background-position: -74px 0px;
		display: block;
		float: left;
		margin: 0 6px 6px 0;
		height: 64px;
		width: 64px;
	}
	
	.dribble span.hover {
		background-image: url(../skin/social.png);
		background-position: -74px -73px;
		display: block;
		float: left;
		height: 64px;
		width: 64px;
	}
	
	.facebook {
		background-image: url(../skin/social.png);
		background-position: -148px 0px;
		display: block;
		float: left;
		margin: 0 6px 6px 0;
		height: 64px;
		width: 64px;
	}
	
	.facebook span.hover {
		background-image: url(../skin/social.png);
		background-position: -148px -73px;
		display: block;
		float: left;
		height: 64px;
		width: 64px;
	}
	
	.twitter{
		background-image: url(../skin/social.png);
		background-position: -222px 0px;
		display: block;
		float: left;
		margin: 0 6px 6px 0;
		height: 64px;
		width: 64px;
	}
	
	.twitter span.hover {
		background-image: url(../skin/social.png);
		background-position: -222px -73px;
		display: block;
		float: left;
		height: 64px;
		width: 64px;
	}
	
	.vimeo{
		background-image: url(../skin/social.png);
		background-position: -296px 0px;
		display: block;
		float: left;
		margin: 0 6px 6px 0;
		height: 64px;
		width: 64px;
	}
	
	.vimeo span.hover {
		background-image: url(../skin/social.png);
		background-position: -296px -73px;
		display: block;
		float: left;
		height: 64px;
		width: 64px;
	}
	
	.youtube{
		background-image: url(../skin/social.png);
		background-position: -370px 0px;
		display: block;
		float: left;
		margin: 0 6px 6px 0;
		height: 64px;
		width: 64px;
	}
	
	.youtube span.hover {
		background-image: url(../skin/social.png);
		background-position: -370px -73px;
		display: block;
		float: left;
		height: 64px;
		width: 64px;
	}

#left_container .appbrain-app a span, #left_container .appbrain-app a div{
	color:#ffffff;
}

	
#sliderContent { width:620px; margin-top: 25px; padding:0;}
.viewer { width:620px; height:480px; margin-bottom:15px; overflow:hidden; position:relative;}
.content-conveyor { width:620px; height:480px; position:relative;}
.item { width:294px; float:left;}

#left_container #ajanlat {
	padding-top: 20px;
}

#left_container #ajanlat label {
	float:left;
	width: 170px;
	font-size: 15px;
	padding-top: 9px;
}

#left_container #ajanlat input {
	font-size: 15px;
	outline: none;
	height: 25px;
	border: none;
	width: 290px;
	padding: 8px 5px;
	background-color: #272727;
	border: none;
	margin: 3px 0;
	color: white;
}

#left_container #ajanlat textarea {
	width:290px;
	margin: 10px 0;
	padding: 5px;
	background-color: #272727;
	border: none;
	color: white;
}

#left_container #ajanlat button {
	font-size: 21px;
	background: none;
	border: none;
	color: white;
	cursor: pointer;
}