/*
Theme Name: Members Lounge
Theme URI: http://members.micheleknight.co.uk/
Description: WordPress template for Michele Knight's Members Lounge
Author: Rokk Media
Author URI: http://www.rokkmedia.co.uk
*/

* {padding: 0px; margin: 0px; border: none; text-decoration: none;}

body {background: url(images/newbg.jpg) no-repeat top center #550588; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 20px;}

#holder_main {width: 1015px; margin: 0px auto;}

#header {height: 235px; position: relative;}
#header #logo {position: absolute;top: 10px;}
#header #numbers {color: #f5eabf; position: absolute; top: 70px; right: 0px;}
#header #numbers a{color: #f5eabf;}
#header #numbers div {float: left;}
#header #numbers .left-number {margin-right: 10px; padding-right: 20px; border-right: 1px solid #f5eabf;}
#header #numbers .right-number {margin-left: 10px;}
#header #numbers span {display: block;}
#header #numbers .left-number span {text-align: right;}
#header #numbers span.numtitle {font-size: 130%;}
#header #numbers span.numnum {font-size: 220%}
#header #numbers span.numtc {font-size: 70%;}
#header #numbers div.cboth {float:none; font-size:79%; margin-left:123px; padding-top:5px; width:63%;}
#header #navigation {color: #f5eabf; position: absolute; bottom: 20px; right: 48px; font-size: 150%; font-weight: lighter;}
#header #navigation a {color: #f5eabf;}
#header #navigation a:hover {text-decoration: underline;}
#header #navigation ul {list-style: none;}
#header #navigation ul li {display: inline; margin-right: 9px;}
#header #homelink {width: 380px; height: 215px; position: absolute; top: 10px; left: -15px;}

#topbar {width: 1002px; height: 62px; background: url(images/background_topbar.gif) no-repeat; position: absolute; right: 0px; top: 0px;}
#topbar ul {list-style: none; margin-left: 365px; margin-top: 5px;}
#topbar ul li {display: inline; margin-right: 20px; padding-right: 19px; border-right: 1px solid #f5eabf;}
#topbar ul li.noborder {border-right: none !important;}
#topbar ul li a {color: #f5eabf;}
#topbar ul li a:hover {text-decoration: underline;}

#account {position: absolute; top: 32px; right: 6px}
#account ul {list-style: none; margin-top: 5px;}
#account ul li {display: inline; margin-right: 15px; padding-right: 15px; border-right: 1px solid #e2c289;}
#account ul li.noborder {border-right: none !important;}
#account ul li a {color: #e2c289;}
#account ul li a:hover {text-decoration: underline;}

#holder_topcorners {width: 945px; background: url(images/outtopcorners.gif) no-repeat; height: 14px;margin: 0px auto;}
#holder_bottomcorners {width: 945px; background: url(images/outbottomcorners.gif) no-repeat; height: 14px; margin: 0px auto;}

#holder_outercontent {width: 945px; background-color: #FFFFFF; border: 1px solid #6b4a7a; border-top: 0; border-bottom: 0; padding-top: 1px; padding-bottom: 10px; margin: 0px auto;}
#holder_innercontent {width: 883px; background: #f5eabf; margin: 0px auto; padding: 0px 9px 0px 9px; margin-top: -5px; height: 600px; height: auto !important; min-height: 600px;}

#inner_topcorners {width: 901px; height: 15px; background: url(images/innertopcorners.gif) no-repeat; margin: 0px auto; margin-top: 10px;}
#inner_bottomcorners {width: 901px; height: 14px; background: url(images/bottomcorners.jpg) no-repeat; margin: 0px auto;}

.innerleft {width: 608px; float: left;}
.innerleft h2.section {color: #89191a; display: block; background: url(images/background_leftheader.gif) no-repeat; height: 55px; padding-top: 5px; text-indent: 30px; font-size: 220%; font-weight: normal;}

#landingleft {width: 607px; float: left; margin-right: 7px;}
#landingright {width: 269px; height: 367px; background: url(images/loginregister.jpg) no-repeat; float: left;}

#landingright #landingrightinside {width: 269px; height: 367px; position: relative;}
#landingright #landingrightinside #login {position: absolute; top: 70px; left: 20px; width: 229px;}
#landingrightinside #login label {display: block; color: #551e7e; margin-bottom: 5px;}
#landingrightinside #login input {display: block; font: inherit; margin-bottom: 10px;}
#landingrightinside #login input.logintext {padding: 2px; width: 96%;}
#landingrightinside #login input.loginbutton {float: right;}
#landingrightinside .loginremember {display: inline !important;}
#landingrightinside #register {position: absolute; top: 250px; left: 20px; width: 229px;}
#landingrightinside #register h2 {font-weight: normal; color: #551e7e; margin-bottom: 5px;}
#landingrightinside #register p {line-height: 120%; color: #5c4d1f; margin-bottom: 10px;}
#landingrightinside #register a.registerbutton {float: right;}

.bottomAdvert {margin-top:10px;}

.sectionbutton {width: 155px; height: 36px; background: url(images/button.gif) no-repeat; text-align: center; line-height: 36px; font-weight: bold; color: #002f6a;}
.sectionbutton a {color: #002f6a;}

#celticcross {background: url(images/image_celticcross.jpg); height: 339px; width: 607px; position: relative;}
#celticcross a.begin {position: absolute; bottom: -3px; left: 25px;}
#pageleft #celticcross {margin-bottom: 15px;}

#animaloracles {background: url(images/animaloraclesbottom.jpg) no-repeat bottom #e5d296; width: 606px; min-height: 626px; height: auto !important; height: 626px;}
#animaloraclestop {background: url(images/animaloraclestop.jpg) no-repeat; width: 606px; height: 141px;}

.spiritualworkshop {width: 608px; height: 277px; background: url(images/spiritualworkshop.jpg); position: relative; margin-bottom: 10px;}
p.workshoptext {padding-top: 100px; padding-left: 32px; font-size: 120%;}
p.workshoptext span {display: block; margin-bottom: 5px;}
p.workshoptext span.ws_thismonth {color: #978a5f;}
p.workshoptext span.ws_topic {color: #827446;}
p.workshoptext span.ws_date {color: #978a5f;}
p.workshoptext span.ws_time {color: #827446;}
.spiritualworkshop .sectionbutton {position: absolute;bottom: 20px; left: 32px;}

.videotutorial {width: 608px; height: 278px; background: url(images/spiritualtutorials.jpg); position: relative; margin-bottom: 10px;}
.videotutorial ul {padding: 10px; width: 183px; list-style: none; position: absolute; top: 80px; right: 3px;}
.videotutorial ul li {margin-bottom: 5px; color: #002f6a;}
.videotutorial ul li a {color: #002f6a;}
.videotutorial ul li a:hover {text-decoration: underline;}
.videotutorial ul .sectionbutton {position: static; margin-left: -5px;}
.videotutorial p.latesttopic {color: #908048; font-size: 150%; width: 280px; line-height: 150%; position: absolute; top: 110px; left: 86px;}
.videotutorial .sectionbutton {position: absolute; bottom: 43px; left: 95px;}

.videoexclusives {background: url(images/videoexclusives.jpg) no-repeat #e6d8b1; width: 608px; height: auto; padding-top: 33px; padding-bottom: 143px; position: relative;}
.ve_video {width: 160px; float: left;}
.ve_video img {margin-bottom: 15px;}
.ve_button {width: 473px; height: 59px; background: url(images/button_videoexclusive.gif) no-repeat; line-height: 65px; text-indent: 12px; position: absolute; left: 70px; bottom: 52px;}
.ve_button a {font-weight: bold; color: #a80b1c;}
.ve_video p.video_title a {color: #a80b1c; font-size: 120%;}
.ve_video p.video_title a:hover {text-decoration: underline;}
.ve_video .video_description {color: #827446; font-size: 90%;}
.ve_video.v1 {margin-left: 24px;}
.ve_video.v2 {margin-left: 39px;}
.ve_video.v3 {margin-left: 41px;}
.ve_video.v4 {margin-left: 24px; margin-top:70px;}
.ve_video.v5 {margin-left: 39px; margin-top:70px;}
.ve_video.v6 {margin-left: 41px; margin-top:70px;}

.innerright {width: 268px; float: right;}
.innerright h2.section {display: block; background: url(images/background_rightheader.gif) no-repeat; height: 55px; line-height: 55px; text-indent: 30px; font-size: 220%; font-weight: normal;}
.innerright ul {list-style: none;}
.innerright ul li {margin-bottom: 7px;}

.sidebar {padding: 20px 20px 30px 20px; background: url(images/sidebar.jpg) no-repeat top left #e0d19f; height: 1009px;}
.sidebar p.selectreading {background: #c4c497; padding: 20px; color: #485d4c; line-height: 130%; font-size: 120%; margin-top: 119px;}
.sidebar .reading {background: url(images/background_readinggradient.jpg) repeat-x top left #58745b; padding: 20px; margin-bottom: 2px; color: #FFFFFF;}
.sidebar .sectionbutton {margin-top: 10px; margin-left: -5px;}
.sidebar .sectionbutton a {color: #374143;}
.sidebar .reading h3 {font-size: 130%; font-weight: normal; margin-bottom: 10px;}
.sidebar a.button_animaloracles {background: url(images/button_animaloracles.gif) no-repeat; width: 234px; height: 37px; display: block; line-height: 37px; text-indent: 15px; color: #283d2a; font-weight: bold;}

h2.whatsnew {color: #89191a; font-size: 220%; text-indent: 30px; font-weight: normal; background: url(images/background_whatsnew.jpg) no-repeat; width: 888px; height: 57px; margin-top: 10px; line-height: 57px;}

.videoreadings {margin: 0px auto; width: 901px; height: 275px; background: url(images/videoreadings.jpg) no-repeat; position: relative;}
.videoreadings .sectionbutton {position: absolute; bottom: 20px; left: 35px;}

#pageleft {width: 607px; background: url(images/pageleftbottom.jpg) no-repeat bottom #f9f3da; float: left; margin-right: 7px; padding-bottom:20px;}
#pageleft h1 {width: 607px; height: 86px; background: url(images/pageheading.jpg) no-repeat; line-height: 86px; font-size: 350%; text-indent: 30px;}

.pagecontent h2 {margin:30px 50px 10px 50px; padding-top:20px; color: #9D8E5A; font-size: 150%; font-weight:normal; border-top:1px solid #e3d7aa;}
.pagecontent p {margin:20px 50px 10px 50px; color:#686868; line-height:150%;}

#page_spiritualtutorials {background: url(images/pagetopbg.jpg) no-repeat top; padding-top: 16px;}
#page_spiritualtutorials #video {padding-left: 18px; padding-right: 12px; margin-bottom: 15px;}
#page_spiritualtutorials #videodescription {background: url(images/videodescription.jpg) no-repeat bottom; min-height: 320px; height: auto !important; height: 320px; padding-left: 65px; padding-right: 80px;}
#page_spiritualtutorials #videodescription span.topic {color: #9d8e5a; font-size: 120%; display: block; margin-bottom: 5px;}
#page_spiritualtutorials #videodescription span.presenter {color: #9d8e5a; font-size: 120%; display: block; margin-bottom: 20px;}
#page_spiritualtutorials #videodescription p {color: #686868; line-height: 150%;}
#page_spiritualtutorials #videodescription .sectionbutton {margin-top: 30px;}
#page_spiritualtutorials #search {background-color: #ecdb98; height: 60px; line-height: 60px; padding-left: 25px;}
#page_spiritualtutorials #search input {float: left; font: inherit;}
#page_spiritualtutorials #search input.tutorialssearch {margin-top: 19px; padding: 3px; margin-right: 15px;}
#page_spiritualtutorials #search input.tutorialssearchbutton {margin-top: 12px;}
#page_spiritualtutorials #search label {float: left; color: #608565; margin-right: 20px;}
#page_spiritualtutorials #spiritualtutorials {padding-left: 31px; padding-right: 53px; padding-top: 35px;}
#page_spiritualtutorials #spiritualtutorials .tutorial {clear: both; padding-bottom: 33px;}
#page_spiritualtutorials #spiritualtutorials .image {width: 114px; height: 86px; background-color: #686868; float: left; margin-right: 26px;}
#page_spiritualtutorials #spiritualtutorials .text {float: left; width: 335px; color: #686868; line-height: 150%;}
#page_spiritualtutorials #spiritualtutorials .text h3 {font-size: 100%; color: #9d8e5a; font-weight: bold;}
#page_spiritualtutorials #spiritualtutorials .text h3 a {color: #9d8e5a;}
#page_spiritualtutorials #spiritualtutorials .text h3 a:hover {text-decoration: underline;}

#page_interactivereadings {padding-top: 16px;}
#page_interactivereadings #animaloracles {padding-bottom: 190px;}
#page_interactivereadings #animaloracles .applications {padding-left: 22px; padding-right: 15px;}
#page_interactivereadings #animaloracles .application {width: 252px; margin-right: 7px; margin-bottom: 7px; background: url(images/readinggradient.jpg) top left repeat-x #58745c; float: left; padding-top: 20px; padding-left: 25px; padding-bottom: 50px; position: relative;}
#page_interactivereadings #animaloracles .application h2 {color: #FFFFFF; font-weight: normal; font-size: 140%; margin-bottom: 10px; width: 90%;}
#page_interactivereadings #animaloracles .application p {color: #FFFFFF; line-height: 125%; width: 90%; margin-bottom: 10px;}
#page_interactivereadings #animaloracles .application .sectionbutton {position: absolute; bottom: 20px; left: 22px;}

#pageright {width: 267px; float: left;}
#pageright #side_readers {width: 267px; height: 341px; margin-bottom: 15px;}
#pageright #side_interactive {width: 267px; height: 195px; background: url(images/side_interactivereadings.jpg) no-repeat; position: relative; margin-bottom: 15px;}
#pageright #side_interactive .sectionbutton {position: absolute; right: 20px; bottom: 20px;}
#pageright #side_workshops {width: 267px; height: 267px; background: url(images/side_spiritualworkshops.jpg) no-repeat; position: relative; margin-bottom: 15px;}
#pageright #side_workshops p.workshoptext {padding-left: 18px; padding-top: 90px; width: 53%; font-size: 100%;}
#pageright #side_workshops .sectionbutton {position: absolute; bottom: 20px; left: 16px;}
#pageright #side_videos {width: 267px; height: 234px; background: url(images/side_exclusivevideos.jpg) no-repeat; position: relative; margin-bottom: 15px;}
#pageright #side_videos .sectionbutton {position: absolute; bottom: 10px; left: 20px;}
#pageright #side_chat {width: 267px; height: 301px; background: url(images/videochatside.jpg) no-repeat top left; position: relative; margin-bottom: 15px;}
#pageright #side_chat .sectionbutton {position: absolute; bottom: 24px; left: 30px;}

#footer {margin-top: 20px; text-align: center; color: #e0d19f;}
#footer a {color: #e0d19f;}
#footer a:hover {text-decoration: underline;}

.cboth {clear: both;}
.nobackground {background-image: none !important; padding-bottom: 0px !important;}

form#your-profile table {text-align:left;padding-left:15px;}

form#your-profile h1,form#your-profile h2,form#your-profile h3 {color:#9D8E5A;}

form#your-profile table label,form#your-profile table td,form#your-profile table p,form#your-profile table span {color:#686868;}

form#your-profile table th {width:170px;font-weight:normal;}