/*

Theme Name: Credit Mag

Theme URI: http://themesjunction.com

Description: A high quality magzine wordpress theme

Version: 1.0

Author: Themes Junction

Author URI: http://themesjunction.com 

*/



/*------TJ-------*/	

/*     Global    */

/*---------------*/



body {

	margin: 0;

	background: #EFEFEF url("images/bg.gif") repeat-y top;

}



h1, h2, h3, h4 {

	margin: 0;

}



a {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}



/*------TJ-------*/	

/*    The Wrap   */

/*---------------*/



#wrap {

	width: 1004px;	

	margin: 0 auto;

	padding:0px;

	background: #EFEFEF url("images/bg.gif") repeat-y top;

}



#content-container {

	width: 1004px;

	background: url("images/header.jpg") no-repeat top;	

	margin: 0 auto;

	padding:0px;

}



#contents {

	width: 935px;

	padding: 0 22px 0 35px;

	margin-top:2px;

}



#page-bottom {

	width: 1004px;

	background: url("images/page_bottom.gif") no-repeat bottom;

}





/*------TJ-------*/	

/*   The Header  */

/*---------------*/



#header {

	width: 1004px;

	height: 250px;

	position: relative;

}



#header-title {

	position: absolute;

	text-transform: uppercase;

	right: 70px;

	top: 20px;	

}

#header-title h1 {

	color: #ffffff;

	font:36px "Century Gothic", Arial;

	font-weight:bold;

	margin-bottom: 2px;

}

#header-title h1 a {

	color: #FFD949;

	text-decoration: none;

}

.header-subtitle {

	color: #ffffff;

	font:12px Arial;

}





#rss {

	position: relative;

	padding-left:50px;

	height: 50px;

	font: bold 12px tahoma;

	color: #a2a2a2;

	line-height:45px;

	background: url("images/icon_rss.gif") no-repeat;

}



#rss a {

	color: #a2a2a2;

}



/*------TJ-------*/		

/*   Top Menu    */

/*---------------*/

	

#navlist {

	position: absolute;

	top: 211px;

	left: 30px;

	height: 28px;

}



#navlist ul {

	list-style-type: none;

	height: 28px;

	padding: 0;

	margin: 0;

}



#navlist ul li {

	font: bold 12px tahoma;

	color: #aaaaaa;

	margin: 0 0 0 2px;

	height: 28px;

	float: left;



}



#navlist ul li a {

	display: block;

	text-decoration: none;

	padding: 14px 14px;

	height:11px;

	color: #666666;	

	background:url("images/ctg_divider.gif") no-repeat right;

}



#navlist ul li:hover {

		

}

	

#navlist ul li a:hover {

		color: #F85703;

		

}



#navlist ul li.current_page_item {

		color: #F85703;

		

}

	

#navlist ul li.current_page_item a {

		color: #F85703;

		

}



/*------TJ-------*/		

/*  Search Area  */

/*---------------*/

	

#menu_search_box {

	position: absolute;

	top: 168px;

	left: 730px;

	width: 200px;

	height: 20px;

}



#menu_search_box #searchform {

	margin: 0;

	padding: 0;

	width: 200px;

	height: 27px;

}



#menu_search_box #s {

	font: 10px tahoma;

	color: #666666;

	border: 0;

	padding: 3px 10px 0 10px;		

	background: none;

	float: left;

	width: 200px;

	height: 18px;

}



#menu_search_box #submit {

	display: none;

}

	



/*------TJ-------*/		

/*    Top Post   */

/*---------------*/





#contents .top_post {

	float: left;

	padding:0;

	margin: 0 0 10px 0;

	width: 560px;

}





.post_title {

	width: 560px;

	color: #848484;

	height:120px;

	font: 10px Arial;

	background:url("images/top_post_top.gif") repeat-x top left;

}



.post_title h2 {

	color: #cfcfcf;

	font: 18px Arial;

	padding:5px;

	margin-left:7px;

	width:520px;

	

}



.post_title h2 a {

	color: #F85703;

	text-decoration: none;

}



.post_title h2 a:hover {

	text-decoration: underline;

}



.post_title a {

	color: #848484;

	text-decoration: none;

}



.post_title a:hover {

	text-decoration: underline;

}



.meta_inf {

	width: 530px;

	height: 22px;

}

.meta_inf a{

color:#F85703;

}	

.headline {

	float: left;

	padding-left: 5px;

	color:#DF4506;

}

.headline_date {

	float: right;

	padding-right: 0px;

	color:#aaaaaa;

	font:14px arial;

}

.meta_date {

	float: left;

	padding-left: 0px;

	color:#aaaaaa;

	font:10px arial;

	line-height:22px;

	clear:both;

}

.meta_comments {

	float: right;

	font:10px arial;

	padding-left: 16px;

	height:22px;

	line-height:22px;

}

#content .read_more {

	float: right;

	font:10px arial;

	padding-left: 26px;

	width:80px;

	text-align:right;

	height:22px;

	line-height:22px;

	color:#999999;

	background:url("images/more.gif") no-repeat right top;

}

#content  .read_more a {

	color:#999999;

	text-decoration:none;

}

.top_titles a{

	color: #DF4506;

	text-decoration: none;

	font: bold 18px arial;

}

	

.top_entry {

	text-align:justify;

	color: #808080;

	width: 520px;

	padding: 1px 10px 0 12px;

	clear:both;

	font: 12px Arial;

	margin-top:-70px;

	overflow: hidden;

}



.top_entry blockquote {

	border-left: 7px solid #efefef;

	font-style:italic;

	padding:0 0 0 15px;

	margin: 0px 15px;

}



.top_entry a {

	color: #DF4506;

	text-decoration: none;

}



.top_entry a:hover {

	text-decoration: underline;

}



.top_entry img {

	padding: 3px;

	border: 1px solid #FFE2B8;

}



.post_bottom {

	width: 560px;

	padding-top: 14px;

	line-height: 22px;

	height: 30px;

	font: 11px Arial;

	color: #cccccc;	

}



.post_cat {

	padding-left: 14px;

	line-height: 22px;

	font: 11px Arial;

	color: #cccccc;	

}



.post_cat a {

	color: #F85703;

}



/*------TJ-------*/		

/*   Mag Posts   */

/*---------------*/



#content {

	float: left;

	width: 560px;

	overflow: hidden;

}



#content .mag_posts {

	float: left;

	width: 270px;

	padding-left:10px;

	margin-bottom:10px;

	color: #858585;

	font: 11px Arial;

	

}



#content .mag_posts a {

	color: #F85703;

}



#content .top_mag_posts {

	width: 270px;

	background: url("images/post_mag_top.gif") no-repeat;

}



#content .bottom_mag_posts {

	width: 260px;

	padding-top: 7px;

	padding-bottom: 4px;

	border-bottom:1px dotted #666666;

}



#content .mag_posts h2 {

	padding:0;

	padding-right:12px;

	color: #222222;

	font: bold 14px verdana;

	height:30px;

	margin:0;

	text-align:right;

	

}



#content .mag_posts h2 a {

	color: #222222;

}



#content .top_mag_titles a{

	color: #F85703;

	text-decoration: none;

	font: bold 12px tahoma;

}

#content .mag_posts .mag_posts_entry {

	padding: 0px;

	margin:0;

	width: 260px;

	height: 192px;

	text-align:justify;

	overflow: hidden;

}



#content .mag_posts .mag_posts_meta {

	margin: 0 9px 0 6px;

	width:250px;

	height: 22px;

	overflow:hidden;

}



/*------TJ-------*/		

/*  Pages Posts  */

/*---------------*/



#content .post {

	float: left;

	width: 560px;

	margin-bottom: 10px;

	

}



#content .post-top {

	width: 560px;

	color: #DF4506;

	height:120px;

	font: 10px Arial;

	background:url("images/top_post_top.gif") repeat-x top left;

}

#content .post-bottom {

	width: 560px;

	padding-top: 14px;

	line-height: 22px;

	height: 30px;

	font: 11px Arial;

	color: #cccccc;

}

#content .post-top a {

	color: #DF4506;

	text-decoration: none;

}



#content .post-top a:hover {

	text-decoration: underline;

}



#content .post-top h2 {

	color: #F85703;

	font: 20px Arial;

	padding:5px;

}



#content .post-top h2 a {

	color: #DF4506;

	text-decoration: none;

}



#content .post-top h2 a:hover {

	text-decoration: underline;

}



#content .meta_inf {

	width: 530px;

	height: 22px;

}



#content .post .post_ctg {

	width: 560px;

	padding-left: 14px;

	line-height: 22px;

	height: 22px;

	font: 11px Arial;

	color: #999999;

}



#content .post .post_ctg a {

	color: #F85703;

}



#content .post-entry {

	font: 12px Arial;

	color: #909090;			

	width: 550px;

	padding: 0 10px 0 10px;

	text-align:justify;

	margin-top:-70px;

}



#content .post-entry a {

	color: #DF4506;

	text-decoration: none;

}



#content .post .post-entry a:hover {

	text-decoration: underline;

}



#content .post .post-entry blockquote {

	border-left: 6px solid #999999;

	margin: 0px 20px;

	padding-left: 10px;

	font-style:italic;

}



#content .post .post-entry img {

	padding: 5px;

	border: 0px;

}







#content .post h3 {

	margin: 20px 0 5px 0;

	color: #F85703;

	font: 18px Verdana;

}



#comment {

	background:#ffffff;

	width:500px;

	border:1px solid #606060;

}

#commentform input{

	border:1px solid #606060;

	background:#ffffff;

}

#commentform #submit{

	border:1px solid #909090;

	border-style:outset;

	background:#cccccc;

	color:#F85703;

}

		

#content .post .comments {

	font: 11px Arial;

	color: #969696;

	width: 600px;

}



#content .post .comments ol {

	margin: 10px 0;

	padding-left: 25px;

}



#content .post .comments ol li {

	padding: 5px;

}



#content .post .comments ol li a {

	color: #DF4506;

	text-decoration: none;

}



#content .post .comments ol li a:hover {

	text-decoration: underline;

}



#content .post .comments ol li.alt {

	background: #eeeeee;

}



#content .post .comments ol li cite {

	color: #606060;

	font-style: normal;

	font-weight: bold;

}



#content .post .comments ol li cite a {

	color: #606060;

	text-decoration: none;

}



#content .post .comments ol li cite a:hover {

	text-decoration: underline;

}



#content .post .comments ol li .commentmetadata a {

	color: #aaaaaa;

	text-decoration: none;

}



#content .post .comments ol li .commentmetadata a:hover {

	text-decoration: underline;

}



#content .post #commentform {

	font: 11px Arial;

	color: #909090;

	width: 548px;

	padding-left: 25px;

	margin: 0;

}



#content .post #commentform a {

	color: #DF4506;

	text-decoration: none;

}



#content .post #commentform a:hover {

	text-decoration: underline;

}



/*------TJ-------*/		

/*   About Box   */

/*---------------*/

	

#about_box {

	float: left;

	width: 345px;

	margin-left:13px;

	padding:0 10px 0 10px;

	height:270px;

	margin-top:0px;

	text-align:justify;

	font:12px arial;

	color:#a3a3a3;

	overflow:hidden;

	background: url("images/box_about.gif") no-repeat top left;

}



#about_box h3 {

	margin:5px 0px;

	color:#FF9900;

	font:bold 14px arial;

	padding:0;

}



#about_box img{

float:right;

padding:0px;

margin:25px 0 0 10px;

border:1px solid #999999;

}



#about_box a{

color:#FF9900;

text-decoration:none;

}

/*------TJ-------*/		

/*  Top Advert   */

/*---------------*/

	

.topads {

	position:absolute;

	width: 975px;

	top:250px;

	left:25px;

	padding:0;

	height:200px;

}



.topads_ad {

	margin:0 7px 10px 0px;

	float:left;

	padding:0;

	border:1px solid #666666;

}



/*------TJ-------*/		

/*  Ads Spaces   */

/*---------------*/

	

.rightads {

	float: left;

	width: 180px;

	margin-left:0px;

	margin-bottom: 10px;

	margin-top:0px;

	padding:0;

}

.rightads_container{

padding-left:30px;

padding-top:10px;

}

.rightads_ad {

	margin:0 0 10px 0px;

	padding:0;

}





/*------TJ-------*/		

/*   Side bar    */

/*---------------*/

	

#sidebar {

	float: left;

	width: 195px;

	font: 11px Arial;

	color: #7D7D7D;

	margin-top:0px;

}

	

.sidebar_container {

	width: 185px;

	margin-bottom: 20px;

}



#sidebar h2 {

	width: 165px;

	height: 22px;

	padding-left: 30px;

	padding-top:5px;

	margin-bottom: 2px;

	font: bold 14px tahoma;

	color: #333333;

	font-variant:small-caps;

	background: url("images/sidebar_title.gif") no-repeat top left;

}



#sidebar a {

	color: #7D7D7D;

	text-decoration: none;

}



#sidebar a:hover {

	text-decoration: underline;

}



#sidebar ul {

	margin: 0;

	padding: 0 15px;

    list-style-image: url("images/bullet.gif");

}

#sidebar ul li {

	color: #656565;

	font: 12px Arial;

    font-weight: bold
}

#sidebar ul li li {

	color: #656565;

	font: 12px Arial;
	margin: 0 15px;


}







#sidebar ul li a {

	color: #7D7D7D;

	text-decoration: none;

 	height:15px;

	margin:0;

	display: block;
	border-bottom:1px dashed #cccccc;
}



#sidebar ul li a:hover {

	text-decoration: none;

	height:15px;

	color:#FF6600;

}





#sidebar ul li ul {

	margin: 0;

	padding: 0;

}




#sidebar #searchform {

	margin: 0;

	padding: 10px 0;

	width: 172px;

	text-align: center;

}



#sidebar #searchform #s {

	width: 130px;

}



#sidebar #calendar_wrap {

	width: 130px;

	margin: 0 auto;

	padding-top: 5px;

	padding-left:0;

}



#sidebar #calendar_wrap table {

	width: 130px;

}

#sidebar #calendar_wrap a {

	color:#FF9900;

}

#sidebar #calendar_wrap caption {

	margin: 0 auto;

	font-weight: bold;

}



#sidebar #calendar_wrap tbody {

	text-align: right;

}



#sidebar #calendar_wrap tfoot #next {

	text-align: right;

}



#sidebar #calendar_wrap #today {

	font-weight: bold;

}



#sidebar .textwidget {

	padding: 0 5px;

}



.sidebar_bottom {

	margin: 0px;

	padding: 0px;

	clear:both;

	height: 1px;

	width: 180px;

	display:block;

	position:relative;

}



/*------TJ-------*/		

/*  Recent Data  */

/*---------------*/

	

#recent_data {

	width: 570px;

	background: url("images/recent_bg.gif") repeat-y;

	margin-bottom: 15px;

	display:block;

	position:relative;

}



#recent_data_top {

	width: 570px;

	background: url("images/recent_top.gif") no-repeat;

}



#recent_data_bottom {

	width: 570px;

	padding: 0 0 10px 0px;

	background: url("images/recent_bottom.gif") no-repeat left bottom;

	overflow: hidden;

}





.recent_data_container {

	width: 270px;

	float: left;

	padding-left:10px;

}



.recent_data_container h3 {

	color: #F85703;

	padding: 7px 10px 10px 14px;;

	font: bold 12px tahoma;

	line-height:20px;

	background:url("images/recent_bullet.gif") no-repeat left;

}



.recent_data_container ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



.recent_data_container ul li {

	color: #ffffff;

	font:14px tahoma;

	height:35px;

	overflow:hidden;

	width:250px;

	border-bottom: 1px dotted #666666;

}



.recent_data_container ul li a {

	color: #999999;

	text-decoration: none;

	display: block;

	padding: 0px;

}



.recent_data_container ul li a:hover {

	text-decoration: none;

	background-color: #fefefe;

}



.recent_data_container ul li a span {

	color: #666666;

	font:  10px Arial, Verdana, Sans-Serif;

	display: block;

	margin-bottom: 4px;

}



.recent_data_container ul li ul {

	display: none;

}





/*------TJ-------*/		

/*  Navigations  */

/*---------------*/



.navigation {

	font: 12px Arial;

	color: #DF4506;

	width: 530px;

	margin-left:10px;

}



.navigation a {

	color: #DF4506;

	text-decoration: none;

}



.navigation a:hover {

	text-decoration: underline;

}



.navigation-p {

	float: left;

}

	

.navigation-n {

	float: right;

}



/*------TJ-------*/		

/*  Footer Links */

/*---------------*/



#footer {

	width: 934px;

	height: 60px;

	padding: 0;

	color: #999999;

	padding-top:30px;

	text-align:center;

	font: 11px Arial;

	clear:both;

}



#footer a {

	color: #DF8F4D;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: none;

}