@import url('clear.css');
@import url('tabs.css');
@import url('mootools.css');

body {
	font: normal 0.8em/1.15em Verdana,Arial,sans-serif;	
	text-align: center;
	background: #fff;
	color: #343434;
}


	/* main text-level stylings */
	
	a:link, a:visited 
	{
		color: #008181;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	a:active
	{
		color: #444;
	}
	
	p
	{
		margin-bottom: 2em;
		line-height: 1.6em;
	}
	
	h1,h2,h3,h4,h5
	{
		font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
		font-weight: normal;
	}
	
	h1
	{
		color: #333366;
		font-size: 1.8em;
		margin: 1em 0 1em;
	}
	
	h2
	{
		font-size: 1.4em;
		line-height: 1.4em;
		color: #ff6600;
		margin-bottom: 0.5em;
		margin-top: 3em;
		font-family: 'Andale Mono', Verdana,Arial,sans-serif;
	}
	
	h2 a
	{
		color: #ff6600 !important;
	}
	
	h1 + h2
	{
		margin-top: -0.1em;
	}
	
	h3
	{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1em;
		margin-top: 1.4em;;
	}
	
	span.highlight
	{
		color: #009999 
	}
	
	p.mini
	{
		font-family: Arial, Verdana, sans-serif;
		font-size: 0.85em;
		margin-bottom: 5px;
		color: #009999;
	}
	
	.textfield_mini
	{
		font-size: 1.2em;
		width: 180px;
		border: 1px solid #008181;
		padding: 3px;
	}


DIV#wrap
{
	width: 100%;
	position: relative;
	text-align: left;
	background: url(../images/rightborder.gif) repeat-y top right;	
}

DIV#wrap2
{
	width: 100%;
	position: relative;
	text-align: left;
	background: url(../images/leftborder.gif) repeat-y top left;	
}

	DIV#topstrip
	{
		height: 14px;
		padding: 1px 0 5px;
		font-size: 1em;
		color: #fff;
		width: 100%;
		background: url(../images/navbar.jpg) repeat-x top left;
		position: relative;	
	}
		#topstrip p
		{
			padding-left: 5px;
		}
		
			#bookmark
			{
				position: absolute;
				right: 3px;
				top: 1px;
			}
	
	
	
	
	
	DIV#header {
		height: 130px;
		width: 100%;
		clear: left;
	}
	
		
		DIV#header_left
		{
			float: left;
			width: 55%;
			height: 100%;
		}
		
		DIV#header_logo
		{
			width: 400px;
			height: 55px;
			padding-top: 68px;
			position: relative;
			top: 15px;
			left: 45px;
		}
		
			#header_logo p
			{
				width: 100%;
				text-align: right;
				font-size: 1.15em;
				font-style: italic;
			}
		
		DIV#header_right
		{
			float: right;
			width: 44%;
			height: 100%;
		}
	

	
	
	
	DIV#nav {
		clear: left;
		width: 100%;
		height: 14px;
		padding: 4px 0;
		background: url(../images/navbar.jpg) repeat-x top left;
		text-transform: uppercase;
		position: relative;
	}
	
		#nav ul
		{
			overflow: hidden;
		}
		
		#nav li
		{
			float: left;
			display: inline;
			list-style-type: none;
		}
		
		#nav li a
		{
			font-size: 1em;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			margin: 8px 10px;
		}
		
		#nav li a:hover
		{
			color: #333366;
		}
		
		#nav img
		{
			position: absolute;
			right: 1em;
			top: 3px;
		}
	
	
	#maincol {
		position:relative;
		margin:0;
	}
			
		#leftcol { 
			position:relative;
			float:left;
			width:150px; /* actual value */
			padding: 10px;
			z-index:100;
		}
		
			#leftcol ul {
				margin-left: 30px;
			}
			
			#leftcol_issue
			{
				border: 1px solid #ccc;
				background: url(../images/swirl.jpg) no-repeat top left;
				text-align: center;
				font-size: 0.75em;
				color: #222;
				padding: 1em;
			}
			
			a.sidebutton {
				display: block;
				background: #E04819;
				text-decoration: none;
				width: 80px;
				margin: 0 auto;
				padding: 0;
				position: relative;
				top: -1.5em;
				text-align: center;

			}
			
			a.sidebutton span
			{
				font-weight: bold;
				width: 100%;
				color: white;
			}
			
			a.sidebutton:hover span
			{
				color: #333366;	
			}
			
			a.sidebutton:active span
			{
				color: #009999 ;	
			}
			
			#leftcol_sections
			{
				font-size: 0.9em;
				color: #222;
				padding: 0;
				margin: 2em 0;
			}
			
			#leftcol_sections ul
			{
				margin: 0;
			}
			
			#leftcol_sections ul li
			{
				line-height: 1em;
				background-position: top left;
				background-repeat: no-repeat;
				margin-bottom: 1em;
			}
			
			#leftcol_sections li a
			{
				padding-left: 50px;
				padding-top: 0.7em;
				padding-bottom: 0.4em;
				border-color: #e8e8e8;
				color: #333366;
				border-width: 1px;
				border-style: solid;
				display: block;
				height: 21px;
				text-decoration: none;
				font-size: 1.1em;
			}
			
			#leftcol_sections li a:hover {
				border-bottom-color: #b3b3b3;
				border-right-color: #b3b3b3;
			}
			
			#leftcol_sections li a:active {
				border-top-color: #b3b3b3;
				border-left-color: #b3b3b3;
				border-bottom-color: #e8e8e8;
				border-right-color: #e8e8e8;
			}

			li#angels { background-image: url(../images/sidebuttons/angels.jpg); }
			li#astrology { background-image: url(../images/sidebuttons/astrology.jpg); }
			li#beauty { background-image: url(../images/sidebuttons/beauty.jpg); }
			li#animals { background-image: url(../images/sidebuttons/animals.jpg); }
			li#competitions { background-image: url(../images/sidebuttons/competitions.jpg); }
			li#centres { background-image: url(../images/sidebuttons/centres.jpg); }
			li#environment { background-image: url(../images/sidebuttons/environment.jpg); }
			li#health { background-image: url(../images/sidebuttons/health.jpg); }
			li#yoga { background-image: url(../images/sidebuttons/yoga.jpg); }
			li#humandesign { background-image: url(../images/sidebuttons/humandesign.jpg); }
			li#mattharvey { background-image: url(../images/sidebuttons/matt.jpg); }
			li#musicreviews { background-image: url(../images/sidebuttons/music.jpg); }
			li#shamanism { background-image: url(../images/sidebuttons/shamanism.jpg); }
			li#naturallygood { background-image: url(../images/sidebuttons/naturallygood.jpg); }
			li#bookreviews { background-image: url(../images/sidebuttons/book.jpg); }
			li#travel { background-image: url(../images/sidebuttons/travel.jpg); }
			li#parenting { background-image: url(../images/sidebuttons/parenting.jpg); }
			li#readings { background-image: url(../images/sidebuttons/ball.jpg); }
			
		#rightcol {
			position:relative;
			float:right;
			width:205px; /* actual value */
			z-index:99;
			padding: 10px;
		}
		
			#rightcol img.skyscraper
			{
				margin-bottom: 1.5em;
			}
			
			/********* LOGIN ********/

			DIV#login_box, DIV#stockists_box
			{
				margin: 5px auto;
				width: 100%;
				padding: 1px 0 6px;
				background: #e8e8e8;
				text-align: left;
				color: #111;
				border: 1px solid #ccc;
			}
			
			#login_box li
			{
				list-style-type: none;
				padding: 5px 0 5px 5px;
				font-size: 0.9em
			}
			
			#login_box h3, #stockists_box h3
			{
				padding-left: 5px;
			}
			
			#login_box a, #stockists_box a
			{
				color: #008181;
			}
									
			.mini
			{
				font-size: 0.9em;
			}
			
			.center
			{
				text-align: center;
			}
			
			.login_box_button
			{
				display: block;
				padding: 3px;
				text-align: center;
				border: 1px solid #333;
				background: #1c898e;
				color: #ffffff;
				margin: 4px auto 1px;
				cursor: pointer;
				cursor: hand;
			}
			
			#login_box p, #stockists_box p
			{
				padding-left: 5px;
				margin: 5px 0; 
			}
			
			#stockists_box p
			{
				text-align: center !important;
			}
			
			#stockists_box img
			{
				width: 152px;
				height: 147px;
				margin: 6px auto 3px;
				display: block;
			}
				

			
		#centrecol {
			position:relative;
			margin:0 225px 0 170px;
			padding: 10px 15px;
		}
		
			#centrecol li
			{
				line-height: 1.8em;
			}
			
			ul.list li
			{
				list-style: circle;
			}
			
			ol.list li
			{
				list-style: lower-roman;
			}
		
			ul.list, ol.list
			{
				margin: 3em 0 3em 3em;
			}
		
			
			/* NEWS */
			DIV.news
			{
				margin-bottom: 55px;
			}
			
			h1 + div.news
			{
				margin-top: -2em;
			}
			
			/* EVENTS */
			
			DIV.events
			{
				margin: 10px 0 35px;
			}
			
			p.eventsbottom
			{
				position: relative;
				top: -20px;
			}
			
			ul#events
			{
				width: 100%;
			}
			
			#events li
			{
				width: 50%;
				float: left;
				text-align: center;
			}
			
			#events li img
			{
				width: 180px;
				margin: 0 auto;
			}
			
			/* CLASSIFIEDS */
			
			p.classsbottom
			{
				position: relative;
				top: -10px;
			}
			
			li.classified
			{
				margin-left: 10px;
				line-height: 1.2em !important;
				margin-bottom: 3em;
				position: relative;
				top: -1em;
			}
			
			#classifieds li
			{
				width: 50%;
				float: left;
				text-align: center;
			}
			
			li.highlight_ad
			{
				margin-bottom: 3px;
				background-color: #b9dded;
			}
			
				.highlight_ad .classbottom, .highlight_ad .classbottom a
				{					
					color: #ff6600;					
				}
			
			/* CONTACT US */
			
			h1 + ul
			{
				margin-top: -1.8em;
			}
			
			ul#contact li
			{
				background-repeat: no-repeat;
				padding-left: 30px;
				background-position: 0 2px;
			}
			ul#contact li ul li
			{
				padding-left: 0;
			}
			li#post { background: url(../images/Letter.gif); }
			li#phone { background: url(../images/Telephone.gif); }
			li#fax { background: url(../images/Fax.gif); }
			li#email { background: url(../images/Email.gif); }
			
			/* ADVERTISE */
			table.advertise
			{
				border-collapse: collapse;
			}
			
			.advertise td, .advertise th
			{
				border: 1px solid #333;
				padding: 4px;
			}
			
			.advertise th, .advertise td.label 
			{
				background: #555;
				color: #fff;
			}
			
			/* SUBSCRIBE */
			table.subscribe
			{
				border-collapse: collapse;
				width: 100%;
				margin: 10px 0;
			}
			
			.subscribe td, .subscribe th
			{
				border: 1px solid #333;
				padding: 4px;
			}
			
			.subscribe th, .subscribe td.label 
			{
				background: #555;
				color: #fff;
			}
			
			ul#subs_issues 
			{
				overflow: hidden;
				width: 100%;
			}
			
			ul#subs_issues li
			{
				float: left;
				width: 15%;
				margin: 0.1em 0.3em;
			}
			
			ul#subs_issues li a img
			{
				width: 85px;
			}
						
			/* ARCHIVES */
			div#more_archive
			{
				padding-right: 9px;
				padding-left: 15px;
				padding-bottom: 9px;
				padding-top: 9px;
				margin: 1.5em 0 2em;
				font-size: 1.2em;
				display: block;
				height: 30px;
				width: 50%;
				background: #83A6D0;
				color: #333366 
			}
		
			#archive_year {
			font-size: 1.1em;
			margin: 1px;
			width: 8em;
			}
			
			table#issues {
				table-layout: fixed;
				margin: 3em auto;
				border-collapse: collapse;
			}
			
			#issues td {
				width: 33%;
				text-align: center;
				padding: 10px;
				border-color: white;
				border-width: 1px;
				border-style: solid;
				background-color: #e5e5e5;
				vertical-align: top;
			}
			
			#issues td a.button, #centrecol a.button {
				display: block;
				background: #E04819;
				text-decoration: none;
				width: 130px;
				margin: 0 auto;
				padding: 0 0 5px;
			}
			
			#issues td a.button span, #centrecol a.button span
			{
				background: url(../images/minicart.gif) no-repeat left -2px;
				font-weight: bold;
				color: white;
				padding: 0 0 4px 25px;
			}
			
			ul#article_list
			{
				margin-top: 100px;
			}
			
			p.sorry
			{
				font-weight: bold;
				margin-top: 100px;
				font-size: 1.2em;
			}
			
			/* ISSUE DETAIL */
			
			img#issue_main
			{
				width: 120px;
				display: block;
				float: left;
				margin-right: 20px;
				margin-bottom: 4em;
			}
			
			#issue_main + h2
			{
				margin-top: 0.5em;
			} 
			
			table.listings
			{
				border-spacing: 0 !important;
				border-collapse: collapse;
				table-layout: fixed;
				width: 100%;
			}
			
			.listings td
			{
				padding: 3px 0 3px 6px;
			}
			
			td.even a, td.odd a
			{
				text-decoration: none;
			}

			td.odd
			{
				background: #ededed;
			}

			td.even
			{
				background-color: #cdcdcd;
			}
			
			tr.hlt td			/* ROW ROLLOVER */
			{
				background-color: #333366;
			}

			tr.hlt td a, tr.hlt td h3
			{
				color: #fff !important;
				display: block;
			}
			
			td.tableft
			{
				width: 12em;
			}
			
			td.tabright a
			{
				color: #333;
			}
			
			td.tableft a
			{
				color: #ff6600;
			}
			
			/* ARTICLES */
			
			.detail_first_para
			{
				font-size: 1.1em;
				font-weight: bold;
			}

			.detail_extra_info
			{
				font-size: 0.95em;
			}
			
			.detail_img
			{
				float: left;
				margin: 3px 15px 10px 0;
			}

			p.article_bottom {
				text-align: center;
			}

			p.article_bottom a
			{
				font-size: 1.3em;
				color: #333366 !important;
			}
			
			/* HOMEPAGE */
			div#home_sub, div#home_shop
			{
				width: 48%;
				background-position: top left;
				background-repeat: no-repeat;
				height: 150px;
			}
			
			div #home_sub
			{
				float: left;
			}
			
			div#home_shop
			{
				float: right;
			}
						
			div#home_sub p, div#home_shop p
			{
				padding: 0 1em 0 10em;
				position: relative;
				top: -3.5em;
				font-size: 0.8em;
				color: #111;
			}
			
			div#home_sub h2, div#home_shop h2
			{
				padding: 0 0.5em 0 8.2em;
				position: relative;
				top: -2em;
				font-size: 1.2em;
			}
			
			div#home_sub
			{
				background-image: url(../images/home_sub.jpg);
			}
			
			div#home_shop
			{
				background-image: url(../images/home_shop.jpg);
			}
			
			#home_div {
				float: left;
				padding: 4px 0;
				height: 14px;
				width: 100%;
				background: #333366 url(../images/navbar.jpg) repeat-x;
			}
			
			#news_ticker {
				
				padding: 4px 0;
				height: 14px;
				width: 100%;
				background: #333366 url(../images/navbar.jpg) repeat-x;
			}
			
			#news_ticker marquee {
				float: left;
				color: #ffffff;
				width: 50%;
			}
		
			#news_ticker p {
				float: right;
				text-align: right;
				position: relative;
				top: -3px;
				left: -5px;
				margin: 0;
				padding: 0;
				color: #ffffff;
			}

			#news_ticker p a {
				color: #ffffff;
			}
			
			a.homebutton {
				display: block;
				background: #E04819;
				text-decoration: none;
				width: 130px;
				margin: 0 auto;
				padding: 0 0 5px;
				float: right;
				position: relative;
				top: -3em;
				left: -1em;
				text-align: center;

			}
			
			a.homebutton span
			{
				font-weight: bold;
				width: 100%;
				color: white;
			}
			
			a.homebutton:hover span
			{
				
				color: #333366;
				
			}
			
			a.homebutton:active span
			{
				
				color: #009999 ;
				
			}
			
			/* ABOUT US */
			blockquote p
			{
				width: 100%;
			}
			
			cite
			{
				width: 100%;
				position: relative;
				text-align: right;
				top: -2em;
			}
			
			cite:before
			{
				content: "-- ";
			}
			
			/* SECTIONS */
			p.more_link
			{
				color: #333366;
				text-align: right;
				font-size: 0.9em;
			}
			
			/* LOGIN */
			
			DIV#login
			{
				margin: 10px 0;
			}
			
			#login table
			{
				background: #e8e8e8;
				width: 400px;
				margin: 20px 0 10px;
				padding: 5px;
			}
						
			#login td
			{
				padding: 3px 5px;
			}
			
			#login td.label
			{
				text-align: right;
				font-size: 1.2em;
				width: 35%;
				vertical-align: top;
			}
			
			#login td.input
			{
				width: 65%;
			}
			
			#login li
			{
				margin-bottom: 8px;
			}
			
			#login th
			{
				text-align: left;
				padding: 5px;
			}
			
			.errors
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				color: #ff6600 ;
			}
			
			#mainloginbutton
			{
				margin: 5px;
				float: right;
			}
			
			
DIV#footer {
		background: url(../images/footer.jpg) repeat-x top left;
		clear: both;
		color: #fff;
		width: 100%;
		padding: 25px 0 10px;
		text-align: center;
		position: relative;
		height: 95px;
	}
	
		
		#footer a:link, #footer a:visited {
			color: #333366;
		}
		
		#footer li a:active {
			color: #333;
		}
		
		#footer ul
		{
			margin-bottom: 10px;
		}
		
		#footer li
		{
			display: inline;
			color: #333366;
		}
		
		#footer p
		{
			clear: left;
			position: relative;
			width: 100%;	
			margin-bottom: 0;
		}
		
		#footer img
		{
			position: absolute;
			right: 10px;
			top: -30px;
		}
	

/*********** OTHER DIVS ***********/


DIV.clear {
	clear: both;
	height: 3em;
	width: 100%;
	line-height: 0;
	font-size: 0;
}

ul#offers li {
	height: 300px;
	margin-bottom: 5px;
}

ul#offers li img {
	padding: 3px;
	border-color: #ddd0bb;
	border-style: solid;
	border-width: 1px;
	margin-right: 10px;
	float: left;
}

div#offers h3 {
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0.5em;
	font-size: 1.15em;
	padding: 5px;
	color: white;
	background-color: #425d66;
	border-width: 100%;
}
			
			a.subsbutton {
				display: block;
				background: #E04819;
				text-decoration: none;
				width: 130px;
				margin: 5px 0 5px 5px;
				padding: 0 0 5px;
				float: right;
				text-align: center;

			}
			
			a.subsbutton span
			{
				font-weight: bold;
				width: 100%;
				color: white;
			}
			
			a.subsbutton:active span
			{
				
				color: #009999 ;
				
			}
			
			              
			a.subsbutton:hover span
			{
				
				color: #333366;
				
			}
			
			
			
body#music_body
{
	text-align: left;
	margin: 10px;
}


ol#music_ol
{
	margin-left: 30px;
}

#music_ol li
{
	margin-bottom: 1em;
	list-style-type: decimal;
}
			
		
.section {
	text-align: left;
}

#feedback_box{
	width:204px;
	border:1px solid #CCCCCC;
	background-color:#E8E8E8;
	#background-image:url('/images/swirl.jpg');
	padding:0px;
	margin:0px;
}
#feedback_box_inner{
	margin:10px 4px 10px 4px;
}
#feedback_box h3{
	text-align:left;
	padding:0px;
	margin:0px 0px 4px 0px;
}
#feedback_box p{
	font-size:12px;
	padding:0px;
	margin:0px;
}
#feedback_box a{
	font-size:11px;
}