/*  
Theme Name: MaviKalem v1
Theme URI: http://www.mavikalem.org/
Description: Theme of Mavi Kalem.
Author: Özgür Kılıç


*/
* {padding: 0; margin: 0;} 

.large  { font-size: 120%; }
.strong { font-weight: bold; }
.hidden	{ display: none; }

/* 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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* Generic
---------------------------------------------------------------------------------*/
body {
	font: 75%/160% Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	/*background: #3452aa url(../img/zemin.jpg) repeat-y center top;*/
	/*background: #f3f8fe url(../img/mk_ciplak.png) no-repeat center top;*/
	background: #f3f8fe;
	background: #f3f8fe url(../img/bg_body_back.jpg) repeat-y center top;
	color: #254d76;
	width: 100%;
	display: table;
}

body {
	border-top: solid 1px #123; 
}

body #pageWrap.home	{ /*background: #f3f8fe url(../img/bg_body_top.png) no-repeat center top;*/ }
body#sub	{ background: #f3f8fe url(../img/bg_body_top.png) no-repeat center top; /*background: #f3f8fe url(../img/bg_body_back.jpg) repeat-y center top;*/ }
body.sub	{ background: #f3f8fe url(../img/mk_ciplak_iletisim2.png) no-repeat center top; }
body .sub	{ background: #f3f8fe url(../img/bg_body_top.png) no-repeat center top; }
body .sub #top-bg		{ background: url(../img/bg_body_top.png) no-repeat center top; margin-bottom: 10px; }


.separator		{ display: block; float: left; width: 100%; height: 15px; margin-bottom: 10px; background: url(../img/sep2.gif) no-repeat 50% 50%; overflow: hidden; clear: both; }

.anasayfa #content a		{ border-bottom: none; font-weight: normal; }
.anasayfa #content a:hover	{ border-bottom: dotted 1px #254d76; font-weight: normal; }

* html #header { padding-top: 1px; }

#pageWrap	{ background: #f3f8fe url(../img/bg_body_back.jpg) repeat-y center top; }

.home #footer		{ background: url(../img/footer_bg.jpg) no-repeat center bottom; }
.home #footer-wrap	{ margin-top: 0px; }

.sub #footer		{ background: url(../img/bg_body_bottom.png) no-repeat center 18px; }
.sub #footer-wrap	{ margin-top: -18px; }

input, textarea {
	font: 110%/150% Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}
p {
	padding: 0 0 1.1em;
}
img {
	border: none;
}
a {
	outline: none;
	color:#254d76;
	text-decoration:none;
	font-weight: bold;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	/*color:#1b1e20;*/
	color:#254d76;
	font-weight: bold;
}
a.social_link { padding: 2px 2px 0 0; }
a.social_link:hover { background: #fff; }
/*Link Styles
a {
	outline: none;
	color:#a5e269;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

#content a {
	outline: none;
	color:#a5e269;
	text-decoration:none;
	border: solid 1px #a5e269;
}
#content a:visited {
	text-decoration:none;
}
#content a:hover {
	text-decoration:none;
	border: dotted 1px #cbc1ac;
	border-bottom-style: dotted;
	border-width:1px;
	color:#cbc1ac;
}
*/
table				{ margin: 0 0 20px 0; width: 100%; }
table th, table td 	{ padding: 8px; border-bottom:1px solid #6678B1; text-align: left; }
table th			{ padding-right: 16px; border-bottom:2px solid #6678B1; }
#content a {
	outline: none;
	color:#254d76;
	text-decoration:none;
	font-weight: bold;
	padding-bottom: 1px;
	border-bottom: dotted 1px #254d76;
}
#content a:visited {
	text-decoration:none;
}
#content a:hover {
	text-decoration:none;
	/*color:#1b1e20;*/
	color:#254d76;
	font-weight: bold;
	border-bottom: solid 1px #254d76;
}
strong { font-weight: bold; }
em {
	font-style: italic;
}
em strong {
	color: #CC0000;
}
del {
	color: #666666;
}
ins {
	text-decoration: none;
}
blockquote {
	padding: 0 10px 5px 20px;
	background: url(images/comments-bullet.gif) no-repeat left 2px;
	font: italic 115%/135% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
blockquote em {
	font: italic 110%/130% Georgia, "Times New Roman", Times, serif;
}
blockquote cite {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	text-align: right;
	display: block;
}
ul, ol {
	list-style: none;
	padding-top: .5em;
	
}
#content ul, #content ol { list-style-type: disc;
	list-style-position: inside;}
#content ul li, #content ol li {
	background: url(images/bullet.gif) no-repeat 4px 4px;
	padding: 0 0 1em 18px;
	line-height: 140%;
}
#content ul.none, #content ol.none { list-style: none; list-style-position: outside; padding-bottom: 1.1em; }
#content ul li, #content ol li {
	background: none;
	line-height: 140%;
	padding-left: 0;
	padding-bottom: 5px;
}
#content ul h4, #content ol h4	{ padding-top: 0; margin-top: -5px; padding-bottom: 0; }

#content ol li { background: none; list-style: decimal inside; }

.ta-left { text-align: left; }
.ta-right { text-align: right; }

/* headings and typography
---------------------------------------------------------------------------------*/

.nav-languages { position: absolute; top: 2px; right: 20px; }
.nav-languages a { color: #aaa; padding: 0 3px; }
.nav-languages a:hover { color:#254D76; }
body.tr .nav-languages a.lang-tr, body.en .nav-languages a.lang-en, body.it .nav-languages a.lang-it { color:#254D76; }

/*Header Link*/
h1#logo		{ height: 80px; width: 300px; margin-left: 20px; }
h1#logo a	{ display: block; height: 100%; text-indent: -9999px; }
h1#logo			{ display:block; position:absolute; margin: 20px 0 0 50px; width: 276px; height: 68px; z-index: 1999;}
h1#logo a		{ display:block; position:absolute	; width: 276px; height: 68px; text-indent: -9999px; background: url(../img/logo.png) 0 0 no-repeat; z-index: 2000; cursor: pointer; }

h1, h2 {
	font: bold 205%/100% Georgia, Times, serif;
	padding: 0 0 8px;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #f3f3f3;
	
	display:block;
	/*background: url(images/red-dot.gif) repeat-x bottom left;*/
	margin-bottom:15px;
	padding-bottom:5px;
	font-size:1.8em;
	font-family:georgia, arial, sans serif;
	letter-spacing:0.5px;
	clear:both;
	font-weight:normal;
	height:1%;
	line-height:1.2em;
}
.title {
	background: url(images/tape.gif) no-repeat center center;
	text-align: center;
	font: normal small-caps 190%/100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin: 0px 0 20px;
	padding: 16px 20px 16px 0;
}
.title span {
	color: #666666;
}
h1 a, h2 a {
	color: #fff;
}
h1 a:hover, h2 a:hover {
	color: #fff;
	text-decoration: none;
}
h3 {
	font: bold 140%/100% Arial, Helvetica, sans-serif;
	padding: 1.2em 0 .8em;
}
h3 em, h4 em {
	color: #fff;
	font-variant: normal;
}
h4 {
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	padding: .85em 0 5px;
	color: #4f61ad;
}
.intro {
	font: 120%/155% Georgia, "Times New Roman", Times, serif;
	color: #333333;
	
}

/* header
---------------------------------------------------------------------------------*/
#headerWrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	/*background: #f1f6f8;*/
}
#header {
	height: 131px;
	width: 905px;
	margin: 0 auto;
	position: relative;
	background: url(../img/header_bg.jpg) no-repeat 18px 0px;
	/*background: #f1f6f8 url(http://www.webdesignerwall.com/demo/decorative-gallery/images/flower-bg.gif) no-repeat center top;*/
}
/*
#logo {
	position: absolute;
	top: 45px;
	left: 20px;
}
*/

#description {
	width: 360px;
	text-align: center;
	position: absolute;
	left: 490px;
	top: 35px;
	font: italic normal 24px/26px Georgia, "Times New Roman", Times, serif;
	color: #68391d;
}

#header .tr, #header .en, #header .de, #header .fr, #header .ita , body #header .es  { display: none; }
/*.tr #header .tr, .en #header .en, .de #header .de, .fr #header .fr, .ita #header .ita  { display: block; }*/
body.tr #pageWrap #top-bg #bottom-bg #headerWrap #header div.tr { display: inline; }
body.ita #pageWrap #top-bg #bottom-bg #headerWrap #header div.ita { display: inline; }
body.en #pageWrap #top-bg #bottom-bg #headerWrap #header div.en { display: inline; }
body.fr #header div.fr { display: inline; }
body.es #header div.es { display: inline; }

.navLang {
	position: absolute;
	right: 20px;
	top: 0px;
	list-style: none;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
}
.navLang li {
	float: left;
	padding: 0;
	
	color: #999;
	font-size: 11px;
	/*font-weight: bold;*/
	text-align: center;
	text-decoration: none;
	margin: 0 3px;
	padding-top: 5px;
}

/*body.tr .navLang { display: none; }*/

.navLang li a       { color: #aaa; }
.navLang li a:hover { color: #bbb; text-decoration: underline; }
body.tr .navLang li.lang-tr a, body.en .navLang li.lang-en a, body.ita .navLang li.lang-it a, body.fr .navLang li.lang-fr a, body.es .navLang li.lang-es a { color: #254D76; }

.navMain, #navMain {
	position: absolute;
	left: 48px;
	bottom: 0px;
	list-style: none;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
}
.navMain li, #navMain li {
	float: left;
	padding: 0;
	
	width: 130px;
	height: 23px;
	        color: #f5f5f5;
	        /*font-weight: bold;*/
	        text-align: center;
	        text-decoration: none;
	        background: url(../img/menu_off.gif) no-repeat center top;
	        margin: 0 3px;
	        padding-top: 5px;
}
.navMain li.on, #navMain li on {
	background: url(../img/menu_on.gif) no-repeat center top;
	color: #fff !important;
}
.navMain a, .navMain a:visited, #navMain a, #navMain a:visited {
	text-decoration: none;
	color: #f5f5f5;
	display: block;
}
.navMain a:hover, #navMain a:hover {
	text-decoration: none;
	color: #fff;
}
.navMain span, #navMain span {
	display: none;
	position: absolute;
}
.navMain a:hover span, #navMain a:hover span {
	display: block;
}
.navMain-home span {
	width: 168px;
	height: 29px;
	top: -30px;
	left: 35px;
}
.navMain-about span {
	width: 157px;
	height: 36px;
	top: -36px;
	left: 90px;
}
.navMain-archives span {
	width: 205px;
	height: 33px;
	top: -32px;
	left: 110px;
}

/* subnav */
#subnav {
	position: absolute;
	bottom: 5px;
	left: 432px;
	margin: 0;
	padding: 0;
}
#subnav li {
	float: left;
	width: 24px;
	background: 0;
	padding: 0;
	margin: 0 10px 0 0;
}
#subnav a {
	display: block;
	text-indent: -900em;
	width: 25px;
	height: 25px;
}
#subnav .contact {
	background: url(images/nav-email.gif) no-repeat left 3px;
}
#subnav .rss {
	background: url(images/nav-rss.gif) no-repeat;
}

.feedcount {
	position: absolute;
	bottom: 31px;
	left: 424px;
	background: url(images/feedcount.gif) no-repeat;
	width: 116px;
	height: 26px;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding: 8px 0 0;
	text-align: center;
}
.feedcount .after {
	display: none;
	color: #CC0000;
}

.contact-pop {
	position: absolute;
	bottom: 31px;
	left: 410px;
	background: url(images/contact-bubble.gif) no-repeat;
	width: 74px;
	height: 26px;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding: 8px 0 0;
	text-align: center;
	display: none;
}



/* content wrap
---------------------------------------------------------------------------------*/
#content-wrap {
	width: 880px;
	margin: 0 auto;
	/*background: #fff url(../img/mk_zemin.jpg) repeat-x left top;*/
	position: relative;
}
#top {
	/*background: url(../img/content_bg.jpg) no-repeat right top;*/
	height: 440px;
	position: absolute;
	width: 851px;
	top: 0;
	right: 0;
	z-index: 2;
}
#content {
	/*width: 525px;*/
	width: 570px;
	float: right;
	position: relative;
	padding: 35px 25px 0px 20px;
	z-index: 5;
	min-height:700px;
    height:auto !important;
    height:700px;
}

.anasayfa #content { width: 525px; }

#backtotop a {
	color: #000;
	font-size: 95%;
	background: url(images/top-bg.gif) no-repeat right center;
	padding-right: 14px;
}


/* gallery */
.gallery {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 15px 0;
	clear: both;
}

.gallery li {
	background: none;
	margin: 0;
	padding: 5px;
	float: left;
	text-align: center;
	font: 110%/140% Georgia, "Times New Roman", Times, serif;
	color: #666;
}
.gallery img, .gallery a img {
	border: solid 1px #D9D9D9;
	background: #ffffff;
	padding: 4px;
}
.gallery a:hover img {
	border-color: #666666;
	background: #fff;
}
/* clearfix for gallery */
.gallery:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.gallery {display: inline-block;}
* html .gallery {height: 1%;}
.gallery {display: block;}


/* sliding banners */
.banslide {
	list-style: none;
	margin: 5px 0 15px;
	padding: 0;
}
.banslide li {
	overflow: hidden;
	padding: 4px 4px 0 4px;
	margin: 0;
	background: #fff url(images/banslide-bg.gif) no-repeat;
	position: relative;
}
.banslide img {
	border: solid 1px #e4e4e4;
	border-bottom: none;
}
.banslide small {
	position: absolute;
	top: 1px;
	left: 1px;
	font-size: 100%;
	line-height: 100%;
}
.banslide a, .banslide a:visited {
	color: #000;
	text-decoration: none;
}
.banslide a small {
	background: #fff url(images/banslide-title-bg.gif) no-repeat right bottom;
	padding: 5px 7px 6px 5px;
}


/* sidebar
---------------------------------------------------------------------------------*/
#sidebar {
	width: 239px;
	float: left;
	/*padding-left: 25px;*/
	position: relative;
	z-index: 4;
	overflow: hidden;
	/*margin-top: 15px;*/
	margin-top: 15px;
	margin-left: 25px;
	background: url(../img/bg_sidebar_v2.jpg) no-repeat left bottom;
}
#sidesecond { width: 230px; height: 300px; overflow: hidden; float: left; background: url(../img/arasayfa_sidebar.png) no-repeat; margin: 20px 0 0 20px; }
#sidesecond h3, #sidesecond h4, #sidesecond h5 { padding: 20px 15px 5px 20px; } 
#sidesecond p { padding: 5px 20px; font-weight: normal; }
#sidesecond p a { font-weight: normal; }
#sidesecond p a:hover, #sidesecond h3 a:hover, #sidesecond h4 a:hover, #sidesecond h5 a:hover { text-decoration: underline; }

#atac {
	width: 31px;
	height: 82px;
	position: absolute;
	top: -18px;
	left: 18px;
	z-index: 99;
	background: url(../img/atac.png) no-repeat left top;
}

/* nav category */
#sidebar h4 {
	color: #465ec8;
	margin: 0;
	padding: 25px 33px 15px;
	font-style: italic;
	font-size: 18px;
	/*background: url(../img/bg_submenu.jpg) no-repeat left top;*/
}
#category {
	display: none
}
#sidebar ul {
	padding: 0 10px 40px 33px;
	margin: 0;
	width: 160px;
	min-height:162px;
}
#sidebar ul li {
	padding: 0 0 0 17px;
	margin: 0;
	font-size: 13px;
	color: #465ec8;
}
#sidebar ul li.on {
	background: url(../img/subnav_on.png) no-repeat left 50%;
}
#sidebar ul a {
	height: 24px;
	display: block;
	color: #465ec8;
	padding-top: 5px;
	font-weight: bold;
}
#sidebar ul a:visited {
	text-decoration:none;
}
#sidebar ul a:hover {
	text-decoration:none;
	color:#3399FF;
}

#sidebar ul .tutorials {
	background: url(images/cat-tutorials.gif) no-repeat left top;
}
#sidebar ul .trends {
	background: url(images/cat-trends.gif) no-repeat left top;
}
#sidebar ul .general {
	background: url(images/cat-general.gif) no-repeat left top;
}
#sidebar ul .current, #nav-cat a:hover {
	background-position: left bottom;
}

.project_sub		{ width: 228px; height: 131px; overflow: hidden; float: left; background: url(../img/proje_bg.png) no-repeat; padding-right: 10px; }
.project_sub img	{ width: 70px; height: 70px; float: left; padding: 2px; margin: 10px 5px 5px 10px; background: #fff; border: solid 1px #ccc; }
.project_sub h3		{ padding-left: 10px; padding-right: 5px; }
.project_sub p		{ padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: .9em; }
#content .project_sub p a		{ border: none; font-weight: normal; }
#content .project_sub p a:hover	{ border: none; font-weight: normal; }

/* tag cloud */
#tag-cloud {
	font: normal 142%/60% Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0 15px 23px 0;
	text-align: center;
}
.tagcloud { 
	margin: 0;
	padding: 0 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 250px;
}
.tagcloud a {
	margin: 0 5px;
	line-height: 125%;
	white-space: nowrap;
	text-transform: capitalize;
}


/* archives list */
.archives {
	list-style: none;
	margin: 30px 0 10px;
}
.archives h3 {
	margin: 0;
	padding: 0;
	clear: none;
}
.archives li {
	background: none;
	margin: 0;
	padding: 0 0 15px;
}
.archives .post-date {
	float: left;
	text-align: right; 
	text-transform: uppercase;
	color: #666666;
	width: 90px;
	border-right: dashed 1px #ddd; 
	padding-right: 20px; 
	margin-right: 20px;
}
.archives .tags {
	background: none;
	padding: 0;
	font-size: 95%;
}


/* footer
---------------------------------------------------------------------------------*/
#footer .blocked {
	background: url(../img/footer_zemin.png) no-repeat;
	width: 270px;
	float: left;
	margin: 2px 0px 0px 5px;
	padding: 20px 0px 0px 5px;
	min-height: 300px;
	height: 300px;
	color: #254d76;
	font-size: .9em;
}
#footer .lefter { margin-left: 10px; }

#footer .blocked h4 { font-weight: bold; color: #254d76; font-size: 1.2em; }
#footer .blocked p a{ font-weight: normal; display: block; }
#footer .blocked p a:hover{ color: #4f61ad; }
#footer .blocked h5 { font-size: 1.1em; width: 50%; display: block; margin-left: 55px; }

#footer .blocked hr	{ width: 80%; margin-left: 10px; margin: 10px 0 15px 10px; border-color: #fff; }

#footer img.left	{ margin: 0px 5px 3px 20px; padding: 0; border: none; }

#footer .spacer		{ height: 1px; width: 80%; background: #254d76; margin: 10px 0 15px 20px; }


#footer {
	/*background: url(../img/footer_top2.jpg) no-repeat center top;*/
	clear: both;
	color: #4f61ad;
	margin-top: 20px;
}
#footer h4 {
	margin: 0;
	padding: 0;
	height: 25px;
}
#footer h4 a {
	margin: 0;
	padding: 0;
	height: 25px;
	color: #4f61ad;
}
#footer h4 a:visited {
	color: #4f61ad;
}
#footer h4 a:hover em {
	color: #4f61ad;
	font-variant: normal;
}

#footer h4 a:hover {
	color: #72b6e4;
}

#footer-wrap {
	width: 850px;
	height: 327px;
	margin: 0 auto;
	/*background: #f3f8fe url(../img/bg_credits.jpg) no-repeat center bottom;*/
}

#footer-wrap h4 {
	padding: 0 20px;
	font: bold 16px/1.5 'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	color: #e4f4f8;
}
#footer-wrap h4 span {
	font-weight: normal;
	font-style: italic;
}
#footer-wrap p {
	padding: 0 20px;
}

/* footer posts */
#footer-posts {
	width: 275px;
	float: left;
	padding: 23px 10px 0 10px;
}
#footer-posts h4 {
	background: url(images/recent-posts.gif) no-repeat;
}
#footer-posts ul {
	margin: 0;
	padding: 8px 0 0 0;
}
#footer-posts ul li {
	background: url(images/star-bullet.gif) no-repeat left 2px;
	padding: 0 0 15px 18px;
}
#footer img, #footer a img {
	border: solid 1px #D9D9D9;
	background: #ffffff;
	padding: 4px;
	margin: 7px 0 18px 9px;
}
#footer a:hover img {
	border-color: #666666;
	background: #fff;
}

/* col1 */
#col1 {
	background: url(../img/footer_zemin.png) no-repeat;
	width: 270px;
	float: left;
	padding: 35px 10px 10px 0;
	min-height: 300px;
	height: 300px;
}
#col1 h4 {
	margin-bottom: 40px !important;
	margin-bottom: 0;
}
#col1 h4.secondary {
	text-align: right;
	margin-top: -32px;
	padding-right: 10px;
}
#col1 p.secondary {
	text-align: right;
	padding: 0 10px 10px 70px;
}
#col1 h4 em {
	display: block;
	font-size: 2em;
	line-height: 1em;
	color: #4f61ad;
	font-variant: normal;
}
#col1 h4 span {
	display: block;
	font-size: 1.4em;
	font-variant: normal;
}
#col1 p {
	padding-right: 70px;
}

/* col2 */
#col2 {
	/*background: url(../img/footer_baslik.gif) no-repeat top center;*/
	width: 270px;
	float: left;
	padding: 27px 10px 10px 10px;
	overflow: hidden;
	display: inline;
}

#col2 h4 {
	font-size: 1.3em;
	margin-bottom: 15px;
	font-style: italic;
}

#col2 a {
	float: left;
	clear: right;
	display: block;
	width: 210px;
	padding-right: 35px;
}

/* col3 */
#col3 {
	/*background: url(../uploads/zuhre.png) no-repeat bottom right;*/
	position: relative;
	width: 270px;
	float: right;
	padding: 35px 0 10px 10px;
	min-height: 230px;
}
#col3 h4 {
	margin-bottom: 65px !important;
	margin-bottom: 15px;
}
#col3 h4 em {
	display: block;
	font-size: 2em;
	color: #4f61ad;
	font-variant: normal;
}
#col3 h4 span {
	display: block;
	font-size: 15px;
	font-variant: normal;
}
#col3 p {
	padding-right: 100px;
}

#col3 #slider1 {
	 background: url(../uploads/zuhre.png) no-repeat right bottom;
	 min-height: 230px;
	 height: 230px;
	 width: 270px;
}

/* credits */
#credits {
	font-size: 90%;
	clear: both;
	margin: 0 auto;
	text-align: center;
}


/* code
---------------------------------------------------------------------------------*/
code {
	color: #000099;
	font: normal 115% "Courier New", Courier, monospace;
	white-space: nowrap;
	padding: 0 2px;
}
pre code {
	display: block;
	clear: both;
	background: url(images/code-bg.gif);
	padding: 10px;
	color: #333;
	border: solid 1px #ccc;
	overflow: auto;
	line-height: 140%;
	margin: 5px 0 15px;
	white-space: pre;
	width: 470px;
}
code .comment {
	color: #888;
}
code .class, code .rules {
	color: #ff00ff;
	font-size: 100%;
}
code .value,  code .title, code .string {
	color: #0000FF;
}
code .tag {
	color: #000099;
}
code .keyword {
	color: #000099;
}
.html .attribute {
	color: #006600;
}

/* alignments etc (content elements)
---------------------------------------------------------------------------------*/
.border-top {
	background: url(images/border-top.gif) no-repeat;
	margin: 20px 0 5px;
	padding: 15px 0 0;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
	margin: auto;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
/* image */
img.image {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
p.image {
	margin-top: 4px;
}
p.image em {
	display: block;
	text-align: center;
	font-size: 95%;
	color: #666;
	padding-bottom: 5px;
	line-height: 140%;
}
p.image img {
	background: #fff;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
p.image a:hover img {
	border: 1px solid #666;
	background: #fff;
}
p.image a, p.image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
p.image a:hover {
	text-decoration: underline;
}
p.image small {
	color: #999999;
	display: block;
	font-size: 95%;
	line-height: 100%;
}
p.left {
	float: left;
	margin: 0 15px 0 0;
	padding-bottom: 0;
}
p.right {
	float: right;
	margin: 0 0 0 15px;
	padding-bottom: 0;
}
img.left {
	float: left;
	margin-right: 5px;
}
img.right {
	float: right;
	margin-left: 5px;
}


/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px 20px 30px 0;
	padding: 0;
	float: left;
	position: relative;
	width: 75px;
	height: 75px;
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding: 14px 12px 12px 13px;
}
.gallery em {
	width: 75px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(images/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 90px;
}




/*HOME
**************************************************/
.home #content { 
	text-align: left;
	margin: 0 auto;
	width: 850px;
	padding: 0;
	margin-bottom: -17px;
	height: 280px;
}
.home #decription { 
	/*background: url(../img/desc.jpg) no-repeat;*/
	height: 240px;
	margin: 15px 0;
}
.home #decription h2 { 
	text-indent: -9999px;
}
.home #decription p { 
	text-indent: -9999px;
}




/*Contact
**************************************************/
.contact #content-wrap { 
	width: 850px;
	margin: 0 auto;
	padding-left: 25px !important;
	padding-left: 0;
	padding-top: 0px;
	position: relative;
}

.contact #content { 
	/*background: url(../img/bg_iletisim.png) no-repeat center top;*/
	position: relative;
	text-align: left;
	width: 850px;
}

.contact #content a { color: #fff; padding-bottom: 1px; border-bottom: solid 1px #ccc;}
.contact #content a:hover { color: #4f61ad;}

.contact #content h1, h2, h3, h4, p { 
	padding-left: 40px;
}
.contact #content h2, h3, h4 { 
	padding-top: 15px;
}
.contact #content h1 { padding-top: 0px; }

.contact #content #mapWrap { 
	/*width: 508px;
	height: 278px;*/
	float: left;
	padding: 4px;
	border: solid 1px #666;
	background-color: #fff;
	margin-left: 40px;
	margin-right: 30px;
	display: inline;
}
.contact #content #map { 
	background-color: #ccc;
}

.contact #atac { left: 0px; top: -22px;}


/* Feature Carousel Structure and Layout
--------------------------------------- */

.nav { margin: 5px 0 }

.home #feature { 
	/*background: url(../img/bg_slider.jpg) no-repeat;*/
	margin: 15px 0;
	height: 200px;
	padding: 15px 10px;
	overflow: hidden;
}
* html .home #feature { margin-bottom: 25px; }

#feature h2	{ padding-bottom: 20px;}

#feature p	{ width: 400px;}

#feature img { padding-right: 17px; margin-top: -24px;}

#feature a	{ color: #4f61ad; padding-bottom: 1px; border-bottom: solid 1px #f3f8fe;}
#feature a:hover	{ color: #4f61ad; padding-bottom: 1px; border-bottom: solid 1px #4f61ad;}


#feature .left {float: left; margin-right: 1em;}
#feature .right {float: right;}
#feature .small {font-size: 85%; line-height: 1.5em;}
#feature .large {font-size: 115%; line-height: 1.5em;}
.hide {display: none;}

#feature img { position: absolute; right: 0; top: 50px;}

.contents {
	text-align: left;
	/*margin: 0 auto;*/
	width: 850px;
	padding: 0 52px;
}

#feature .nav {margin: 0; padding: 0;}
#feature .nav li {display: inline; list-style: none;}

#feature h2 img {vertical-align: text-top;}

#flashuva { width: 800px; height: 220px; margin: 20px 0 0 10px; }

.home #news { 
	height: 53px;
	/*background: #000 url(../img/son_haberler.jpg) no-repeat left top;*/
	margin-bottom: 30px;
	padding: 5px 0 0 0;
	overflow: hidden;
}
.home #news h4 { 
	float: left;
	padding-left: 10px;
	font: 150%/90% Georgia, "Times New Roman", Times, serif;
	color: #4f61ad;
}
.home #news p { 
	float: left;
	padding-left: 10px;
	padding-top: 16px;
}
.home #news p.date { 
	float: right;
	padding: 10px 10px 0 20px;
	font: italic 100%/135% Georgia, "Times New Roman", Times, serif;
}
.home #news #title { float: left;}
.home #news #newies { float: left;}

.home #atac { left: -22px; top: -20px;}





/* Feature Carousel
--------------------------------------- */

#mySlides {
	overflow: hidden;
	width: 850px;
	height: 255px;
	margin-top: -20px;
	}

#mySlides .slide {
	color: #b5e5f7;
	padding: 25px 30px 25px 0px;
	font-size: 1.25em;
	line-height: 1.333em;
}

#mySlides .slide h2 {
	/*font-size: 2em !important;*/
	font: italic 1.6em/1.5 Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	margin: 0.75em 0 0.5em 0 !important;
	width: 540px;
	color: #4261bc;
}

#mySlides .slide p {
	width  : 500px;
	font: 1em/1.5 Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	color: #3c54a9;
}
#mySlides .slide p em {
	width  : 540px;
	font: italic 1em/2 Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	color: #3c54a9;
	display: block;
}
#mySlides .slide p.link {
	width  : 400px;
	font: italic 1em/2 Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	color: #606568;
	text-align: right;
	float: left;
}
#mySlides .slide p.link a {
	color: #0c5793;
	text-decoration: none;
	font-weight: bold;
}
#mySlides .slide p.link a:visited {
	text-align: right;
}
#mySlides .slide p.link a:hover {
	text-align: right;
	color: #35c6f9;
}


#feature .nav {
	background: #00123c;
	/*background: #2a3953;*/
	font-size: 1.3em;
	color: #13a6ea;
	height: 44px;
	position: relative;
	margin-top: -14px;
}

#feature .nav a {
	color: #13a6ea;
	float: left;
	height: 58px;
	width: 215px;
	padding-left: 68px;
	overflow: hidden;
	margin-left: 0px;
	line-height: 58px;/*
	margin-top: -7px;
	margin-right: 1em;
	padding-left: 82px;
	padding-right: 30px;*/
}

#feature .nav .one a {background: url(../img/one.png) no-repeat left top;}
#feature .nav .two a {background: url(../img/two.png) no-repeat left top;}
#feature .nav .three a {background: url(../img/three.png) no-repeat left top;}


#feature .nav a:hover, #feature .nav a.jFlowSelected {
	color: #FFF;
	text-decoration: none;
	background-position: left -58px;
}
#feature .nav .hide {display: none;}

#feature p.link { margin-right: -90px; float:right; display: inline;}

.jFlowControl {}


h1, h2, h3, h4, h5, h6, p { padding-left: 0;}

.contactTitle	{ padding-left: 40px; margin-top: -20px;}

.contact h2, .contact p		{ color: #fff;}


/*Footer Images
****************************************************************/

.sub #footer	{ }

#zuhreImg	{ position: absolute; bottom: -40px; right: 0; background: url(../uploads/zuhre.png) no-repeat; width: 130px; height: 130px; z-index: -10; }

ul.gallery	{ list-style: none; }


/* postnav */
.postnav {
	clear: both;
	padding: 5px 0;
	display: block;
	height: 30px;
}
.postnav a, .postnav a:visited {
	border: none !important;
	color: #333 !important;
}
.postnav a:hover {
	border: none;
	text-decoration: underline !important;
}
.postnav .previous a {
	background: url(images/postnav-previous.gif) no-repeat left center;
	padding: 3px 0 3px 24px;
	float: left;
}
.postnav .next a {
	background: url(images/postnav-next.gif) no-repeat right center;
	padding: 3px 24px 3px 0;
	float: right;
}