/**
Theme Name: Reader's Magazine
Theme URI: http://wpjunction.com
Author URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description:Reader Magazine Theme Premium WP
*/

@import url('css/reset.css');
@import url('css/default.css');
@import url('css/lavalamp.css');
@import url('css/glide.css');
@import url('css/jquery.tabs.css');
@import url('css/slide.css');
@import url('css/widgets.css');
@import url('css/comments.css');

body {
	background:#555C61 url(images/background.gif) repeat-x 0 0;
	font:normal 11px Tahoma, Verdana, Arial;
	color:#7B7B7B;
}

a {
	text-decoration:none;
	color:#4B9DED;
}

a:hover { color:#4288CD; }

#wrapper {
	background:#555C61 url(images/container-bg.gif) repeat-y 50% 0;
	width:1013px;
	margin:0 auto;
}

#wrapper-in {
	background:transparent url(images/static-background.gif) no-repeat 0 0;
	padding:11px 11px 0;
}

/* header */
#header {
	height:153px;
	overflow:hidden;
}

#header-top {
	height:37px;
	overflow:hidden;
}

#page-menu {
	float:left;
	width:710px;
	position:relative;
}

#top-search-wrap {
	float:right;
	width:275px;
}

#top-search {
	position:relative;
	width:275px;
}

#top-search input {
	position:relative;
	background:none;
	padding:0;
	top:10px;
	border:none;
	font:normal 11px Arial, Verdana, Tahoma;
	color:#B7B6B6;
	text-transform:uppercase;
}

#top-search label, #top-search .shadow {
	color:#B7B6B6;
	font:normal 11px Arial, Verdana, Tahoma;
}

#top-search .shadow {
	position:absolute;
	top:12px;
	left:1px;
	color:#FFFFFF;
}

#top-search label {
	position:absolute;
	top:11px;
	left:0;
}

#top-s {
	left:58px;
	width:190px;
}

#top-search-submit {
	left:61px;
	width:16px;
	cursor:pointer;
}

#branding {
	padding:13px 10px;
	height:44px;
}

#blog-title {
	font-size:20px;
	text-transform:uppercase;
}

#blog-description {
	margin-top:5px;
	font-weight:normal;
}

#header-bottom {
	height:40px;
	overflow:hidden;
	font:normal 11px Arial, Verdana, Tahoma;
	text-transform:uppercase;
}

#cat-menu {
	float:left;
	width:825px;
	position:relative;
}

#cat-menu ul, #cat-menu-shadow {
	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
	position:relative;
}

#cat-menu-shadow {
	position:absolute !important;
	top:1px;
	left:1px;
}

#cat-menu ul li, #cat-menu-shadow ul li {
	display:inline;
}

#cat-menu a, #cat-menu #cat-menu-shadow a {
	background:transparent url(images/menu-separator.gif) no-repeat 100% 2px;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	color:#8597A3;
	position:relative;
	padding:0 11px 0 8px;
}

#cat-menu a:hover, #cat-menu .current-cat a {
	background:transparent url(images/menu-hover.gif) no-repeat 100% 2px;
}

#cat-menu #cat-menu-shadow li a, #cat-menu #cat-menu-shadow .current-cat a {
	background:none;
	color:#FFFFFF;
}

.icon {
	background:transparent url(images/all-icons.gif) no-repeat;
	padding-left:20px;
}

#date-now {
	background-position:0 12px;
	display:block;
	float:right;
	height:40px;
	line-height:40px;
	text-align:right;
	color:#555C61;
	padding-right:5px;
}

/* container */
#container { padding-bottom:10px; }

#featured-posts-wrapper {
	background:transparent url(images/featured-bg.gif) no-repeat 0 0;
	float:left;
	width:671px;
}

#togglebox {
	float:right;
}

.title {
	font:normal 14px Tahoma, Verdana, Arial;
	color:#4B9DED;
	margin-bottom:3px;
}

.meta {
	background-position:0 -28px;
	font:normal 10px Arial, Verdana, Tahoma;
	text-transform:uppercase;
	color:#888F95;
	height:15px;
	margin-bottom:5px;
}

#tab-content {
	float:right;
	width:312px;
}

/* content */
#content {
	float:left;
	width:671px;
}

.pagetitle {
	font:normal 20px 'Trebuchet MS', Tahoma, Verdana;
	color:#555C61;
	padding-left:2px;
	margin-bottom:5px;
}

.post {
	background:#555C61 url(images/post-bg.gif) repeat-y 50% 0;
	margin-bottom:5px;
}

.post-top {
	background:transparent url(images/post-top-bg.gif) no-repeat 0 0;
	padding:7px 7px 0;
}

.post-bottom {
	background:#F1F1F1 url(images/post-bottom-bg.gif) no-repeat 0 0;
	height:6px;
}

.post.single {
	background-image:url(images/single-entry-bg.gif);
}

.single .post-top {
	background-image:url(images/single-entry-top-bg.gif);
	padding-top:5px;
}

.single .post-bottom {
	background-image:url(images/single-entry-bottom-bg.gif);
	height:22px;
}

.post .title { margin-bottom:5px; }

.post .meta { padding:0 3px; }

.post.single .meta { padding-left:20px; }

/* wp-pagenave */
.wp-pagenavi {
	margin-top:10px;
	font:normal 10px Arial, Verdana, Tahoma;
}

.wp-pagenavi a, .wp-pagenavi span {
	display:block;
	background:url(images/postnav-bg.gif) no-repeat;
	float:left;
	height:22px;
	line-height:22px;
	border:none !important;
	text-transform:uppercase;
}

.wp-pagenavi a, .wp-pagenavi .pages, .wp-pagenavi .current {
	padding:0 0 0 6px !important;
}

.wp-pagenavi span.pages, .wp-pagenavi .current {
	background-position:0 0;
	color:#A7A7A7 !important;
}

.wp-pagenavi a span, .wp-pagenavi span span {
	background-position:100% 0;
	padding:0 6px 0 0 !important;
}

/* sidebar */
#sidebar {
	float:right;
	width:312px;
}

.widget {
	background:#555C61 url(images/widget-bg.gif) repeat-y 0 0;
	margin-bottom:5px;
	position:relative;
}

.widget-top {
	background:transparent url(images/widget-top-bg.gif) no-repeat 0 0;
	padding:7px 7px 0;
}

.widget-bottom {
	background:#F1F1F1 url(images/widget-bottom-bg.gif) no-repeat 0 0;
	height:6px;
}

.widget-title {
	font:normal 12px Tahoma, Verdana, Arial;
	text-transform:uppercase;
	color:#7E878D;
	margin-bottom:15px;
}

.widget ul li {
	background:transparent url(images/all-icons.gif) no-repeat 5px -71px;
	padding-left:20px;
	line-height:28px;
	border-bottom:1px solid #F2F2F2;
	color:#A6A6A6;
}

.widget ul li.hover { background-color:#F9F9F9; }

.widget ul li a { color:#A6A6A6; }

.toggle {
	background:transparent url(images/widget-toggle-up.gif) no-repeat 0 0;
	width:24px;
	height:27px;
	position:absolute;
	right:0;
	top:0;
}

.widget .toggle-down { background:transparent url(images/widget-toggle-down.gif) no-repeat 0 0 !important; }

.widget .min { height:20px; }

.widget .remove-margin { margin:0 !important; }

.remove-bg { background:none !important; }

/* footer */
#footer {
	background:transparent url(images/footer-bg.gif) repeat-x 0 0;
	height:42px;
	width:1013px;
	margin:0 auto 20px;
}

#footer-in {
	background:transparent url(images/footer-in-bg.gif) no-repeat 0 0;
	height:42px;
	padding:8px 12px 0;
	text-transform:uppercase;
}

#blog-name, #blog-name span {
	background:transparent url(images/blog-name-bg.gif) no-repeat;
	background-position:0 0;
	display:block;
	float:left;
	height:23px;
	padding-left:5px;
}

#blog-name { margin-right:4px; }

#blog-name span {
	background-position:100% 0;
	display:block;
	float:left;
	font:normal 12px Tahoma, Verdana;
	height:23px;
	line-height:21px;
	padding:0 5px 0 0;
	color:#949BA0;
}

#footer-text, #right-text {
	float:left;
	display:block;
	font:normal 10px Arial, Verdana, Tahoma;
	height:23px;
	line-height:23px;
	color:#6A737A;
}

#right-text { float:right; }