/*  
Theme Name: Yat Servis
Theme URI: http://www.hakkiceylan.com
Description: for Yat Servis
Version: 1.0
Author: HC
*/

* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body {padding: 0; background: #eee url('images/bodybgt.jpg') repeat-x; font: 1em Segoe UI, arial, sans-serif; color: #444; text-align: center; }

a {color:#2569cf;text-decoration: none;}
a:link {color:#2569cf;text-decoration: none;}
a:hover {color:#000;text-decoration: none;}

h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0;}
h1 { font-size:200%; font-family: Georgia;}
#logo a{color: #ced1d2; text-decoration: none; display: block;padding:5px 0; font-weight: normal; font-family: Georgia;}
#logo a:hover{color: #fff;}
h2 { font-size:130%; color: #354146;font-weight: bold; padding: 0;margin:0;  font-family: Georgia;}
h3 { font-size:120%; font-family: Segoe UI, arial, sans-serif;font-weight: bold;}
h4 { font-size:100%; font-family: Segoe UI, arial, sans-serif;font-weight: bold;color:#777;}
h5 { font-size:100%; font-family: Segoe UI, arial, sans-serif;font-weight: bold;}



#layout { text-align:left;background: url('images/bodybgf.jpg') bottom left repeat-x;}
#container { clear: both;}
#intro{ background: #eee ; height: auto;}
#intro-in{ width:891px; margin:0 auto; padding: 20px 0;}
#intro-inx{ width:891px; margin:0 auto; padding: 20px 0;font: .85em Segoe UI, arial, sans-serif;}

#header {width:891px; margin:0 auto; }

/* navigation */
#nav {width:891px; margin:0 auto;}
#nav ul {margin:0; padding:0; list-style:none;height: 35px;}
#nav ul li {float:left; display:block; margin:0; padding:0;}
#nav ul li a {display:block;float:left;font-size:85%;color:#eee;text-decoration:none;padding: 12px 15px 10px;text-align: center;}
#nav ul li a:hover { color: #000;}
#nav ul li.current_page_item, #nav ul li.current_page_item a {color: #444; border: 1px solid #eee;border-bottom:1px solid #eee; background:#eee;text-decoration:none;}

.content {padding:0; z-index: 10;width:891px; margin:0 auto; }
.content .in{padding: 20px 0 30px;}
p.intro{line-height: 23px; margin:0;}
.shadow{ padding: 10px 0;}
img.thumb{padding: 5px; background: #eee; border: 1px solid #ddd;}

.columns {list-style: none;margin:10px 0 0 0;padding:0; font-size: 90%;}
.columns li{float: left; width: 32%;}
.columns li.col2{border-left: 2px solid #9bb3cb;border-right: 2px solid #9bb3cb;}
.columns li h3{padding: 0 10px;color: #333; margin: 0 0 5px;}
.columns li.col2 h3{padding-left: 20px;}
.columns li.col3 h3{padding-left: 20px;}
.columns li p{line-height: 22px;padding: 0 20px 0 10px; margin: 0; color: #3f4345;}
.columns li.col2 p{padding: 0 20px 0 20px;}
.columns li.col3 p{padding: 0 10px 0 20px;}
.columns li a.more{display: block;color: #1666a3;padding: 5px 0;}
.columns li a.more:hover{color: #0b4775; text-decoration: none;}

.col3 ul {float:none;}
.col3 ul li {display:block;float:none;width: 100%;padding:0 0 5px 0;}


/* footer */
#footer { width:891px; margin:0 auto; clear:both; font-size: 75%; padding-bottom: 40px; color: #999;}
#footer a{color: #aaa;}
#footer a:hover{color: #000; text-decoration: none;}
#footer .f-left {float:left; padding: 10px 10px 0 10px;}
#footer .f-right {float:right; padding: 0 10px;}


p { margin:15px 0; }
table { margin:0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
th, td { padding:2px; }

ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:none; }

dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

fieldset { margin:0; padding:10px 0; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.a-left, tr.a-left td {text-align:left;}
.a-center, tr.a-center td {text-align:center;}
.a-right, tr.a-right td {text-align:right;}
.a-justify {text-align:justify;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.clear { clear:both; }
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
.mleft10 { margin-left: 10px; }
.mright10 { margin-right: 10px; }
.mtop10 { margin-top: 10px; }
.mbottom10 { margin-bottom: 10px; }

input.small{
width: 50px;
}
input.normal{
width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}

/* Contactform III */
#contactform {
	padding:2px;
	margin:0;
	overflow: hidden;
	line-height:1em;
}
#contactform fieldset {
	border:none;
}

#contactform input, #contactform textarea {
	display:block;
	margin:2px 0px 5px;
	padding:2px;
}
#contactform input {
	width:80%;
}
#contactform textarea {
	width:80%;
}

.contacterror {
	border: 1px solid #ff0000;
}
input#contactsubmit {
	width:25%;
	margin-top:3px;
	padding:2px;
	display:block;
}
input.hiddenfield {
	background:transparent;
	border:none;
	padding:0px;
	margin:0px;
}


.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 13px;line-height: 14px;padding: 0 4px 5px;margin: 0;}
img.centered{text-align:center;}
img.alignright,.alignright{text-align:right;}
img.alignright{	float:right; padding-left:10px;}
img.alignleft,.alignleft{text-align:left;}
img.alignleft{float:left; padding-right:10px;}


table.sample { border: 0px; border-style: none; background-color: white; }
table.sample th { border-width: 0px; padding: 5px;  background-color: white;}
table.sample td { border-width: 0px;	padding: 5px; }