@charset "UTF-8";
/* CSS Document */

body{margin:0; padding:0; font-family: Arial; font-size: 12px;}

a:link, a:visited,a:active {text-decoration:none; color:#1159AA;}

a:hover{text-decoration:none; color:#406AD9;}

a:img{border:none;}

/*====================
Header start
=====================*/

#header{height:60px; background-color:#36C;}

.header-container{height:60px; width:995px; overflow:hidden; margin:auto;}

.logo{float:left; margin-top:5px;}

.logo h1{font-weight:bold; font-size:36px; color: #003; padding:10px 0 10px 0;}

.search-bar{font-size:14px; float:right; width:315px; padding-top:3px;}

.search-bar input{width:225px; border:1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:5px 3px 0 0; padding:6px;}

.search-button{background-color:#36C; float:right; padding:6px 10px; color:#FFF; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:5px 0px 5px 0;}

#login-box{float:right; color:#FFF; margin:20px 50px  auto;}

.gotobtn{ font-weight:bold; padding:0 5px 0 0;}

.goto{padding:0 5px 0 0;}

.msg{padding:20px; text-align:center; font-weight:bold;}

#header-container2{height:45px;}

#tab-container{float:left; height:45px; width:500px;}

#tabs{font-weight: bold; overflow: hidden; padding-top:5px; }

#tabs ul{list-style-type:none; padding:0;}

#tabs li{ display:inline; margin:0; padding:0;}

#tabs a:link{text-decoration:none; color:#FFF;}

#tabs a:visited{color:#FFF;}

#tabs a:hover{color:#EFEFEF;}

#tabs a:link span{background-color:#36C; padding:10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.log-reg, .log-reg:link, .log-reg:visited{color:#FFF; font-weight:bold;}

.log-reg:hover{color:#FC0;}

.logout, .logout:link, .logout:visited{color:#FFF; font-weight:bold;}

.logout:hover{color:#FC0;}

#social-box{float:right; width:308px; margin:10px 0 10px 10px; border:1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px 0; text-align:center;}

#social-icons{text-align:center; overflow:hidden; margin-left:10px; padding:12px 0 13px 0;}

.s-icons{float:left; margin-right:10px;}

/*================================
Header ends & container starts
=================================*/

#container{width:995px; min-height:600px; overflow:hidden; margin: 0 auto 15px auto;}

#left-top{float:left; width:670px; min-height:400px;}

.tab-base h3{ margin:8px 0 8px 18px; font-size:14px;}

#thumb-box{width:670px; min-height:400px; float:left;margin-top:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:10px;}
#thumb-box1{width:332px; min-height:240px; float:left;margin-top:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:7px;}


.thumb{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #CCC; padding:6px 5px 3px 6px; overflow:hidden;}


.thumb1{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0px; border:1px solid #666666; padding:6px 5px 40px 6px; overflow:hidden;}
.thumb2{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #666666; padding:6px 5px 5px 6px; overflow:hidden;}

#hot-des{position:absolute; overflow:hidden; width:310px; padding:5px; background:#00CC00; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */}
#hot-des1{position:absolute; overflow:hidden; width:310px; padding:5px; background:#FF6600; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */}

#hot-des h1{font-size:16px; font-weight:bold; color:#FFF; opacity:1; filter:alpha(opacity=100); margin:0; padding:0;}

#hot-des h2{font-size:15px; color:#FFF; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ margin:0; padding:0;}

#hot-des1 h1{font-size:16px; font-weight:bold; color:#FFF; opacity:1; filter:alpha(opacity=100); margin:0; padding:0;}

#hot-des1 h2{font-size:15px; color:#FFF; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ margin:0; padding:0;}

.news-box{float:left; width:670px; min-height:100px; margin-top:15px;}

.other-box{float:left; width:670px; min-height:100px;}

.story{border:1px solid #CCC; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:5px 0; padding-right:7px;}

.story2{ border:1px solid #CCC; min-height:100px; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:5px 0; padding:0 5px;}

.story2 h2{font-size:14px; font-weight:bold; margin:5px 0 5px 0; padding:0}

.story2 p{margin:0 0 5px 0; padding:0; line-height:17px;}

.small-thumb{padding:7px 5px 5px 7px; float:left;}

.right-thumb{padding:7px 5px 0 2px; float:left;}

.story h2{font-size:14px; font-weight:bold; margin:5px 5px 2px 5px;}

.story p{font-size:12px; line-height:18px; margin-top:3px; font-style:italic;}

.look-up{float:left; text-align:right; margin:0 30px 5px 0; overflow:hidden; width:287px; padding:5px 5px 0 3px; background:#CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.look-up-story{float:right; text-align:right; padding:0 5px 0 0; margin:0;}

#right-all{float:right; width:312px; overflow:hidden;}

#category-box{width:310px; float:right; font-size:14px; font-weight: bold; margin-bottom:10px;}

.title{background-color:#36C; padding:7px; font-size:14px; font-weight: bold; color:#FFF; overflow: hidden; margin:0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.title h3{ margin:0; font-size:14px; font-weight:bold;}

.title1{background-color:#36C; padding:7px; font-size:14px; font-weight: bold; color:#FFF; overflow: hidden; margin:0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#cat-items{margin:0; padding:5px 0 0 0;}

#cat-items li a{ width:296px; display:inline-block; list-style:none; padding:5px; background:#EAEAEA; border:1px solid #CCC; margin:3px 0 0 0; overflow:hidden;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none;}

#cat-items li a:hover{list-style:none; padding:5px; border:1px solid #999; margin:3px 0 0 0; overflow:hidden; background-color:#CCC; color:#FFF;}

.ad1{ float:right; width:308px; height:250px; margin:0 0 10px 10px; border:1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px 0; text-align:center;}

.ad2{ float:right; width:308px; height:250px; margin:10px 0 10px 10px; border:1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px 0; text-align:center;}

#related{ clear:both; width:308px; float:right;}

/*Messages*/

.Msg-Error{font-weight:bold; color:#E10000; padding:7px 10px; margin:10px 0;}

.Msg-Ok{font-weight:bold; color: #18D213; padding:7px 10px; margin:10px 0;}

/*pagination*/

#pagediv{margin-left:15px; margin-bottom:15px; margin-top:20px;}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	padding:6px 6px;
	margin-right:2px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
	position:relative;
	  
}
div.pagination a:hover, div.pagination a:active {
	background-color:#ce0100;	
}
div.pagination span.current {
	padding: 6px 6px;
	margin: 2px;
	font-weight: bold;
	background-color: #B30004;
	color: #FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	text-shadow:1px 1px 0px #b23e35;
	border:1px solid #d83526;
}
div.pagination span.disabled {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color: #B00004;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	display:inline-block;
	color: #FF9D9F;
	padding:6px 6px;
	margin-right:2px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}
  
/*================================
container ends & footer starts
=================================*/

#footer{height:50px; background-color:#36C; overflow:hidden;}

.footer-box{width:995px; overflow:hidden; margin: 10px auto;}

.footer-rite{float:right; color:#FFF;}

.footer-left{float:left; color:#FFF;}

.ft-links:link, .ft-links:visited{color:#FFF;}

.ft-links:hover{color:#ffcc00;}


/*================submit===================*/

.submit-box{width:600px; height:540px; margin:0 auto; overflow:hidden; padding:10px;}

.submit-resgiter{width:600px; height:370px; margin:0 auto; overflow:hidden; padding:10px;}

.story-box{width:750px; margin:0 auto; overflow:hidden; padding:10px;}

#story-image{margin:10px 0;}

.submit-story{width:578px; padding:20px 10px; min-height:200px; margin:5px auto;border:1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow:hidden;}

.submit-story input {width:390px; padding:7px 10px; border:1px solid #e9e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin-bottom:10px;}

.submit-story textarea {width:390px; height:200px; padding:7px 10px; border:1px solid #e9e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left;}

.submit-story label{float:left; font-weight:bold; width:150px; margin-top:7px;}

.submit-story select{width:412px;background:#EAEAEA; padding:7px 10px; border:1px solid #e9e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin-bottom:10px; text-align:center;}

.submit-story #submit-button{margin:10px 15px; float:right; background-color:#36C; padding:6px 10px; color:#FFF; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}

.submit-story #submit-button:link, .submit-story submii:visited{color:#FFF;}

.submit-story #submit-button:hover{color:#EFEFEF; margin:10px 15px; float:right; background-color:#369; padding:6px 10px; color:#FFF; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.login-box{width:400px; height:220px; margin:0 auto; overflow:hidden; padding:10px;}

.usrerlogin{width:378px; padding:20px 10px; min-height:100px; margin:5px auto;border:1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow:hidden;}

.usrerlogin label{float:left; font-weight:bold; width:120px; margin-top:7px;}

.usrerlogin input {width:220px; padding:7px 10px; border:1px solid #e9e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin-bottom:10px;}

.usrerlogin #submit-button{margin:10px 15px; float:right; background-color:#36C; padding:6px 10px; color:#FFF; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}

.usrerlogin #submit-button:hover{color:#EFEFEF; margin:10px 15px; float:right; background-color:#369; padding:6px 10px; color:#FFF; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}