/*Theme Name: CleanMagAuthor: Wordpress Themes Hong KongAuthor URI: http://www.wordpressthemes.hk/Description: Clean magazine style  fully loaded with theme options which includes font styles and sizes customization, banner management, adsense integration, footer links options and plus a lot more. *//** Coded by WP Theme Reloaded (http://www.wpthemereloaded.com) **/* {	margin: 0; padding: 0;}body {	text-align: center;	font: 12px Verdana;	color: #000000;	background: url(images/) repeat-x 0 0;}a {	color: #999999;}a:hover {	text-decoration: none;	color: #333333;}img {	border: 0;}.break {	font-size: 0;	width: 0; height: 0;	clear: both;}.alignleft {	float: left;	margin: 4px 10px 5px 0;}.alignright {	float: right;	margin: 4px 0 5px 10px;}.aligncenter {	text-align: center;}.padding5 {	padding:5px;}.padding10 {	padding:10px;}.half {	width: 48%;}.hidden {	display: none;}/** BEGIN wrapper **/#wrapper {	width: 970px;	margin: auto auto;	text-align: left;}/** END wrapper **//** BEGIN header **/#header {	height: 200px;	padding: 0 8px;}	#header ul {		list-style-type: none;		clear: both;	}		#header ul li {			float: left;		}	#header .pages {		float: left;	}		#header .pages li {			font-weight: bold;			font-size: 0.9em;			text-transform: uppercase;		}		#header .pages li a {			color: #ffffff;			text-decoration: none;			display: block;			padding: 8px 10px;		}		#header .pages li a:hover {			text-decoration: underline;		}	#header .links {		float: right;		color: #ffffff;		font-size: 0.9em;		background: url(images/rss.gif) no-repeat 0 6px;		padding: 8px 0 8px 18px;	}		#header .links a {			color: #ffffff;			text-decoration: none;			margin: 0 5px;		}		#header .links a:hover {			text-decoration: underline;		}	#header h1 {		float: left;		padding: 35px 0 40px;		clear: both;	}		#header h1 a {			display: block;			outline: none;			text-indent: -9999px;			background: url(images/logo.png) no-repeat 0 0;			width: 200px; height: 153px;		}	#header .ad {		float: right;		padding-top: 30px;	}	#header .categories {		overflow: hidden;		width: 100%;	}		#header .categories li {			font-family: Arial;			font-size: 0.9em;			text-transform: uppercase;			padding-left: 1px;			background: url(images/divider.gif) no-repeat 0 15px;			margin-left: -1px;		}		#header .categories li a {			color: #333333;			text-decoration: none;			display: block;			padding: 13px 10px 12px;		}		#header .categories li a:hover {			text-decoration: underline;		}/** END header **//** BEGIN body **/#body {	padding: 10px 0;}/** END body **//** BEGIN content **/#content {	clear: both;	width: 676px;	float: left;	background: url(images/contentbody.gif) repeat-y 0 0;	font-family: Arial;}	#content .head { background: url(images/contenthead.gif) no-repeat 0 0; }	#content .foot { 		background: url(images/contentfoot.gif) no-repeat 0 bottom;		padding: 25px 8px;	}	#content .atitle {		float: left;		font-size: 0.9em;		text-transform: uppercase;		color: #ffffff;		background-color: #212121;		padding: 5px 8px;		font-weight: normal;		margin: 10px 30px;	}	#content .featured {		padding: 5px 30px 10px;	}		#content .featured h2.title {			float: left;			font-size: 0.9em;			text-transform: uppercase;			color: #ffffff;			background-color: #212121;			padding: 5px 8px;			font-weight: normal;			margin-bottom: 10px;		}		#content .featured .thumb {			width: 590px; height: 315px;			padding: 5px;			border: 1px solid #E9E9E9;			background-color: #F2F2F1;			clear: both;		}			#content .featured .b {				width: 589px; height: 315px;				overflow: hidden;				position: relative;			}			#content .featured .photo {				list-style-type: none;			}				#content .photo li {					position: absolute;					top: 0; left: 0;					z-index: 0;				}				#content .photo li.first {					z-index: 2;				}				#content .photo li img {					width: 589px;				}			#content .featured .text {				list-style-type: none;			}				#content .featured .text li {					width: 230px; height: 285px;					position: absolute;					top: 0; right: -270px;					padding: 15px;					color: #ffffff;					font-family: Verdana;					background: url(images/shade.png) repeat 0 0;					z-index: 4;				}				#content .featured .text li.first {					right: 0;				}					#content .featured .text h2 {						font-size: 1.6em;						margin-bottom: 15px;					}					#content .featured .text p {						line-height: 1.6em;						margin-bottom: 15px;					}					#content .featured .text a {						color: #ffffff;						text-decoration: none;					}					#content .featured .text .readmore {						font-size: 0.9em;						font-weight: bold;						text-transform: uppercase;					}	#content .post {		clear: both;		border-top: 1px solid #E9E9E9;		margin: 0 30px;	}	#content .first {		border-top: 0;	}		#content .post .l {			float: left;			width: 140px;			padding: 15px 0;		}			#content .post img {				width: 134px; height: 134px;				border: 1px solid #e9e9e9;				background-color: #F2F2F1;				padding: 5px;			}		#content .post .r {			float: right;			width: 430px;			padding: 15px 0;		}			#content .post h2 {				font-weight: normal;				font-size: 1.8em;				margin-bottom: 15px;			}				#content .post h2 a {					text-decoration: none;					color: #191919;				}			#content .post p {				line-height: 1.6em;				margin-bottom: 15px;			}			#content .details {				float: left;				font-size: 0.85em;				text-transform: uppercase;				margin-bottom: 0 !important;			}				#content .details a {					text-decoration: none;					color: #191919;					margin: 0 5px;				}				#content .details a:hover {					text-decoration: underline;				}			#content .comments {				float: right;				margin-bottom: 0 !important;				padding-bottom: 6px;				background: url(images/comments.gif) no-repeat right bottom;			}				#content .comments a {					display: block;					color: #ffffff;					font-family: Verdana;					font-size: 0.9em;					text-decoration: none;					padding: 2px 6px;					background-color: #212121;				}					#content .postnav {		clear: both;		float: right;		padding: 0 20px;	}		#content .postnav ul {			list-style-type: none;		}			#content .postnav ul li {				float: left;				padding: 0 4px;				font-family: Arial;			}			#content .postnav ul li a {				display: block;				padding: 4px 8px;				border: 1px solid #E1E1E1;				text-decoration: none;				color: #4F4F4F;			}			#content .postnav ul li a:hover {				border-color: #ffffff;			}	#wp_page_numbers ul {		border-top: 0 !important;	}	#wp_page_numbers .page_info {		padding: 4px 8px !important;		border: 1px solid #E1E1E1 !important;		margin-right: 2px;	}	#wp_page_numbers .active_page a {		border-color: #ffffff !important;		background-color: #ffffff !important;	}	#content .single {		padding: 10px 30px;	}		#content .single h2 {			margin-bottom: 10px;			font-size: 1.4em;			text-transform: none;		}		#content .single p {			line-height: 1.5em;			margin-bottom: 10px;		}		#content .single ul, #content .single ol {			list-style-position: inside;			margin-bottom: 10px;		}		#content .single li {			line-height: 1.5em;			padding: 2px 0;		}		#content .single blockquote {			padding: 10px 10px 5px;			margin-bottom: 10px;			background-color: #eeeeee;			border-width: 1px 0;			border-style: solid;			border-color: #e0e0e0;		}		#content .single h3, #content .single h4, #content .single h5, #content .single h6 {			font-size: 1.2em;			margin-bottom: 5px;		}/** END content **//** BEGIN links **/#links {	clear: both;	padding: 20px 30px;	font-family: Verdana;}	#links .box {		width: 130px;		float: left;		padding: 20px 10px;		border-top: 1px solid #E9E9E9;	}	#links h2 {		float: left;		font-size: 0.9em;		text-transform: uppercase;		color: #ffffff;		background-color: #212121;		padding: 5px 8px;		font-weight: normal;		margin-bottom: 10px;	}	#links ul {		clear: both;		list-style-type: none;		padding: 0 5px;	}		#links ul li {			line-height: 1.5em;			font-size: 0.9em;			padding: 4px 0;		}		#links ul li a {			color: #191919;			text-decoration: none;		}		#links ul li a:hover {			color: #6B001A;			text-decoration: underline;		}/** END links **//** BEGIN sidebar **/#sidebar {	width: 270px;	float: right;	padding: 8px 8px 0 0;}	#addcontainer{		width: 270px;		float: right;		padding: 0;	}	#addcontainer h2{		display: none;	}	#sidebar .box {		border: 2px solid #E1E1E1;		padding: 10px;		margin-bottom: 15px;	}	#sidebar h2 {		font-size: 0.9em;		text-transform: uppercase;		color: #ffffff;		background-color: #212121;		padding: 5px 8px;		font-weight: normal;		margin-bottom: 10px;		width: 130px;	}	#sidebar ul {		list-style-type: none;	}		#sidebar ul li {			line-height: 1.5em;			padding: 2px 0;			border-bottom: 1px solid #E9E9E9;		}		#sidebar ul li a {			color: #191919;			text-decoration: none;		}	#sidebar .ads {	margin: 0 0 0 -10px;	padding: 0;	width: 280px;	}		#sidebar .ads img {	margin: 0 0 2px 0;		}	#sidebar .search {		border: 2px solid #E1E1E1;		margin-bottom: 10px;		height: 29px;	}		#sidebar .search input {			border: 0;			float: left;			width: 220px;			margin: 6px 4px;		}		#sidebar .search button {			border: 0;			background-color: #212121;			color: #ffffff;			font-size: 0.8em;			font-weight: bold;			text-transform: uppercase;			width: 38px; height: 29px;			float: right;		}	#sidebar .flickr {		text-align: center;	}		#sidebar .flickr img, #sidebar img {			margin: 2px;		}	#sidebar .video {		padding-left: 2px;	}/** END sidebar **//** BEGIN footer **/#footer {	clear: both;	background-color: #212121;	color: #ffffff;}	#footer-container{		width: 940px;		margin: 0 auto;		background-color: #212121;		color: #ffffff;	}	#footer p {	margin: auto auto;	text-align: left;	padding: 6px 0;	}	#footer a {		color: #ffffff;		text-decoration: none;	}	#footer a:hover {		text-decoration: underline;	}/** END footer **//** BEGIN miscellaneous **/#comments {	padding: 10px 30px;}	#comments a {		text-decoration: none;	}	#comments h2 {		font-size: 1.4em;		margin: 10px 0;	}	#comments p {		margin-bottom: 10px;		line-height: 1.6em;	}	#comments form {			}	#comments form p {		margin-bottom: 5px;	}		#comments form input {			margin-right: 5px;		}		#comments form input, textarea {			border: 1px solid #cccccc;			font-size: 0.9em;			font-family: Verdana;			padding: 4px;			background-position: 4px 4px;			background-repeat: no-repeat;		}		#comments form input {			width: 240px;			border: 1px solid #cccccc;		}		#comments form textarea {			width: 350px;			padding: 4px 4px !important;			border: 1px solid #cccccc;		}		#comments form button {			border: 1px solid #a0a0a0;			font-size: 1em;			font-family: Verdana;			padding: 2px 6px;		}	.commentdetails {		margin-top: 25px;	}	.commentauthor {		margin-bottom: 5px !important;		font-weight: bold;	}	.commentdate {		font-size: 0.8em;		margin-bottom: 5px;		color: #909090;	}	.required {		color: #ff0000;	}h2.title {	font-size: 1em !important;	text-transform: uppercase;	padding: 10px;	color: #565656;}.notfound {	padding: 40px;}	.notfound h2 {		font-size: 18px;		font-weight: normal;		margin-bottom: 10px;	}/** END miscellaneous **//** BEGIN wordpress 2.7 comments **/#comments ol {	list-style-type: none;	clear: both;	padding: 0;	margin: 0;}	#comments .buffer {		padding: 10px;	}	#comments h2 {		font-size: 0.9em;		margin-bottom: 20px;	}	#comments ol li {		margin-bottom: 10px;	}	#comments ol li ul li {		border: 1px solid #e0e0e0;		padding: 10px;	}	#comments ol li .avatar {		float: right;	}	#comments ol li .comment-author {			}		#comments ol li .comment-author .fn {			font-weight: bold;			font-size: 1.2em;		}	#comments ol li .comment-meta {		font-size: 0.9em;		color: #999999;		margin: 5px 0 10px;	}	#comments ol li .reply {		font-size: 0.9em;		font-weight: bold;		padding-bottom: 10px;	}	#comments .children {		list-style-type: none;	}#comments .navigation {	padding: 0 10px 20px;	font-size: 0.9em;}	#comments .navigation a {		color: #999999;		padding: 3px 8px;		border: 1px solid #cccccc;	}	#comments .navigation a:hover {		color: #000000;		border-color: #000000;		text-decoration: none;	}#comments .says {	display: none;}/** END wordpress 2.7 comments **/