/*  
Theme Name:rubystar
Theme URI: http://rubystar.com.au
Version: 1.0
Author: C P
Author URI: http://attitude-emedia.com
*/

body {font-family: Century Gothic, Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size: 13px; line-height:15px;background: #FFF url("images/bg.gif") repeat-x;margin: 0;padding: 0px;}
p, h2, h1, img, ul, form {margin: 0;padding: 0;}
p {line-height: 13px;}
h1 {font-size: 12px;font-weight: bold;line-height: 14px;}
h2 {font-size: 11px;font-weight: bold;line-height: 14px;}
.clear { clear: both; line-height: 0px; height: 0px }

ul {list-style: none;}
.hidden {display: none;}
a {color: #000;text-decoration: none;}
a:hover {text-decoration: underline;}


#wrap {width:925px;margin: 0 auto;}
#content_wrap {width: 925px;background: #fff url('images/moist.gif') no-repeat bottom left;}

.top {width: 544px;background: #DC1E28;float: left;border-left:5px solid #fff;border-right:5px solid #fff;}
.top h2 {width: 544px;margin: 2px 5px 2px 5px;}
.top h2 a {font-size:1.5em;color:#6F0300} 
.top h2 a:hover {text-decoration:none;color:#000} 

#top {height:310px;background: url('images/top_bg.gif') no-repeat;position: relative;border-left:5px solid #F70104;border-right:5px solid #F70104;}
#top h2 {color:#fff;width: 544px;height: 40px;position: absolute;bottom: 0; right:11px;font-size: 1.3em;letter-spacing: 1px; font-weight: normal; text-align: center; line-height: 30px; }
#top h2 a {color: white;}
#top p {position: absolute;top: 170px;left: 50px;}

h2.menu-title  {font-size: 27px;letter-spacing: 2px;padding-top:3px;font-weight: normal;line-height:1.5em;color:#DD1D28}
.heading1 a {font-size: 3em !important;letter-spacing: 2px;padding-top:3px;line-height:1.2em;color:#DD1D28 !important;padding-bottom:0px;margin-bottom:0px;text-decoration:none}
.subtitle {font-size: 2.5em !important;letter-spacing: 2px;font-weight: normal;color:#DD1D28 !important;padding-top:0px;margin-top:0px}
h2.heading2  {font-size: 3em !important;letter-spacing: 2px;padding-top:3px;line-height:1.2em;color:#000 !important;padding-bottom:0px;margin-bottom:0px;border-top:1px solid #DD1D28;border-bottom:1px solid #DD1D28;text-align:center}

.archive {text-align:center;margin:20px 0 10px 0;font-size:1.3em}

/* --- Left --- */
#left {width: 350px;float: left;}
#left ul ul {padding: 0;}
.jaxpic {width: 340px;height: 452px;background: url("images/jax.jpg") no-repeat;}
.prod01 {width: 340px;height: 247px;background: url("images/prod01.gif") no-repeat center top;}
#sidebar ul {margin-bottom:10px}

/* Menu */
.sidemenu {list-style: none; margin: 30px 0 0 0 !important;width:100%;font-weight:500 !important;float:left;height:1%}
.sidemenu li {text-align:left}
.sidemenu ul {display: none; list-style: none;float:left}
.sidemenu ul li {border-bottom: none;}
.sidemenu a {display: block; padding: 0 20px 0 10px; list-style: none; color:#000 !important; text-decoration: none;font-weight:normal;font-size:120%;}
.sidemenu a:visited {color:#000 !important}
.sidemenu ul li a {display: block; padding: 0 20px 0 5px} 
.sidemenu a:hover {color: #245FBD !important; }
.sidemenu ul li a:hover {display: block; padding: 0 20px 0 5px;} 

/* search */
#search{padding: 6px 0 6px 6px;margin:50px 0 50px 0}
#search input#s{font-family: verdana, arial, times;font-size: 8pt;padding: 2px;margin: 2px;border: 1px solid #B7B7B7;}
#search input.subbuton{font-family: verdana, arial, times;font-size: 7pt;padding: 2px;margin: 2px 0 0 2px;border: 1px solid #B7B7B7;background-color: #fff;color: #797979;}


/* --- Categories --- */
.categories {width: 340px;float: left;padding-left: 7px;padding-top:5px;}
.categories ul {padding-top:10px;}
.categories ul li {background: url('../images/icon_li.gif') no-repeat 0 6px;padding-left: 14px;line-height: 18px;font-size:1.6em !important;padding-bottom:10px}

/* 
#left_inside {width: 185px;float: right;}
#left_inside h2 {border: 2px solid;border-color: #fff;border-bottom-color: #FFDD74;background: #fff;color: #fff;padding-left: 22px;line-height: 34px;margin-top:3px;}
#left_inside ul {background: #fff;margin-bottom: 7px;padding-left: 25px;padding-top: 10px;padding-bottom: 12px;}
#left_inside ul li {line-height: 18px;background: url("images/icon_li_left_inside.gif") no-repeat 0 5px;padding-left: 14px}
#left_inside a {color: #666;}
*/


/* --- Right --- */
.studio {width: 544px;height: 364px;background: url('images/studio.jpg') no-repeat center center;border-left:5px solid #fff;}
#right {width: 544px;float: left;padding: 0 5px;padding-bottom:200px;}
#right h1 {font-size:1.6em;margin:20px 0;color:red}
#right h2 {font-size:1.4em;margin:20px 0;color:red}
#right h3 {font-size:1.4em;margin:20px 0;color:#000}
#right p {margin:20px}

.title {width: 225px;float: left;padding: 10px 0px;}
.date {font-weight: bold;color: #fff;font-size: 12px;width: 115px;text-align: right;float: right;padding: 10px;}
.txt {clear: both;padding: 5px;text-align: justify;}
.txt p {padding: 5px 0px;}
.txt ul {padding-left: 30px;}
.txt ul li {line-height:17px;list-style: circle;}
.pcomments {width: 370px;text-align: right;padding-bottom: 20px;padding-right: 21px;}
.rimag {float: right;padding: 5px 0 20px 20px;}


/* --- Comments --- */
.comment {width: 350px;background: #eee;margin: 10px auto;padding: 10px;border: #CF676E 1px solid;}
.comment p {padding-bottom: 8px;}
.txt label {padding-left: 10px;}
.txt form p {padding: 0 0 3px 0;}
.lc a {text-decoration: underline;}
.lc a:hover {text-decoration: none;}


/* --- Footer --- */
#footer {height: 72px;background: url('images/dermalogica2.gif') no-repeat top right;clear: both;}
.copyright p {color: #666;float:right;margin: 0 0 50px 0}
#footer a {font-weight: bold;color: red;}
.copyright a {font-weight: bold;color: red}



/* --- Fix --- */
#content_wrap:after,
.top:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}