/*reset*/
body,h1, h2, h3, h4, h5, h6, ul, li, dd, dt, img, form, fieldset, p{margin:0;padding:0;border:0}
/**/
body	{font-family: Arial; font-size:12px; margin-top:0; background:#757575 url(images/background.gif);}
select, input {font-size:11px; }
.header_body {text-align: left; margin: auto; width: 970px; height:110px; background: url(images/loox-magazin-com-header_bg.gif) no-repeat;} 	
.content_body {text-align: left; margin: auto; width: 980px;}  	
.footer_body {text-align: left; margin: auto; width: 970px; height:123px; background: url(images/footer_bg.gif) no-repeat;} 	
img {  border: 0;}
.content {position:relative; background:url(images/bg_660_body.gif) repeat-y; width:625px; padding-left:15px; color:#000;}
.content2 {position:relative; background:url(images/bg_660_body.gif) repeat-y; width:640px; padding:10px; color:#000;}

a {text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}

.white {color:#fff;}
.white a {text-decoration:none; color:#fff;}
.white a:hover{ text-decoration:underline; color:#fff;}

.black {color:#000;}
.black a {text-decoration:none; color:#000;}
.black a:hover{ text-decoration:underline; color:#000;}

.topnews {float:left; position:relative; background:url(images/bg_660.gif) no-repeat; width:620px; height:252px; padding:11px;}
.topnews_trans {position:absolute;background:#000; width:230px; height:300px; filter:alpha(opacity=50); top:15px; right:15px; -moz-opacity:.50; opacity:.50; z-index:1;}
.topnews_content {position:absolute; width:230px; height:300px; top:15px; right:15px; z-index:2;}
.index_images {width:300px; height:250px;overflow:hidden; }
.image_text {border-bottom:1px solid #8f857d; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.image_text a{font-size:24px; color:white;}
.image_text a:hover{font-size:24px; color:white;}
.image {padding:4px; border:1px solid #e2e2e2; background:#fff;}

.page_header {background:url(images/title_header_bg.gif) no-repeat; height:51px; padding-top:18px; padding-left:25px; font-size:25px; color:#ff3333; font-weight:bold;}
.font25 {font-size:25px;}
.font20 {font-size:20px;}

.ms_up {background:url(images/moversshakers_up.gif) no-repeat; padding-left:25px; height:20px; padding-top:5px; border-bottom:1px solid #FFFFFF;}
.ms_down {background:url(images/moversshakers_down.gif) no-repeat; padding-left:25px; height:20px; padding-top:5px; border-bottom:1px solid #FFFFFF;}


.photo_left {float:left; color:black; width:290px;}
.photo_right {float:left; margin-left:40px; width:290px; color:black;}
.photo_list2 {float:left; width:125px; margin-top:10px;}

.box_yellow_title {font-size:14px; font-weight:bold; color:#fff;  text-align:center; padding:5px; background:#ffc000;}
.box_time {font-size:18px; font-weight:bold; color:#fff; text-align:center; padding:10px; background:#312217;}

.link_bg {float:left; width:300px; font-weight:bold; background:#000;}
.link_bg a{ float:left; width:280px; padding:10px; background:#000; color:#ffffff;}
.link_bg a:hover{ float:left; width:300x; background:#4f4f4f; color:#ffffff;}

.link_bg2 {float:left; width:300px; background:#fff;}
.link_bg2 a{ float:left; width:290px; padding:5px; background:#fff; color:#ffffff;}
.link_bg2 a:hover{ float:left; width:300x; background:#f3f3f3; color:#ffffff;}

.link_bg3 {float:left; width:300px; background:#fff;}
.link_bg3 a{ float:left; width:294px; padding:3px; background:#fff; color:#ffffff;}
.link_bg3 a:hover{ float:left; width:300x; background:#f3f3f3; color:#ffffff;}

.link_bg_on {float:left; width:300px; font-weight:bold; background:#4f4f4f; color:#ffffff;}
.link_bg_on a{ float:left; width:280px; padding:10px; background:#4f4f4f; color:#ffffff;}
.link_bg_on a:hover{ float:left; width:300x; background:#4f4f4f; color:#ffffff;}


.link_bg_res {float:left; width:290px; font-weight:bold; background:#000; color:#ffffff;}
.link_bg_res a{ float:left; width:280px; padding:10px; background:#000; color:#ffffff;}
.link_bg_res a:hover{ float:left; width:280x; background:#4f4f4f; color:#ffffff;}
.sayfa {float:left; color:#000; width:40px; height:15px;}

.navimage {background:white; padding:3px; margin-right:10px;}

.image_list {float:left; text-align:center; width:80px; margin:2px;}
.image_list a{float:left; background:#ffc000; padding:2px; text-align:center; }
.image_list a:hover{float:left; background:#ffc000; padding:5px; text-align:center; }

.photolist {padding:1px; border-bottom:3px solid #e2e2e2; background:#fff; width:200px;}
.photolist a{padding:1px; border-bottom:3px solid #e2e2e2; background:#fff;}
.photolist a:hover{border-bottom:3px solid #ff0000; }

.yorum_photo {float:left; padding-left:3px; padding-top:3px; margin-top:10px; background:url(images/yorum_foto_bg.gif) no-repeat; width:68px; height:67px;}
.yorum_text {float:left; background:#f3f3f3; border-left:1px solid #cecece; margin-top:10px; min-height:48px; width:525px; padding:10px;}

.box_330 {float:left; position:relative; background:url(images/bg_330.png) no-repeat; width:300px; height:250px; padding:10px; z-index:3;}
.box_330_ic {float:left; position:relative; background:url(images/bg_330.png) no-repeat; width:300px; height:300px; padding:15px; z-index:3;}
.box_trans {position:absolute;background:#000; width:300px; height:90px; filter:alpha(opacity=40); top:170px; -moz-opacity:.40; opacity:.40; z-index:4;}
.box_content {position:absolute; width:300px; height:100px; top:170px; z-index:5;}
.box_png {padding-left:5px; font-family: Arial;}
.box_png a{font-size:23px; color:white; font-weight:bold;}
.box_png a:hover{font-size:23px; color:white; color:#ffc000; font-weight:bold; text-decoration:none;}

.pagenumber {float:left; border:1px solid #ffc000; width:20px; margin-left:5px; height:15px; text-align:center; color:white; background:#000;}
.pagenumber a{float:left;  width:20px; height:15px; text-align:center; color:white; background:#000;}
.pagenumber a:hover{float:left; width:20px; height:15px; text-align:center; color:white; text-decoration:none; background:#ffc000;}

.pagenumber_on {float:left; border:1px solid #ffc000; width:20px; margin-left:5px; height:15px; text-align:center; background:#ffc000;}
.pagenumber_on a{float:left;  width:20px; height:15px; text-align:center; color:white; background:#ffc000;}
.pagenumber_on a:hover{float:left; width:20px; height:15px; text-align:center; color:white; text-decoration:none; background:#ffc000;}
.alem_dunya {background:url(images/bg_alemdunyasi.gif) no-repeat; width:290px; height:24px; color:#fff; font-size:18px; font-weight:bold; padding-left:10px; padding-top:5px;}
/*---------------------------------- left right clear-------------------------------------------*/

.left {float:left;}
.right {float:right;}
.clear{clear : both;}
.display_no {display:none;}
 
.text_left {text-align:left;}
.text_center {text-align:center;}
.text_right {text-align:right;}
.min350 {min-height:600px;}
.border {border:solid 1px white;}
.border_black {border:solid 1px black;}

/*---------------------------------- left right clear-------------------------------------------*/

.font11 {font-size:11px; color:#fff;}
.font11 a {font-size:11px; color:#fff; text-decoration:none;}
.font11 a:hover{font-size:11px; text-decoration:underline, color:#fff;}

.font11bb {font-size:11px; color:#000; font-weight:bold;}
.font11bb a {font-size:11px; color:#000; text-decoration:none; }
.font11bb a:hover{font-size:11px; text-decoration:underline, color:#000;}

.font12k {font-size:12px; color:#ff0000; font-weight:bold;}
.font12k a{color:#ff0000;}
.font12k a:hover{color:#ff0000;}

.font11k {font-size:11px; color:#ff0000; font-weight:bold;}
.font11k a{color:#ff0000;}
.font11k a:hover{color:#ff0000;}

.font11g {font-family: Arial;font-size:11px; color:#575757;}
.font11g a{color:#575757;}
.font11g a:hover{color:#575757;}

.font12g {font-size:12px; color:#575757;}


.font11u {font-size:11px; color:#575757;}
.font11u a{color:#575757; text-decoration:underline;}
.font11u a:hover{color:#3c3c3c; text-decoration:underline;}

.font14 {font-size:14px; font-weight:bold; color:#b5b5b4;}
.font14 a{font-size:14px; font-weight:bold; color:#b5b5b4;}
.font14 a:hover{font-size:14px;color:#b5b5b4;}

.font18k {font-size:18px; color:#ff0000;}
.font18k a{color:#ff0000;}
.font18k a:hover{color:#ff0000;}

.font20b {font-size:20px; font-weight:bold; color:#000;}

.font_y {color:#ffc000;}
.font_y18 {color:#ffc000; font-size:18px; font-weight:bold; padding-left:5px; padding-top:5px;} 

/*------------------------------ margin&padding ---------------------------------*/        
.m5		{margin:5px;}
.m10	{margin:10px;}
.m15	{margin:15px;}
.m20	{margin:20px;}

.p5		{padding:5px;}
.p10	{padding:10px;}
.p15	{padding:15px;}
.p20	{padding:20px;}

.ml5	{margin-left:5px;}
.mb5    {margin-bottom:5px;}
.mt5	{margin-top:5px;}
.mr5	{margin-right:5px;}

.ml10	{margin-left:10px;}
.mb10   {margin-bottom:10px;}
.mt10	{margin-top:10px;}
.mr10	{margin-right:10px;}

.ml15	{margin-left:15px;}
.mb15   {margin-bottom:15px;}
.mt15	{margin-top:15px;}
.mr15	{margin-right:15px;}

.ml20	{margin-left:20px;}
.mb20   {margin-bottom:20px;}
.mt20	{margin-top:20px;}
.mr20	{margin-right:20px;}

.pl5	{padding-left:5px;}
.pb5	{padding-bottom:5px;}
.pt5    {padding-top:5px;}
.pr5    {padding-right:5px;}

.pl10	{padding-left:10px;}
.pb10   {padding-bottom:10px;}
.pt10	{padding-top:10px;}
.pr10	{padding-right:10px;}

.pl15	{padding-left:15px;}
.pb15   {padding-bottom:15px;}
.pt15   {padding-top:15px;}
.pr15	{padding-right:15px;}

.pl120	{padding-left:120px;}
.pl20	{padding-left:20px;}
.pb20   {padding-bottom:20px;}
.pt20	{padding-top:20px;}
.pr20	{padding-right:20px;}

/*------------------------------ margin&padding ---------------------------------*/     

/*---------------------------------- nav -------------------------------------------*/

.navbody {width:712px; height:26px; padding-top:72px;padding-left:30px;}

/*---------------------------------- nav -------------------------------------------*/

/*---------------------------------- box -------------------------------------------*/
.people_header {padding:10px 0 0 10px; width:650px; height:125px; background:url(images/people_header_bg.gif) no-repeat;}

.people_box_left{float:left; margin-top:10px; width:280px; padding:10px; background:#f2f2f2;}
.people_box_right{float:left; margin-left:10px; margin-top:10px; width:280px; padding:10px; background:#f2f2f2;}



.alfabe_off {float:left; background:#f2f2f2; margin-left:2px; margin-top:10px;}
.alfabe_off a{background:#f2f2f2; padding:5px; color:#000; font-weight:bold; display:block; text-decoration:none;}
.alfabe_off a:hover{background:#757575; padding:5px; color:#fff; display:block; text-decoration:none;}

.alfabe_on {float:left; background:#757575; margin-left:2px; margin-top:10px;}
.alfabe_on a{background:#757575; padding:5px; color:#fff; font-weight:bold; display:block; text-decoration:none;}
.alfabe_on a:hover{background:#757575; padding:5px; color:#fff; display:block; text-decoration:none;}

.right_box {position:relative; background:url(images/bg_330_body.gif) repeat-y; width:315px; padding-left:15px;}

.box_header_g {width:645px; height:20px; text-align:right; padding:18px 15px 0 0; background:url(images/bg_660_header_g.gif) no-repeat;}

.box_header_g2 {width:645px; height:20px; text-align:left; padding:18px 15px 0 25px; background:url(images/bg_660_header_g.gif) no-repeat;}

/*---------------------------------- box -------------------------------------------*/

.video_relative {position:relative; width:145px;}
.play {position:absolute; left:28px; top:25px;}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
.content h1{
	text-align: left;
	color: #D10005;
	font-size:22px;
}
.content h2{
	text-align: left;
	font-size: 14px;
}
.content h3{
	text-align: left;
	font-size: 12px;
	font-weight:normal;
}
.box_png h1{
	font-size:24px; 
	font-weight:bold; 
	padding-left:5px; 
	padding-top:5px;
}