@charset "utf-8";
/*
###########################################
Student Weekly
author: Mook
Reset CSS Style | 1 September 2010
###########################################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	vertical-align: baseline;
	list-style-type: none;

}

* {
	padding: 0;
	margin: 0;
	outline: none;
	list-style-type: none;
	text-decoration: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(0,0,0);
	padding-bottom: 20px;
	background: url(../img/bg_body.gif) repeat;
}

img {vertical-align: middle;}

/*
###########################################
Main Layout | 1 September 2010
author: Mook
###########################################
*/

/*Header*/

#header {
background: url(../img/bg_header.png) repeat-x top center;
width: 100%;
position: relative;}

h1.mainTitle {visibility: hidden; font-size: 0; height: 0;}

	#headercontent {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 325px;}
	
	#headercontent .logo {
	position: absolute;
	margin: 67px 0 0 -39px;
	}
	
	#headercontent .logo a {
	background: url(../img/logo.png) no-repeat;
	width: 305px;
	height: 211px;
	display: block;}
	
	#headercontent .logo span {visibility: hidden;}
	
	#headercontent form {
	width: 385px;
	height: 70px;
	position: absolute;
	background: url(../img/bg_search.png) no-repeat;
	top: 130px;
	left: 355px;}
	
	#headercontent form input.inputtext {
	width: 220px; 
	padding: 2px; 
	border: 1px solid rgb(127,157,185); 
	margin: 15px 0 0 89px;}
	
	#headercontent form ul {margin:5px 0 0 100px;}
	
	#headercontent form ul li {float:left;margin-right:10px;}
	
	#headercontent form label {font-size: 12px; color:rgb(0,0,0);padding-left:5px;}
	
	#headercontent form .submitbtn {cursor: pointer;}
	
	#headercontent #teaser {
	background: url(../img/bg_latestbook.png) no-repeat;
	width: 138px;
	height: 204px;
	position: absolute;
	right: 8px;
	top: 15px;}
	
	#headercontent #teaser img {
	margin: 38px 0 0 0;}
	
	#headercontent #teaser p {
	color: rgb(255,255,255);
	font-size: 16px;
	text-align: center;
	font-weight: bold;}
	
	/*navigation*/
	
	#headercontent #nav {
	width: 960px;
	position: absolute;
	bottom: 0;
	height: 105px;}
	
	#nav ul li {
	float: left;}
	
	#headercontent #nav ul li a {display: block; height: 105px;}
	
	#nav ul li.home a {background:url(../img/btn-home.png) no-repeat left top; width: 112px;}
	#nav ul li.entertainment a {background:url(../img/btn-entertainment.png) no-repeat  left top; width: 138px;}
	#nav ul li.education a {background:url(../img/btn-education.png) no-repeat left top; width: 102px;}
	#nav ul li.horoscope a {background:url(../img/btn-horoscope.png) no-repeat left top; width: 105px;}
	#nav ul li.happening a {background:url(../img/btn-happening.png) no-repeat left top; width: 109px;}
	#nav ul li.connect a {background:url(../img/btn-connect.png) no-repeat left top; width: 82px;}
	#nav ul li.wiredworld a {background:url(../img/btn-wired.png) no-repeat left top; width: 121px;}
	#nav ul li.comic a {background: url(../img/btn-comic.png) no-repeat left top; width: 75px;}
	#nav ul li.backissue a {background: url(../img/btn-backissue.png) no-repeat left top; width: 116px;}

	#headercontent #nav ul li a:hover, #headercontent #nav ul li a.active {background-position: 0 -15px;}
	#nav ul li span {visibility: hidden;}
	
	/*Content Area*/
	
	#wrapper {
	background: url(../img/bg_content_top.png) no-repeat left top;
	width: 960px;
	margin: -45px auto 0 auto;
	overflow: hidden;
	position: relative;
	padding: 46px 0 0 0;}
	
	#content {background: rgb(255,255,255); width: 960px; overflow: hidden;}
	
	/*navigation at footer*/
	
	#nav-btm {
	background: rgb(255,255,255) url(../img/bg_footer_btm.jpg) no-repeat 10px 0;
	width: 960px;
	height: 55px;
	margin: 0;
	clear: both;}
	
	#nav-btm ul {padding: 22px 0 0 20px;}
	#nav-btm ul li {float: left; padding: 0 22px;}
	#nav-btm ul li a {color: rgb(249,63,103); position: relative; font-size: 13px;}
	#nav-btm ul li a:hover {text-decoration: none;}
	#nav-btm ul li a:hover span, #nav-btm ul li a.active span {color: rgb(38,186,224); }
	
	/*footer*/
	
	#footer {
	background: url(../img/bg_footer.png) no-repeat left bottom; 
	width:960px; 
	height:237px;
	margin: 0 auto 35px auto;}
	
	#footer p {font-size: 13px; text-align: center; padding-top: 10px;}	
	#footer #address {color: rgb(0,0,0); padding-top: 45px;}
	
	#footer #address .sw-link {color: rgb(24,202,248);}
	#footer #address .ads-link {color: rgb(254,119,1);}
	#footer #address .webmaster-link {color: rgb(85,173,20);}
	#footer .privacy {color: rgb(0,0,0);}
	#footer a:hover {text-decoration: underline;}
	
	#content #contentdetail {
	width: 620px;
	float: left;
	margin-left: 10px;
	_display: inline;
	overflow: hidden;
	margin-bottom: 20px;
	_margin-bottom:5px;
	/margin-bottom:5px;
	}
	
	#content #aside {
	width: 300px;
	float: right;
	margin-right: 10px;
	_display: inline;}
	
	/*LatestHighlight*/
	
	#contentdetail .LatestHighlight {
	width: 606px;
	background: rgb(0,0,0);
	padding: 7px;
	margin-bottom: 20px;}
	
	#contentdetail .LatestHighlight h2 a {color: rgb(246,255,0); font-size: 30px; font-weight: bold; padding: 3px 0;}
	#contentdetail .LatestHighlight h2 a:hover {text-decoration: underline;}
	#contentdetail .LatestHighlight {color: rgb(254,254,254); font-size: 15px;}
	
	/*aside*/
	
	#aside .inhouse {width: 300px; margin-bottom: 20px;}
	.InsideOverview {
	width: 300px;
	float: left;}
	
	/*Current Issue*/
	
	.CurrentIssue {
	width: 300px;
	background: url(../img/bg_current_btm.gif) no-repeat left bottom;
	overflow: hidden;
	padding:0 0 21px 0;
	margin:0 0 10px 0;}
	
	.CurrentIssueList {background: rgb(252,42,88); overflow: hidden; width: 300px;}
	
	.CurrentIssue h2 {
	background: url(../img/bg_current_header.gif) no-repeat;
	height: 35px;
	border-bottom: 8px solid rgb(254,254,254);}
	
	.CurrentIssue h2 span, .InthisIssue h2 span, .WeRecommended h2 span {visibility: hidden;}
	
	.CurrentIssueList ul {padding:15px 0 0 15px;}
	
	.CurrentIssueList ul li {
	width: 142px;
	float: left;}
	
	.CurrentIssueList ul li h3 a{
	width: 130px;
	font-size: 14px;
	color: rgb(254,254,254);}
	
	.InsideOverview ul li h3 a:hover, .WeRecommendedList ul li h3 a:hover {text-decoration: underline;}
	
	.CurrentIssueList ul li p {
	width: 130px;
	color: rgb(0,0,0);
	font-size: 12px;
	padding-top: 2px;}
	
	.CurrentIssueList ul li p.categories {
	width: 130px;
	color: rgb(246,255,0);
	font-size: 11px;}
	
	.InsideOverview ul li p.categories a, .WeRecommendedList ul li p.categories a {text-decoration: underline; color: rgb(246,255,0);}
	.InsideOverview ul li p.categories a:hover, .WeRecommendedList ul li p.categories a:hover {text-decoration: none;}
	
	/*InthisIssue*/
	
	.InthisIssue {
	width: 300px;
	background: url(../img/bg_inthis_btm.gif) no-repeat left bottom;
	padding: 0 0 17px 0;}
	
	.InthisIssue h2 {
	background: url(../img/bg_inthis_header.gif) no-repeat;
	height: 35px;
	border-bottom: 8px solid rgb(254,254,254);}
	
	.InthisIssueList {background: rgb(85,173,20); overflow: hidden; width: 300px;}
	
	.InthisIssueList ul {padding: 8px 0 0 15px;}
	
	.InthisIssueList ul li {overflow: hidden; width: 267px; border-bottom: 1px dotted rgb(173,215,155); padding:7px 0;}
	
	.InthisIssueList ul li.last, .WeRecommendedList ul li.last {border:none;}
	
	.InthisIssueList ul li h3 a, .WeRecommendedList ul li h3 a{
	color: rgb(254,254,254);
	font-size: 14px; }
		
	.InthisIssue ul li img{
	float: left;}
	
	.InthisIssue ul li h3, .InthisIssue ul li p {width:155px; float: right;}
	
	.InthisIssue ul li p, .WeRecommendedList ul li p {font-size: 12px; color: rgb(0,0,0); padding: 2px 0;}
	
	.InthisIssue ul li p.categories {
	width: 155px;
	color: rgb(246,255,0);
	font-size: 11px;}
		
	/*WeRecommended*/
	
	.WeRecommended {
	width: 300px;
	float: right;
	background: url(../img/bg_recommended_btm.gif) no-repeat left bottom;
	padding-bottom: 22px;}
	
	.WeRecommended h2 {
	background: url(../img/bg_recommemded_header.gif) no-repeat;
	height: 35px;
	border-bottom: 8px solid rgb(254,254,254);}
	
	.WeRecommendedList {background: rgb(24,202,248); overflow: hidden; width: 300px; padding-bottom: 10px;}
	
	.WeRecommendedList ul {padding:5px 15px 0 15px;}
	.WeRecommendedList ul li {padding:10px 0; border-bottom: 1px dotted rgb(172,222,235);}
	.WeRecommendedList ul li p.categories {padding: 5px 0; color: rgb(246,255,0);}

/*
###########################################
Article Page | 2 September 2010
author: Mook
###########################################
*/

/*main sns*/

#main-sns {
float: right;
padding: 10px;
width: 138px;}

#main-sns .tweetmeme_button {
float: left;
height: 61px;
padding-top: 3px;
width: 50px;}

#main-sns .facebook-share {
float: right;
height: 61px;
padding-top: 3px;
width: 50px;}

#articleheader {
width: 445px;
padding-left: 15px;
float: left;}

#articleheader h1 {padding:20px 0 0 0; font-size: 31px; color: rgb(0,0,0); font-weight: normal;}
#articleheader p#publishdate {color: rgb(102,102,102); font-size: 11px;}
#articleheader p#publishdate a {color: rgb(255,121,1); text-decoration: underline;}

.article .entrydetail {
background: url(../img/bg_paper.gif) repeat; 
padding: 18px 10px 17px 10px;
width: 600px; 
clear: both;
overflow: hidden;}

.article .entrydetail table tbody tr td {vertical-align:top; padding-left: 5px;}

.article .entrydetail .articlephoto-center {text-align: center; padding: 0 0 9px; margin-top: -9px;}
.article .entrydetail .articlephoto-center img,
.article .entrydetail .articlephoto-left img,
.article .entrydetail .articlephoto-right img {border:2px solid rgb(0,0,0);}
.article .entrydetail .articlephoto-center em {font-style: italic; line-height: 18px; padding: 5px 0 9px 0; display: block;  font-weight: bold;}
.article .entrydetail .articlephoto-left {float: left; margin-right: 10px; padding:0 0 9px 0; width: 310px;}
.article .entrydetail .articlephoto-left em, .article .entrydetail .articlephoto-right em{font-style: italic; line-height: 18px; display: block; font-weight: bold; width: 310px; text-align: center;padding: 12px 0 0 0;}
.article .entrydetail .articlephoto-right {float: right; margin-left: 10px; padding:0 0 9px 0;}
.article .entrydetail p {font-size: 12px; color: rgb(0,0,0); line-height: 18px; padding:0 0 18px 0;}
.article .entrydetail h2 {
line-height: 18px;
font-size: 14px;
font-weight: bold;
color: rgb(255,121,1);}


.article .entrydetail .introduction {font-size: 12px; color: rgb(0,0,0); line-height: 18px; padding:0;}
.article .entrydetail ol,.article .entrydetail ul {padding-bottom: 18px;}
.article .entrydetail ol li {list-style: decimal inside none; font-size: 12px; color: rgb(0,0,0); line-height:18px;}
.article .entrydetail ul li {list-style: disc inside none; font-size: 12px; color: rgb(0,0,0); line-height: 18px;}
/*Tooltipbox*/

.entrydetail .tooltipleft {border:1px dashed rgb(153,153,153); width: 195px; float: left; margin:0 10px 9px 0;}
.entrydetail .tooltipright {border:1px dashed rgb(153,153,153); width: 195px; float: right; margin :0 0 9px 10px;}

.entrydetail .tooltipdetail {
background: rgb(88,218,255); 
width: 175px; 
margin: 5px auto; 
padding: 5px 5px 25px 5px; 
font-size: 13px;}

.entrydetail .tooltipdetail h3 {background: url(../img/bg_tooltip_header.gif) no-repeat; width: 170px; height: 45px;}
.entrydetail .tooltipdetail h3 span, .vocabulary h3 span {visibility: hidden;}

/*Vocabulary*/
.vocabulary {
border:1px dashed rgb(153,153,153); 
width: 540px; 
margin:0 auto 9px auto;}

.vocabulary h3 {background: url(../img/bg_vocab_header.gif) no-repeat; width: 505px; height: 45px;}

.vocabularydetail {
width: 520px; 
margin: 5px;
padding: 5px 5px 18px 5px; 
background: rgb(250,149,68); }
/*.article .vocabulary .vocabularydetail ul {padding: 0 5px;}*/
.article .vocabulary .vocabularydetail ul li {list-style: none; margin: 0 5px; display: block;}

/*
###########################################
Category Page | 3 September 2010
author: Mook
###########################################
*/

#categorylistdetail{
background: url(../img/bg_paper.gif) repeat; 
padding: 18px 10px 17px 10px;
width: 600px; 
clear: both;
overflow: hidden;}

#categorylist h1 {
width: 609px;
height: 42px;
padding: 38px 0 0 15px;
position: relative;}

#categorylist h1 span {
font-size: 22px;
position: absolute;
top: 37px;}

#categorylist h1 .shadow {
font-size: 22px;
left:13px;}

.subcategory ul li .figure {float: left;}

.subcategory ul li {overflow: hidden; vertical-align:top; padding-bottom: 15px; clear:both; width: 600px;}

.subcategory ul li .detail {
float: right;
width: 380px;}

.subcategory ul li .detail h3 a{
font-size: 13px;
line-height: 18px;}

.subcategory ul li .detail h3 a:hover {text-decoration: underline;}

.subcategory h2 {
font-size: 18px;
line-height: 18px;
padding:0 0 18px 27px;
background: url(../img/ico-categorylist.gif) no-repeat 0 2px;}

.subcategory p {
font-size: 12px;
color: rgb(0,0,0);
line-height: 18px;
margin-bottom: 3px;}

/*CSS for control prefix in each category*/
/*education*/
.education h1 {background: url(../img/bg_education.jpg) no-repeat;}
.education h1 span {color: rgb(255,255,255);}
.education h1 .shadow {color: rgb(32,143,171);}
.education .subcategory ul li .detail h3 a {color: rgb(6,175,219);}
.education .subcategory ul li .figure {border: 2px solid rgb(6,175,219);}

/*CSS for control prefix in each category*/
/*comics*/
.comiccategory h1 {background: url(../img/bg_comic_header.jpg) no-repeat;}
.comiccategory h1 span {color: rgb(255,255,255);}
.comiccategory h1 .shadow {color: rgb(23,132,160);}
.comiccategory .subcategory ul li .detail h3 a {color: rgb(6,175,219);}
.comiccategory .subcategory ul li .figure {border: 2px solid rgb(24,202,248);}

/*CSS for control prefix in each category*/
/*wiredworld*/
.wiredworld h1 {background: url(../img/bg_wiredworld.jpg) no-repeat;}
.wiredworld h1 span {color: rgb(255,255,255);}
.wiredworld h1 .shadow {color: rgb(111,11,41);}
.wiredworld .subcategory ul li .detail h3 a {color: rgb(252,42,89);}
.wiredworld .subcategory ul li .figure {border: 2px solid rgb(252,42,89);}

/*CSS for control prefix in each category*/
/*connect*/
.connect h1 {background: url(../img/bg_connect.jpg) no-repeat;}
.connect h1 span {color: rgb(255,255,255);}
.connect h1 .shadow {color: rgb(13,96,42);}
.connect .subcategory ul li .detail h3 a {color: rgb(86,172,19);}
.connect .subcategory ul li .figure {border: 2px solid rgb(86,172,19);}

/*CSS for control prefix in each category*/
/*entertainment*/
.entertainment h1 {background: url(../img/bg_entertainment.jpg) no-repeat;}
.entertainment h1 span {color: rgb(255,255,255);}
.entertainment h1 .shadow {color: rgb(183,183,8);}
.entertainment .subcategory ul li .detail h3 a {color: rgb(197,197,2);}
.entertainment .subcategory ul li .figure {border: 2px solid rgb(197,197,2);}

/*CSS for control prefix in each category*/
/*horoscope*/
.horoscope h1 {background: url(../img/bg_horoscope.jpg) no-repeat;}
.horoscope h1 span {color: rgb(255,255,255);}
.horoscope h1 .shadow {color: rgb(131,30,95);}
.horoscope .subcategory ul li .detail h3 a {color: rgb(204,51,153);}
.horoscope .subcategory ul li .figure {border: 2px solid rgb(204,51,153);}

/*CSS for control prefix in each category*/
/*Happenings*/
.happening h1 {background: url(../img/bg_happening.jpg) no-repeat;}
.happening h1 span {color: rgb(255,255,255);}
.happening h1 .shadow {color: rgb(209,76,1);}
.happening .subcategory ul li .detail h3 a {color: rgb(255,120,3);}
.happening .subcategory ul li .figure {border: 2px solid rgb(255,120,3);}
/*
###########################################
Back Issue | 6 September 2010
author: Mook
###########################################
*/

#backissuedetail{
background: url(../img/bg_paper.gif) repeat; 
padding: 18px 10px 17px 10px;
width: 600px; 
clear: both;
overflow: hidden;}

#backissue h1 {
width: 609px;
height: 48px;
padding: 32px 0 0 15px;
color: rgb(255,255,255);
background: url(../img/bg_backissue_header.jpg) no-repeat;
position: relative;}

#backissue h1 span {
font-size: 22px;
position: absolute;}

#backissue h1 .shadow {
font-size: 22px;
left: 13px;
color: rgb(135,41,101);}

#backissue h1 .shadow em {color: rgb(135,41,101);}

#backissue h1 em {font-size: 30px; color: rgb(246,255,0);}

#backissue h1 .highlight { color: rgb(246,255,0);}

/*Monthly issue*/
#backissue h2 {
font-size: 18px;
line-height: 18px;
padding:0 0 18px 27px;
background: url(../img/ico-categorylist.gif) no-repeat 0 2px;
margin-left: 10px;}

.monthlyissue {overflow:hidden;}

.monthlyissue ul li {
width: 100px;
margin: 0 8px;
float: left;
_display:inline;
vertical-align: middle;}

.monthlyissue ul li img {
border: 2px solid rgb(0,0,0);}

.monthlyissue ul li p {text-align: center; width: 100px; padding: 9px 0 19px 0; line-height: 18px;}

.monthlyissue ul li p a {
color: rgb(234,40,164); 
font-size: 13px; 
font-weight: bold; }

.monthlyissue ul li p a:hover,#BackissuePagination ul li a:hover {text-decoration: underline;}

/*Pagination*/
#BackissuePagination {
background: rgb(249,229,161);
overflow: hidden;
width: 580px;
padding:10px 20px;
margin-bottom: 30px;}

#BackissuePagination ul li {width: 47px; float: left;}

#BackissuePagination ul li a {font-size: 15px; color: rgb(0,0,0); font-weight: bold;}

/*
###########################################
Contact Us | 7 September 2010
author: Mook
###########################################
*/
#contactus {
background: url(../img/bg_contact.jpg) no-repeat;
width: 696px;
height: 235px;
margin: 0 auto;
font-size: 12px;
padding: 55px 0 0 70px;
line-height: 20px; }

#contactus h1 {font-size: 18px; font-weight: bold; padding-bottom: 5px;}

#contactus ul {line-height: 18px; padding-bottom: 15px;}


/*	ADVERTISEMENT:
	......................................................................... */

		/*	=define for #loginBox
			................................................................. */
				/*#headercontent #leaderAd {
	float: left;
	height: 90px;
	margin: 2px 0 0 10px;
	overflow: hidden;
	position: absolute;
	width: 728px;
	top: 18px;
	z-index: 999;}*/
			#leaderAd{
			top: 18px;
			margin: 2px 0 0 10px;}
				
			
			.leaderAd { 
			float: left;
			height: 90px;
			overflow: hidden;
			position: absolute;
			width: 728px;
			z-index: 50;
			}
			
			.leaderAdExpand {
				width: 728px;
				height: 300px;
				float: left;
				position: absolute;
				z-index: 50;
			}
			
	
		/*	=define for .panelBar-BoomBoxAds
			................................................................. */
			
			.boombox {
				width: 300px;
				height: 250px;
				margin-bottom: 20px;
				position: relative;
			}
			
			.boombox .normalStage {
				width: 300px;
				height: 250px;
				position: absolute;
				left: 0;
				top: 0;
				direction: rtl;
				clip: rect(0,300px,250px,0);
				overflow: hidden;
				z-index: 50;
			}
				
			.boombox .expandStage {
				width: 600px;
				height: 250px;
				position: absolute;
				left: -300px;
				top: 0;
				direction: rtl;
				clip: rect(0,600px,250px,0);
				overflow: hidden;
				z-index: 50;
			}
			
			.boombox .expandStage * {margin: 0 !important;}

/****** Landing Page *****/

.landingPage #content #contentdetail { width: 940px;}
.top-panel { background: url(../img/bg-landingPage.jpg) repeat; width: auto; height: auto;}
.top-panel div { width: 940px; margin: 0 auto; padding: 35px 0; overflow: hidden;}
.top-panel div p { overflow: hidden; float: left; width: 334px; height: 388px; margin: 0 50px 0 100px;}
.top-panel div p a { margin: 0; padding: 0;}
.top-panel div h1 { float: left; background: url(../img/SW-toppanel.png) no-repeat; width: 348px; height: 215px; margin: 0 95px 0 0;}
.top-panel div p.intro { float: left; width: 380px; margin: 15px 50px 20px 10px; color: #13204c; font-size: 15px; overflow: visible; height: 88px;}
.top-panel div h1 span { visibility: hidden;}
.top-panel div a { margin-right: 10px; padding-left: 10px;}

.bottom-panel { background: #ff9308; width: auto; height: auto; padding: 0 20px;}
.bottom-panel div { width: 905px; margin: 0 auto; padding: 15px 0 25px; overflow: hidden;}
.bottom-panel div h2 { background: url(../img/bg-back-issues-header.jpg) no-repeat; width: 153px; height: 41px; margin: 0 0 20px;}
.bottom-panel div h2 span { visibility: hidden;}
.bottom-panel div ul { overflow: hidden; margin-bottom: 25px; padding-left: 15px;}
.bottom-panel div ul li { float: left; width: 191px; margin: 0 36px 0 0; list-style: none;}
.bottom-panel div ul li.last { margin-right: 0;}
.bottom-panel div p.white { color: #FFF; font-size: 24px; font-weight: bold; line-height: 36px; text-align: center; margin-bottom: 35px; width: 905px;}
.bottom-panel div p.white span.red { color: #f22e4d; font-size: 36px; display: inline; font-weight: bold;}
.bottom-panel div p.white span { font-size: 18px; font-weight: normal; display: block;}
.bottom-panel div p { color: #2e3652; margin-bottom: 40px; font-size: 15px; width: 790px;}
.bottom-panel div h3 { font-size: 24px; color: #2e3652; margin-bottom: 10px; height: 58px; line-height: 58px; text-align: center;}
.bottom-panel div h3 span { background: url(../img/bg-blue-circle.png) no-repeat; color: #fff; height: 58px; width: 59px; display: inline-block;}

.footer { border-top: 1px solid #fcaa59; padding: 5px 20px; width: auto; height: auto; background: #ff9308;}
.footer div { width: 920px; margin: 0 auto; padding: 15px 0; overflow: hidden; }
.footer div a { margin-right: 15px; height: 36px; width: 36px; float: left; display: block; margin-bottom: 8px;}
.footer div p { color: #fedfb7; font-size: 13px; float: left; width: 510px; clear: both; line-height: 20px;}
.footer div p.brought-by { float: right; width: 250px; clear: none;}
.footer div p.brought-by a { width: 119px; height: 23px; display: block; float: right;}