@import url(luna_core.css);

/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/
body {
      background: #e2ddcb;
      color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;

}
/* Logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */

#ocwrapper {
  border-right-width: 345px;
  border-right-color: #ffffff;
}
#rightsidebar {
  margin-right: -345px;
  width: 335px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 345px 0px 0px;
}




/* Change width of document */

#wrapper {
  width: 960px;
  padding: 10px;
  background: #d4cfbb;
  margin-top: 10px;
}


/* Don't want the shadows? */

.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}


/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/


#wrap {
	background: #F7F5EF;
	width: 960px;
	//margin: 10px auto 10px;
	padding: 0px;
	position: relative;
	//border: 10px solid #D4CFBB;
	}

#topnavbar {
	background: #93BBBC url(images/topnav.png);
	width: 960px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
#topnavbar a, #topnavbar a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#topnavbar a:hover {
	text-decoration: underline;
	}
	
#topnavbar p {
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	}
	
.topnavbarleft {
	width: 230px;
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 10px;
	}
	
.topnavbarright {
	width: 600px;
	float: right;
	margin: 0px;
	padding: 7px 10px 0px 0px;
	text-transform: uppercase;
	text-align: right;
	}
	
.topnavbarright a img {
	border: none;
	margin: 0px 3px 3px 0px;
	padding: 0px;
	}

#header1 {
	background:  url(/wp-content/themes/lifestyle_20/images/header.png);
	width: 960px;
	height: 100px;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}

#header1 h1 {
	color: #FFFFFF;
	font-size: 36px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	margin: 0px;
	padding: 15px 0px 0px 20px;
	text-decoration: none;
	}
	
#header1 h1 a, #header1 h1 a:visited {
	color: #FFFFFF;
	font-size: 36px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
	
#header1 h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#header1 h3 {
	color: #7A3254;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
	
#header1 p {
	color: #FFFFFF;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	line-height: 20px;
	}
	
.headerleft {
	width: 450px;
	float: left;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	}
	
.headerleft a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.headerright {
	width: 496px;
	float: right;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	font-weight: bold;
	}
	
.headerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #E1DCCA url(/wp-content/themes/lifestyle_20/images/navbar.png);
	width: 960px;
	height: 35px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
#navbarleft {
	width: 680px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navbarright {
	width: 280px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #495D5C;
	display: block;
	font-size: 16px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	text-transform: lowercase;
    margin: 0px;
	padding: 9px 15px 8px 15px;
	}

#nav li a:hover, #nav li a:active {
	background: #EBE6D4 url(/wp-content/themes/lifestyle_20/images/navhov.png);
	color: #495D5C;
    margin: 0px;
	padding: 9px 15px 8px 15px;
	text-decoration: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #E1DCCA;
	width: 150px;
	color: #495D5C;
	font-size: 14px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	text-transform: lowercase;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #85ACAC;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 140px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -32px 0 0 171px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	
/************************************************
*	SubNavbar      								*
************************************************/

#subnavbar {
	background: #666666;
	width: 960px;
	height: 24px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	}
	
#subnav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li a, #subnav li a:link, #subnav li a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}

#subnav li a:hover, #subnav li a:active {
	background: #85ACAC;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #666666;
	width: 140px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #85ACAC;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}
	
#subnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px;
	padding: 0px;
	}

#subnav li li { 
	}

#subnav li ul a { 
	width: 140px;
	}

#subnav li ul a:hover, #subnav li ul a:active { 
	}

#subnav li ul ul {
	margin: -25px 0 0 161px;
	}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
	left: -999em;
	}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
	left: auto;
	}

#subnav li:hover, #subnav li.sfhover { 
	position: static;
	}

a, a:visited {
	color: #7A3254;
	text-decoration: none;
	}
	
a:hover {
	color: #495D5C;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none 
	}

#footer {
	background: #93BBBC url(/wp-content/themes/lifestyle_20/images/topnav.png);
	width: 960px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: center;
         border: none;
	}
	
#footer p {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: none;
  float: left;
  list-style: none;
}
#ocwrapper {

  background: #ffffff;
}

#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}
	
#searchbox {
	background: #F7F5EF !important;
	width: 220px;
	color: #495D5C;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 4px 0px 3px 5px;
	border-top: 1px solid #759697;
	border-right: 1px solid #A3BAB9;
	border-left: 1px solid #759697;
	border-bottom: 1px solid #A3BAB9;
	display: inline;
	}
	
#searchbutton {
	background: #93BBBC url(/wp-content/themes/lifestyle_20/images/topnav.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	margin: 0px 0px 0px 5px;
	padding: 3px 3px 2px 3px;
	font-weight: bold;
	border-top: 1px solid #A3BAB9;
	border-right: 1px solid #759697;
	border-left: 1px solid #A3BAB9;
	border-bottom: 1px solid #759697;
	}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #ffffff;
}
.searchhl-2 {
  background: #ffffff;
}
.searchhl-3 {
  background: #ffffff;
}
.searchhl-4 {
  background: #ffffff;
}
.searchhl-5 {
  background: #ffffff;
}



.crumb {
  font-size: 12px;
}

/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
	float: right;
	width: 320px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	display: inline;
	}
	
#sidebar h2 {
	background: #86AFB0 url(/wp-content/themes/lifestyle_20/images/headline.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	}
	
#sidebar p {
	margin: 0px;
	padding: 0px 0px 0px 45px;
	}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li li {
	background: #FFFFFF url(/wp-content/themes/lifestyle_20/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
#sidebar ul li ul li {
	background: #FFFFFF url(/wp-content/themes/lifestyle_20/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
.widgetarea {
	background: #FFFFFF url(/wp-content/themes/lifestyle_20/images/sidebartop.gif) top no-repeat;
	float: left;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.video {
	background: #FFFFFF url(/wp-content/themes/lifestyle_20/images/sidebartop.gif) top no-repeat;
	float: left;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.adsense {
	background: #FFFFFF url(/wp-content/themes/lifestyle_20/images/sidebartop.gif) top no-repeat;
	float: left;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.newsletter {
	background: #FFFFFF url(/wp-content/themes/lifestyle_20/images/newsletter.gif) top no-repeat;
	float: left;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
#subbox {
	background: #EEEEEE !important;
	width: 250px;
	color: #495D5C;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px solid #759697;
	border-right: 1px solid #A3BAB9;
	border-left: 1px solid #759697;
	border-bottom: 1px solid #A3BAB9;
	display: inline;
	}
	
#subbutton {
	background: #93BBBC url(/wp-content/themes/lifestyle_20/images/topnav.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	margin: 0px 0px 0px 7px;
	padding: 3px 3px 2px 3px;
	font-weight: bold;
	border-top: 1px solid #A3BAB9;
	border-right: 1px solid #759697;
	border-left: 1px solid #A3BAB9;
	border-bottom: 1px solid #759697;
	}
	
#author, #email, #url {
	background: #EEEEEE !important;
	width: 250px;
	color: #202020;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px solid #759697;
	border-right: 1px solid #A3BAB9;
	border-left: 1px solid #759697;
	border-bottom: 1px solid #A3BAB9;
	display: inline;
	}
	
#submit {
	background: #7B7B7B url(/wp-content/themes/lifestyle_20/images/subbutton.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 3px 3px 2px 3px;
	font-weight: bold;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}

#comment {
	background: #EEEEEE;
	width: 460px;
	color: #202020;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px solid #759697;
	border-right: 1px solid #A3BAB9;
	border-left: 1px solid #759697;
	border-bottom: 1px solid #A3BAB9;
	display: inline;
	}


.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: none;
  background: #ffffff;
  overflow: hidden;
}

.linklisting {
padding-bottom: 5px;
border-bottom: 1px dotted #bbbfa1;
}

#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 0px;
  padding: 2px;
  border: none;
  color: #000000;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  background: none;
}