/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;background:#fff;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* Reset all fonts sizes to 10pt */
html{font-size:100%;}
body{font-size:62.5%;}

/* Reset all fonts sizes to 10pt */
html{font-size:100%;}
body{font-size:62.5%;}

/* Typography */
h1,h2,h3,h4,h5,h6,th,dt,p,li,td,dd,address,input,textarea,.vcard,#dashboard,#breadcrumbs,legend{font-family:Helvetica,Arial,sans-serif;font-weight:300;}
blockquote p{font-family:Helvetica,Arial,sans-serif;font-style:italic;}

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);

/* Base Sizes/Heights */
h1{font-size:3.6em;line-height:1.2;}
h2{font-size:2.1em;line-height:1.522;}
h3{font-size:1.8em;line-height:1.122;}
h4,th{font-size:1.6em;line-height:1.35;}
h5{font-size:1.4em;line-height:1.5;}
h6,p,li,td,dl,address,input,textarea,.vcard,legend{font-size:1.2em;line-height:1.667;}
ul li ul li,ol li ul li,li p,li dl{font-size:inherit;}

/* Base Padding/Margins */
h1{padding-top:0.5em;padding-bottom:0.4em;}
h2{padding-top:0.544em;padding-bottom:0;}
h3{padding-top:0.9em;padding-bottom:0.544em;}
h4{padding-top:1.111em;padding-bottom:0.3em;}
h5{padding-top:0.5em;margin-bottom:-0.5em;}
p,address,h6,legend{padding-top:0.544em;padding-bottom:1em;}
blockquote{padding:0.988em 10px 0.122em 10px;margin-bottom:1em;}
ul,ol{padding-top:0.644em;padding-bottom:1.366em;}
ul ul,ol ol,ol ul,ul ol{padding-top:0;padding-bottom:0;}
dl{padding-top:0.5em;padding-bottom:1.111em;}
dd{padding-left:20px;}
table{margin-top:0.4em;margin-bottom:3.466em;width:100%;}
th{padding:1.455em 0.5em 0;}
td{padding:0 0.7em;}
img,embed,object{max-width:100%;vertical-align:middle;}

/* Basic Styling */
a{cursor:pointer;}
table{border-collapse:collapse;}
thead th{border-bottom:1px solid;}
blockquote{border-bottom:1px solid;border-top:1px solid;}
fieldset .captcha label,fieldset .captcha img{display:block;}
#content{width:460px;margin:auto;}
#engine .error{padding:10px;margin:10px;}


/* genel */

body {
    background: url("../img/background.gif") repeat scroll center center #282827;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 300;
}

.border{
	min-width: 100px;
	border: 5px double #333;
	height: 100%;
	margin: 10px;
	padding: 0;	
}

.cerceve{
	width: 95%;
	margin: 0 auto;
}

.kutu{
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

.logo{
    height: 137px;
    margin: 0 auto 50px;
    width: 170px;
}

.logo h1{
	display: visible;
}

.logo h1 a{
	background: url("../img/logox2.png") top center;
	width: 170px;
	height: 137px;
	display: block;
}

.logo h1 span{
	display: none;
}

.nav{
	margin-top: 30px;
	display: block;
}

.nav ul{
	overflow: hidden;	
}

.nav ul li{
	float: left;
	width: 180px;
	text-align: center;
}
.nav ul li a{
	color: #fff;
	text-decoration: none;
}

footer{
	width: 1000px;
	margin: 0 auto;
	margin-top: 40px;
	overflow: hidden;
	clear: both;
}

.footLeft p,
.footRight address{
	font-size: 11px;
}

.footleft.idea{
	float: left;
	width: 50px;
	height: 25px;
}

.footLeft p{
	float: right;
	margin-left: 15px;
	line-height: 20px;
	font-size: 10px;
}

.footLeft{
	float: left;
	margin-top: 60px;
}

.footRight{
	float: right;
	margin-right: 40px;
}


.paging{
	display: block;
	overflow: hidden;
	width: 930px;
	margin: 0 auto;
	text-align: right;
	padding: 20px 10px 10px 0;
	clear: both;
}

.topMrgn{
	margin: 5px 35px !important;
}

.geriDon{
	float: right;
}

.geriDon a{
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
}

.geriDon a:hover{
	color: #FF9AE1;
	text-decoration: underline;
}

.fbFoot{
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
}

.fbFoot:hover{
	text-decoration: none;
	color: #891b54;
}

.refPage{
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

.aboutText{
	float: left;
	width: 500px;
	line-height: 23px;
}

.aboutImg{
	float: right;
	width: 400px;
}

.sc-wrap {
    line-height:0;
    font-size:0;
    background:#282827;
    position:relative;
    margin: 35px 100px 15px 0;
    float:left;
    /**************
      Set max-width to your thumbnail width
    ***************/
    max-width: 300px;
}

.sc-wrap img {
	height: 100px;
	width: 100px;
}

form{
	overflow: hidden;
	width: 400px;
	float: left;
}

label{
	width: 100px;
	display: block;
	float: left;
	line-height: 30px;
}

input[type=text], textarea{
	margin-bottom: 5px;
	background: inherit;
	color: #FEFEFE;
	font-size: 13px;
	font-weight: 300;
	padding: 2px 8px;
	border-radius: 5px;
	border: 1px solid #CCC;
	-webkit-transition: all 0.30s ease-in-out;
	  -moz-transition: all 0.30s ease-in-out;
	  -ms-transition: all 0.30s ease-in-out;
	  -o-transition: all 0.30s ease-in-out;
	  outline: none;
}

input[type=text]:focus, textarea:focus{
	box-shadow: 0 0 5px rgba(181, 75, 116, 1);
	border: 1px solid rgba(181, 75, 116, 1);
}

.butLeft{
	background: #EFEFEF;
	margin-top: 4px;
	margin-left: 25%;
	padding: 5px 15px;
	color: #4A4A4A;
	font-weight: 700;
}
.butLeft:hover{
	background: #4A4A4A;
	color: #EFEFEF;
}