/*  
Theme Name: Twicet
Theme URI: http://www.kriesi.at/
Description: A Business & Portfolio Theme
Version: 1
Author: Christian "Kriesi" Budschedl
Author URI: http://www.kriesi.at 
*/
 

/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
	margin:0;
	padding:0;
}

/*Structured layout mainpage*/


body{
	font-size:11.5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height:21px;
	position:relative;
		}
		
.wrap_all{ /*only needed if using big background images like in theme 5*/
	width:100%;
	position:relative;
	display:table;
	}

#top{
	width:960px;
	margin:0 auto;
	position:relative;
	}

/*****************************
1.) #head	
/****************************/	
	
	#reklam_banner {
		position:absolute;
		left:362px;
		top:60px;
		width:448px;
		height:60px;
		z-index:102;
	}
	
	#head{
		height:197px;
		position:relative;
		z-index:10;
		}
		
			.logo, .logo a{
	display:block;
	height:148px;
	width:960px;
	position:absolute;
	right:20px;
	top:27px;
				}
				
					#top .logo a{
	top:-26px;
	right:-28px;
	text-indent:-9999px;
	outline:none;
						}
		
/*****************************
2.) #main
/****************************/		
			#main{
			position:relative;
			padding-top:45px;
			float:left;
			}
			
			
/*****************************
3.) #mainpage image slider
/****************************/	

				#featured{
					height:365px;
					margin-bottom:25px;
					position:relative;
					}
				
						.featured_item{
							height:350px;
							margin:0 auto;
							position:relative;
							top:-35px;
							width:940px;
							overflow:hidden;
							display:none;
						}
						
						#top .current{
							display:block;
							}
							
							
							.featured_text {
								letter-spacing:0.4px;
								left:30px;
								line-height:26px;
								position:relative;
								top:30px;
								width:332px;
								z-index:2;
							}
							
									#featured .entry{
									margin-bottom:8px;
									height:242px;
									overflow:hidden;
									border-bottom:none;
									padding-bottom:0;
									}
								
							.featured_image{
								height:350px;
								position:absolute;
								right:0;
								top:0;
								width:940px;
								overflow:hidden;
								}
								
							.featured_image img{
								position:absolute;
								right:0;
								top:0;
								}
				
					#featured_bottom{
						position:absolute;
						height:60px;
						bottom:-10px;
						width:100%;
					}
							
							.ticker{
								font-size:11px;
								margin:18px 15px 0 39px;
								width:450px;
								}
							
							.ticker, .ticker a{
								text-decoration:none;
								}
								
							.ticker span{display:none;}
							.ticker .active_ticker{display:block;}	
								
							.preview_images{
								height:60px;
								line-height:60px;
								position:absolute;
								right:39px;
								top:10px;
								}
								
							.preview_images a img{
								padding:1px;
								}
								
							.preview_images a{
								outline:none;
								display:block;
								position:relative;
								margin-right:5px;
								float:left;
								}
								
							.pointer{
								height:13px;
								left:18px;
								position:absolute;
								top:37px;
								width:13px;
								}
								
/*****************************
4.) breadcrumb navigation
/****************************/	
								
			
			.breadcrumb{
				font-size:11px;
				left:40px;
				position:absolute;
				bottom:-49px;
				z-index:5;
				}
				
						.breadcrumb a{
							text-decoration:none;
							}
							
						.breadcrumb a:hover{
							text-decoration:underline;
							}
/*****************************
5.) content area below slider and on subpages
/****************************/	
						
			.content_top{
				height:30px;
				padding:0 10px;
				width:940px;
				float:left;
				}		
				
			#content{
				float:left;
				padding:0 10px;
				position:relative;
				width:940px;
				}
					
					#sidebar{
						float:left;
						padding:0 0 15px 50px;
						position:relative;
						width:265px;
						overflow:hidden;
						}
							
								
								#top #sidebar .small_box{
									padding:0 0 15px 0;
									}
/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	
					#inner_content_big{
						float:left;
						width:880px;
						padding:0 0 15px 30px;
						position:relative;
						}
						
							
							.entry_portfolio{
								padding-bottom:30px;
								clear:both;
								float:left;
								width:100%;
								position:relative;
								}
								
								.entry_portfolio p{
									font-style:italic;
									}
						
							.portfolio_item{
								height:132px;
								overflow:hidden;
								padding:5px;
								position:relative;
								width:250px;
								}
								
							#top .portfolio_item h3{	
								position:absolute;
								bottom:13px;
								left:0;
								border:none;
								padding:0;
								margin:0;
								line-height:1em;
							}
							
							#top #main .portfolio_item h3 a{
							padding:4px 8px;
							font-size:12px;
							display:inline;
							height:auto;
							width:auto;
							overflow:auto;
							}
							
							.portfolio_item a{
								display:block;
								overflow:hidden;
								width:250px;
								}
							
								
							#top .portfolio_item img, #top .portfolio_item a img{
								border:none;
								padding:0 !important; /*ie 6 fix fix =)*/
								margin:0;
								}
/*****************************
7.)pages with sidebar
/****************************/								
					
					#inner_content{
						float:left;
						width:570px;
						padding:0 0 15px 30px;
						position:relative;
						}
						
					#inner_content .entry{
						width:570px;
						}
						
								.entry{
									clear:both;
									margin-bottom:28px;
									overflow:hidden;
									padding-bottom:20px;
									position:relative;
									}
									
								.entry-head{
									position:relative;
									top:-3px;
									margin-bottom:20px;
									font-size:11px;
									}
									
										
										.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
											text-decoration:none;
											padding:2px 0;
											}
											
											#top .entry-head a, .more-link{
											padding:2px 4px;	
												}
	
											
											.date{
												padding:2px 4px;
												}
									

				
					#subpage #content{
						padding:20px 10px 0;
						}
						
						
/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	
							.anasayfa_box {
								float:left;
								padding:0 0px 15px 25px;
								position:relative;
								width:330px;
							}
							
							.anasayfa_box h3{
								margin:0 0 5px;
								}
		
								
							.anasayfa_box img{
								padding:5px 0 !important;
								padding:0;/*ie6 fix for png elemnts needs this*/
								}
							.small_box{
								float:left;
								padding:0 0 15px 50px;
								position:relative;
								width:260px;
								}
						
							#top .box1{
								padding:0 0 15px 30px;
								}
							#top .sponsor{
								padding:0 0 15px 20px;
								width:200px;
								}	
							
							.small_box h3{
								margin:0 0 5px;
								}
		
								
							.small_box img{
								padding:5px 0 !important;
								padding:0;/*ie6 fix for png elemnts needs this*/
								}
								
							.widget_categories a, .widget_pages a{
							padding:5px;
							display:block;
							text-decoration:none;
							width:250px; /*change if sidebarwidth changes*/
							}
								
							.widget_siblings a{
							padding:5px;
							display:block;
							text-decoration:none;
							width:250px; /*change if sidebarwidth changes*/
							}
							/* uncomment this if you want sublevels with indents
							.small_box ul ul a{
								padding-left:25px;
								width:230px;
								}
								
							.small_box ul ul ul a{
								padding-left:45px;
								width:210px;
								}
								
							.small_box ul ul ul ul a{
								padding-left:65px;
								width:190px;
								}
							*/
				
				
			
			
		#footer{
			clear:both;
			padding:10px 15px;
			position:relative;
			font-size:10px;
			width:930px;
			}
		

					
				.copyright{
					float:left;
					display:block;
					}
					
				.scroll-top{
					float:right;
					display:block;
					}
					
				
		




/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
		}

a{
		text-decoration:underline;
	}

a:hover{
		text-decoration:none;
	}
	
a img{
	border:none;
	}
	
p{ padding: 0 0 1em 0}


ul, ol{
	list-style-position:outside;
	margin-left:20px;
	}
	
#sidebar ul, #sidebar ol{
	margin-left:0px;
	}
	
#sidebar li{
	list-style-type:none;	
		}
	

h1,h2,h3,h4,h5,h6, legend{
	font-weight:normal;
	padding-bottom:5px;
	line-height:1.4em;
		}
	
	h1{clear:both; font-size:32px;font-weight:bold; color:#000066;}
	h2{font-size:22px; clear:both; color:#000066;}
	h3, legend{font-size:18px; clear:both; color:#000066;}
	h4{font-size:16px; clear:both; color:#C50505;}
	h5{font-size:14px; clear:both; color:#000066;}
	h6{font-size:13px; clear:both; color:#C50505;}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		text-decoration:none;
		} 
		
	
		
		
	#featured h2{
		margin-bottom:8px;
		padding-bottom:8px;
		}	
		
	#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
		font-size:32px;
				}

	blockquote p{
	padding:11px 0px;
	}
	
	blockquote{
	margin:0 0 22px 5px;
	padding:0 15px;
		}
	
.floatleft{
	float:left;
	}

.floatright{
	float:right;
	}
	
.clearboth{
	clear:both;
	}
	
.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

#top .wp-smiley{
	border:none;
	padding:0;
	}
	
.meta{
	display:block;
	position:relative;
	top:3px;
		font-size:11px;
	line-height:14px;
	}
	
.read-more, .show-next{
			display:block;
	font-size:11px;
	font-weight:bold;
	height:41px;
	left:-2px;
	line-height:41px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:165px;
	}
	
#top .show-next{
	bottom:0;
	left:165px;
	position:absolute;
	}
	
.read-more:hover, .show-next:hover{
			}
	
.entry ul, .entry ol{
	list-style-type:disc;
	list-style-position:inside;
	margin:0;
	padding:0 0 20px 0;
	}
	
#top .entry ol{
	list-style-type:decimal;
	}
	
.entry li{
	padding:3px 10px;
	}
	
blockquote{
			font-size:13px;
	font-style:italic;
	margin:0 0 20px;
	padding:10px 20px 10px 41px;
	}
	
	
/*CONTACT FORM*/	



#searchsubmit, #send, #top #submit{
	cursor:pointer;
	}
	
	
#s, .text_input, .text_area{
padding:5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:200px;
font-size:11.5px;
}

#searchsubmit, #send, #submit{
padding:4px 20px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
font-size:11.5px;
}

.hidden{
	display:none;
	}
#commentform{
	padding-bottom:20px;
	}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
	padding-left:7px;
	}
.blocklabel{
	display:block;
	padding:10px 0 0 0;
}

#top .text_area{
	width:450px;
	}
	
.corner_left, .corner_right{
	position:absolute;
	top:0;
	height:5px;
	width:5px;
	z-index:6;
	left:0;
		}
	
#top .corner_right{
	left:935px;
		}
	
/*navigation*/

.navwrap{
	height:50px;
	left:4px;
	line-height:50px;
	padding-right:18px;
	position:absolute;
	top:142px;
	font-size:12px;
	z-index:6;
	float:right;
	width: 936px;
	}

#top #nav{
	float:left;
	height:50px;
	line-height:50px;
		padding-left:13px;
}


#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:50px; 
	z-index:5;

}


#top #nav a{
	height:33px;
	display:block;
	padding:0 21px;
	text-decoration:none;
	text-align:center;
	line-height:28px; 
	outline:none;
	z-index:35;
	position:relative;
	float:left;
	}

#top #nav ul a{
	line-height:23px; 
}

#top #nav li{
	float:left;
	position:relative;
	z-index:20;
	margin-top:11px;
}

#top #nav li li{
	border-left:none;
	margin-top:0;
}

#top #nav ul {
	position:absolute;
	display:none;
	width:172px;
	top:33px;
	left:-1px;

}

#top #nav li ul a{
	width:130px;
	height:auto;
	float:left;
	text-align:left;
	padding:0 21px;
}

#top #nav ul ul{
	top:auto;
	border-top:none;
}	

#top #nav li ul ul {
	left:172px;
	top:0px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
  	display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
	display:block;
}
#user_menu {
	float:right; text-align:right; width:100%; position:absolute; z-index:2000; right:25px; color:#FFFFFF;
}
#user_menu a { color:#FFFFFF; }
.takim { background:url(http://www.yaziburo.com/tedkolejlilersk/images/macskor/takim_deg.jpg) left top repeat-x; font-size:20px; color:#F5F5F5; padding-left:8px; }
.skor { background:url(http://www.yaziburo.com/tedkolejlilersk/images/macskor/skor_deg.jpg) left top repeat-x; font-size:20px; color:#FFF; }
#macskorlari { float:left; margin-left:9px; margin-top:0px; }
#baglantilar { margin-bottom:10px; border-bottom:1px solid #DDD; padding-bottom:5px; }

.sag_tepe { height:10px;background:url(http://www.yaziburo.com/tedkolejlilersk/images/sayfa_topic.jpg) top no-repeat; }
.kirmizi {color: #FF0000}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
#fadeinbox{ 
	position:absolute; 
	width: 300px; 
	left: 0; 
	top: -400px; 
	border: 2px solid black; 
	background-color: lightyellow; 
	padding: 4px; 
	z-index: 100; 
	visibility:hidden; 
}

/*resim kaydırma*/
/***********************************************/
	form{
		display:inline;
	}
	.imageBox,.imageBoxHighlighted{
		width:120px;	/* Total width of each image box */
		height:150px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:100px;	/* Width of image */
		height:100px;	/* Height of image */
		
		/* 
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;		
		margin: 0 auto;
		margin-bottom:2px;
	}
	
	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}
	
	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;		
		padding-top:2px;
		margin: 0 auto;
	}
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#insertionMarker{
		height:60px;
		width:3px;
		position:absolute;
		display:none;

	}
	
	#insertionMarkerLine{
		width:3px;	/* No need to change this value */
		height:100px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
	
	}
		
	#insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/* 
		No need to change these three values 
		*/
		position:absolute;
		z-index:10;
		display:none;
			
	}

/******************************************************/

/* FEATURED CONTENT GLIDER */

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 283px;
height: 126px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 0px;
visibility: hidden;
width: 283px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

/* FEATURED CONTENT GLIDER END */



/*----- Drag Drop Bloklar ---------*/
.groupWrapper
{
	width:100%;
	float: left;
	min-height:150px;
}
.serializer
{
	clear: both;
}
.groupItem
{
	margin-bottom: 20px;
}
.groupItem .itemHeader
{
	line-height: 28px;
	background-color: #DAFF9F;
	border-top: 2px solid #B5EF59;
	color: #000;
	padding: 0 10px;
	cursor: move;
	font-weight: bold;
	font-size: 16px;
	height: 28px;
	position: relative;
}

.groupItem .itemHeader a
{
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}
#loading{
	margin:20px;
	text-align:left;
	padding:5px;
    height:25px;
    vertical-align:middle;
    border:1px solid #C7B69E;
    background-color: #FEFCD5;
}
/*----- Drag Drop Bloklar End ---------*/

/******Pages Nested Sort**********/
div.wrap {
	background: #ffffff;
}
	
.page-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
			
.clear-element {
	clear: both;
}
			
.page-item1 > div,
.page-item2 > div,
.page-item3 > div,
.page-item4 > div {
	background: #FFFFFF;
	margin: 0.25em 0 0 0;
}

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

.sort-handle {
	cursor:move;
}
			
.helper {
	border:2px dashed #777777;
}
			
.current-nesting {
	background-color: yellow;
}
			

/******Pages Nested Sort End**********/	
/* ----------------FACEBOX------start----------- */

#facebox .b {
  background:url(http://www.yaziburo.com/tedkolejlilersk/images/facebox/b.png);
}

#facebox .tl {
  background:url(http://www.yaziburo.com/tedkolejlilersk/images/facebox/tl.png);
}

#facebox .tr {
  background:url(http://www.yaziburo.com/tedkolejlilersk/images/facebox/tr.png);
}

#facebox .bl {
  background:url(http://www.yaziburo.com/tedkolejlilersk/images/facebox/bl.png);
}

#facebox .br {
  background:url(http://www.yaziburo.com/tedkolejlilersk/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* ----------------FACEBOX---------END-------- */
.red_blink { color:#FF0000; text-decoration:blink; }