/* -----------------------------------------
Stylesheet for Melissa Soalt / Dr. Ruthless - www.dr-ruthless.com
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: February 2009
Amended: (note date and by whom and any notes)
-------------------------------------------- */

body {background:#202; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#1D0A12; text-align:center;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font-size:24px; font-weight:normal; line-height:26px; color:#EEA44D;} /* page titles - top */
	h1 span {color:#F0F7D3;}
h2 {font-size:20px; font-weight:normal; padding:0 0 12px 0; line-height:24px; color:#2B002B;} /* page sub titles - top of content area  */
	h2.curves {background:url(images/h2-curve-l.gif) 0 1px no-repeat; height:37px; line-height:37px !important; padding:0 0 12px 22px;} /* page sub titles - top of content area - with curves */
	h2.curves span {background:url(images/h2-curve-r.gif) 100% 0 no-repeat; padding-right:22px; padding-top:5px; padding-bottom:9px;}
h3 {font-size:18px; font-weight:normal; padding:5px 0 5px 0; line-height:20px; /*color:#744E5B;*/ color:#AC0242;} /*subtitles */

p {margin:0; padding:0 0 15px 0; line-height:17px;}
p.intro {font-size:14px; line-height:20px; background:#D7D0E1; padding:12px; margin:0 0 17px 0;}
p.error {padding:0 0 10px 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;}
p.thanks {color:#9E3E42 !important;}
ul, ol {margin:0; padding:0 0 15px 20px;}
li {line-height:16px; padding-bottom:5px;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}
.hrule {width:629px; height:21px; background:url(images/hrule.png) no-repeat; margin:20px auto;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6- 
#logo, #tagline {behavior:url(scripts/iepngfix.htc);}*/


/* ---- links ----------------------------------------- */
a {color:#f90; text-decoration:none;}  
a:visited {color:#f90;}
a:hover {color:#AC0242;}
a:active {color:#f90;}
a:active, a:focus {outline:none;}
/* links with icons */
a.arrow {background:url(images/icon-arrows.png) 100% 0 no-repeat; padding:2px 20px 2px 0;}
	a.arrow:hover {background:url(images/icon-arrows-over.png) 100% 0 no-repeat; padding:2px 20px 2px 0;}
a.pdf {background:url(images/icon-pdf.gif) 0 0px no-repeat; padding:0 0 1px 22px; text-decoration:none;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
input,  textarea, select, option {}
textarea {}
input.button {}


/* ---- ids & classes ----------------------------------------- */
#headerwrap, #contentwap, #footerwrap {width:100%;}

#headerwrap {background:#2B002B; border-bottom:1px solid #553146;}
#header {position:relative; width:940px; height:200px; margin:0 auto; text-align:left;}
	#header span {display:none;}
	#header h1, #header h2 {margin:0 !important; padding:0 !important; background:none;}
	#logo {position:absolute; top:2px; left:-10px; width:310px; height:133px; background:url(images/logo.png) no-repeat; }
		#logo a {display:block; width:310px; height:133px;}
	#tagline {position:absolute; top:98px; left:313px; width:315px; height:30px; background:url(images/tagline.png) no-repeat;}
	
	/*#navmenu {font-size:14px; position:absolute; left:0; bottom:30px;}
		#navmenu ul {list-style:none; margin:0; padding:0;}
		#navmenu li {display:block; float:left; height:20px; line-height:20px; border-left:1px solid #BFBCFE; padding:0 0 0 7px; height:20px;}
		#navmenu a {color:#fff; text-decoration:none; margin-right:20px;}
		#navmenu a:hover, #navmenu a.on {color:#9785B1;}*/
		
	#navmenu {font-size:14px; position:absolute; left:0; bottom:30px; z-index:2000;}
		#menuwrapper {margin:0; padding:0; list-style:none;}
		/* Drop-down menus: see p7exp.css for menuwrapper styles */
		
		
	#signupbox {position:absolute; bottom:0; right:0; width:210px; padding:18px 20px 0 20px; height:128px; background:#202; color:#DED9DE;}
		#signupbox h3 {color:#E29A4B; font:normal 13px arial,sans-serif; padding:0;}
		#signupbox p {font-size:11px; padding:0; line-height:14px;}
		#signupbox label {display:none;}
		#signupbox form {margin:15px auto; font-size:11px;}
		#signupbox input {margin:0; padding:3px 2px; width:135px; background:#fff; border:1px solid #ccc;; font-size:11px; color:#999;}
		#signupbox input.button {width:56px; padding:3px 2px; border:none; background:#5B002E; 
			color:#fff; margin-left:5px;}
	#starburst {width:117px; height:115px; background:url(images/starburst.png) no-repeat; position:absolute; bottom:-61px; right:-80px; z-index:100;}
		

#contentwrap {background:#5B002E url(images/bg-contentwrap.png) 0 100% repeat-x;}
#content {width:940px; margin:0 auto; text-align:left; position:relative;}
	.homebg {/*background:transparent url(images/flame-home.png) 0 100% no-repeat;*/}
	#frillsidebar {position:absolute; top:10px; left:626px; width:104px; height:172px; background:url(images/frill-sidebar.png) no-repeat; z-index:1;}
	#sidetitle {position:absolute; top:0; left:-90px; width:104px; height:620px;}
		#sidetitle span {display:none;}
		#sidetitle h2 {background:none;}
		.f-one {background:url(images/f01.png) no-repeat;}
		.f-two {background:url(images/f02.png) no-repeat;}
		.f-three {background:url(images/f03.png) no-repeat;}
	#floatwrapper {background:transparent url(images/flame-home.png) 0 100% no-repeat;} /* to accomodate abs pos and floats in central content area */
	#mainwrap {float:left; width:670px; padding-top:45px;}
	#mainwrapbottom {width:670px; height:27px; background:url(images/bg-mainwrapbottom.png) 0 0 no-repeat; margin-bottom:20px;} /* holds ragged edge */
		/* main content area - home */
		#mainhome {margin-top:25px; color:#fff; padding:0 30px 0 0; position:relative; z-index:1000;}
			#mainhome h2 {color:#fff; margin:0; padding:0 0 15px 0; font-size:14px; font-weight:bold; line-height:20px;}
			 #mainhome p {padding-bottom:12px; line-height:16px;}
			/* flash slideshow on home page */
			#flashwrap {border:3px solid white; display:block; float:right; margin:5px 0 12px 20px; width:340px; height:240px;}
			#mainflash {}
				#mainflash img#topimg {display:block;}
			#homeboxes {}
				#homeboxes h3 {color:#EEA44D; font-weight:normal; font-size:20px; padding-bottom:12px;}
				#homeboxes p {padding-bottom:12px; line-height:16px;}
				#homeboxes img {display:block; margin:0 0 12px 0; border:3px solid white;}
				.box {width:180px; float:left;}
				.left {margin-right:50px;}
				.middle {margin-right:50px;}
				.right {}
		/* main content area - interior / white bg */
		#main {background:#fff url(images/flame-interior.png) 0 100% no-repeat; min-height:550px; margin-top:25px; padding:15px 15px 0 15px; position:relative; z-index:1000;}
			#main h2 {}
			#main a {color:#AC0242; text-decoration:underline;}  
			#main a:visited {color:#AC0242;}
			#main a:hover {color:#f90; text-decoration:none;}
			#main a:active {color:#AC0242;}
			/* links with icons */
			#main a.arrow {background:url(images/icon-arrows-over.png) 100% 0 no-repeat; padding:2px 20px 2px 0; text-decoration:none !important;}
				#main a.arrow:hover {background:url(images/icon-arrows.png) 100% 0 no-repeat; padding:2px 20px 2px 0;}
			#main a.pdf {background:url(images/icon-pdf.gif) 0 0px no-repeat; padding:0 0 1px 22px;}
			img#articleimg {display:block; float:right; margin:5px 0 20px 20px;}
			/* faq */
			ul#faq {margin-top:20px;}
			ul#faq li {}
			div.faqbox {padding:6px 0;}
				p.q {font-size:14px; padding-bottom:6px; color:#AC0242;}
			/* onine videos */
			table.youtubes {margin:10px 0 30px;}
			table.youtubes td {padding:0; vertical-align:top;}
			table.youtubes td.text {padding-left:20px;}
		
		
		/* sidebar */
		#sidebarwrap {float:right; width:250px; background:transparent url(images/bg-sidebaredge.png) 100% 130px no-repeat;}
			#links {margin-top:22px; padding:0 0 0 12px; height:73px;}
				#links a {}
				#links a#facebook {background:url(images/icon-facebook.png) 0 0 no-repeat; padding:1px 0 7px 23px; line-height:27px;}
				#links a#blog {background:url(images/icon-blog.png) 0 0 no-repeat; padding:1px 0 3px 23px; line-height:23px; margin-right:13px;}
				#links a#taf {background:url(images/icon-chat.png) 0 0 no-repeat; padding:1px 0 5px 28px; line-height:23px;}
			#sidebar {background:transparent url(images/bg-sidebar.gif) repeat-y; position:relative; z-index:10; padding:20px 0 10px 0; color:#DFD9DF; position:relative; margin-bottom:20px;}
				#bioimage {width:58px; height:62px; position:absolute; top:-12px; left:13px; background:url(images/homebio.png) 0 0 no-repeat;}
				#homebio {margin:0 15px 0 15px;}
					#homebio h2 {color:#9785B1; font-size:18px; margin:0 0 0 62px; padding:0;}
					#homebio p#aka {margin:0 0 0 62px !important;}
					#homebio p {margin:0 !important;}
				#homevideo {margin:20px 0 0 15px; background:#000; width:220px;}
				#sidebar img {display:block; margin:0 0 8px 20px; border:1px solid #5B002E;}
				#sidebar p#caption {padding:0;}
				#sidebar p {margin:0 15px 0 15px; padding:0 0 10px 0}
				#sidebar h3 {margin:28px 15px 0 15px; text-indent:-4000px; width:230px; padding:0 0 2px 0;}
					h3#monthlytip {background:url(images/h3-monthlytip.gif) no-repeat; height:60px;}
					h3#closeencounters {background:url(images/h3-closeencounters.gif) no-repeat; height:33px;}
				#tablet {width:230px; padding-top:22px;}
					#tablet img {border:0; margin:0 0 10px 8px}
			
			
#footerwrap {border-top:1px solid #553146;}
#footer {width:940px; margin:0 auto; text-align:left; padding:8px 0 20px 0;}
	#copyrightbox {width:600px; float:left;}
	#iconsbox {width:261px; height:52px; float:right; background:url(images/footer-icons.png) no-repeat; margin-top:3px;}
	#footer p {padding:0 0 4px 0; font-size:11px; color:#887A88;}
		#footer p a {color:#887A88;}
	p#props {font-size:11px; color:#4D334D;}
		p#props a {color:#4D334D; text-decoration:underline;}
		p#props a:hover {color:#887A88; text-decoration:none;}
		
		
/* ---- form tables ----------------------------------------- */
table#formTable {margin:0px 10px 10px 0;}
	table#formTable td {vertical-align:top; padding:4px; font-size:12px;}
	table#formTable td.right {text-align:right; background:none !important;}
	
/* ---- contact form ----------------------------------------- */
table#contactTable {margin:15px 0 5px 80px;}
table#contactTable td {vertical-align:top; padding:4px; text-align:right;}
table#contactTable td label {}
table#contactTable td.left {text-align:left;}
table#contactTable td span {color:red; font-size:12px;}
table#contactTable td form {}
	table#contactTable td input {width:300px; font-family:arial;}
	table#contactTable td textarea {width:300px; height:80px; font-family:arial;}
	table#contactTable td input.button {width:60px; background:#f90; border:0; color:#fff;}
	
/* ---- "Tell a Friend" popup ----------------------------------------- */
#popupFrame {padding:20px; text-align:left; color:#fff;}
	#popupFrame h2 {font-size:24px; font-weight:normal; line-height:26px; color:#EEA44D;}
	#popupFrame a {text-decoration:underline;}
	#popupFrame form {margin:0;}
	#popupFrame table#contactTable {margin:15px auto 5px;}
	#popupFrame input, #popupFrame textarea {font-family:arial; margin:0;}
	#popupFrame textarea {height:80px;}
	#popupFrame input.button {width:60px; background:#f90; border:0; color:#fff;}
	.hruletaf {width:450px; height:21px; background:url(images/hrule-taf.png) no-repeat; margin:20px auto;}
	
		
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:300;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}