
/***** HTML *****/

* {margin:0; padding:0;}

html {min-height:101%;}
	
body {min-height:101%; background: #eee; color: #333; font: 12px Arial, Verdana, Sans-Serif; line-height:1.5em; padding: 13px 0 25px 0;}
	
p {margin: 7px 0;}

hr {display: block; height:4px; background:#ddd; border:0;}

small {font-size: 0.9em; padding:3px 0px;}


/***** IMAGES *****/

img, a:link img, a:visited img {border:1px solid #999; padding:1px; float:left; margin:0 6px 6px 0;}
#menubranding img {border:none; margin-right:5px; margin-top:0px; margin-bottom:0px; float: right;}
#sidebar img {border:none; margin:0;}	


/***** LINKS *****/

a:link, a:active, a:visited {color:#333; text-decoration: none;}
a:hover	{color:#333; text-decoration: underline;}

.title:link, .title:active, .title:visited {color: #C11B17; text-decoration: none;} 
.title:hover {color: #C11B17; text-decoration: underline;}



/***** MAIN CONTENT *****/                 

#page {width:940px; margin:0 auto; font-size:1em; padding: 0 20px 40px 20px;}

#branding {width:128px; height:100px; padding-bottom:10px; background:url(images/backgrounds/cemtvlogo.png) no-repeat;}
.left {float:left;}
.right {float:right;}


/***** SLIDER *****/

#headingleft {width:180px; height:370px; position: relative; float:left; background:url(images/backgrounds/mansetsol.png) no-repeat; z-index:999999;}
  #today {padding-top: 2px; position: relative;}
    #today p {width:150px; padding: 0 0 0 8px; margin: 15px 0; font:14px Tahoma; font-weight:bold; color:#fff;}
    #today p span {width:150px; font:12px Tahoma; font-weight:bold; color:#C11B17;}
  #today a {width:160px; padding: 0 0 0 8px; margin: 15px 0; font:14px Tahoma; font-weight:bold; color:#fff;}
  #today a:hover {text-decoration:underline;}

#headingright {background:#444; color:#ddd; border-top:4px solid #C11B17; border-bottom:4px solid #C11B17; padding:2px; width:935px; min-height:350px;}

#shadow {width:910px; height:50px; background:url(images/backgrounds/homebottom.png);}


/***** THE COLUMNS *****/

#line1left {width:275px; height:270px; padding-right:10px; text-align:justify; float:left; overflow:hidden;}	
#line1mid {width:275px; height:270px; padding:0 5px 0 10px; text-align:justify; float:left; overflow:hidden;}	
#line1right {width:322px; height:280px; padding-top:12px; text-align:justify; float:right; overflow:hidden;}

#line2left {width:165px; height:200px; padding-right:37px; padding-top:5px; text-align:justify; float:left; overflow:hidden;}
#line2mid {width:165px; height:200px;  padding-right:37px; padding-top:5px; text-align:justify; float:left; overflow:hidden;}
#line2right {width:165px; height:200px;  padding-top:5px; text-align:justify; float:left; overflow:hidden;}

#habercem { width:302px; height:200px; overflow:hidden; background: url(images/backgrounds/habercem_background.png) no-repeat; border:1px solid #ddd; padding-left:20px; text-align:justify; float:right;}
#habercem p {padding-left:50px; padding-right:6px; background:url(images/icons/Red_Point.png) 35px 4px no-repeat;}

#programbox {width:240px; height:240px; padding-left:33px; padding-right:37px; padding-top:5px; padding-bottom:15px; overflow: hidden; text-align:left; float:left;}

#programdetayvideo {width:600px; height:320px; border-bottom:4px solid #ccc; float:left; padding:10px;}
#programdetayvideo3 {width:600px; height:260px; border-bottom:4px solid #ccc; float:left; padding:10px;}
#programdetayresim {width:200px; height:350px; padding-right:30px; padding-left:35px; padding-top:0px; text-align:justify; float:left;}
#videoekstra {width:165px; padding-right:25px; padding-left:10px; padding-top:5px; padding-bottom:15px; text-align:justify; float:left;}

	
/***** SIDEBAR *****/
	
#sidelist li {list-style:none}
#sidelist .recent-comments li {margin-bottom:5px; padding-left:20px; background:url(images/icons/comment-icon.png) 0 4px no-repeat;}

	
/***** ALL HEADLİNES *****/

h1 {color: #C11B17; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 7px 0; padding: 0px 0px 5px 0px;}
	
h2 {color: #C11B17; font: 1.6em Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:8px; border-bottom:4px solid #ddd; margin: 20px 0;}

h3 {font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; font-weight:bold; color:#C11B17;}

h4 {color:#444; font-size:1.2em; margin-bottom:6px;}

#sidebar h2, #sidebar h3 a {font: 0.9em Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; font-weight:bold; color:#a37f04;}

#sidebar h3, #sidebar h2 {font-size:0.9em; border-top:4px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0 5px 2px; margin:20px 0 15px 0; color:#a37f04;}

	
/***** CONTENT STYLE *****/	

#headingcontent {width:940px; margin-top:10px;}	
#bodycontent {width:935px; margin-top:5px;}
#programsbody {width:960px; float:left;}
#programdetay {width:640px; float:left;}
#programdetay2 {width:600px;}
#sidebar {width: 300px; float:right}


/***** FLOAT PROPERTIES *****/

.clear {clear:both;}

.clearfloat:after {display:block; visibility:hidden; clear:both; height:0; content:".";}

.clearfloat {/*never delete*/
	display:inline-block;
	}
.clearfloat {/*never delete*/
	display:block;
	}

#line1left .clearfloat, #line1mid .clearfloat, #line2left .clearfloat, #line2mid .clearfloat, #line2right .clearfloat {border-bottom:1px solid #ccc; padding:12px 0;}
		
.title, a.title {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.4em; color: #a37f04; margin:10px 0 10px 0;}
		

/***** FOOTER *****/

#footer {margin: 0 auto; width: 900px; font-size:0.9em; text-align:center; padding-top:15px; color:#666;}
#footer a {color:#333;}
#footer img {border:none; float:center;}



#footer2 {margin: 0 auto; width: 900px; height: 35px; font-size:0.9em; text-align:center; padding-top:15px; color:#666;}
#footer2 a {color:#333;}
#footer2 img {border:none; float:center;}




/***** TABLE *****/	

#yayintablo{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:400px; border:7px solid #C11B17; border-collapse:collapse;}
	#yayintablo td, #yayintablo th{font-size:12px; color:#5a626c; border:1px solid #C11B17; padding:7px;}
	#yayintablo th{font-size:15px; text-align:left; padding-top:7px; padding-bottom:7px; background-color:#ccc; color:#C11B17;}
	#yayintablo tr td{color:#000000; background-color:#eee;}


/***** MAIN NAVBAR *****/	

#nav {background:#444; font-size:1.1em; border-top:2px solid #C11B17; border-bottom:2px solid #C11B17;}	
#nav, #nav ul {list-style: none; line-height: 1;}
#nav a, #nav a:hover {display: block; text-decoration: none; border:none;}
#nav li {float: left; list-style:none;}	
#nav a, #nav a:visited {display:block; font-weight:bold; color: #fff; padding:8px 15px;}
#nav a:hover {background-color:#333; color:#F62217; text-decoration:none;}
	
/* Dropdown Menus */		

#nav li ul { /*first level dropdown*/ position: absolute; z-index: 9999999; left: -999em; height: auto; width: 127px; border-bottom:1px solid #ccc;}
#nav li ul ul { /*second level dropdown*/ margin: -175px 0 0 125px;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li li {width: 125px; height: auto; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background:#444;}
#nav li li li{width: auto; height: auto; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background:#444;}

#nav li li a, #nav li li a:visited {font-weight:normal; font-size:0.9em; color:#fff;}
#nav li li a:hover, #nav li li a:active {background:#C11B17; color:#fff;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

a.main:hover {background:none;}
