/*
Low Css Framework v0.8
Coded by Emre Savas
http://www.emresavas.com
*/

@import url("reset.css");
@import "font.css";
@import "base64_font.css";

body {
	background: #2e3238; 
	color: #000;
	font-size: 13px;
	font-family: "trebuchet ms", "lucida sans unicode", "lucida grande", sans-serif;
	margin: auto;
	padding: 0;
}

/**********************************HEADER*/

#header {
	background: #72240e;
	height: 80px;
	margin: 30px 0 0 0;
	position: relative;
	border-top:1px solid #8f5240;
	border-bottom:1px solid #391207;
}

{ behavior: url("iepngfix.htc") }


#header .facebook { padding:0; margin:0; position:absolute; right:0; top:0;}
#header .twitter { padding:0; margin:0; position:absolute; right:0; top:34px;}
#header .ff { padding:0; margin:0; position:absolute; right:0; top:68px;}

#header .logo { padding:0; margin:0; position:absolute; left:5px; top:5px;}
#header .logo { behavior: url("iepngfix.htc") }

#header .button-2010 { padding:0; margin:0; position:absolute; right:10px; top:20px;}


/**********************************CONTENT*/

#wrapper {
	width: 900px;
	margin: auto;
	padding: 0;
}

#feature {
	background:#72240e url('img/feature-bg.png') no-repeat bottom;
	height: 410px;
	position: relative;
	border-top:1px solid #72240e;
	border-bottom:1px solid #391207;
}

#feature .photos2010{ padding:0; margin:0; position:absolute; left:10px; top:10px;}
#feature .slogan{ padding:0; margin:0; position:absolute; left:25px; top:150px;}
#feature .button-kayit{ padding:0; margin:0; position:absolute; left:310px; top:200px;}
#feature .cat5{ padding:0; margin:0; position:absolute; right:0px; top:10px;}
#feature .doruknet { padding:0; margin:0; position:absolute; left:20px; bottom:20px;}
#feature .tarih{ padding:0; margin:0; position:absolute; left:300px; top:40px;}

#content {
	background: #fff;
	padding: 10px;
	margin: 0;
	text-align: left;
}

#content img, img a{ border:0px none; padding:0; margin:0 }

#contentmiddle {
	width: 540px;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	text-align: left;	
}

#content .box{width:300px; float:left; margin:0 20px 0 0;}

/**********************************MENU*/

#menu {
	margin: 0;
	padding: 0;
	font-size:19px; 
	font-family:"Aller",sans-serif;
	letter-spacing: -1px;
	position:absolute;
	top:30px;
	right:140px;
}

#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
}

#menu ul {
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
}

#menu ul li a {
	color: #f7f7f7;
	padding: 0 2px 0 2px;
	margin: 0 0 0 5px;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #fff;
}

#menu ul li a .current {
	color: #88181c;
}

#menu img, img a{
	margin: 0;
	padding: 0;
	border: 0px none;
}


/**********************************SIDEBAR*/

#sidebar {
	width: 320px;
	margin: 0;
	padding: 0 0 0 0;
	float: right;
	text-align: left;
}

#sidebar p {
	margin: 0 0 0 7px;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;	
}
	
#sidebar ul li {
	margin: 0;
	padding: 0 0 3px 4px;
}
	
#sidebar ul li a {
	color: #0B3263;
	text-decoration: none;
}

#sidebar ul li a:hover {
	color: #bbcd02;
	text-decoration: none;
}

#sidebar img, img a{
	margin: 0;
	padding: 0;
	border: 0px none;
}


/**********************************FOOTER*/
#footer {
	height: 160px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	font-size: 12px;
}

#footer img, img a{
	border: 0px none;
	padding: 0;
	margin-left:3px; margin-right:0; margin-top:0; margin-bottom:0;
}

#footer .logo { padding:0; margin:20px 0 0 20px; float: left;}
#footer .logo img, img a{ border:0px none; padding:0; margin:0 }

/**********************************HEADINGS*/

h1 {
	font-size: 25px;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	color: #781215;
	text-align: left;
	font: 25px/25px MyriadProBoldCondensed, Trebuchet MS, sans-serif;
	border-bottom: 1px solid #e3e3e3;
	letter-spacing: -1px;
}

h2 {
	font-size: 18px;
	padding: 0 0 0 0;
	margin: 5px 0 5px 0;
	color: #21303c;
	text-align: left;
	font: 18px/18px MyriadProBoldCondensed, Trebuchet MS, sans-serif;
	letter-spacing: -1px;
}

h3 {
	font-size: 16px;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	color: #781215;
	text-align: left;
	font: 18px/18px MyriadProBoldCondensed, Trebuchet MS, sans-serif;
	letter-spacing: -1px;
}

h4 {
	font-size: 14px;
	padding: 0 0 0 0;
	margin: 5px 0 5px 0;
	color: #21303c;
	text-align: left;
	font: 16px/16px MyriadProBoldCondensed, Trebuchet MS, sans-serif;
}

h5 {
	font-size: 18px;
	padding: 0 0 0 0;
	margin: 5px 0 5px 0;
	color: #000000;
	text-align: left;
}

h6 {
	font-size: 16px;
	padding: 0 0 0 0;
	margin: 5px 0 5px 0;
	color: #000000;
	text-align: left;
}

/**********************************LINKS*/

a{
	color: #781215;
	text-decoration: underlined;
}
	
a:hover{
	text-decoration: underlined;
	color: #21303c;
}

/**********************************TOOLS*/

.right { float: right; }
.left { float: left; }
.italic { font-style: italic;}
.bold { font-style: bold;}
.pngfix { behavior: url("iepngfix.htc") }
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

blockquote{
	margin: 0 0 0 20px;
	padding: 0 20px 0 10px;
	font-style: italic;
	color: #cccccc;
	border-left: 5px solid #DDDDDD;
}
	
p {
	padding: 0 0 12px 0;
	margin: 0;
	line-height: 18px;
	text-align:left;
}

p img{
	padding: 0;
	margin: 0;
}

strong {
	font-weight: bold;
}
	
ol {
	list-style: decimal;
	margin: 5px 0 5px 10px;
	padding: 0;
}
	
ul {
	list-style: square;
	margin: 5px 0 5px 20px;
	padding: 0;
}
	
li {
	margin: 0 0 10px 0;
	padding: 0 0 0 0px;
	text-align: left;
}
	
li a {
	color: #000;
	text-decoration: none;
}

li a:hover {
	color: #000;
	text-decoration: none;
}

/**********************************ILETISIM*/

	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:12px/12px;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:2px 5px;font:bold 12px/12px; }