/* GENERIC */
body {background: #C2C8D1;}
body {text-align: center;}
body {font-family: Arial, Verdana, Tahoma;}
body {font-size: 12px;}
a {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}

/* LAYOUT */

	/* MAIN STRUCTURE */
	#shadowleft {text-align: left;margin: 0 auto;width: 908px;background: url(../images/layout/shadowleft.png) left repeat-y;}
	#shadowright {margin: 0 0 0 12px;background: url(../images/layout/shadowright.png) right repeat-y;}
	#wholepage {margin: 0 12px 0 0; background: #fff;}

	/* PAGE BLOCKS */
		/* masthead block */
		#block-masthead {height:114px; background: url(../images/layout/top.jpg) no-repeat;}
			/* navsub block */
			#block-navsub {float: right;padding: 40px 25px 0 0;width: 300px;}
			#block-navsub ul li {float: left;}
			#block-navsub .row1 {font-size:11px; padding: 0 3px 5px 10px;}
			#block-navsub .row1 a {color:#8A8796;}
			#block-navsub .row1 ul {float:right;}
			#block-navsub .row1 li {list-style-type: square; margin-left: 30px;}
			#block-navsub .row2 {text-align:right; padding: 5px 3px 0 10px;  border-top: 1px solid #ccc;}
			#block-navsub .row2 a {color:#6A6288;}
			#block-navsub .row2 .seperate {margin: 0 15px;}

		/* navmain block */
		#block-navmain {height:33px; background: #025185; line-height: 33px;}
		#block-navmain ul {margin-right:25px;}
		#block-navmain li {float:right; padding-right:15px; margin-right:15px; background:url(../images/layout/vline.gif) right no-repeat;}
		#block-navmain li.no-link {color:#CFCFD1; cursor: default; position:relative;}
		#block-navmain li.no-link:hover ul { display: block; }
		#block-navmain li.no-link ul {position:absolute; top:33px; left:-15px; display:none;}
		#block-navmain li.no-link ul li {width:170px; padding: 8px 0 8px 15px; margin:0px; line-height:100%; background-color:#025185; font-size:11px; background-image: none; border-bottom:1px solid #0c588a;}
		#block-navmain li.last {padding:0px; margin:0px; background: none;}
		#block-navmain li a {color:#CFCFD1;}
		#block-navmain li a:hover {color:#FFF; text-decoration: none;}
		#block-navmain li .seperate {margin: 0 15px;}

		/* headline-flash block */
		#block-headline-flash {height:234px;}

		/* headline block */
		#block-headline {height:160px; background: #1c2122; background: url(../images/layout/headline_bg.png) no-repeat;}
		#block-headline .col1 {float:left; padding: 25px 0 0 45px; color:#CECECE; width: 360px;}
		#block-headline .col2 {float:right; padding: 40px 45px 0 0; color:#CECECE; width: 370px;}
			/* .col1 */
			#block-headline .col1 .subcol1 {float:left;width:70px;}
			#block-headline .col1 .subcol2 {float:right;width:275px;}
			#block-headline .col1 .head {font-family: Tahoma, Geneva, sans-serif; font-size:13px; padding: 4px 0 20px 30px; background: url(../images/layout/arrow.png) no-repeat; color:#FFF;}
			#block-headline .col1 .sub {font-size:11px; line-height:130%;color:#f5f5f5;}
			/* .col2 */
			#block-headline .col2 .subcol1 {float:left;width:100px;}
			#block-headline .col2 .subcol2 {float:right;width:250px;}
			#block-headline .col2 .head {font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; color:#FFF;}
			#block-headline .col2 .sub {font-size:11px; line-height:130%; margin-top: 7px;color:#f5f5f5;}
			
		/* content block */
		#block-content {background: url(../images/layout/shadowcontent-top.png) repeat-x; padding: 1px 0;}

		/* bottom block */
		#block-bottom {height:46px; padding: 1px 0; background: #e1e1e1;}
		#block-bottom p {color: #4A4A4A;}
		#block-bottom p.sb {margin: 19px 0 0 32px; float:left;}
		#block-bottom p.ekipteknoloji {font-family: Tahoma, Geneva, sans-serif;margin: 12px 32px 0 0; float:right; text-align: right;}
		#block-bottom p.ekipteknoloji .first {font-size:10px;}
		#block-bottom p.ekipteknoloji .second {font-size:12px;}

/* SPECIFIC PAGES */

	/* global elements */
	.pagepad1 {padding: 37px 48px;}
	.pagepad2 {padding: 30px 28px;}
	.pagepad3 {padding: 37px 40px;}
	.noRecord {padding: 10px; margin: 5px 0; background-color: #ffeeee;}
	
	/* main page (index.php) */
		/* ----- col1 */
		#mainpage .col1 {float:left; width: 220px; margin-right: 40px;}
		#mainpage .col1 #tanitimVideo {width:200px; padding: 0 10px; margin: 20px 0 15px 0;}
		#mainpage .col1 #tanitimVideo .head {}
			
		/* ----- col2 */
		#mainpage .col2 {float:left; width: 250px; margin-right: 40px;}
		#mainpage .col2 .date {font-size: 10px; text-align:right; color:#666; border-bottom: 1px solid #eee;}
		#mainpage .col2 .date .bg {padding:3px 4px; background-color:#f8f8f8; display:block; float:right;}
		#mainpage .col2 .newsContainer {margin: 5px 5px 15px 0;}
			/* news container */
			#mainpage .col2 .newsContainer .head {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 120%; margin: 5px 5px 3px 0px; font-weight: bold;}
			#mainpage .col2 .newsContainer .head a {color:#333;}
			#mainpage .col2 .newsContainer .desc {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 125%; margin: 0px 5px 0px 0px; color:#666; text-align:justify;}
		
		/* ----- col3 */
		#mainpage .col3 {float:left; width: 238px;}
		#mainpage .col3 .period {font-size: 10px; text-align:right; color:#777777; border-bottom: 1px solid #eee; padding: 3px;}
		#mainpage .col3 .containerHead {border-bottom: 1px solid #eee; padding-bottom:8px; margin-top: 15px;}
		#mainpage .col3 .eventsContainer {margin: 5px 0px 15px 0;}
			/* events container */
			#mainpage .col3 .eventsContainer li {font-family: Tahoma, Geneva, sans-serif; font-size:11px; background: url(../images/layout/list-icon_sosyal-etkinlik.png) no-repeat; padding-left:12px; margin: 0 5px 0 5px;}
			#mainpage .col3 .eventsContainer li a {color: #999; line-height: 20px;}
			#mainpage .col3 .eventsContainer li .desc {background-color:#fafafa; border:1px solid #f5f5f5; padding:5px; color:#666; font-size:10px; line-height:120%; display: none; margin-left: -13px;}
	
	/* show content page (showcontent.php) */
		/* ----- generic */
		#showcontent .headline {font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#333;}
		#showcontent .content { margin: 20px 0;}
		#showcontent .content p {font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif; font-size:11px; color:#555555;line-height:20px; margin: 10px 0; text-align: justify;}
		#showcontent .content input {margin:10px;}
		#showcontent .content img {margin:10px;}
		/* ----- col1 */
		#showcontent .col1 {float:left; width: 200px; margin-right: 40px;}
		#showcontent .col1 .head {font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; font-weight:bold; margin: 0 0 10px 0;}
		#showcontent .col1 ul {}
		#showcontent .col1 ul li {font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size:11px; border-bottom: 1px solid #eee;}
		#showcontent .col1 ul li a {color:#666;}
		#showcontent .col1 ul li a:hover {color:#550000; text-decoration:none;}
		/* ----- col2 */
		#showcontent .col2 {float:left; width: 545px;}
		#showcontent .col2 .contentMap {font-size:10px; margin: 0 0 30px 0; color:#666; text-align:right;}
		
	/* show news page (shownews.php)(showevent.php) */
		/* ----- col1 */
		#shownews .col1 {float:left; width: 250px; background-color:#f8f8f8; padding: 15px 10px;}
		#shownews .col1 .head {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; margin: 0 0 10px 0; color:#900;}
		#shownews .col1 li {font-size: 11px; color:#666; line-height:22px; border-bottom: 1px solid #fff;}
		#shownews .col1 li a {color:#666;}
		/* ----- col2 */
		#shownews .col2 {float:left; width: 495px; margin-right: 40px; padding:1px 0; }
		#shownews .col2 .contentMap {font-size:10px; line-height:20px; margin-top:-20px;}
		#shownews .col2 .headline {font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#333; margin: 10px 0 10px 0;}
		#shownews .col2 .nfo {font-size: 10px; color:#999;}
		#shownews .col2 .content { margin: 20px 0;}
		#shownews .col2 .content p {font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif; font-size:11px; color:#555555;line-height:20px; margin: 10px 0; text-align: justify;}
		#shownews .col2 .content input {margin:10px;}
		#shownews .col2 .content img {margin:10px;}
		#shownews .col2 .rowShare {margin: 0 0 10px 0; padding: 20px 0 0 0;}
		#shownews .col2 .col {float:left;}
		#shownews .col2 .col .fb_share_link {padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; color:#3B5998; line-height:16px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}
		#shownews .col2 ul > li {color:#555; line-height:17px; list-style-type:disc; font-size:11px; margin-left:14px;}
		#shownews .col2 ol > li {color:#555; line-height:17px; list-style-type:decimal; font-size:11px; margin-left:14px;}
			/* all news */
		#shownews .col2 .all-news {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#555555; border-bottom: 1px dotted #999999; padding-bottom:5px;}
		#shownews .col2 .all-nfo {font-family: Tahoma, Geneva, sans-serif; font-size:11px; color:#999999; margin: 5px 0 20px 0;}
		#shownews .col2 .news-item {padding: 1px 0; margin: 0 0 15px 0;}
		#shownews .col2 .news-item .headline {font-size:17px;}
		#shownews .col2 .news-item .desc {font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif; font-size:11px; color:#555555;line-height:18px; margin: 10px 0; text-align: justify;}
		#shownews .col2 .news-item .date {border-bottom:1px solid #eee; margin-top:-10px;}
		#shownews .col2 .news-item .date span {float:right; display:block; padding:2px 5px; color:#999; font-size:10px;}
			/* allnews - paging */
		#shownews .col2 .paging {}
		#shownews .col2 .paging a { font-family:Tahoma, Geneva, sans-serif; font-size:10px; display:block; float:left; margin: 0 6px 6px 0;padding: 3px 5px; background-color:#f5f5f5; border:1px solid #eee; color:#900;}
		#shownews .col2 .paging span { font-family:Tahoma, Geneva, sans-serif; font-size:10px; display:block; float:left; margin: 0 6px 6px 0;padding: 3px 5px; background-color:#ffffff; border:1px solid #eee; color:#900; font-weight:bold;}

	/* guesbook page (guesbook.php) */
		/* ----- col2(#guesbook) */
		#gbook #guesbook-input {float: right;border: 1px dotted #eee;position: relative;width: 300px; padding-bottom:20px;}
		#gbook #guesbook-input .in {z-index: 1;padding: 15px;}
		#gbook #guesbook-input .in label {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #900;}
		#gbook #guesbook-input .in label span {display:block;line-height:20px;}
		#gbook #guesbook-input .in .row {margin-left: 10px;padding-top: 3px;padding-bottom: 6px;}
		#gbook #guesbook-input .in .row .tf {font-family: Tahoma, Geneva, sans-serif;font-size: 11px;color: #999;width: 180px;height: 13px;padding: 4px;border: 1px solid #EEE;}
		#gbook #guesbook-input .in .row .ta {font-family: Tahoma, Geneva, sans-serif;font-size: 11px;color: #999;width: 240px;height: 100px;padding: 4px;border: 1px solid #EEE;}
		#gbook #guesbook-input .light {z-index: 2;background-color: #FFF;position: absolute;display: none;left: 0px;top: 0px;}
		#gbook #guesbook-input .button {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;float:left;border: 1px solid #CCC;cursor: pointer;}
		/* ----- col1(#listmess) */
		#gbook #listmess {float: left;width:470px;}
		#gbook #listmess .item {margin-bottom:20px;background-image: url(../images/layout/gb-mess-list.png);background-repeat: no-repeat;}
		#gbook #listmess .item .head {font-family: georgia; font-size: 16px; font-weight: normal; padding: 10px 0 8px 35px; border-bottom:1px solid #eee;}
		#gbook #listmess .item .head .sub {color: #CCCCCC; font-size: 14px;}
		#gbook #listmess .item p {font-family: Tahoma; font-size: 11px; color:#666; background:#fbfbfb; padding: 5px; line-height:15px;}
		#gbook #listmess .paging {}
		#gbook #listmess .paging a { font-family:Tahoma, Geneva, sans-serif; font-size:10px; display:block; float:left; margin: 0 6px 6px 0;padding: 3px 5px; background-color:#f5f5f5; border:1px solid #eee; color:#900;}
		#gbook #listmess .paging span { font-family:Tahoma, Geneva, sans-serif; font-size:10px; display:block; float:left; margin: 0 6px 6px 0;padding: 3px 5px; background-color:#ffffff; border:1px solid #eee; color:#900; font-weight:bold;}