/*
Theme Name: prostreet-nfs.com
Description: Makeup by <a href="http://dimox.name/">Dimox</a>
Author: Dimox
*/

* {
  margin: 0;
  padding: 0;
}
body {
  font: 11px/13px Arial, Tahoma, Verdana, sans-serif;
  width: 100%;
  background: #505050;
  color: #C7C7C7;
}
a {
  color: #84B9D0;
  outline: none;
}
a:hover {
  text-decoration: none;
}
p {
  margin: 0;
  padding: 4px 0;
}
img {border: none;}

#wrapper {
  width: 800px;
  margin: 0 auto;
  background: #363636 url(i/bg-left.jpg) no-repeat;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 161px;
	background: url(i/bg-right.jpg) top right no-repeat;
	position: relative;
}
a#title {
	position: absolute;
	top: 5px;
	left: 319px;
	color: #303030;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
a#logo {
	position: absolute;
	top: 60px;
	left: 40px;
	width: 220px;
	height: 70px;
}
#top-links {
	position: absolute;
	top: 11px;
	right: 15px;
	color: #FFF;
}
#top-links a {color: #FFF;}
#top-links a span {font-weight: bold;}
#top-menu {
	position: absolute;
	top: 135px;
	right: 16px;
	width: 362px;
	text-align: center;
	background: #A3B02A;
	line-height: 26px;
	font-size: 12px;
}
#top-menu a {
	color: #FFF;
	padding: 1px 6px;
	text-decoration: none;
}
#top-menu a:hover {background: #819223;}
#top-banner {
	position: absolute;
	top: 58px;
	right: 16px;
}


/* Content
-----------------------------------------------------------------------------*/
#container {
  width: 100%;
  overflow: hidden;
	background: url(i/bg-right.jpg) 100% -161px no-repeat;
}
#content {
  width: 100%;
  float: left;
}
#text {
  margin: 0 0 0 205px;
  padding: 30px 0;
}

#welcome {
	float: left;
	width: 195px;
	margin-top: -30px;
}
#welcome h1.welcome {
	font-size: 18px;
	color: #FFF;
	line-height: 21px;
	margin: 15px 0 5px;
}

#gray-block {
	float: right;
	width: 366px;
	height: 211px;
	background: url(i/gray-block.jpg) no-repeat;
	padding: 24px 30px 0 0;
	margin: -30px 0 15px;
}
#gray-block img {
	float: left;
	margin: 0 15px 0 18px;
}
#gray-block h3 {
	font-size: 14px;
	color: #C4D523;
	margin: 0 0 11px;
	padding-top: 3px;
}
#gray-block h3 span {
	border-bottom: 1px solid #C4D523;
}

.adsense250x250 {
  float: left;
	width: 300px;
	height: 250px;
	background: #404040;
	margin: 0 15px 8px 0;
}
* html .adsense250x250 {margin: 0 12px 8px 0;}

#content h1,
#content h2 {
	font-size: 18px;
	line-height: 20px;
	color: #C4D523;
	margin: 0 0 10px;
}
#content h1 a,
#content h2 a {
	color: #C4D523;
}
#content h2.pagetitle {
	color: #FFF;
	margin: 0 0 20px;
}
.post {
	padding: 0 22px 30px 0;
}
.post h3 {
	font-size: 14px;
	margin: 15px 0;
}
ul.sitemap {
	margin: 10px 0 20px 15px;
}
.sitemap li {
	line-height: 15px;
}
.screen {
	float: left;
	margin: 10px 15px 10px 0;
}
* html .screen {margin: 10px 12px 10px 0;}
.screen img {
	display: block;
	margin: 0 0 7px;
}
.screen span {
	font-weight: bold;
	font-size: 12px;
	background: url(i/all.gif) 10px 2px no-repeat;
	padding: 0 0 0 32px;
}
.screen a {color: #C4D523;}

.navigation {
	margin: 0 30px 0 0;
	height: 30px;
	font-weight: bold;
}
.alignleft {float: left;}
.alignright {float: right;}



/* Left
-----------------------------------------------------------------------------*/
#left {
  float: left;
  width: 181px;
  padding: 0 12px 20px;
  margin-left: -100%;
}

#menu {
	color: #E0EE97;
	margin: 35px 0 30px 28px;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
#menu a {
	color: #E0EE97;
	text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
}

#left h4 {
	line-height: 26px;
	background: #44656C;
	color: #FFF;
	font-size: 14px;
	padding: 0 0 0 8px;
	margin: 0 0 10px;
}
#left h4 a {color: #FFF;}

.screenshots {
	margin: 0 -4px 20px 0;
	overflow: auto;
	width: 185px;
}
.screenshots img {
	display: block;
	float: left;
	margin: 0 3px 3px 0;
}

.news {
	margin: 0 0 20px;
}
.news .date {font-style: italic;}
.news .title {
	font-weight: bold;
	font-size: 12px;
	padding: 2px 0 0;
	color: #C4D523;
}
.news .more {
	font-weight: bold;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	background: url(i/bottom-logo.jpg) 10px 0 no-repeat;
}
#bottom {
	padding: 15px 0 0 250px;
	width: 550px;
	min-height: 65px;
	height: auto !important;
	height: 65px;
}
#bottom a {color: #C4D523;}
#bottom span {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}
#bleft {
	float: left;
	width: 240px;
}
#bright {
	float: left;
	padding: 3px 0 0;
	line-height: 15px;
	width: 300px;
}
#copyright {
	margin: 20px 20px 12px;
	padding: 17px 20px 19px 70px;
	border: 1px solid #666;
	border-width: 1px 0;
	background: url(i/ea.gif) 0 5px no-repeat;
}
#blinks {padding: 0 30px 30px;}
#blinks a {color: #C7C7C7;}

.clear {
  clear: both;
}
.clear2 {
  clear: both;
  height: 0;
  overflow: hidden;
}