/*  
Theme Name: By Elise Blog www.byelise.com
Theme URI: http://www.digitalidiom.co.uk/business-web-templates.php
Description: 2 column, vertical sidebar menu, static header and footer by Digital Idiom - UK Web Design Services
Version: 1.0
Author: Digital Idiom Web Design
Author URI: http://www.digitalidiom.co.uk/

	This theme was designed and built by Digital Idiom
	only for use by Digital Idiom Customers
	No use with out express permission from Digital Idiom
	Copyright c2008
*/

html, *, div, body, table, td, p, ul, ol, li, object {
margin:0; padding:0; border:0;
}


/* STRUCTURE DIVS ################################## */
body {
color:#CCC;
font: normal 11px/18px verdana, arial, helvetica, sans-serif;
background-color: #101010;
}

#page {
width:900px;
margin:0px auto 0px auto;
background-color:#000;
color:#CCC;
}

#masthead {
width:900px;
height:170px;
color:#333;
background: #000 url('images/bg-masthead.gif') no-repeat;
}

#logo {
float:right;
}

#outer {
width:900px;
background-color: #000;
color:#333;
}

#sidebar {
float: left;
width:200px;
background-color: #000;
color:#CCC;
}

#content {
width:658px;
margin:20px 20px 0px 214px;
padding:40px 0px 0px 0px;
background: #FFF url('images/bg-content-top.gif') -1px 0px no-repeat;
color:#333;
font: normal 11px/18px verdana, arial, helvetica, sans-serif;
}

#tophome {
background: #FFF url('images/bg-content-btm.gif') -1px bottom no-repeat;
width:658px;
text-align:right;
}

#footer {
clear:both;
margin:20px 0px 20px 220px;
padding-bottom:5px;
background-color: #000;
color:#444;
font-size:80%;
line-height:120%;
}

/* ############# end of Main Layout Divs ######### */


/* MAIN TOP MENU ################################ */
#navcontainer {
width:900px;
border-top:1px solid #333;
clear:both;
}

#navcontainer ul
{
margin: 10px 0px 0px 214px;
background-color: #000;
color: #000;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a:link, #navcontainer ul li a:visited
{
padding: 0.65em 1em 0em 1em;
color: #FFF;
text-decoration: none;
float: left;
font: normal 13px verdana, arial, helvetica, sans-serif;
background: transparent url('images/bullet-dot.gif') no-repeat;
}

#navcontainer ul li a:hover
{
color: #E90075;
background-position: 0px -50px;
}

.navigation {
padding:3px;
border-bottom:1px solid #DDD;
text-align:right;
margin-bottom:14px;
}


/* eSTORE MENU ###################################### */
#shopBox {
background-color: #000;
}

.shopMenu {
padding:0px;
margin:0px 0px 0px 40px;
background-color: #000;
color: #EEE;
}

.shopMenu ul {

}

.shopMenu li {color:#E90075;
font: normal 13px/22px verdana, arial, helvetica, sans-serif;
}

.shopMenu ul li {
font: normal 11px/16px verdana, arial, helvetica, sans-serif;
margin-left:4px;
}

.shopMenu li a:link, .shopMenu li a:visited
{
color:#CCC;
text-decoration:none;
}

.shopMenu li a:hover {color:#E90075;}

.line {
height:14px;
width:170px;
border-bottom:1px solid #000;
}

/* print only elements */
.printOnly, .nosale {display:none;}

#seostrapline {
padding:10px 0px;
font-size:13px;
color:#999;
position:absolute;
left:-2000px; top:-1000px;
}
/* print only elements */


/* #### CONTENT STYLING #### */

#content p {margin:4px 0px 24px 0px;}

#content p, #content h1, #content h2, #content h3, #content h4, #content table,#contents img, #content form {
padding:0px 30px; /* indent from left margin */
}

#content ul, #content ol {
padding:0px 0px 10px 60px; /* indent from left margin */
}

h1 {
color:#E90075;
font: bold italic 20px 'times new roman', verdana, arial, helvetica, serif;
letter-spacing:3px;
margin-bottom:12px;
}

h2 {
color:#E90075;
font: bold 18px 'times new roman', verdana, arial, helvetica, serif;
letter-spacing:3px;
margin-bottom:8px;
}

#content h2 {
padding-left:50px;
background:transparent url('http://www.byelise.com/images/icon-heart.gif') 20px 0px no-repeat;
}

.shopMenu h2 {
color:#E90075;
font: bold 11px verdana, arial, helvetica, serif;
margin-top:6px;
letter-spacing:0;
}

h3 {
color:#E90075;
font: bold 14px verdana, arial, helvetica, serif;
margin-bottom:4px;
background-color: transparent;
}

h4 {
color:#555;
font: bold 12px verdana, arial, helvetica, serif;
margin-bottom:4px;
background-color: transparent;
}

.postmetadata {
color:#BBB;
padding:4px 0px 8px 0px;
border-bottom:1px dashed #DDD;
background-color: #FFF;
}

.boxed {
border:1px solid #CCC;
padding:4px;
}

.txtRight {text-align: right}
.center {text-align:center;}



.imgRight, .alignright {float:right; margin:0px 0px 10px 10px; border:0px;}
.imgLeft, .alignleft {float:left; margin:0px 10px 10px 0px; border:0px;}


/* ###### LINK SYLING ##### */

a:link, a:visited {color:#666;  text-decoration:underline;}
a:hover {color:#E90075; text-decoration:none;}

#footer a:link, #footer a:visited {color:#444; text-decoration:none;}

.postmetadata a:link, .postmetadata a:visited {color:#BBB;}

/* ###### MAILERS ###### */
div.mailers  ul { list-style:none; margin:0px; padding:0px; }
div.mailers a { color:#E90075;}

div.clear-both { clear:both; float:none; }

/* ########### */