/*
 Theme Name: kargamedya
 Theme URI: www.kargamedya.com
 Description: Karga Medya Resmi Temasi
 Version: 1.0
 Author: Cemadam
 Author URI: www.kargamedya.com
 */

body
{
	/*background-image:url(grafikler/topart.jpg);*/
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.etiket {
color:#ebeaeb;
padding:10px;
}
.etiket span {
padding:3px;
float: left;
background:#ffffff;

}
.etiket span span {
background:#a30ca1 url(images/tags_01.jpg) left no-repeat top;
margin:0;
padding:0;
display: block;
}
.etiket span span span{
background:url(images/tags_06.jpg) right no-repeat bottom;
padding: 0.3em;
margin:0;
}
.etiket a:link, .etiket a:visited {
    color:#ebeaeb;
    background:none;
    font-size:9px;
    text-decoration:none;
}	
.etiket a:hover{
	color:#333333;
	font-size:9px;
	}  


p {
margin: 10px auto;
color: #333333;
}
h1{
color: #660066;
font-size: 18px;
font-family: "Comic Sans MS";
}
h1 a{
	color: #660066;
	font-size: 18px;
	font-family: "Comic Sans MS";
        text-decoration:none;
        line-height: 24px;
}
h2{
	color: #660066;
	font-size: 20px;
	font-family: "Comic Sans MS";
        line-height: 26px;
}
h3{
	color: #660066;
	font-size: 14px;
	font-family: "Comic Sans MS";
}
h4{
	width:140px;
	color: #333333;
	font-size: 11px;
	height:30px;
	padding:5px 5px 5px 5px;
	margin: 0 0 7px 0;
	background:url(grafikler/alt.gif) repeat-x bottom;
}
h5{
	width:150px;
	color: #666666;
	font-size: 11px;
	height:40px;
	padding:5px 5px 5px 5px;
	margin: 0 0 5px 0;
	background:url(grafikler/alt.gif) repeat-x bottom;
	}
h6{
	width:100px;
	color: #666666;
	font-size: 12px;
	font-weight:bold;
	height:22px;
	padding:5px 5px 5px 5px;
	margin: 0;
	display: inline;
	}
#banner{
	height: 100px;
	width:200px;
	position: absolute;
	left: 0;
	top: 0;
}

a{
text-decoration:underline;
color:#333333;
}

/* -------------------------------___|||| structure  ||||_____ ----------------*/
.ara2 {
	height:10px;
	width:100%;
	clear: both;
}
.aboutus_govde {border-top:#CCCCCC 1px solid; border-bottom:none; border-left:none; border-right:none; padding:10px; margin:15px auto; width:500px;}

.aboutus_baslik {font-size:14px; margin-bottom:10px; padding:5px 10px;}

.aboutus_baslik2 { color:#660066; margin-bottom:10px; padding:5px 10px;}

.text_dec_none {text-decoration:none;}
.text_dec_none2 {text-decoration:none; color:#660066;}
.h1text_dec_none {text-decoration:none; font-size:12px; font-weight:bold;}
.h1text_dec_none a {text-decoration:none; font-size:14px; font-weight:bold;}
.aboutus_img {float:left; margin-left:5px; margin-right:5px; width:50px; border:none;}


#container
{
	background:url(grafikler/kargamedya_banner.jpg) no-repeat top left;
	margin: 0 0;
	margin-top:0;
	margin-left:0;
	width: 960px;	/* defines container element */
}
#header
{
	height: 100px;
	margin: 0 0;
	position: relative;
	width:100%;
	/* defines container element */
}
#sol
{
	width:170px;
	float:left;
	/* define menu element */
}
#sag
	{
	width:780px;
	margin: 0 0 0 177px;
	}
#orta
	{
	float:left;
	width: 550px;
	margin: 5px 5px 5px 15px;
	}

#orta p {
color: #333333;
}
#sagmenu
	{
	background:url(grafikler/sidebar.gif) repeat-y;
	width: 170px;
	margin-left: 5px;
	float: right;
	margin-top: 10px;
    margin-right:0;
	height: 100%;
	display: inline;
	}
/* -------------------------------___|||| break & box  ||||_____ ----------------*/

.satiryuksekligi120{
	line-height:130%;
	}
.ara {
	height:20px;
	width:100%;
	clear: both;
}
.textsatiryuksek{
line-height:120%;
padding:0 20px 0 20px;}
.aralik20px{
padding:10px 20px 10px 20px;}
.quote {
	padding:3px 5px 3px 5px;
	height:30px;
	width:95%;
	clear: both;
	background-color:#FFFFCC;
	border:#FF6600 1px solid;
	margin:4px auto;
	font-size: 11px;
}

.box {
	padding:3px 5px 3px 5px;
	width:90%;
	clear: both;
	background-color:#FFFFCC;
	border:#FF6600 1px solid;
	margin:0 auto;
	font-size: 11px;
	text-align:center;
}
 .sarikutu{
	background:url(grafikler/odeme.jpg) no-repeat top;
	height:90px;
	text-align: center;
	display: block;
	font-weight:bold;
	font-size:18px;
	color:#660066;
	font-family:"Comic Sans MS";
	padding:10px 20px 10px 20px;
}


/* -------------------------------___|||| fonts ||||_____ ----------------*/
.sagadayalilinkler{
					border:solid 0px #333333;
					color: #660066;
					text-decoration:none;
					font-size:14px;
					text-align:right;
					padding:10px 0 10px 0;
					clear:both;
				}
.sagadayalilinkler a{	
					color: #660066;
					text-decoration:none;
					font-weight:bold;
					}
.sagadayalilinkler a:hover{
					 background-color:#F2E3ED;
				 }
.devaminioku, .devaminioku a{
	border:solid 0px #333333;
	color: #660066;
	text-decoration:none;
	font-size:12px;
	padding:2px 0 0 0;
	font-weight: bold;
				}
				
.devaminioku a:hover, detay  a:hover{
					 background-color:#F2E3ED;
				 }
 .detay, .detay a{
	border:solid 0px #333333;
	color: #000000;
	text-decoration:none;
	font-size:10px;
	padding:2px 0 0 0;
	display:block;
	float:right;
	font-weight: bold;
				}
				

.iletisim{  
  margin: 0 auto;
  padding: 0;
  width:80%;}
.iletisim ul{  margin: 0;
  padding: 0;}
.iletisim li{
	background:transparent url(grafikler/form/divider.gif) repeat-x scroll left bottom;
	list-style: none;
	padding: 5px 10px 7px;
	margin: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:85%;
}
.alisverisadimlari{  
  margin: 0 auto;
  padding: 0;
  width:80%;}
.alisverisadimlari ul{  
  margin: 0;
  padding: 0;}
.alisverisadimlari li{
	background:transparent url(grafikler/form/divider.gif) repeat-x scroll left bottom;
	list-style: none;
	padding: 5px 10px 7px;
	margin: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	width:100%;
}

.granj {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	text-decoration:none;
	line-height:130%;
}

	
#giris{
	width:278px;
	position: absolute;
	left: 271px;
	top: 8px;
	text-align:center;
}
#giris a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	display: inline;
	padding: 0 10px 0 10px;
}
#giris a:hover{
	color:#cccccc;
}
#sepetim{
	background:url(grafikler/sepetim.png) no-repeat left;
	width:391px;
	position: absolute;
	left: 494px;
	top: 69px;
	height: 20px;
	padding-left:30px;
	display: inline;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
#sepetim a{
	color:#FFFFFF;
    text-decoration:none;
}
#sepetim a:hover{
	color:#861895;
}
/*     SOL MENU                              -----------------------------------------*/	

#sol h3,#sag h3 {
	color:#FFFFFF;
	font-size:1.3em;
	margin:5px 0 0 5px;
	padding:7px 5px 7px 15px;
	border:solid 0;
	width: 150px;
	background-image:url(grafikler/menubaslik/menubasligi.jpg);
	background-repeat: no-repeat;
}

#menu
{
	float:left;
	padding: 0 0 0 5px;
	border:solid 0;
	display: block;
	/* define menu element */
}
		#menu h4
			{
			color: #ffffff;
			font-size: 12px;
			height:12px;
			font-weight:bold;
			padding: 5px;
			text-align:left;
			display:block;
			background:#861895;
                        width:150px;
                        margin:5px 0 0 0;
							}
		#menu p{
		margin-top:5px;
		margin-bottom:5px;
		background:url(grafikler/menubaslik/menubitimi.jpg) bottom no-repeat;
		height:35px;
		width: 150px;
		}
		#menu ul {
		list-style-type: none;
		margin: 0;
		padding: 5px 0 0 0;
                width:150px;
		}
		#menu ul li {
		border:solid 1px #fff;
		margin:0 0 2px;
		}
			
		#menu ul li a {
		display:block;
		padding:3px 4px 3px 15px;
		text-decoration:none;

		}
		#menu ul li a:link,#menu ul li a:visited {
		background:#F2E3ED;
		border-bottom:solid 1px #E0C1E0;
		color:#000;
		font-weight:bold;
		}
		#menu ul li a:hover,#menu ul li a:active,#menu ul li a:focus {
		background:#861895 !important;
		color:#fff !important;
		}	
.solara{
	display:block;
	float:left;
	margin:10px 0 0 10px;
	width:150px;
}
.solara a{
text-decoration:none;
}
  .altcizgi{
	background:url(grafikler/alt.gif) repeat-x center;
	height:5px;
	margin:10px 0 0 10px;
	display:block;
	width:150px;
	float:left;
	}
/*    ------------------------ sag ----------------------------------------  */	


	/*    ------------------------ orta ----------------------------------------  */	

	#orta h3
	{
	padding-left:15px;
	color:#FFFFFF;
	font-size:24px;
	background:url(grafikler/adimlar.jpg) no-repeat;
	width:100%;
	height:60px;
        margin:2px auto;
	padding-top:13px;
	}

.ortala h1 {
	color: #660066;
	font-size: 18px;
	font-family: "Comic Sans MS";
        margin-bottom:4px;
        line-height:25px;
}
.ortala h1 a {
	color: #660066;
	font-size: 16px;
	font-family: "Comic Sans MS";
        margin-bottom:4px;
        line-height:25px;
}

/* .ortala h1{
	color: #333333;
	font-size: 14px;
	height:25px;
	font-weight:bold;
	margin: 10px auto;
	text-align:left;
	display:block;
	}
*/
	.text14px 
	{
	color:#FFFFFF;
	font-size:14px;
	}
			.metin16px 
	{
	font-size:16px;
	}
		.metin14px 
	{
	font-size:14px;
	}
			.metin12px 
	{
	font-size:12px;
	}
				.metin10px 
	{
	font-size:10px;
	}
	#urun{
	width: 550px;
	display:block;
	position: relative;
	margin: 5px 0 5px 0;
}
	.kitap{
	display: inline;
	position: relative;
	width: 170px;
	margin-left: 10px;
	}
		.kitap a{
		text-decoration:none;
	}
		.kitap IMG{
	display: inline;
	position: relative;
	margin-left: 10px;
	}
	.moralan{
	background:#F2E3ED;
	text-align:left;
	}
	.merkez{
	text-align:center;}
		.borderless{
	border:none;
	}
	/*                   orta ara                  */
	.ortaara{
	display:block;
	float:left;
	margin:10px 10px 0 10px;
	width:530px;
	}
	.ortaara h1{
	color:#861895;
	font-size: 14px;
	height:30px;
	font-weight:bold;
	margin:0;
	display:block;
	text-align: center;
	padding-top: 5px;
	}
	.ortaara h2{
	font-size: 12px;
	color:#000000;
	margin-top:10px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	}
		.ortaara h2 a{
	text-decoration:none;
	font-size: 12px;
	color:#000000;
	margin-top:10px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	}
.ortaara  h4{
	color:#861895;
	font-size: 14px;
	height:20px;
	font-weight:bold;
	margin:0;
	display:block;
	text-align: left;
	width: auto;
	background: none;
	}
	.soladaya{
	float:left;
	}
	.sagadaya{
	float:right;
	}
.soladaya45{
	float:left;
	width:45%;
	}
	.sagadaya50{
	float:right;
	width:50%;
	}
	.soladaya2 {
	float:left;
	display:inline;
	width:230px;
	overflow:hidden;
	height:170px;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	color: #333333;
	font-size:11px;
	background:url(grafikler/morkare/pano.jpg) no-repeat center;
	}
	.soladaya2 h2, .soladaya2 h2 a{
	font-size:11px;
	color: #333333;
	text-decoration:none;
	line-height:120%;
	padding: 5px;
	}
	.sagadaya2 {
	float:right;
	display:inline;
	width:230px;
	overflow:hidden;
	height:170px;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	background:url(grafikler/morkare/pano.jpg) no-repeat center;

	 }
	.sagadaya2 h2, .sagadaya2 h2 a{
	font-size:11px;
	color: #333333;
	text-decoration:none;
	line-height:120%;
	padding: 5px;
	}
	#urun h4{
	width:160px;
	color: #333333;
	font-size: 11px;
	padding:5px 5px 5px 5px;
	margin: 5px 0 0 0;
	display:block;
	}
	#urun h5{
	background:url(grafikler/morkare/morust.jpg) top no-repeat #F2E3ED;
	width:155px;
	text-align:center;
	color: #333333;
	font-size: 11px;
	padding:5px 0 5px 0;
	margin:0 auto;
	display:block;
	}
	.tanim{
	width:155px;
	color: #333333;
	font-size: 11px;
	padding:5px 5px 5px 5px;
	margin: 5px 0 0 5px;
	display:block;
	}

	/*-----------------------------kitaplar-------------------------------*/
	.ortala{
	margin: 0 auto;
	display:block;
	}
	.ortala img{
	float:left;
	border:#FFFFFF 15px solid;
	}
	.ortala p{
            margin:10px 0 10px 0;
			display:block;
			color:#660066;
	 }
	 .ortala a{
	 text-decoration:none;
	 color:#660066;

	 font-weight:bold;
	 }
	 

	.kitaplarsol{
	position:relative;
	display:inline;
	width:70%;
	float:left;
	padding-right: 20px;
	}
		.kitaplarsag{
	position:relative;
	display:inline;
	width:20%;
	float:left;
	padding-top: 10px;
	}
	 .kitaplarsag img{
	float:left;
	border:none;
	padding-bottom:5px;
	display:block;
	}
	.oranjkitaplar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	display:block;
	position:relative;
	width:100%;
	margin-top:20px;
	text-align:center;
}
	/*-------------------------------sag menu----------------------*/
/* facebok****** */
.fb_share_link { 
padding:2px 0 0 20px; 
height:16px; 
background:url(grafikler/facebook_share_icon.gif) no-repeat top left; }
/* facebok****** */

.ust_sagmenu

	{
	width: 175px;
	position: relative;
	display: block;
        padding-left:5px;
        margin:0 auto;
	}

#sagmenum ul, .duyuru ul {
list-style-type: none;
margin: 2px 0;
padding: 2px 0 0 0;
float:left;
}
#sagmenum ul li, .duyuru ul li {
margin: 0 0 2px;
} 
#sagmenum ul li a, .duyuru ul li a {
border-bottom:1px dotted;
color: #333333;
font-weight:bold;
font-size: 11px;
display: block;
padding: 0 0 5px 7px;
text-decoration: none;
margin: 5px 0;
width:145px;
} 

#sagmenu h1			
{
	width:155px;
	color: #333333;
	font-size: 14px;
	height:25px;
	font-weight:bold;
	margin: 5px auto;
	text-align:left;
	display:block;
	text-decoration: none;
}

#sagmenu h1 a {
	
	color: #333333;
	font-size: 14px;
	text-decoration: none;
}
		.topactanim{
			width:155px;
			color: #333333;
			font-size: 11px;
			padding:5px 5px 5px 5px;
			margin: 5px 0 0 5px;
			display:block;
				}
				.topactanim a{
			width:155px;
			color: #333333;
			font-size: 11px;
			display:block;
				}
		.topackitap{
	position: relative;
	width: 170px;
	margin: 0 0 0 0;
	}
/* ---------------------------------------footer --------------------------------- */
#footer {
	height:100px;
	margin-bottom:0;
	clear: both;
}
#footer ul{
	padding:5px 10px 5px 10px;
	margin:0 auto;
	display:block;
	background:transparent url(grafikler/form/divider.gif) repeat-x scroll left top;
}
#footer li, li a{
	font-size: 11px;
	display: inline;
	padding: 0 5px 0 5px;
	margin: 0 auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-decoration:none;
}
/*  ---------------  javascript-------------- */

.handcursor{
    background:transparent url(grafikler/form/divider.gif) repeat-x scroll left bottom;
    cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660066;
	text-decoration: none;
	height:25px;
}
.acilanmenu {
background:transparent url(grafikler/form/divider.gif) repeat-x scroll left bottom;
line-height:140%;
padding:5px 5px 5px 5px;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #ffffff;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid #861895;
font:normal 11px Verdana;
color:#333333;
line-height:18px;
z-index:100;
border-right: 3px solid #861895;
border-bottom: 3px solid #861895;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #861895;
margin: 3px 8px;
}