/*
Theme Name: Sağlıklı Kentler Eski
Theme URI: http://www.kiraziletisim.com/
Description: SKB için hazırlanan tema.
Version: 1.0
Author: Talha Bıyık
Author URI: http://www.digitalha.com/
Tags: two columns, widgets
*/

@charset "utf-8";
@import url("images/reset.css");
/*HTML*/
body {
	background-image: url(images/bg.jpg);
	background-color:#FFF;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
a:link, a:visited {
	color:#39b54a;
	text-decoration:underline;}
a:hover, a:active {
	color:#1E7528;
	text-decoration:underline;
}
p {
	margin-bottom:15px;}
input {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;}
h1 {
	font-size:14px;
	padding-bottom:5px;
	width:500px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom:25px;
	
	}
hr{height:0;border:0;border-top:1px solid #ccc; margin:30px 0 30px 0;}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float:right;
	margin: 0 0 10px 20px;
	display: inline;
	}

.alignleft {
	float:left;
	margin: 0 20px 10px 0px;
	display: inline;
	}

/*HTML*/
/* Üstbilgi */
#top {
	background-image: url(images/container-bg-top.png);
	background-repeat: no-repeat;
	height: 13px;
	width: 994px;
	}
#container {
	background-image: url(images/container-bg.png);
	background-repeat: repeat-y;
	padding: 10px 32px 10px 32px;
	}
#header{
	width:930px;
	}
#logo {
	float: left;
	height: 62px;
	width: 476px;
	margin-bottom:10px;
	}
#uyeler {
	padding:20px 0 0 0;}
#WzBoDyI p strong{
	font-size:12px;
	color:#669966;
	padding:5px 0 3px 0;}
#top-menu {
	float: right;
	width: 180px;
	text-align: right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	}
#top-menu ul li{
	margin:0 0 0 10px;
	list-style:none;
	float:right;
	}
#top-menu a{
	text-decoration:none;
	}
#top-menu #contact {
	padding-left:15px;
	background-image: url(images/contact-icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#top-menu #rss {
	padding-left:15px;
	background-image: url(images/rss-icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#top-menu #english {
	padding-left:15px;
	background-image: url(images/english-icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
}


#menu {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight:bold;
	width: 930px;
	background-image: url(images/menu-bg.jpg);
	height: 48px;
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:relative;
}

#menu ul li {
	margin-top:4px;
	list-style-type: none;
	float: left;
}
#menu ul li:hover {
	background-color: #e9e9e9;
	background-image: url(images/menu-hover.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#menu a {
	width:125px;
	text-align:center;
	text-decoration:none;
	padding:12px 0 16px 0;
	display:block;
}
#search {
	font-size:12px;
	width:169px;
	height:48px;
	position:absolute;
	left: 732px;
	top: 0px;
	background-image: url(images/menu-search.jpg);
	background-repeat: no-repeat;
}
#search .text {
	border: none;
	height: 16px;
	width: 125px;
	background: transparent;
	color: #666;
	position:absolute;
	left: 13px;
	top: 15px;
}
#search .button	{
	border: none;
	position: absolute;
	height: 25px;
	width: 23px;
	background: transparent;
	cursor: pointer;
	position:absolute;
	left: 143px;
	top: 11px;
}
/* Üstbilgi */
/*Sayfa*/
#main {
	width: 994px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content {
	padding:10px 0 10px 0;
}
/*Sayfa*/

/*Ana sayfa alt kolonlar*/
.main-column {
	float: left;
	width: 200px;
	height:225px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	margin-right:25px;
	padding-right:10px;
}
.main-column h2{
	margin:0 0 12px 0;}
.main-column h2 a, h2.featuredTitle {
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.col-1 ul li, .col-2 ul li {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(images/list-bullet.jpg);
	margin:0 0 14px 15px;
}

	
.main-column.col-4-1 {
	width:134px;
	float: right;
	height:333px;
	text-align:center;
	margin-right:0px;
	padding-right:0px;
	border: 1px dotted #999;
}
.main-column.col-4-1 img {
	margin-bottom:10px;
}
.main-column.col-4-1 p {
	margin-bottom:20px;
}
#dfcg-text h3{
	line-height:20px;
	margin:0px;}
#dfcg-text p{
	line-height:20px;
	margin:0px;}

.main-column.col-4-2 {
	width:134px;
	float: right;
	height:223px;
	text-align:center;
	margin-right:0px;
	padding-right:0px;
	border: 1px dotted #999;
}

.main-column.col-3 {
	width: 297px;
	border-right-width: 0;
	padding-right:0;
	margin-right:0;
}
.row1 {
	height:143px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.row2 {
	padding-top:23px;}
/*Ana sayfa alt kolonlar*/
#main-slider {
	width:930px;
	height:335px;
	margin: 0 0 20px 0;}
#main-news {
	width:297px;
	height:335px;
	margin: 0 25px 20px 0;
	float:right;}
#main-news ul {
	list-style-type: none;
	width:100%;
	}
#main-news ul li {
	margin:0 0 10px 0;
	width:100%;
	height:57px;
 	background-image: url(images/main-news-bg.jpg);
	background-repeat: repeat-x;
	border: 1px dotted #999;
	}
#main-news table {
	height:57px;
	border:0;
	padding:0;
	margin:0;
	}
#main-news table td {
	vertical-align:middle;
	}
#main-news a {
	text-decoration:none;
	}
#main-news li:hover {
	filter:alpha(opacity=60); /* For IE8 and earlier */
	opacity:0.6;
	}
#main-news .newsTitle, #main-news .newsTitle a:hover {
	font-size:12px;
	line-height:17px;
	font-weight:bold;
	color:#848484;
	float:right;
	width:215px;
	}

/*Alt Bilgi*/
#footer {
	background-image: url(images/container-bg-bottom.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 994px;
	font-size:9px;
	color:#555;
	margin-bottom:40px;
}
#footer a{
		text-decoration:none;
}
#footer .left {
	width:400px;
	float:left;
	margin:20px 0 0 25px;
	text-align:left;
}
#footer .right {
	width:400px;
	float:right;
	text-align:right;
	margin:20px 25px 0 0;
}
/*Alt Bilgi*/
#sidebar-left{
	float:left;
	width:180px;
	margin:25px 15px 0 0;
	padding-right:18px;
	}
#sidebar-right{
	float:right;
	width:180px;
	margin:25px 0 0 17px;
	padding-left:18px;
	}
#single-page{
	padding:25px 0 0 0;
	float:left;
	width:500px;}
#page{
	padding:25px 0 0 0;
	float:left;
	width:716px;
	}
.archive-post{
	width:500px;
	margin:0 0 20px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	}
#single-page h2, #page h2, #uyeler h2, .archive-post h2 a{
	font-size:20px;
	margin-bottom:15px;
	line-height:24px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	text-decoration:none;
	}
	
.archive-post h2 a {
	font-size:20px;
	margin-bottom:15px;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	border:none;}
.gallery {
	width:500px;
	text-align:center;}
#sidebar-left{
	list-style:none;
}
.widget a{
	color:#666;
	text-decoration:none;
	}
.widget ul{
	line-height:18px;
	list-style-type: none;
	list-style-position: outside;
}
.widget li{
	border-top: 1px solid #ccc;	
	padding-left: 10px;
}
.widget li:hover, .current_page_item, .current-cat {
	color:#39b54a;
	background-color: transparent;
	background-image: url(images/list-bullet.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left 7px;
	}
.widget li:hover a, .widget a:hover, li.current_page_item a, li.current-cat a {
	color:#39b54a;
	}

.widget h2 {
	font-size:14px;
	padding-bottom:5px;
	color:#39b54a;
	}
	
/*li.page-item-52, li.cat-item-4 {
	border-bottom: 1px solid #ccc;	
	} */
	
	
.widget {
	margin:0 0 20px 0;
	}
#yazi ul{
	list-style:disc;
	margin:10px 0 10px 20px;
	padding-left:10px;
	}
#yazi ol{
	list-style:decimal;
	margin:10px 0 10px 20px;
	padding-left:10px;
	}
#yazi li{
	margin:0 0 5px 0;
	}
.navigation {text-align:center; margin:10px 0 0 0;}
.content-info {margin:20px 0 50px 0;}
.time {background:url(images/date.jpg) top left no-repeat; font-size:10px; line-height:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 20px; float:left;}
.back {background:url(images/back.jpg) top left no-repeat; font-size:10px; line-height:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 20px; float:right;}
.top {background:url(images/top.jpg) top left no-repeat; font-size:10px; line-height:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 20px; float:left;}
.more {background:url(images/more.jpg) top left no-repeat; font-size:10px; line-height:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 20px; float:right;}
.print {background:url(images/english-icon.jpg) top left no-repeat; font-size:10px; line-height:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-left: 15px; float:right;}
.duyuru { font-weight:bold;}









.box-head {
	width:100%;
	height:20px;
	background-image: url(images/box-head.jpg);
	background-repeat: repeat-x;
	color:#39b54a;
	font-weight:bold;
	font-size:12px;
	padding:2px 0 0 0;
	}


h2.featuredTitle {
		color:#39b54a;
		line-height:17px;
		margin:0px;
		padding:0;

}
#featured p {
	margin-top:5px;
	margin-bottom:0px;
}


	/* FEATURED SECTION */
	#featured { /* Featured tab starting from image till end of post excerpt */
		width: 297px;
		height:144px; /* If post doesn't fit to the defined height, increase that value and the value of container below */
		position: relative; /* Used relative positsioning to define the location of << and >> links as absolute  */
	}
		#featured ul {
			width: 100000px;
			position: relative;
			top: 0;
			left: 0;
			margin:0;
			padding:0;
		}                      
		#featured ul li {
			float:left;
			width:297px;
			list-style-type:none;
			margin:0;
			padding:0;

		}
		#featured .container { /* If post doesn't fit to the defined height, increase that value and the value of #featured above */
			position: absolute;
			overflow:hidden; 
			width: 297px;
			height: 144px;
		}
			#featured  .sliderContent { /* This division contains only featured image and post title */
				position:relative; /* Relative posisioning is used to define the location of title as bottom of image */
				height:144px;
				overflow:hidden;
			}
		#featured .previous_button { /* Class kepts the attributes for  previous (<<) before the numbers on slider navigation*/
			position: absolute;
			font-size:1.7em;
			bottom:10px;
			left:0px;
			color:#39b54a;
			z-index:1;
			cursor:pointer;
		}
		#featured .previous_button_disabled {
			cursor:default;
			color:#ccc;
		}
		#featured .next_button {  /* Class kepts the attributes for  next (>>) after the numbers on slider navigation*/
			position: absolute;
			font-size:1.7em;
			bottom:10px;
			left:20px;
			z-index:1;
			color:#39b54a;
			cursor:pointer;
		}
		#featured .next_button_disabled {
			cursor:default;
			color:#ccc;
		}
		#featured .feaScrollBar { /* The division wrapper for the line between post excerpt and featured post image */
			color:#222;
			background:#efefef;
			position:relative; /* Relative position is used to define location of slider number as absolute */
			display:block;
			padding:2px 5px;
			margin-bottom:5px;
		}
		#featured .feaPostMeta { /* Text style for "Written on, Filed in..." between postexcerpt and featured post image */
			font-size:.9em;
		}
		#featured .feaPostMeta a, span.postinfo a {
			color:#006973;
		}
		#featured .feaPostMeta a:hover,  span.postinfo a:hover{
			text-decoration:underline;
		}
		#featured .scrollBarLinks { /* Slider numbers placed between << and >> */ 
			font-size:14px;
			position:absolute;
			width:60px;
			color:#999;
			text-align:center;
			right:20px;
			top:0;
		}
		#featured .scrollBarLinks a {
			color:#222;
			margin:0 2px;
		}
		#featured .scrollBarLinks a:hover {
			color:#999;
			margin:0 2px;
		}
		#featured a.sliderCurrent {
			color:#999;
			margin:0 2px;
		}
	.featuredSmallPost { /* Wrapper around the posts for the entries listed on left and right hand below the featured section */
		padding-bottom:10px;
	}
	
	
			#featured .tarih { /* Class kepts the attributes for  previous (<<) before the numbers on slider navigation*/
			position: absolute;
			font-size:1.7em;
			bottom:10px;
			right:0px;
			color:#39b54a;
			z-index:1;
			cursor:pointer;
		}


.dergi {
		position:relative;
		width:90px;
		height:127px;
		margin:10px auto 15px auto;

}
.yayin {
		position:relative;
		width:90px;
		height:85px;
		margin:7px auto 0 auto;

}
.dergi img {
	border: 1px solid #ccc;
}
.yayin img {
	border: 1px solid #ccc;
}


.dergilerTitle {
		filter:alpha(opacity=0); /* For IE8 and earlier */
		opacity:0;
		position:absolute;
		line-height:13px;
		margin:0px;
		padding:0px;
		width:92px;
		height:129px;
		background:#000;
}
.yayinlarTitle {
		filter:alpha(opacity=0); /* For IE8 and earlier */
		opacity:0;
		position:absolute;
		line-height:13px;
		margin:0px;
		padding:0px;
		width:92px;
		height:82px;
		background:#000;
}
.dergilerTitle:hover, .yayinlarTitle:hover {
		filter:alpha(opacity=60); /* For IE8 and earlier */
		opacity:0.6;
}
.dergilerTitleText {
	position:absolute;
	top:45%;
	width:92px;
	text-align:center;
	font-weight:bold;
	color:#fff;}

.yayinlarTitleText{
	position:absolute;
	top:2px;
	width:92px;
	text-align:center;
	font-weight:bold;
	color:#fff;}
		


	/* dergiler SECTION */
	#dergiler { /* dergiler tab starting from image till end of post excerpt */
		width: 134px;
		height:333px; /* If post doesn't fit to the defined height, increase that value and the value of container below */
		position: relative; /* Used relative positsioning to define the location of << and >> links as absolute  */
	}
	#dergiler a, #yayinlar a { /* dergiler tab starting from image till end of post excerpt */
	text-decoration:none;
	}
	#yayinlar { /* dergiler tab starting from image till end of post excerpt */
		width: 134px;
		height:223px; /* If post doesn't fit to the defined height, increase that value and the value of container below */
		position: relative; /* Used relative positsioning to define the location of << and >> links as absolute  */
	}
		#dergiler ul, #yayinlar ul {
			width: 100000px;
			position: relative;
			top: 0;
			left: 0;
			margin:0;
			padding:0;
		}                      
		#dergiler ul li, #yayinlar ul li {
			float:left;
			width:134px;
			list-style-type:none;
			margin:0;
			padding:0;

		}
		#dergiler .container { /* If post doesn't fit to the defined height, increase that value and the value of #dergiler above */
			position: absolute;
			overflow:hidden; 
			width: 134px;
			height: 333px;
		}
		#yayinlar .container { /* If post doesn't fit to the defined height, increase that value and the value of #dergiler above */
			position: absolute;
			overflow:hidden; 
			width: 134px;
			height: 223px;
		}
			#dergiler  .sliderContent { /* This division contains only dergiler image and post title */
				position:relative; /* Relative posisioning is used to define the location of title as bottom of image */
				height:333px;
				overflow:hidden;
			}
			#yayinlar  .sliderContent { /* This division contains only dergiler image and post title */
				position:relative; /* Relative posisioning is used to define the location of title as bottom of image */
				height:223px;
				overflow:hidden;
			}
		#dergiler .previous_button, #yayinlar .previous_button { /* Class kepts the attributes for  previous (<<) before the numbers on slider navigation*/
			position: absolute;
			font-size:1.7em;
			bottom:5px;
			left:50px;
			color:#39b54a;
			z-index:1;
			cursor:pointer;
		}
		#dergiler .previous_button_disabled, #yayinlar .previous_button_disabled {
			cursor:default;
			color:#ccc;
		}
		#dergiler .next_button, #yayinlar .next_button {  /* Class kepts the attributes for  next (>>) after the numbers on slider navigation*/
			position: absolute;
			font-size:1.7em;
			bottom:5px;
			left:70px;
			z-index:1;
			color:#39b54a;
			cursor:pointer;
		}
		#dergiler .next_button_disabled, #yayinlar .next_button_disabled {
			cursor:default;
			color:#ccc;
		}
		#dergiler .feaScrollBar, #yayinlar .feaScrollBar { /* The division wrapper for the line between post excerpt and dergiler post image */
			color:#222;
			background:#efefef;
			position:relative; /* Relative position is used to define location of slider number as absolute */
			display:block;
			padding:2px 5px;
			margin-bottom:5px;
		}
		#dergiler .feaPostMeta, #yayinlar .feaPostMeta { /* Text style for "Written on, Filed in..." between postexcerpt and dergiler post image */
			font-size:.9em;
		}
		#dergiler .feaPostMeta a, #yayinlar .feaPostMeta a, span.postinfo a {
			color:#006973;
		}
		#dergiler .feaPostMeta a:hover, #yayinlar .feaPostMeta a:hover,  span.postinfo a:hover{
			text-decoration:underline;
		}
		#dergiler .scrollBarLinks, #yayinlar .scrollBarLinks { /* Slider numbers placed between << and >> */ 
			font-size:14px;
			position:absolute;
			width:60px;
			color:#999;
			text-align:center;
			right:20px;
			top:0;
		}
		#dergiler .scrollBarLinks a, #yayinlar .scrollBarLinks a {
			color:#222;
			margin:0 2px;
		}
		#dergiler .scrollBarLinks a:hover, #yayinlar .scrollBarLinks a:hover {
			color:#999;
			margin:0 2px;
		}
		#dergiler a.sliderCurrent, #yayinlar a.sliderCurrent {
			color:#999;
			margin:0 2px;
		}
	.dergilerSmallPost, .yayinlarSmallPost { /* Wrapper around the posts for the entries listed on left and right hand below the dergiler section */
		padding-bottom:10px;
	}