/*  
Theme Name: minimal
Theme URI: http://www.4kare.com
Description: 4 Kare Medya Prodüksiyon
Version: 0.1
Author: Hasan Yavaş | hasan@4kare.com
Author URI: http://www.4kare.com
*/

body {
	background: #252525 url(images/background.jpg) repeat-x fixed top center;
	font: 75%/170% Times, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify;
	padding: 0px;
	margin: 0px;
	color: #fff;
}
a {
	color: #252525;
	text-decoration: none;
}
a:visited {
	color: #252525;
}
a:hover {
	text-decoration: none;
}
ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px 0;
}
img {
	border: none;
}
#wrapper {
	background: scroll;
	width: 730px;
	margin: 0 auto;
}
#header {
	width: 730px;
	height: 75px;
	margin: 20px auto;
}
#language {
	width: 670px;
	height: 15px;
	float: left;
	text-align: right;
	font-weight: bold;
	margin: 0 30px;
}
#language a {
	color: #fff;
	text-decoration: none;
}
#language a:visited {
	color: #fff;
}
#language a:hover {
	text-decoration: none;
}
#logo {
	width: 150px;
	float: left;
	margin: 0 0 0 20px;
}
#menu {
	color: #fff;
}
ul#topnav {
	margin: 33px 15px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 1.1em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #fff;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}
#middle {
	width: 730px;
	margin: 0 auto;
	float: left;
}
#middlecontent {
	min-height: 260px;
	float: left;
	margin: 10px 10px 0 10px;
}
.post {
	float: left;
	margin: 0 auto;
}
.entry {
	float: left;
	margin: 0 auto;
}
#intro {
	width: 710px;
	float: left;
	margin: 10px 10px 0 10px;
}
#slide {
	background: #000;
	width: 500px;
	height: 290px;
	margin: 0 5px 10px 0;
	float: left;
}

#advertise {
	width: 200px;
	height: 300px;
	margin: 0 0 0 5px;
	float: left;
}
#ads {
	background: #000;
	width: 200px;
	height: 90px;
	margin: 0 0 10px 0;
}
#production {
	float: left;
	margin: 0 auto;
	display: block;
}
#productionleft{
	width: 168px;
	height: 250px;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 5px 10px 0;
}
#productioncenter{
	width: 168px;
	height: 250px;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 5px 10px 5px;
}
#productionright{
	width: 168px;
	height: 250px;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 0 10px 5px;
}
#productheader {
	background: url(images/flip.png) repeat-x;
	width: 168px;
	height: 25px;
	float: left;
}
#productheader h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0 0 8px;
	color: #515151;
}
#pics {
	width: 168px;
	height: 225px;
	float: left;
}
.produksiyon {
	background: url(images/produksiyon.png) no-repeat;
}
.belgesel {
	background: url(images/belgesel.png) no-repeat;
}
.uzun {
	background: url(images/uzun.png) no-repeat;
}
.kisa {
	background: url(images/kisa.png) no-repeat;
}
.music {
	background: url(images/music.png) no-repeat;
}
.tanitim {
	background: url(images/tanitim.png) no-repeat;
}
.tv {
	background: url(images/tv.png) no-repeat;
}
.dublaj {
	background: url(images/dublaj.png) no-repeat;
}
#item {
	margin: 130px 0 0 0;
	float: left;
}
#item a {
	color: #fff;
	margin: 0 0 0 10px;
}
#item a:hover {
	color: #fff;
	text-decoration: none;
}
#item ul {
	margin: 0 0 5px 0;
}
#item ul li {
	background: #000;
	width: 168px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 10px 0 0 0;
}
#itemr {
	margin: 130px 0 0 0;
	float: right;
}
#itemr a {
	color: #fff;
	margin: 0 0 0 10px;
}
#itemr a:hover {
	color: #fff;
	text-decoration: none;
}
#itemr ul {
	margin: 0 0 5px 0;
}
#itemr ul li {
	background: #000;
	width: 200px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 10px 0 0 0;
}
#itleft{
	width: 348px;
	height: 250px;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 5px 10px 0;
}
#itright{
	width: 348px;
	height: 250px;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 0 10px 5px;
}
#itheader {
	background: url(images/flip.png) repeat-x;
	width: 348px;
	height: 25px;
	float: left;
}
#itheader h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0 0 8px;
	color: #515151;
}
#itpics {
	width: 348px;
	height: 225px;
	float: left;
}
.safari {
	background: url(images/safari.png) no-repeat;
}
.web {
	background: url(images/web.png) no-repeat;
}
.iphone {
	background: url(images/iphone.png) no-repeat;
}
.kurumsal {
	background: url(images/kurumsal.png) no-repeat;
}
.perde {
	background: url(images/perde.png) no-repeat;
}
#web{
	width: 708px;
	height: %100;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 0 0 10px 5px;
}
#webheader {
	background: url(images/flip.png) repeat-x;
	width: 708px;
	height: 25px;
	float: left;
}
#webheader h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0 0 8px;
	color: #515151;
}
#webheader span {
	text-align: right;
	float: right;
	margin: 0 10px 0 0;
}
#webheader a {
	color: #f68a1d;
	text-decoration: none;
}
#webheader a:visited {
	color: #f68a1d;
}
#webheader a:hover {
	color: #515151;
	text-decoration: none;
}
#webpics {
	width: 708px;
	height: %100;
	float: left;
}
.veritasturizm {
	background: url(images/veritasturizm.png) no-repeat;
	height: 599px;
}
.mutfakmektebiweb {
	background: url(images/mutfakmektebiweb.png) no-repeat;
	height: 550px;
}
.balonfilm {
	background: url(images/balonfilm.png) no-repeat;
	height: 500px;
}
.greenhouse {
	background: url(images/kurumsal_greenhouse.png) no-repeat;
	height: 500px;
}
.kurumsalveritas {
	background: url(images/kurumsal_veritasturizm.png) no-repeat;
	height: 500px;
}
.iphone4kare {
	background: url(images/iphone_4kare.png) no-repeat;
	height: 500px;
}
#footer {
	width: 730px;
	height: 40px;
	float: left;
	text-align: right;
	margin: 10px 0 10px 0;
	color: #fff;
	font-weight: bold;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fff;
}
#footer p {
	margin: 0 15px 0 0;
}