/* --------------- pngfix -------------*/
img, div, ul { behavior: url(iepngfix.htc)}
/* --------------- pngfix -------------*/

.rm{position:fixed; right:0px; margin-top:250px;}
.rmenu{display:none; text-align:right;}

/* ------------- padding & margin ------------- */
.p5		{padding:5px;}
.p10	{padding:10px;}
.p15	{padding:15px;}
.p20	{padding:20px;}

.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:11px;}
.pl20	{padding-left:20px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}

.pt3	{padding-top:3px;}
.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}

.m5		{margin:5px;}
.m10	{margin:10px;}
.m15	{margin:15px;}
.m20	{margin:20px;}

.ml3	{margin-left:3px;}
.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml14	{margin-left:14px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}

.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}

.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* ------------- padding & margin ------------- */

/* ------------- Body -------------- */
body
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	margin:0px;
	color:#333;	
	background:url(../images/background.jpg) no-repeat center 40px;
	background-color:#2B2B2B;
}
.twoColFixRtHdr #container { 
	width: 980px; 
	margin: 0 auto; 
	text-align: left; 
} 
.twoColFixRtHdr #header { 
	height:62px;
	width:980px;
} 
.twoColFixRtHdr #main {
	width: 980px;
	padding-top:8px;
	background: #FFFFFF;
	float:left;
}
.twoColFixRtHdr #sidebar1 {
	float: right; 
	width: 300px;
	padding-right:8px;
}
.twoColFixRtHdr #mainContent {
	width:650px;
	padding-left:8px;
} 
.twoColFixRtHdr #footer { 
	background:url(../images/footerbg.jpg) no-repeat top; background-color:none; margin-top:1px; width:965px; padding-top:10px; padding-left:15px; height:50px;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*----- olmecaTop -------*/
.olmecatop {width:100%; background:#000; height:45px;}
.olmecatoparea {width:980px; margin:0 auto;}
.georgia14 {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#CCCECC; text-decoration:none; padding:0 18px 0 18px; float:left;}
.georgia14 a {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#CCCECC; text-decoration:none;}
.georgia14 a:hover {color:#fff; text-decoration:none;}
.memberbg {background:#20271F; height:25px; float:left; margin-right:3px;color:#fff; font-size:11px; text-decoration:none; float:left;}
.memberbg a {background:#20271F; padding:5px 10px 7px 10px; float:left; color:#fff; font-size:11px; text-decoration:none; float:left;}
.memberbg a:hover {background:#666; text-decoration:none;}

.loginmember {background:#20271F; float:left; margin-right:1px;color:#fff; font-size:11px; text-decoration:none; float:left;}
.loginmember .text {background:#20271F; padding:5px 10px 7px 10px; float:left; color:#fff; font-size:11px; text-decoration:none; float:left;}
/*----- end olmecaTop -------*/

.ftext {color:#fff; font-size:11px; text-decoration:none; float:left;}
.ftext a {color:#fff; font-size:11px; text-decoration:none; float:left;}
.ftext a:hover {color:#666; font-size:11px; text-decoration:none;}

.fseperate {color:#666; font-size:11px; padding-left:9px; padding-right:8px; float:left;}

/*----- topmenu -------*/
.menu {background:url(../images/menubg.jpg) no-repeat; width:479px; height:62px; margin-left:10px;}
.menu .area {padding-left:52px; padding-top:22px;}
.menusize {width:130px; height:40px; float:left;}
.menusizes {width:130px; height:40px; margin-left:2px; float:left;}
/*----- haber menu -------*/
.mhaber {width:130px; height:36px; background:none; text-decoration:none;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-align:center; float:left;}
.mhaber a {width:130px; height:36px; background:none; border-bottom:#8BD4C9 4px solid; text-decoration:none;float:left;}
.mhaber a:hover {background:#8BD4C9; height:36px;}
.mhaber .on {background:#8BD4C9; height:36px;}
/*----- dj kabini menu -------*/
.mkabin {width:130px; height:36px; background:none; text-decoration:none;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-align:center; float:left;}
.mkabin a {width:130px; height:36px; background:none; border-bottom:#F5D332 4px solid; text-decoration:none;float:left;}
.mkabin a:hover {background:#F5D332; height:36px;}
.mkabin .on {background:#F5D332; height:36px;}
/*----- set up menu -------*/
.msetup {width:130px; height:36px; background:none; text-decoration:none;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-align:center; float:left;}
.msetup a {width:130px; height:36px; background:none; border-bottom:#ED3A4D 4px solid; text-decoration:none;float:left;}
.msetup a:hover {background:#ED3A4D; height:36px;}
.msetup .on {background:#ED3A4D; height:36px;}

h1 {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-align:center; margin:0; padding:0; padding-top:8px;}
h3 {color:#EC2439; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; margin:0; padding:0; text-decoration:none;}
h3 a {color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; margin:0; padding:0; text-decoration:none;}
h3 a:hover {text-decoration:none; color:#EC2439; }
h4 {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-align:left; margin:0; padding:0;}
h5 {color:#EB2439; font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-align:left; margin:0; padding:0;}

.tahoma {color:#333; font-size:11px; font:Tahoma, Geneva, sans-serif; line-height:15px; text-decoration:none; padding-top:4px;}
.tahoma a {color:#333; font-size:11px; font:Tahoma, Geneva, sans-serif; line-height:15px; text-decoration:none;}
.tahoma a:hover {color:#333; text-decoration:underline;}
/*----- end #topmenu -------*/

.featuredarea {width:650px; float:left;}

.newsarea {margin-top:10px; margin-bottom:10px; float:left;}
.allnews {width:640px; padding-top:15px; padding-bottom:20px; background:url(../images/part.jpg) bottom no-repeat; float:left;}
.allnewsdate {background:url(../images/datebg.jpg) no-repeat; width:64px; height:55px; padding-top:14px; float:left; color:#EDECCD;}
.allnewstext {width:560px; padding-left:16px; float:left;}
.allnewslast {width:640px; padding-top:15px; padding-bottom:20px; float:left;}

.dateday {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-align:center;}
.datemonth {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}

/*------- Listen --------*/
.whatlisten {background:url(../images/listbottom.jpg) left bottom no-repeat; background-color:#EFEDEA; width:280px; padding:10px; float:right;}
.listencol {width:274px; background:#F7F6F5; padding-left:6px; padding-top:5px; padding-bottom:5px; float:left;}
.listencols {width:274px; background:none;  padding-left:6px; padding-top:5px; padding-bottom:5px; float:left;}
.number {color:#FF2F30; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; text-align:left; width:20px; float:left;} 
.alllist {color:#FF2E30; font-size:11px; font-weight:bold; text-align:right; padding-bottom:5px; padding-top:15px;}
.alllist a {color:#FF2E30; font-size:11px; font-weight:bold; text-align:right; margin-top:10px; text-decoration:none;}
.alllist a:hover {text-decoration:underline;}

.rightnavi {border-bottom:#CAC7C0 1px dotted; width:274px; padding-left:6px; padding-top:6px; padding-bottom:6px; float:left;}
.rightnavi a {text-decoration:none; color:#333;}
.rightnavi a:hover {text-decoration:underline;}
.rnlast {width:274px; padding-left:6px; padding-top:6px; padding-bottom:10px; float:left;}
.rnlast a {text-decoration:none; color:#333;}
.rnlast a:hover {text-decoration:underline;}

.listenpage {width:634px; padding:10px 10px 20px 10px; float:left; background:url(../images/part.jpg)  bottom left no-repeat;}
.listenpagelast {width:634px; padding:10px 10px 20px 10px; float:left;}
.pagecol {width:425px; background:#F7F6F5; padding-left:6px; padding-top:5px; padding-bottom:5px; float:left;}
.pagecols {width:425px; background:none;  padding-left:6px; padding-top:5px; padding-bottom:5px; float:left;}
.numberpage {color:#FF2F30; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; text-align:left; width:30px; float:left;} 

/*--------- E-bulten -----*/
.bultenarea {width:280px; padding:10px; height:110px; background:#A1C427; margin-top:10px; margin-bottom:10px;}
.bultenareamailing {background:#A1C427; width:280px; height:120px;}
.textboxbg {background:url(../images/textbox.jpg) no-repeat; width:187px; height:26px; padding-left:3px; padding-top:3px;}
.input {width:180px; height:26px; font-size:12px; font-weight:bold; color:#FF2E30; border:none; background:none;}
 
.bannerarea {background:url(../images/bannerbg.jpg) no-repeat; width:320px; height:278px; margin-top:5px; float:left; padding:18px 10px;}

/*--------- detail page ------------*/
.detailarea {width:650px; float:left; padding-bottom:10px; padding-top:5px; background:url(../images/part.jpg)  bottom left no-repeat;}
.detailarea .photo {width:220px; padding-left:5px; float:left; padding-bottom:10px;}
.detailarea .dcontent {width:415px; float:left; padding-bottom:10px;}
.arial16 {color:#707070; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:left; line-height:19px; font-weight:bold;}
.photobdr {border:#2F2F2F 2px solid;}

.shared {width:642px; height:20px; float:left; padding-bottom:10px;}
.arial13b {font-size:13px; font:Arial, Helvetica, sans-serif;font-weight:bold; color:#333; text-decoration:none;}
.arial13b a {font-size:13px; font:Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
.arial13b a:hover {color:#333; text-decoration:underline;}

.arial16 {font-size:16px; font:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; padding-top:5px;}
.commentarea {padding-top:10px; padding-bottom:15px; width:640px; float:left; padding-left:10px;}
.writecomment {width:640px; float:left; margin-top:10px;}
.textareabg {background:url(../images/textarea.jpg) no-repeat; width:500px; height:94px;}
.textarea {width:490px; height:84px; padding-left:4px; padding-top:4px; background:none; border:none;}
.readcomment {width:640px; float:left; margin-top:10px; padding-bottom:15px;}

.whowrite {width:630px; background:#E9E7E2; height:20px; padding-top:6px; float:left; padding-left:10px; font-weight:bold;}
.whowrite span {color:#EB2439; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.whatwrite {width:630px; float:left; padding-top:8px; padding-bottom:8px; padding-left:10px;}

.arsivarea {margin-top:0px; margin-bottom:10px; float:left;}
.arsivbant {width:640px; background:#EFEDEA; border-bottom:#8BD4C9 2px solid; height:30px; padding-top:6px; float:left; padding-left:10px; font-weight:bold;}

.banner1 {position:absolute; background:#B51E3D; margin-top:140px; margin-left:25px; height:20px; max-width:260px; font-size:18px; color:#FFF;}
.banner2 {position:absolute; background:#B51E3D; margin-top:165px; margin-left:25px; height:20px; max-width:260px; font-size:18px; color:#FFF;}


/*--------------- Login ----------------*/
.loginbg {background:url(../images/loginbg.jpg) no-repeat; width:454px; height:339px; border:#000 3px solid;}
.loginarea {width:300px; margin-top:70px; margin-left:90px; float:left;}
* html .loginarea {width:300px; margin-top:90px; margin-left:45px; float:left;}
.logcap {color:#EB2439; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; height:30px;}
.loginboxbg {background:url(../images/loginput.jpg) no-repeat; width:211px; height:29px; padding-left:3px; padding-top:3px;}
.loginput {width:200px; height:25px; font-size:12px; font-weight:bold; color:#FF2E30; border:none; background:none;}
.logintext {color:#fff; font-size:12px; font-weight:bold; width:60px; padding-top:4px;}

.logpass a {font-size:11px; font-style:italic; color:#CCC; text-align:left;text-decoration:underline;}
.logpass a:hover {color:#fff; text-decoration:none;}
.forgot {margin-left:60px; float:left; padding-top:10px;}
* html .forgot {margin-left:30px; float:left; padding-top:10px;}

/*--------------- paging -----------------*/

.paging {width:420px; height:40px; float:right; padding-right:16px;}
.pageon {background:#EB2439; width:22px; height:22px; text-align:center; margin-right:1px; float:right;}
.pageoff {background:#333; width:22px; height:22px; text-align:center; margin-right:1px; float:right;}
.pageoff a {background:#333; width:22px; height:22px; text-align:center; float:right; text-decoration:none;}
.pageoff a:hover {background:#EB2439; width:22px; height:22px; text-decoration:none;}
.pagetext {color:#fff; font-size:13px; font-weight:bold; text-align:center; padding-top:3px; text-decoration:none;}

#logoarea {
 	position:absolute;
	top:8%;
	width:13px;
	height:50px;
 	right:1px;
	z-index:1;
	}