/* ------------------------------------------------------------------
---------- BASE LAYOUT ----------------------------------------------
------------------------------------------------------------------ */

body {
	text-align: center;  /* centering the page container, 
							text-align will be reset to left 
							inside the container */
	margin: 0;
	padding: 0;
	font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #000000;
background: #ffffff;	}

a:link, a:visited, a:active {
	color: #666666; 
	font-weight: normal; 
	text-decoration: none; 
	}
	
a:hover {
	color: #CC0000;
	font-weight: normal; 
	text-decoration: underline;
	}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0; 	
	}

/* remove margins on sub-lists */
ul ul, ul ol, ol ul, ol ol {
	margin-top: 0;
	margin-bottom: 0;
	}

/*
h1 {font-size: 2.15em; font-weight: bold;}
h2 {font-size: 1.85em; font-weight: bold;}
h3 {font-size: 1.6em; font-weight: bold; }
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}
*/

h1, h2, h3, h4, h5, h6 {
  color: #000;
  display: block;
  /* fixed for Non-PCs without Photoshop CS2+ */
	font-smooth: always;
}

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }

h1 a, h2 a, h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { color: #000; }
h1 a:active, h2 a:active, h1 a:focus, h2 a:focus, h1 a:hover, h2 a:hover { color: #669900; }



code, pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	}

pre {
	overflow: auto;
	word-wrap: normal;
	padding-bottom: 1.5em;
	overflow-y: hidden;
	width: 99%;
	}

abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	}
	
hr {
	display: block;
	height: 2px;
	border: none;
	margin: 0.5em auto;
	color: #cccccc;
	background-color: #cccccc;
	}

/* use the body's font size in tables, too: */

table {
	font-size: 1em; 
	}	


/* ------------------------------------------------------------------
---------- BREAK LONG STRINGS ---------------------------------------
------------------------------------------------------------------ */

/* break long strings in IE6+ and Safari2+ in posts and comments: */

div.post, ul.commentlist li, ol.commentlist li {
	word-wrap: break-word; 
	}

/* reset "break-word" for pre & wp-syntax: */

pre, .wp_syntax {
	word-wrap: normal; 
	}

	
/* ------------------------------------------------------------------
---------- WRAPPER, CONTAINER & LAYOUT ------------------------------
------------------------------------------------------------------ */
	

/*-------------------- WRAPPER for MIN / MAX width --------*/

div#wrapper {
	text-align: center;  
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 99%;
		}


/*-------------------- CONTAINER for VISUAL styles --------*/

div#container {
	padding: 0;		width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* resetting the "text-align: center" of "wrapper" */
	display: block;
	}

/*-------------------- LAYOUT to keep it all together -----*/
	
table#layout {
	font-size: 100%;
	width: 100%;
	table-layout: fixed;
	}
	
.colone {width: 400px;}
.colone-inner {width: 400px;}
.coltwo { width: 100% }

/* ------------------------------------------------------------------
---------- HEADER ---------------------------------------------------
------------------------------------------------------------------ */


/*-------------------- HEADER CONTAINER -------------------*/

td#header {
	width: auto;
	padding: 0;
	}


/*-------------------- LOGO AREA --------------------------*/

table#logoarea, 
table#logoarea tr, 
table#logoarea td {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	}

table#logoarea {
	width: 100%;
	border-spacing: 0px;
		}
	
/*-------------------- LOGO -------------------------------*/

img.logo {
	display: block;
	margin: 0 10px 0 0;	}

td.logoarea-logo {
	width: 1%;
	}

	
/*-------------------- BLOG TITLE -------------------------*/

h1.blogtitle,
h2.blogtitle {
    display: block;
	margin: 0;
padding: 0;
letter-spacing: -1px;
line-height: 1.0em;
font-family: tahoma, arial, sans-serif;
font-size: 240%;	font-smooth: always;
	}
	
h1.blogtitle a:link, 
h1.blogtitle a:visited, 
h1.blogtitle a:active,
h2.blogtitle a:link, 
h2.blogtitle a:visited, 
h2.blogtitle a:active {
    text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-smooth: always;
	}
	
h1.blogtitle a:hover,
h2.blogtitle a:hover {
    text-decoration: none;
	color: #000000;
	font-weight: bold;
	}

/*-------------------- BLOG TAGLINE -----------------------*/

p.tagline { 
	margin: 0;
padding: 0;
font-size: 1.2em;
font-weight: bold;
color: #666666;	}

td.feed-icons {
	white-space: nowrap; 
	}

div.rss-box {
	height: 1%; 
	display: block; 
	padding: 10px 0 10px 10px; 
	margin: 0;
	width: 280px;
	}

/*-------------------- HORIZONTAL BARS --------------------*/

div.horbar1, 
div.horbar2 { 
	font-size: 1px;
	clear: both; 
	display: block;
	position: relative;
	padding: 0; 
	margin: 0;
	width: 100%; 
	}

div.horbar1 {
	height: 5px;
background: #dddddd;
border-top: dashed 1px #cccccc;	}
	
div.horbar2 { 
	height: 5px;
background: #dddddd;
border-bottom: dashed 1px #cccccc;	}	

div.header-image-container {
	position: relative; 
	margin: 0; 
	padding: 0; 
	height: 150px; 
	}
	




		
a.divclick:link, 
a.divclick:visited, 
a.divclick:active, 
a.divclick:hover {
	width: 100%; 
	height: 100%; 
	display: block;
	text-decoration: none;
	}

		
/* ------------------------------------------------------------------
---------- LEFT SIDEBARS ---------------------------------------------
------------------------------------------------------------------ */

td#left {
	vertical-align: top;
	border-right: dashed 1px #CCCCCC;
	border-left: dashed 1px #CCCCCC;
	border-bottom: dashed 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #ffffff;	}

td#left-inner {
	vertical-align: top;
	border-right: dashed 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #ffffff;	}
	
	
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	padding: 10px 15px;
	border-right: dashed 1px #CCCCCC;
	border-bottom: dashed 1px #CCCCCC;	}

/* ------------------------------------------------------------------
---------- SEARCH FORM ----------------------------------------------
------------------------------------------------------------------ */

table.searchform {
	width: 100%;
	}

table.searchform td.searchfield {
	padding: 0;
	width: 100%;
	}
	
table.searchform td.searchbutton {
	padding: 0 0 0 5px;
	}

table.searchform td.searchbutton input{
	padding: 0 0 0 5px;
	}
/* ##################################################################
---------------------------------------------------------------------
---------- DROP DOWN / FLY OUT MENUS --------------------------------
Ruthsarian's rMenu http://webhost.bridgew.edu/etribou/layouts/
modified by Bytes For All http://wordpress.bytesforall.com/
---------------------------------------------------------------------
################################################################## */


/* ------------------------------------------------------------------
---------- GENERAL MENU MECHANICS -----------------------------------
------------------------------------------------------------------ */

ul.rMenu, 
ul.rMenu ul, 
ul.rMenu li, 
ul.rMenu a {
	display: block;		/* make these objects blocks so they're easier  to deal with */
	margin: 0;
	padding: 0;			/* get rid of padding/margin values that these
						elements may have by default */
	}
	
ul.rMenu, ul.rMenu li, ul.rMenu ul {
	list-style: none;	
	}
	
ul.rMenu ul {
	display: none;		/* hide the sub-menus until needed */
	}
	
ul.rMenu li {
	position: relative;	/* so sub-menus position relative to their 
						parent LI element */
	z-index: 1;
	}
	
ul.rMenu li:hover {
	z-index: 999;		/* make sure this and any sub-menus that pop 
						appear above everything else on the page */
	}
	
ul.rMenu li:hover > ul	/* hide from IE5.0 because it gets confused 
						by this selector */
	{
	display: block;		/* show the sub-menu */
	position: absolute;	/* remove the sub-menus from the flow of the
						layout so when they pop they don't cause any
						disfiguration of the layout. */
	}


/* ------------------------------------------------------------------
---------- EXTENDED MENU MECHANICS ----------------------------------
------------------------------------------------------------------ */

/* These rules exist only for specific menu types, such as horizontal 
or vertical menus, right or left aligned menus. */
 
ul.rMenu-hor li {
	float: left;
	width: auto;
	}
	
ul.rMenu-hRight li {
	float: right;		/* horizontal, right menus need their LI
				   elements floated to get them over there */
	}
	
ul.rMenu-ver li {
	float: none;		/* clear this so vertical sub-menus that are
				   children of horizontal menus won't have
				   their LI widths set to auto. */
	}


div#menu1 ul.rMenu-ver, 
div#menu1 ul.rMenu-ver ul {
	width: 25em;	
	}
div#menu2 ul.rMenu-ver, 
div#menu2 ul.rMenu-ver ul {
	width: 25em;	
	}
	
ul.rMenu-wide
	{
	width: 100%;		/* apply this rule if you want the top-level
				   menu to go as wide as possible. this is 
				   something you might want if your top-level
				   is a vertical menu that spans the width
				   of a column which has its width 
				   pre-defined. IE/Win 5 seems to prefer
				   a value of 100% over auto. */
	}
	
ul.rMenu-vRight
	{
	float: right;		/* use this to float a vertical menu right. */
	}
	
ul.rMenu-lFloat
	{
	float: left;		/* use this to float a vertical menu left. */
	}
	
ul.rMenu-noFloat
	{
	float: none;		/* this is to cover those cases where a menu
				   is floated by default and you have a reason
				   to not float it. such as a menu on the
				   right side of the screen that you want 
				   to have drops going left but not floated.
				   to be honest, i don't think this rule is 
				   needed. the clearfix hack will resolve
				   renering issues associated with a floated
				   menu anyways. */
	}
/* ------------------------------------------------------------------
---------- PRESENTATION: General ------------------------------------
------------------------------------------------------------------ */

div#menu1 ul.rMenu {
	background: #dddddd;
	border: dashed 1px #cccccc;
	}
div#menu2 ul.rMenu {
	background: #777777;
	border: solid 1px #000000;
	}

div#menu1 ul.rMenu li a {
	border: dashed 1px #cccccc;	
	}
div#menu2 ul.rMenu li a {
	border: solid 1px #000000;	
	}

ul.rMenu-hor li {
	margin-bottom: -1px;	/* this is so if we apply a bottom border to 
				   the UL element it will render behind, but
				   inline with the bottom border of the LI
				   elements. Default: -1px */
	margin-top: -1px;	/* this is so if we apply a top border to 
				   the UL element it will render behind, but
				   inline with the bottom border of the LI
				   elements. Default: -1px */				
	margin-left: -1px;	/* negative borders on LIs to make borders on
				   child A elements overlap. they go here and
				   not on the A element for compatibility
				   reasons (IE6 and earlier). Default: -1px */
	}

ul#rmenu li {	
	/*margin-right: 3px;*/	/* set to 0 to remove the space between single, 
				   horizontal LI elements */
	}
ul#rmenu li ul li {	
	/*margin-right: 0;*/	/* without this, the 2nd level horizontal LI's would get
				   a margin-right, too. This should always be 0 */
	}

ul.rMenu-hor {
	padding-left: 1px ;	/* compensate for the 1px left jog created by
				   the above negative margin. */
	}
	
ul.rMenu-ver li {
	margin-left: 0;
	margin-top: -1px;	/* same thing above except for vertical
				   menus */
				   
	}
	
div#menu1 ul.rMenu-ver {
	border-top: dashed 1px #cccccc;	
	}
div#menu2 ul.rMenu-ver {
	border-top: solid 1px #000000;	
	}

				
div#menu1 ul.rMenu li a {
	padding: 4px 5px;	
	}
div#menu2 ul.rMenu li a {
	padding: 4px 5px;	
	}
		
div#menu1 ul.rMenu li a:link, 
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active {
	text-decoration: none;
	margin: 0;
	padding: 4px 5px;	
	color: #777777;
	text-transform: none;
	font: 14px Arial, Verdana, sans-serif;  
	}
div#menu2 ul.rMenu li a:link, 
div#menu2 ul.rMenu li a:hover, 
div#menu2 ul.rMenu li a:visited, 
div#menu2 ul.rMenu li a:active {
	text-decoration: none;
	margin:0;
	padding: 4px 5px;	
	color: #dddddd;
	text-transform: uppercase;
	font: 14px Arial, Verdana, sans-serif; 
	}
	
/*
ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active
	{
	color: #fff;
	background-color: #c00;
	}
*/

	
div#menu1 ul.rMenu li {
	background-color: #dddddd;	
	}
div#menu2 ul.rMenu li {
	background-color: #777777;	
	}
	
div#menu1 ul.rMenu li:hover,
div#menu1 ul.rMenu li.sfhover {
	/* background color for parent menu items of
	the current sub-menu. includes the sfhover
	class which is used in the suckerfish hack
	detailed later in this stylesheet. */
	background: #DDDDDD;	
	}
div#menu2 ul.rMenu li:hover,
div#menu2 ul.rMenu li.sfhover {
	/* background color for parent menu items of
	the current sub-menu. includes the sfhover
	class which is used in the suckerfish hack
	detailed later in this stylesheet. */
	background: #000000;	
	}

/* "current" page and hover, first part old version */
div#menu1 ul.rMenu li.current_page_item > a:link, 
div#menu1 ul.rMenu li.current_page_item > a:active, 
div#menu1 ul.rMenu li.current_page_item > a:hover, 
div#menu1 ul.rMenu li.current_page_item > a:visited {
	background-color: #EEEEEE;
	color: #000000;
	}
/* First 4 lines For IE6:*/
div#menu1 ul.rMenu li.current_page_item a:link, 
div#menu1 ul.rMenu li.current_page_item a:active, 
div#menu1 ul.rMenu li.current_page_item a:hover, 
div#menu1 ul.rMenu li.current_page_item a:visited, 
div#menu1 ul.rMenu li a:hover {
	background-color: #EEEEEE;
	color: #000000;
	}
div#menu2 ul.rMenu li.current-cat > a:link, 
div#menu2 ul.rMenu li.current-cat > a:active, 
div#menu2 ul.rMenu li.current-cat > a:hover, 
div#menu2 ul.rMenu li.current-cat > a:visited {
	background-color: #cc0000;
	color: #ffffff;
	}
/* First 4 lines For IE6:*/
div#menu2 ul.rMenu li.current-cat a:link, 
div#menu2 ul.rMenu li.current-cat a:active, 
div#menu2 ul.rMenu li.current-cat a:hover, 
div#menu2 ul.rMenu li.current-cat a:visited, 
div#menu2 ul.rMenu li a:hover {
	background-color: #cc0000;
	color: #ffffff;
	}

a.saglink{ font-family: tahoma, arial, sans-serif; font-size: 11px; color: #660000; background: #ffffff;}
a.saglink:hover{font-family: tahoma, arial, sans-serif; font-size: 11px; color: #660000; background: #eeeeee;}
.kitapbaslik {
    color: #000000;
    font-size: 24px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    font-weight: bolder;
}
.katalogbaslik {
    color: #000000;
    font-size: 11px;
    letter-spacing: 4px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    font-weight: bold;
    background-color:#EEEEEE;
    line-height:200%
}
.kategoriustbaslik {
    color: #000000;
    font-size: 11px;
    letter-spacing: 4px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    font-weight: bold;
    background-color:#EEEEEE;
    line-height:200%;
    cursor:pointer;
}
.kategoriustbaslik:hover {
    color: #000000;
    font-size: 11px;
    letter-spacing: 4px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    font-weight: bold;
    background-color:#EEEEEE;
    line-height:200%;
    text-decoration: underline;
    cursor:pointer;
}
.kategoribaslik {
    color: #000000;
    font-size: 11px;    
    font-family: tahoma, arial, sans-serif;
    text-decoration: none;
    text-align: left;
    cursor:pointer;
}
.kategoribaslik:hover {
	color:#000000;
	font-size: 11px;
	font-family: tahoma, arial, sans-serif;
	text-decoration: underline;
	text-align: left;
    cursor:pointer;
}

.yazarbaslik {
    color: #000000;
    font-size: 18px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    font-weight: bolder;
}
.genelbaslik {
    color: #0000BB;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    
}
.genel {
    color: #000000;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
}
.yorumbaslik {
    color: #000099;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
}
.yorumbaslikedit {
    color: #0000AA;
    font-size: 14px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    font-weight: bolder;
    cursor:pointer;
}
.yorumdetay1 {
    color: #000000;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
    text-indent: 24px;
}
.yorumdetay2 {
    color: #000000;
    font-size: 10px;
    font-family: tahoma, arial, sans-serif;
    text-align: left;
}
.yorum {
    color: #000000;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
}