/**
Theme Name: ClassicMag Purple
Author URI: http://wpjunction.com
Theme URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: ClassicMag Theme Premium WP, sliding image, top 5 post on front page
*/

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

/* html, body, #wrapper background */
/* ------------------------------------------------------------------------- */

html, body {
	height: 100%;
	min-width: 960px; /* if changed need to change IE6 table min-width hack */
}
html {
	overflow-y: scroll;
}
#h-wrapper {
	min-height: 100%;
	background: transparent url(/gui/bg.left.gif) repeat-y left;
	padding: 0 14px;
	/* ie6+7 only modification */
	/* without this there's a horizontal scrollbar when maximized at 1024px wide */
	*padding-right: 15px;
}
body {
	margin: 0;
	padding: 0;
	background: transparent url(/gui/bg.right.gif) repeat-y right;
}

/* columns */
/* ------------------------------------------------------------------------ */

#h-leftcol {
	float: left;
	width: 190px;
	margin-top: 3px;
	margin-left: -100%;
	padding-left: 2px;
	/* position: relative is required to fix an issue in Chrome/Safari where sometimes parts of left nav are not selectable */
	position: relative;
}
#h-leftcol .h-clear {
	padding-bottom: 5px;
}
#h-centercol-wrapper {
	width: 100%;
	float: left;
}
/* padding-left = #leftcol width + any additional padding */
/* padding-right = #rightcol width + any additional padding */
#h-centercol {
	/* blog version = different to healthy version */
	padding: 0 338px 0 11px;
}
#h-rightcol {
	float: left;
	width: 190px;
	width: 322px;
	margin-left: -327px; /* negative width plus a 5px padding allowance */
	margin-top: 5px;
}
#h-nosidenav #h-leftcol, #h-nosidenav #h-rightcol {
	display: none;
}

/* misc healthy website styles */
/* ------------------------------------------------------------------------- */

#h-top {
	position: absolute; /* IE8-beta allocates space for the empty <a> tag! this fixes it */
}
.h-clear {
	clear: both;
}
.h-clear-left {
	clear: left;
}
.h-clear-right {
	clear: right;
}

/* header section with logo etc */
/* ------------------------------------------------------------------------- */

#h-header {
	height: 108px;
	border-left: 1px solid #afa1c2;
	position: relative;
	margin-top: 1px;
}
#h-logo-title {
	position: absolute;
	margin-top: 65px;
	margin-left: 115px;
}

#h-header-login, #h-header-account {
	right: 159px;
}
#h-header-login h3 {
	background-position: center -67px;
}
#h-header-login form {
	padding: 2px 0 0 3px;
}
#h-header-login div {
	padding-left: 3px;
}
#h-header-login-textboxes input {
	font-size: 11px;
	width: 131px;
	margin: 0 0 1px 0;
	/* ie6+7 only modification */
	*margin-bottom: 0;
}
#h-header-login-buttons {
	margin: -1px 0 0 -3px;
}
#h-forgotten-password {
	text-align: center;
	margin-top: -3px;
}
#h-login-password1 {
	display: none;
}

#h-header-basket {
	right: 5px;
	text-align: center;
}
#h-header-basket h3 {
	background-position: center -111px;
	margin-bottom: 10px;
}
#h-header-account ul {
	list-style: none;
	padding: 1px 0 0 10px;
}
#h-header-account h3 {
	background-position: center -89px;
}

/* top navigation */
/* ------------------------------------------------------------------------- */

#h-nav {
	height: 66px;
	background-image: url(/gui/nav.bg.gif);
	overflow: hidden;
}
#h-nav-left {
	float: left;
	width: 6px;
	height: 66px;
	background-image: url(/gui/nav.left-right.gif);
}
#h-nav-right {
	float: right;
	width: 6px;
	height: 66px;
	background-image: url(/gui/nav.left-right.gif);
	background-position: -6px 0;
}

/* top navigation buttons = #h-nb etc */
/* ------------------------------------------------------------------------- */

#h-nb {
	width: 605px; /* = 624 - padding-left */
	height: 66px;
	margin: auto;
	position: absolute;
	padding-left: 19px;
	left: 190px;
	background-image: url(/gui/nav.buttons.20090925a.gif);
}
#h-nb ul {
    height: 33px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#h-nb ul li {
	float: left;
}
#h-nb a {
	display: block;
	height: 20px;
	padding: 33px 1px 0 1px; /* top = #h-nav-buttons ul height */
	text-decoration: none;
	width: 115px;
}
#h-nb a:hover, #h-nb a.h-selected {
	background-image: url(/gui/nav.buttons.20090925a.gif);
}
#h-nb-home:hover, #h-nb-home.h-selected {
	background-position: -19px -66px;
}
#h-nb-info:hover, #h-nb-info.h-selected {
	background-position: -136px -66px;
}
#h-nb-vip:hover, #h-nb-vip.h-selected {
	background-position: -253px -66px;
}
#h-nb-specials:hover, #h-nb-specials.h-selected {
	background-position: -370px -66px;
}
#h-nb-contact:hover, #h-nb-contact.h-selected {
	background-position: -487px -66px;
}
#h-nb-choose:hover, #h-nb-choose.h-selected {
	background-position: -19px -99px;
}
#h-nb-top:hover, #h-nb-top.h-selected {
	background-position: -136px -99px;
}
#h-nb-tv:hover, #h-nb-tv.h-selected {
	background-position: -253px -99px;
}
#h-nb-news:hover, #h-nb-news.h-selected {
	background-position: -370px -99px;
}
#h-nb-blog:hover, #h-nb-blog.h-selected {
	background-position: -487px -99px;
}

/* search box in the nav area */
/* ------------------------------------------------------------------------- */

#h-nav-search {
	position: absolute;
	z-index: 1;
	width: 185px;
}
#h-nav-search div {
	margin: 5px 8px 0px 5px;
}
#h-nav-search div input {
	width: 100%;
}
#h-nav-search-button {
	position: absolute;
	right: 0px;
	margin-top: 30px;
}
#h-nav-search a {
	color: white;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: underline;
	margin-left: 6px;
	position: absolute; /* needs to be absolute for IE6+7 to layout correctly */
	margin-top: 9px;
}
#h-nav-search a:hover {
	text-decoration: underline;
}

/* footer */
/* ------------------------------------------------------------------------ */

#h-footer {
	margin: 0px 338px 0px 11px;
	padding-bottom: 10px;
}
#h-footer .h-top, #h-footer .h-bottom {
	height: 6px;
	margin: 0 6px;
	background-color: #f1e9ef;
}
#h-footer .h-top {
	border-top: 1px solid #b6b6b6;
}
#h-footer .h-bottom {
	border-bottom: 1px solid #b6b6b6;
}

#h-footer .h-left, #h-footer .h-right {
	background-image: url(/gui/footer.corners.gif);
	width: 6px;
	height: 7px;
}
#h-footer .h-left {
	float: left;
	margin-left: -6px;
	margin-top: -1px;
}
#h-footer .h-right {
	float: right;
	background-position: -28px 0px;
	margin-right: -6px;
	margin-top: -1px;
}
#h-footer .h-bottom .h-left {
	background-position: 0px -5px;
	margin-top: 0px;
	margin-bottom: -1px;
}
#h-footer .h-bottom .h-right {
	background-position: -28px -5px;
	margin-top: 0px;
	margin-bottom: -1px;
}
#h-footer .h-main {
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	background-color: #f1e9ef;
}
#h-footer .h-main .h-column {
	width: 25%;
	float: left;
}
#h-footer h3 {
	font-size: 85%;
	margin: 0 0 0 10px;
	padding: 0;
}
#h-footer ul {
	font-size: 85%;
    padding: 0;
    margin: 0 0 0 10px;
    list-style: none;
}
#h-footer p {
	font-size: 80%;
	margin: 10px 10px 0px 10px;
	text-align: center;
}
#h-footer-fb-yt a {
	margin: 5px 0 0 10px;
	display: block;
	width: 100px;
}

/* other healthy stuff that's not in the regular healthy css */
/* ------------------------------------------------------------------------- */

#h-header iframe {
	position: absolute;
	right: 0px;
	top: -2px;
}

/* healthy ie6 fixes */
/* ------------------------------------------------------------------------- */

* html body {
	text-align: center;
}
* html #h-wrapper {
	text-align: left;
	height: 100%;
}
* html #h-footer .h-top, * html #h-footer .h-bottom {
	position: relative;
}
* html #h-footer .h-left {
	position: absolute;
	line-height: 1px;
	font-size: 1px;
}
* html #h-footer .h-right {
	right: 0px;
	position: absolute;
	line-height: 1px;
	font-size: 1px;
}
* html #h-leftcol {
	padding-left: 32px;	
}


/* wordpress theme starts */
/* ------------------------------------------------------------------------- */

body {
/*	background:#FFFFFF url('./images/background.gif') repeat-x 0 0;*/
	font:normal 12px Arial, Verdana, Tahoma;
}

a {
	color:#5A5285;
	text-decoration:none;
}

a:hover { color:#9597C2; }


#body-in {
	/*background:transparent url('./images/body-in.gif') repeat-x 0 100%;*/
	padding-bottom:40px;
}

#wrapper {
	width:980px;
	margin:0 auto;
}

#page-menu {
	width:710px;
	height:39px;
	float:left;
	overflow:hidden;
}

#rss-wrapper {
	float:left;
	width:270px;
	height:24px;
	padding-top:8px;
}


#subcribe-form div {
	position:relative;
}

.input-text {
	background:transparent;
	left:6px;
	top:3px;
	width:215px;
	position:relative;
	font:normal 11px 'Trebuchet MS', Tahoma, Verdana;
	color:#EDEDED;
	text-transform:uppercase;
	border:medium none;
}

#rss-icon {
	background:transparent url('./images/all-icons.gif') no-repeat 0 -155px;
	display:block;
	width:24px;
	height:24px;
	float:left;
}

#branding {
	height:133px;
	padding:0px 0px 0px 10px;
}

#blog-title {
	font:bold 35px 'Trebuchet MS';
	text-transform:capitalize;
}

#blog-title a { color:#676999; }

#blog-title a:hover { color:#9D9FD5; }

#blog-description {
	font:normal 14px Tahoma;
	color:#9D9FD5;
	text-transform:uppercase;
}

#cat-left, #cat-center, #cat-right {
	display:block;
	float:left;
	height:38px;
}

#cat-left, #cat-right { width:9px; }

#cat-left {
	background:#4A436F url('./images/cat-menu-left-bg.gif') no-repeat 100% 0;
}

#cat-right {
	background:#4A436F url('./images/cat-menu-right-bg.gif') no-repeat 0 0;
}

#cat-center {
	background:#4A436F url('./images/cat-menu-bg.gif') repeat-x 0 0;
	width:962px;
	overflow:hidden;
}

#cat-center li {
	display:inline;
}

#cat-center li a {
	background:transparent url('./images/cat-menu-separator.gif') no-repeat 100% 1px;
	display:block;
	float:left;
	font:normal 12px Tahoma, Verdana;
	color:#FFFFFF;
	height:38px;
	line-height:38px;
	padding:0 17px 0 15px;
}

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

/* container */
#container {
	padding-top:12px;
}

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

#top-container { margin-bottom:17px; }

#featured-posts-wrapper {
	background:#FBFBFB url('./images/featured-bg.gif') repeat-y 0 0;
	margin-bottom:17px;
}

#featured-posts-wrapper-in {
	background:transparent url('./images/featured-top-bg.gif') no-repeat 0 0;
}

#featured-posts-wrapper-bottom {
	background:#FFFFFF url('./images/featured-bottom-bg.gif') no-repeat 0 0;
	height:6px;
}

#featured-posts .title {
	background:transparent url('./images/featured-top-bg.gif') no-repeat 0 0;
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#5A5285;
	height:28px;
	line-height:28px;
	padding:0 6px;
	overflow:hidden;
}

.icon {
	background-image:url('./images/all-icons.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	margin-right:10px;
	display:block;
	float:left;
}

#featured-posts .featured-post {
	background:#FBFBFB url('./images/featured-bg.gif') repeat-y 0 0;
}

#featured-posts .meta {
	background:#FBFBFB url('./images/featured-meta-bg.gif') repeat-y 0 0;
	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
	color:#9597C2;
	text-transform:uppercase;
	padding:7px 7px 5px;
	margin-bottom:5px;
}

#featured-posts .meta a { color:#9597C2; }

#featured-posts .meta a:hover  { color:#5A5285; }

.meta p, .entry { clear:left; }

#featured-posts .date-post { background-position:0 2px; }

#featured-posts .comment-post { background-position:0 -21px; }

#featured-posts .categories-post { background-position:2px -43px }

#featured-posts .entry {
	padding:0 7px;
}

.pagetitle {
	font:normal 25px 'Trebuchet MS', Tahoma, Verdana;
	color:#888AC4;
}

.post {
	clear:left;
	margin-bottom:10px;
}

.post .title {
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#5A5285;
	margin-bottom:5px;
}

.post .meta {
	background:#F7F7F7 url('./images/meta-bg.gif') repeat-x 0 0;
	height:30px;
	padding:6px;
	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
	color:#9597C2;
	text-transform:uppercase;
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}

.post .meta-left, .post .meta-right {
	position:absolute;
	display:block;
	width:5px;
	height:42px;
	top:0;
}

.post .meta-left {
	background:transparent url('./images/meta-left-bg.gif') no-repeat 0 0;
	left:0;
}

.post .meta-right {
	background:transparent url('./images/meta-right-bg.gif') no-repeat 100% 0;
	right:0;
}

.post .date-post { background-position:0 -63px; }

.post .comment-post { background-position:0 -86px; }

.post .categories-post { background-position:2px -108px }

.post a.more-link {
	background:transparent url('./images/read-more-bg.jpg') no-repeat 0 0;
	display:block;
	width:104px;
	height:24px;
	cursor:pointer;
}

.akpc_pop { clear:left; }

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 0 0 !important;
	display:block;
	float:left;
	height:22px;
	padding:0 0 0 6px !important;
	margin:0 5px 0 0 !important;
	border:none !important;
	color:#717171 !important;
}

.wp-pagenavi span.inner {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 100% 0 !important;
	display:block;
	float:left;
	font-size:10px;
	height:22px;
	line-height:22px;
	padding-left:0 !important;
	padding-right:6px;
	text-transform:uppercase;
}

.wp-pagenavi a { color:#9597C2 !important; }

.wp-pagenavi a:hover { color:#717171 !important; }

#post-nav {
	margin-bottom:60px;
}

/* sidebar */
#sidebar {
	float:left;
	width:320px;
	padding-right:10px;
}

#primary .widget, #secondary {
	background:#FFFFFF url('./images/widget-bottom-bg.gif') no-repeat 0 100%;
	padding-bottom:6px;
	margin-bottom:10px;
}

.widget-top {
	background:transparent url('./images/widget-top-bg.gif') no-repeat 0 100%;
	height:6px;
}

.widget-title {
	background:transparent url('./images/widget-title.gif') repeat-x 0 100%;
	font:normal 16px Tahoma, Verdana;
	color:#888AC4;
	padding-bottom:5px;
	margin-bottom:3px;
}

#primary .widget-content {
	background:transparent url('./images/widget-bg.gif') repeat-y 0 0;
	padding:0 5px;
	width:310px;
}

.widget-content a { color:#7B7B7B; }

.widget-content li {
	background:transparent url('./images/widget-li-bg.gif') no-repeat 0 100%;
	padding-left:30px;
	height:29px;
	line-height:29px;
	overflow:hidden;
}

.widget-content li.hover {
	background:transparent url('./images/widget-hover-bg.gif') no-repeat 0 100%;
}

.widget-content li li {
	border:none;
	padding-bottom:0;
}

#secondary { margin-bottom:60px; }

#secondary-in {
	background:#FFFFFF url('./images/widget-bg.gif') repeat-y 0 0;
	width:310px;
	padding:0 5px;
}

#secondary-in .widget {
	padding-bottom:10px;
}

#secondary-in .widget-title {
	background:none;
	border-bottom:1px solid #D1D1D1;
}

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

/* footer */
#footer {
	position:relative;
	background:#433C65 url('./images/footer-bg.gif') repeat-x 0 0;
	padding:0 12px;
	font-size:10px;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	text-transform:uppercase;
	overflow:hidden;
}

#footer-left, #footer-right {
	display:block;
	position:absolute;
	height:40px;
	width:10px;
	top:0;
}

#footer-left {
	background:#433C65 url('./images/footer-left-bg.gif') repeat-x 0 0;
	left:0;
}

#footer-right {
	background:#433C65 url('./images/footer-right-bg.gif') repeat-x 100% 0;
	right:0;
}