/*
Design Name: Gupse İnternet Teknolojileri
Design URL: http://www.gupse.net/
Description: Airport Mizah tasarım ve kodlaması...
Author: Tercan Keskin
Author URI: http://www.tercan.net
Version: 1.0.0

Changelog:
v1.0 - 04.09.2009
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, big, cite, code, em, img, small, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul, li { list-style: none; }
body { line-height: 1; }
.h05 { line-height: 1px; height: 5px; font-size: 1px; margin: 0; padding: 0; }
.h10 { line-height: 1px; height: 10px; font-size: 1px; }
img { border: none; }
.clear { clear: both; }

body { color: #000; font-size: 12px; font-family: Arial, Tahoma, Verdana; background: #555 url('../images/body_bg.gif') repeat-y left; color: #333; }

#container { float: left; width: 960px; margin: 0; }

#header { width: 960px; height: 152px; margin-bottom: 10px; }

.headerleft { float: left; height: 84px; width: 520px; }
.logo img { width: 960px; height: 116px; }

.headerright { float: right; height: 84px; width: 278px; }

.headerbottom { float: left; height: 36px; width: 960px; background: #252525 url('../images/headerbottom_bg.gif') repeat-x; }

.headerbottom ul { float: left; height: 34px; margin: 0; padding: 0px; }
.headerbottom li { display: inline; }
.headerbottom a { float: left; margin: 0; padding: 0 0 0 4px; text-decoration: none; height: 34px; line-height: 34px; }
.headerbottom a span { float: left; display: block; padding: 0 15px 0 10px; font-weight: bold; color: #313f4b; text-shadow: 2px 2px 2px #aaa; }
/* Small hack for IE5-Mac \*/
.headerbottom a span { float: none; font-size: 14px; }
/* End IE5-Mac hack */
.headerbottom a:hover, .headerbottom a:hover span { color: #a00; }

#content { width: 960px; }

#index { width: 630px; float: left; padding-left: 10px; }
#index img.drawing, #index div.drawing { width: 620px; padding: 4px; margin-bottom: 10px; background: #444; border: 1px solid #777; }
#index div.drawing { color: #FEE; font-size: 14px; font-weight: bold; line-height: 24px; }
#index div.drawing a { color: #ffd706; }
#index div.drawing p { padding-bottom: 14px; }

#index .info { width: 620px; margin-bottom: 10px; padding: 4px; background: #444 url('../images/info_bg.gif'); border: 1px solid #777; color: #ddd; }
#index .info img { width: 16px; height: 16px; margin: 0; padding: 0; }
#index .info div { float: left; width: 620px; }
#index .info .meta { line-height: 24px; }

#index .random { float: left; width: 618px; margin-bottom: 10px; padding: 10px 0 10px 10px; background: #444 url('../images/info_bg.gif'); border: 1px solid #777; color: #ddd; }
#index .random .img { float: left; display: inline; width: 140px; height: 100px; overflow: hidden; margin-right: 8px; margin-bottom: 8px; padding: 2px; background: #444; border: 1px solid #777; }
#index .random .img img { width: 140px; height: 100px; }
#index .random .end { margin-right: 0; }
#index .random h2, #index #c_title  { width: 594px; font-size: 16px; line-height: 24px; color: #ffC; margin:0; margin-bottom: 4px; padding: 4px 4px 4px 8px; background: #000 url('../images/rand_bg.gif') repeat-x; border: 1px solid #777; }

#index #c_title { width: 616px; }

.drawing h2 a { font-size: 16px; color: #fff !important; text-decoration: none; }
.text, #index a.exc { font-size: 14px; color: #ccc !important; text-decoration: none; overflow: hidden;}
.text { line-height: 18px; }

.random li { float: left; width: 598px; padding: 5px; }
.random li a { font-size: 14px; color: #ddd; text-decoration: none; }
.random li a:hover { color: #ffc; }

#sideright { display: inline-block; float: right; width: 300px; padding-right: 10px; }
	.sidebox { float: left; width: 300px; margin-bottom: 10px; }
	.sidebox .img { float: left; width: 140px; height: 100px; overflow: hidden; margin-right: 8px; margin-bottom: 8px; padding: 2px; background: #444; border: 1px solid #777; }
	.sidebox .img img { width: 140px; height: 100px; }
	.sidebox .end { margin-right: 0; }

	.sidebox h2 { font-size: 16px; line-height: 24px; color: #ffC; margin-bottom: 4px; padding: 4px 4px 4px 8px; background: url('../images/pops_bg.gif') no-repeat; }

#sideright .boxright { float: left; padding: 5px; border: 1px solid #777; }
	#sideright #authors li { display: inline-block; padding: 4px; background: #f2f2f2; border: 1px solid #777; border-top: none; }
		#sideright #authors li img { float: left; width: 50px; height: 60px; margin-right: 5px; border: 1px solid #aaa; }
		#sideright #authors li h3 { float: left; line-height: 24px; font-size: 14px; color: #d20000; }
		#sideright #authors li p { float: left; width: 200px; height: 34px; overflow: hidden; line-height: 18px; }
			#sideright #authors li p a { text-decoration: none; color: #111; font-size: 14px; }

.others { display: block; float: left; width: 440px; }
	.others li { float: left; width: 438px; margin-top: 2px; padding: 5px 0 0 5px; line-height: 18px; border-left: 5px solid #777 !important; }
		.others li:hover { border-left: 5px solid #bbb !important; }
		.others li.title { float: left; width: 438px; margin: 0; padding: 5px; color: #FFF; background: #777; border: none; }
		.others li a { float: left; padding: 0; color: #fff !important; line-height: 18px; }
			.others li a:hover { color: #fee !important; text-decoration: underline; }
		.others li small { float: left; padding-left: 10px; font-size: 11px; color: #aaa !important; }
		.random .alert { float: left; width: 438px; margin-top: 2px; padding: 5px 0 0 5px; line-height: 18px; border-left: 5px solid #800; color: #ffa; }

.y-author { overflow: hidden; margin-bottom: 4px; padding-bottom: 6px; border-bottom: 1px solid #777; }
	.y-author img { float: left; width: 100px; margin-right: 10px; padding: 3px; background: #0d0d0d; border: 1px solid #777; border-radius: 3px 3px 3px 3px; }
	.y-author h3 { font-family: Georgia; font-size: 24px; line-height: 46px; }
	.y-author h4 { font-size: 18px; line-height: 34px; color: #ffe; }
	.y-author p { font-size: 14px; line-height: 26px; }

/* Comments */
#index .random h2 .respond { display: block; float: right; width: 72px; font-size: 12px; margin: 0; color: #fff; text-decoration: none; }
#index .yorumlar { display: block; clear: left; margin-bottom: 10px; }
#index .yorumlar li { width: 600px; font-size: 12px; margin: 0; padding: 3px; border: 1px solid #777777; border-top: 0; background: #555555 url('../images/com_text_bg.gif') repeat-x; }
#index .yorumlar li .author { margin: 0; padding: 4px 0; border-bottom: 1px dotted #777777; color: #ffffcc; }
#index .yorumlar li .text { margin: 0; padding-top: 4px; line-height: 14px; }
#index .yorumlar li a { color: #ffffcc; }
#index .yorumlar strong { margin: 0; padding: 0; }
#index .yorumlar small { font-size: 11px; color: #a8a8a8; }

.yorumform { border: 0; font-size: 11px; padding: 5px; color: #f3f3f3; }
#yorumekle { margin-top: 5px; }
#yorumekle input, #yorumekle select { width: 220px; font: normal 12px Tahoma; }
#yorumekle input.submit { float: right; width: 120px; height: 30px; font: bold 12px Tahoma; cursor: pointer; outline: none; }
#yorumekle input.temizle { color: #fefefe; }
#yorumekle textarea{ width: 410px; height: 180px; }

/* Pagination */
.pager_links { float: left; width: 630px; margin: 0 auto; text-align: center; height: 36px; }
.pager_links a, .pager_links a:hover, .current_page, .pager_links a.last { float: left; width: 26px; height: 20px; font-size: 16px; line-height: 20px; font-weight: bold; text-decoration:none; padding: 4px; margin: 2px; margin-top: 0; background: url('../images/pager_links.gif'); }
.pager_links a { color: #ffc; border: 1px solid #777; }
.pager_links a:hover { color:#ffd; background:#333; border:1px solid #666; }
.current_page { color:#fcc; background: url('../images/current_page.gif'); border: 1px solid #999; }

#footer { float: left; width: 960px; height: 60px; margin: auto; margin-top: 10px; background: #313b44 url('../images/footer_bg.gif') no-repeat; }

#footer p.left { font-size: 11px; float: left; width: 500px; padding: 10px 5px 0px 10px; color: #abccdd; line-height: 14px; }

#footer p.left a { color: #e2e9f1; }

#footer p.right { float: right; width: 240px; padding: 20px 12px 0 0; text-align: right; }

#SagBanner { width:212px; border: 0; padding: 0; position:absolute; visibility: hidden; overflow: hidden; }


/* = Featured News Slider
*/
#featured { position: relative; display: block; width: 620px; height: 320px; margin: auto; margin-bottom: 10px; padding: 0; background: #000; }

#slideshow { display: block; float: right; width: 480px; height: 320px; overflow: hidden; margin-left: 10px; }
	.slide img { width: 480px; height: 320px; }
	.slide .desc-txt { position: absolute; width: 480px; left: 50px; padding: 10px; left: 0; bottom: 0; background: #454545; color: #fff; font-size: 24px; opacity: 0.8; }
		.slide h3 a { color: #fff; font-size: 16px; text-decoration: none; }

#nav { position: relative; display: block; float: left; width: 120px; height: 320px; z-index: 99; }
#nav li { display: block; float: left; width: 130px; overflow: hidden; list-style: none; }
	#nav li.activeSlide { background: url('../images/f-nav-bg.png') no-repeat 112px 16px; }
		#nav li.activeSlide a { background: #fe6e00; color: #FFF; }
	#nav a:focus { outline: none; }
	#nav a { display: block; float: left; background: #ffe8d6; border: 1px solid #fe6e00; padding: 4px; margin: 2px 2px 10px 2px; }
	#nav li img { display: block; float: left; width: 100px; height: 60px; padding: 0; }


#all-news { width: 100%; }
	.entry { position: relative; float: left; width: 305px; height: 205px; overflow: hidden; margin: 0 10px 10px 0; }
		.entry img { width: 295px; height: 195px; border: 5px solid #888; }
		.entry .entry-title { position: absolute; width: 285px; left: 5px; bottom: 5px; padding: 5px; background: #454545; opacity: 0.8; }
			.entry .entry-title a { color: #fff; font-size: 16px; text-decoration: none; line-height: 20px; }