/* 
Title:     cssornekleri.Com CSS Style Dosyası
Author:    cengiz@uzmanekip.net
Updated:   2008/08/09
*/

*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../img/bg.gif) #e1f0ef repeat-x top;
	color: #555555;
	font: .75em "Trebuchet MS", Arial, Helvetica;
	padding: 0 0 20px;
	line-height:1.8em;
}
a{
	color: #3d496a;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #e6e6e6 1px solid;
	font-size: 12px;
	padding: 2px;
	
}
li{
	margin-left: 15px;
}
h2{
	color: #262625;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0 0 .8em
}
h2 a{
	color: #262625
}
h3{
	color: #262625;
	font-size: 1.6em;
	margin: 0 0 1em
}
h4{
	color: #444444;
	font-size: 1em;
	margin: 0 0 1em
}
p{
	padding: 0 0 3px;
}
hr {
	color: #e1f0ef;
	color: #f00;
	background-color: #e1f0ef;
	height: 2px;
	margin-bottom: 4px;
}
.inputText {
	width: 400px;
	height: 20px;
	border: 1px solid #e1f0ef;
	line-height: 18px;
	font-size: 15px;
	font-weight: bolder;
	padding-top: 3px;
	color: #1e717e;
}
/*=== Intro ===*/
p.intro {
	line-height:1.3em;
}
p.intro a {
	color:#FFFFFF;
	text-decoration:underline;
}
p.intro a:hover {
	color:#222222;
	text-decoration:underline;
}
/*=== Layout ===*/
#main{
	margin: 0 auto;
	width: 940px
}
/*=== Header ===*/
#header{
	height: 144px;
	position:relative;
}
#header .spacer{
	float: right
}
/*- Logo -*/
#header h1{
	float: left;
	width: 497px
}
#header h1 a{
	display: block;
	height: 144px;
}
#header h1 a:hover{
	text-decoration: none
}

/*=== Buttons ===*/
ul#blue { margin:0; padding:0; list-style-type:none; }

ul#blue li { 
	position:relative; 
	float:left; 
	border-top:4px solid #efefef; 
	margin-right: 15px; 
	padding-right: 20px; 
	padding-top: 5px;
	margin-left: 0px;
	}

ul#blue .current { border-top:4px solid #3d496a;}

ul#blue li:hover { border-top:4px solid #3d496a;}

ul#blue li a { padding:2px 2px; text-decoration:none; 
font:bold 12px Verdana, sans-serif;; 
color:#68759c;}

ul#blue li a:hover { color:#8895b8; border:none; }

ul#blue li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; line-height: 15px; }

ul#blue li a:hover span {margin-top: 7px; display:block; color: #8895b8;}


/*- Box4 -*/
.box4{
	color: #ffffff;
	font-size: 1.8em;
	margin: 0 0 20px;
	width: 940px
}
.box4 .top,.box4 .bot{
	background: url(../img/box4-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box4 .bot{
	background: url(../img/box4-bot.gif) no-repeat top
}
.box4 .spacer{
	background: #30a3c7;
	height: 1%;
	padding: 5px 25px;
	font-size: 23px;
}
.box4 p{
	padding: 0
}
/*=== Intro ===*/
p.intro a {
	color:#FFFFFF;
}
p.intro a:hover {
	color:#222222;
}
/*=== Intro ===*/
p.intro {
	line-height:1.3em;
}
p.intro a {
	color:#FFFFFF;
	text-decoration:underline;
}
p.intro a:hover {
	color:#222222;
	text-decoration:underline;
}




.box5{
	margin: 0 0 30px;
	width: 940px
}
.box5 .top,.box5 .bot{
	background: url(../img/box5-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box5 .bot{
	background: url(../img/box5-bot.gif) no-repeat top
}
.box5 .spacer{
	background: url(../img/box5-bgr.gif) repeat-y top;
	height: 1%;
	padding: 15px 25px
}
.box5 .post img {
	border:0;
}

/*********************/
#bestList {
	margin-top: 5px;
}
#bestList a {
	margin-left: 10px;
	border-bottom: 1px dotted #f0f0f0;
}
#bestList a:hover {
	border-bottom: 1px dotted #666;
	text-decoration: none;
	color: #124950;
}
h3.bestTitle {
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	background: transparent url(../img/bg_best_title.gif) center top no-repeat;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #124950;
}
h3.cssMenuTitle {
	margin: 0px;
	padding: 3px;
	color: #1e717e;
}
h4.cssMenuSubTitle {
	margin: 0px;
	padding: 3px;
	margin-top: 3px;
	color: #1e717e;
	border-bottom: 1px dotted #1e717e;
}
h4.cssMenuSubTitle a {
	color: #082c31;
	text-decoration: none;
}
h4.cssMenuSubTitle a:hover {
	color: #1e717e;
	border-bottom: 1px dotted #1e717e;
}
.cssMenuHometext {
	margin: 2px;
	padding: 5px;
	border-bottom: 1px solid #1e717e;
}
.cssMenuDetailPreview {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #fafafa;
}

.cssPostList {
	float: left;
	padding: 5px;
	margin: 6px;
	border: 1px solid #e1f0ef;
	text-align: center;
}
.cssPostList img {
	border: 1px solid #e1f0ef;
}
.cssPostList a {
	font-size: 11px;
}

.cssPostTableList {
	float: left;
	padding: 8px;
	margin: 6px;
	border: 1px solid #e1f0ef;
	text-align: center;
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 0 0 10px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	width: 620px
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	margin: 20px 0 0;
	width: 320px
}
#rightcol h3{
	color: #ffffff;
	font-size: 1em;
	height: 2.4em;
	margin-top:10px;
}
#rightcol h3 span{
	background: #3d496a;
	display: block;
	float: left;
	line-height: 2.4em;
	padding: 0 10px;
}
#rightcol .widget ul, #rightcol .textwidget {
	background: #dff3f3;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px
}



/*- Box1 -*/
.box{
	margin: 0 0 1em;
	width: 620px
}
.box .top,.box .bot{
	background: url(../img/box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box .bot{
	background: url(../img/box-bot.gif) no-repeat top
}
.box .spacer{
	background: #ffffff;
	height: 1%;
	padding: 15px 30px
}
/*- Box2 -*/
.box2{
	margin: 20px 0 1em;
	width: 320px
}
.box2 .top,.box2 .bot{
	background: url(../img/box2-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box2 .bot{
	background: url(../img/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	background: #d1e5e5;
	height: 1%;
	padding: 10px 25px
}
.widget #recentcomments li{
	background: url(../img/hl-dot.gif) repeat-x bottom;
	padding: .5em 0
}
.widget #recentcomments li a{
	background:none;
	color: #a4b92e;
	text-decoration:none;
}
.widget #recentcomments li a:hover{
	color: #a4b92e;
	text-decoration: underline;
}
/*- Nav2 -*/
.nav2 li, .widget li{
	background: url(../img/hl-dot.gif) repeat-x bottom;
	padding: .5em 0
}
.nav2 li a, .widget li a{
	color: #555555;
	background: url(../img/ico-next.gif) no-repeat left;
	padding: 0 0 0 20px;
}
.nav2 li a:hover, .widget li a:hover{
	color: #a4b92e;
	text-decoration: none
}


/* Slideshow
---------------------------------------------------------- */
#slideshow {
    position:relative;
    height:150px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow IMG.active {
    z-index:10;
}
#slideshow IMG.last-active {
    z-index:9;
}	
/**************/

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("../img/bgOFF.gif") repeat-x top left;font-family: Verdana, sans-serif;;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}
ul#saturday li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	}
ul#saturday li a{display:block;float:left;color:#2d2d2d;text-decoration:none;padding:12px 17px 0 17px;height:24px;background:transparent url("../img/bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("../img/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("../img/bgON.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#content {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding: 10px;
}
td.HomeLeftTd {
	width: 200px;
	vertical-align: top;
}

td.HomeRightTd {
	width: 590px;
	vertical-align: top;
}

/******CONTACT********/
#map {
	width: 600px;
	height: 300px;
	border: 10px solid #f0f0f0;
}
#commentwrap {
display: block;
width: 750px;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 15px;
}

.commentlist li{
display: block;
float: left;
clear: both;
margin-left: 0px;
margin-bottom: 10px;
}

.commentlist ol {
margin-left: 0px; 
padding-left: 0px;

}
.commentlist {
margin-left: 0px; 
padding-left: 0px;
}

.comment-inside {
background-image: url(../img/comment-bg.gif);
background-repeat: repeat-y;;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
width: 722px;
float: left;
color: #373737;
font-size: 12px;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
margin-left: 20px;
padding: 10px;
width: 540px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 370px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
.inputForm {
	font-size: 1.1em;
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
	width: 280px;
	height: 25px;
}
/******Kitaplar ***/
#contentBookPage {
	padding: 2px;
}
#contentWriterPageP {
	margin: 0px;
	padding: 2px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
h2.contentBookPageH {
	margin: 2px;
	padding: 4px;
	font-size: 20px;
}
img.contentBookPageImg {
	padding: 4px;
	border: 2px solid #f0f0f0;
	margin: 3px;
	float: left;
}
.contentBookPageBottom {
	border-top: 2px solid #785a3c;
	border-bottom: 2px solid #785a3c;
	text-align: center;
	font-weight: normal;
}
p.contentBookPageBottomP {
	margin: 0px;
	padding: 3px;
	border-bottom: 1px solid #f9f9f9;
}

h4.contentAboutList {
	margin: 1px;
	padding: 2px;
	border-bottom: 1px solid #f0f0f0;
	font-weight: normal;
	color: #7c7c7c;
}
h1.contentAboutTitle {
	margin: 1px;
	padding: 2px;
	font-size: 18px;
}


#contentWriterList {
	width: 120px;
	height: 130px;
	display: block;
	padding: 7px;
	margin: 7px;
	border: 1px solid #EBEBEB;
	float: left;
	text-align: center;
}


#contentBookCategoryList {
	width: 250px;
	height: 30px;
	display: block;
	padding: 7px;
	margin: 7px;
	border: 1px solid #EBEBEB;
	float: left;
	text-align: center;
	font-size: 15px;
}
#contentBookPageBookList {
	width: 742px;
	height: 130px;
	display: block;
	padding: 7px;
	margin: 7px;
	border: 1px solid #EBEBEB;
	text-align: left;
}
img.contentBookPageBookImg {
	padding: 3px;
	margin: 3px;
	border: 1px solid #EBEBEB;
	float: left;
	width: 75px;
}
p.contentBookPageBookP {
	margin: 0px;
	padding: 2px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
h4.contentBookPageBookH {
	margin: 2px;
	padding: 5px;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.4em;
}


/******CONTENT***/
#contentPageList {
	padding: 4px;
	margin: 2px;
	border: 1px solid #EBEBEB;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
h3.contentPageListTitle {
	padding: 2px;
	margin:0px;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #8c1739;
}
h3.contentPageListTitle a, a:hover {
	color: #8c1739;
}

#contentPageDetail {
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
#contentPageDetailHometext {
	font-style: italic;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 3px;
}

/*=== Footer ===*/
/*- Box6 -*/
.box6{
	margin: 0 0 20px;
	width: 940px
}
.box6 .top,.box6 .bot{
	background: url(../img/box6-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box6 .bot{
	background: url(../img/box6-bot.gif) no-repeat top
}
.box6 .spacer{
	background: #d1e5e5;
	height: 1%;
	padding: 10px 25px
}
#footer .box6 .spacer{
	padding: 0px 25px
}

#footer a{
	color: #00455a;
	text-decoration: underline
}
#footer img{
	position: relative;
	vertical-align:middle
}
/*=== Footer ===*/
#footer{
	background: url(../img/footer-bgr.gif) no-repeat top;
	color: #00455a;
}
#footer a{
	color: #00455a;
}


/*MNEU**/
/***DOCUMENT **/
#documentLeft {
	float: left;
	width: 230px;
}
#documentRight {
	float: right;
	width: 630px;
	border: 1px solid #edf6f5;
}
#documentRightDocument {
	margin-left: 4px;
	margin-right: 4px;
	border-bottom: 2px solid #edf6f5;
}
h4.cssMenuCodeTitle {
	margin: 5px;
	border-top: 1px solid #edf6f5;
}
.prettyprintPreview {
	margin: 7px;
	
}
.documentEnd {
	clear: both;
}

.treeMenu {
	margin-top: 5px;
	list-style: none;
	margin-left: 0px;
	text-indent: -999px;
	background: transparent url(../img/btn_dokuman_listesi.gif) top center no-repeat;
}
.treeMenu ul {
	margin-top: 30px;
	list-style: none;
}
.treeMenu ul li {
	margin-top: 5px;
	margin-left: 0px;
	padding-top: 4px;
	text-align: center;
	text-indent: 0px;
	
	background: transparent url(../img/btn_dokuman_listesi2.gif) top center no-repeat;
}
.treeMenu ul li a{ 
	color: #1d6d79;
	text-decoration: none;
}
.treeMenu ul li ul {
	margin-top: 5px;
	list-style: none;
	
}
.treeMenu ul li ul li {
	margin-top: 2px;
	margin-left: 0px;
	text-indent: 0px;
	padding-left: 7px;
	background: #f2fdfc;
	text-align: left;
	color: #999;
}
.treeMenu ul li ul li a{ 
	color: #0f3e44;
	
}
.treeMenu ul li ul li a:hover{ 
	color: #800080;
	text-decoration: underline;
	background: #f2fdfc;
}

#homeTitle {
	
}
#homeTitle h3 {
	padding: 4px;
	margin: 0px;
	font-size: 14px;
	background: #e1f0ef;
	border-bottom: 2px solid #30a3c7;
}
#homeTitle h3 a {
	font-size: 12px;
	padding-left: 20px;
	text-align: right;
	color: #aa00aa;
}