@charset "utf-8";
/* CSS Document Keith Markwick August 2009 email:dakeefster@hotmail.co.uk

/* ------------------------------------------------- 
					MAIN STYLES 
------------------------------------------------- */

/* this forces a vert scroll bar */


html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, object, a, img, ul, li , 
table, tr, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: left;
}

ul, li {
	display: inline;
	list-style: none;
	text-align: left;
	padding: 0px 0px 0px 6px;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image :url(../images/main_bg_new.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #000000; /* this stops a white background loading */
}

h1 {
	font-size: 0.9em;
	padding: 0px 0px 6px 6px;
	color: #ddd;
}

h2, h3, h4, h5, h6 {
	font-size: 0.7em;
	padding: 2px 8px 0px 8px;
	color: #ddd;
}

p {
	font-size: 0.60em;
	padding: 8px 8px 10px 8px;
	color: #ddd;
}

img {
	padding: 8px 8px 0px 8px;
	float: left;
}

a:hover {
	color: #66ccff;
}

a {
	color: #ddd;
}
/* ------------------------------------------------- 
						 TABLE STYLES
------------------------------------------------- */

table {
	width: 247px;
}

tr {
	height: 102px;
	width: 247px;
}

td {
	padding-top: 8px;
	height: 102px;
	width: 247px;
}

tr:nth-child(odd) {
	background-image:url(../images/under_p.gif);
}

tr:nth-child(even) {
	background-image:url(../images/under_p2.gif);
}

.heading {
	background-color : #333;
	height: 42px;
}

.magtable {
	background-color : #333;
	background-image: none;	
	padding: 10px 0px 18px 6px;
}

.magtable_2 {
	background-color : #333;
	background-image: none;	
	padding: 0px;
}



/* ------------------------------------------------- 
						 DIVS 
------------------------------------------------- */

#container	{
	margin: 0 auto; /* auto to centre the page */
	width: 922px;
	height: 1125px; 
}

/* header section contains banner, topnav, subnav, up_nav */
#header {
	width: 922px;
	height: 227px;
}
 
#banner {
	width: 922px;
	height: 106px;
	padding: 16px 0px 0px 0px;
}

#topnav {
	width: 922px;
	height: 31px;
	padding: 9px 0px 0px 0px;
	background-image:url(../images/topnav_bg.gif);
}

#subnav {
	width: 922px;
	height: 31px;
	padding: 14px 0px 0px 0px;
	text-align: left;
}

#up_nav {
	width: 922px;
	height: 20px;
	padding: 0px 0px 0px 0px;	
	background-image:url(../images/upnav_bg.gif);
	background-repeat: no-repeat;
}

/* main section contains videopane, textpane, videotext */
#main {
	width: 922px;
	height: 478px;
}

#videopane {
	width: 658px;
	height: 412px;
	float: left;
}

#videotext {
	width: 658px;
	height: 64px;
	float: left;
	background-image: url(../images/vidtext.gif);
	background-repeat: no-repeat;
}
/* videotext2 is used when the page has a banner ad NOT text */
#videotext2 {
	width: 589px;
	height: 64px;
	float: left;
	padding-left: 69px; 
	background-color: #FFFFFF;
}

#textpane {
	width: 264px;
	height: 410px;
	float: right;
	background-color:#333;
	overflow:auto;
	margin-top: 2px;  /* this aligns the top of the div with the top of the video player */
}

#textpanelarge {
	width: 264px;
	height: 476px;
	float: right;
	background-color:#333;
	overflow:auto;
}

#under_text {
	width: 264px;
	height: 64px;
	float: right;
	background-image: url(../images/under_text_bg.gif);
}

/* separator between top section and bottom section */
#under {
	width: 922px;
	height: 20px;
}

/* footer sections contains latestvid, latestphoto, rightsplit, featurelist, adone, final_text */
#footer {
	width: 922px;
	height: 380px;
	margin-top: 86px;
}

#latestvid {
	width: 313px;
	height: 350px;
	float: left;
}

/* right split contains featurelist, adone */
#rightsplit {
	width: 609px;
	height: 350px;
	float: right;
}

#featurelist {
	width: 353px;
	height: 350px;
	float: left;
}

#adone {
	width: 256px;
	height: 350px;
	float: right;
}

#final_text {
	width: 922px;
	height: 50px;
	margin: 0px 0px 20px 0px;
}

/* these divs hold the video title, image and text */
#vidpanel {
	width: 247px;
	height: 102px;
	padding-top: 8px;
	background-image:url(../images/under_p.gif);
}

#vidpanel2 {
	width: 247px;
	height: 102px;
	padding-top: 8px;
	background-image:url(../images/under_p2.gif);
}

#listpanel {
	width: 237px;
	height: 90px;
	background-image:url(../images/under_p_list.gif);
	background-repeat:no-repeat;	
}

#listpanel_large {
	width: 237px;
	height: 102px;
	background-image:url(../images/under_p_list_large.gif);
	background-repeat:no-repeat;	
}

#main_ad {
	width: 272px;
	height: 365px;
	float: left;
	padding: 47px 0px 0px 8px;
	background: none;
}	

#sub_ads {
	width: 330px;
	height: 395px;
	float: right;
	padding: 17px 16px 0px 0px;
	background: none;
}

#twitter {
	margin: 12px 0px 0px 6px;
	width: 290px;
	height: 300px;
}



/* ------------------------------------------------- 
					NAV BAR STYLES 
------------------------------------------------- */

#topnav a {
	font-size: 1.0em;
	color: #fff;
	padding: 0px 16px 0px 0px;  /*padding between navbar words */
	text-decoration: none;
	font-weight: normal; /* this removes the standard <a> bold */
}

#subnav a {
	font-size: 0.8em;
	color: #fff;
	padding: 0px 2px 0px 0px; /*padding between navbar words */
	text-decoration:none;
	font-weight: normal; /* this removes the standard <a> bold */
}

#topnav a:hover {
	color: #66ccff;
}

#topnav #current a {
	color: #66ccff;
}

#topnav #highlight {
	color: #ff3333;
}

#topnav #highlight2 {
	color: #F6BECB;
}

#subnav a:hover { 
	color: #66ccff;
}

#subnav #current a {	
	color: #66ccff;
}


/* ------------------------------------------------- 
					LIFE COACHING 
------------------------------------------------- */

#freespiritholder {
	width: 658px;
	height: 476px;
	background-image:url(../images/videopanelargebg.gif);
	background-repeat: no-repeat;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}

#freespiritholderwedding {
	width: 658px;
	height: 476px;
	background-image:url(../images/weddingbg.jpg);
	background-repeat: no-repeat;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* These 2 divs are 640 wide to stop x overflow when y scrollbar appears */

#freespirittop {
	width: 640px;
	height: 130px;
	padding: 0px;
	margin: 0px;
}

#freespiritmain {
	width: 640px;
	height: 346px;
	padding: 0px;
	margin: 0px;
}

.lifetxt {
	width: 620px;
	float: left;
	margin: 4px 12px 4px 12px;
}

.lifetxtpink {
	width: 600px;
	float: left;
	margin: 6px 12px 12px 12px;
	background-color: #F6BECB;
	padding: 8px 8px 8px 2px;
	border: solid 1px #333;
}

.life  {
	color: #000000; 
	text-align: left;
	margin: 0px 0px 0px 2px;
	font-size: 0.9em;
}

.lifehead  {
	color: #000000; 
	text-align: left;
	margin: 0px 6px 4px 6px;
	font-size: 0.9em;
	padding: 4px 0px 4px 4px;
	background-color: #F6BECB;
}

.lifep {
	color: #000000; 
	text-align: justify;
	margin: 0px;
	font-size: 0.8em;
}

.lifelist {
	display: list-item;
	list-style: circle;
	text-align: justify;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.lifeimg {
	border: 1px solid #333;
	padding: 0px;
	margin: 6px 6px 6px 12px;
	float: right;
}

.lifeimg2 {
	border: 1px solid #333;
	padding: 0px;
	margin: 6px 12px 6px 6px;
	float: left;
}

#lifelogo {
	margin: 14px 0px 12px 18px;
	padding: 0px; 
	border: 1px solid #333;
}


/* ------------------------------------------------- 
					CLASS STYLES 
------------------------------------------------- */

.footer_vid_list {
	width: 335px;
	height: 94px;
	background-repeat:no-repeat;
	background-position: top;
	padding: 12px 0px 0px 0px;	
}

/* used for text under video player */
.undervid {
	color: #fff;
	margin: 6px 9px 0px 3px;
}

.undervidp {
	color: #fff;
	margin: 0px 9px 0px 3px;
}

/* bit of extra top padding for the first heading in the list */
.toph1 {
	padding: 8px 0px 12px 8px;
	background-color : #333;
}

.toph1_mag{
	padding: 8px 0px 12px 14px;
	background-color : #333;
}


.toph2 {
	padding: 20px 0px 12px 8px;
	background-color : #333;
}

/* bit of extra top padding for the first heading in the list and when they go on two lines of text */
.toph1_large {
	padding: 4px 0px 12px 12px;
	background-color : #333;
}

/* Magazine image style */
.magimg {
	padding: 0;
	margin: 11px 0px 0px 32px;
	border: 1px solid #777;
}

/* Magazine p style */
.magp {
	padding: 0;
	margin: 8px 8px 0px 8px;
	background: none; 
	text-align:justify;
}

/* Magazine adds p style */
.magh2 {
	padding: 10px 8px 0px 8px;
	text-align:justify;
}

/* paragraph style for video listings */
.vidlist {
	font-size: 0.55em;
	padding: 8px 8px 28px 8px;
	background-image: none;
}

/* paragraph style for main video*/
.mainvid {
	font-size: 0.55em;
	padding: 24px 30px 28px 14px;
	background-image: none;
}

/* h2 style for right hand side video titles*/
.mainvidheader {
	font-size: 0.7em;
	padding: 4px 8px 2px 14px;
}

/* paragraph style for intro text to sections */
.section_info {
	padding: 0px 8px 8px 8px;
	background-color: #333;
}

.section_info_mag {
	padding: 0px 8px 8px 14px;
	background-color: #333;
}

/* image style for video list, without float left */
.nofloat {
	float: none;
}

/* a class for vid link titles */
.vidlink {
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	padding: 0px 48px 0px 8px;
	color: #ddd;
}

.vidlink a:hover{
	color:#66ccff;
}

/* p class for contact details in index.php */
.about {
	font-size: 0.7em;
	font-weight: bold;
	text-align: left;
	padding: 6px 0px 6px 10px;
}

.footer_small {
	padding: 0px;
	margin: 0px 8px 0px 16px;
	border: 1px solid black;
}

.footerlink {
	color: #ddd;
	padding: 24px 48px 2px 4px;
}

.footertxt {
	padding: 4px 20px 2px 4px;
}

.footerimg {
	padding: 0px;
	margin: 22px 8px 0px 44px;
	border: 1px solid #888;
}

.most_popular_img {
	padding: 0px;
	margin: 39px 8px 0px 34px;
	border: 1px solid #888;
}

/* img class for logos */
.logo {
	padding: 0px;
	margin: 4px 0px 12px 4px;
}

.most_popular_txt {
	padding: 24px 54px 0px 34px;
	text-align: justify;
}

.social {
	padding: 16px 0px 0px 36px;
}

/* advert styles */

.ad {
	padding: 0px 20px 8px 26px;
	text-align: justify;
}

.ad_border {
	padding: 0px;
	margin: 0px 12px 20px 27px;
	text-align: justify;
	border: 1px solid #888;
}

.subad {
	padding: 4px 42px 0px 86px;
	text-align: justify;
}

.adimg {
	padding: 0px;
	margin: 18px 8px 0px 45px;
	border: 1px solid #888;
}

.icon {
	float: right;
	padding: 28px 0px 0px 0px;	
} 

.final {
	text-align: center;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.nopad {
	margin: 0px 0px 0px 2px;
	padding: 0px;
}