/*	
	Last Updated: 16/09/2008
	Copyright: 2008, Burak ŞAHİN 
											
*/

/* Reset Styles */
@import "reset.css";

/* Page setup */
body {font: 62.5% Arial, Helvetica, sans-serif;background:#fff url(img/header.png) repeat-x;line-height:1.4em}
p{font: 1.3em/1.3em;margin-bottom:1.3em}
a{ color: #505050; font-weight: bolder }
a:visited{ color: #aaa }
fieldset{ border: 1px solid #ccc; padding: 1em; margin: 0.3em 0 }
legend{ padding: 0.5em 1em; border: 1px solid #ccc }
img.left{ margin:0.5em 0.5em 0 0 }
img.right{ margin:0.5em 0 0 0.5em }
ol{ list-style-type: decimal; margin-bottom:1em; margin-left:3em }

/* Toolbox */
.left{float:left}
.right{float:right}
.break{clear:both}
.hide{display:none}

.mesaj { background: #1fbde1; color: #fff; font-weight: bolder; text-align: center; padding: 1em; margin-bottom: 1.5em }
/* Page structure */
#container{font-size:1.4em; margin:0 auto; width:960px; color: #47504d}

/* topbar */
#topbar{height: 33px}
	#frmSearch{ float: right }
		#keyword{background: url(img/search.png) no-repeat 0 50%; border:0; color: #47504d; width:156px; height: 21px; line-height: 21px; padding: 2px 30px 0 5px; margin-top:5px }
/* topbar */

/* header */
#header{height:207px;position:relative}
	#logo{position: absolute; top:0; left:0}
	#title a{color: #fff; font-weight: bolder;font-size:1.7em; line-height: 1.4em; margin-left: 210px; position: absolute; text-align:center; top: 45px}
	#title a:hover{ text-decoration: none }
	#title span{ font-size:1.7em }
/* --header */

/* menu */
#menu{height: 38px;line-height: 38px}
	#menu li{display: inline; margin: 0 0.5em;}
	#menu a{ color: #47504d; font-weight: bolder }
	/*#menu a:hover{ background: #1fbde1; color:#fff; height: 38px; text-decoration: none }
/* --menu */

/* content */
#content{line-height:1.5em; margin-top: 15px; min-height:270px; height:auto !important; height:270px;}
	#content h1.title, #content h2.title{ color:#47504d; font-weight: bolder; font-size: 1.2em; margin-bottom:1em; border-bottom:1px solid #505050 }
	#content h2{ color:#1fbde1; font-size: 1.1em }
	#sidebar{ float: right; font-size: .9em; width:244px}
		#sidebar h2{ background: url(img/heading.png) no-repeat; color: #fff; font-weight: bolder; font-size: 12px; height: 29px; line-height: 29px; padding-left: 1em; border: 0 }
		#news{ line-height: 1.2em;}
			#news li{ border-bottom: 1px solid #ccc; padding: 1em 0 }
			#news li a{ color: #505050; font-weight: normal }
	#mainContent{ margin-right: 260px; }
	#contactInfo{ float: left; width: 300px; text-align: center }
	#map{ float: left }
	#frmUyelik label { float: left; width: 120px }
	#frmUyelik input, #frmUyelik textarea, #frmUyelik select{ color: #47504d; border: 1px solid #ccc; margin-bottom:5px }
	#frmUyelik select{ padding: 4px }
	#frmUyelik input:focus{ background: #1fbde1; color: #fff}
	#frmUyelik p{ margin: 0 }

.uye{ width:160px; height: 130px; text-align: center; float: left }
.date{ text-align: right; font-style:italic; font-size: 0.85em  }
.dead{ color: #c00; font-weight: bolder }
/* --content */

/* Gallery */
#galleryContainer h2{
	font-size: 1em;
}

#galleryContainer .imageContainer {
	float: left;
	display: inline;
	width: 155px;
	height: 150px;
	margin: 0 0 20px 30px;
	overflow: hidden;
	text-align: center;
	line-height:1.2em;
}

/* <-- Gallery */

/* footer */
#footer{background: #47504d url(img/footer.png) repeat-x; clear:both; height: 50px; width: 100%; line-height:50px; color: #ccc; text-align: right; font-size:1.1em}
	#copyright{ width: 960px; margin: 0 auto }
/* --footer */