/*
Theme Name: vivalex
Theme URI: http://www.vivianalexander.com/blog/wp-content/themes/vivalex
Description: Vivian Alexander Luxury Blog
Version: 1.0
*/

/*Set all margins to 0*/
* { margin: 0; padding: 0; }

/*Element stylings*/
body { font-family: verdana, arial; color: #4f4f4f; background: #d6c698; text-align: center;font-size:100%;line-height:1.125em;}
p,ul,ol,table,form,cite {font-size:0.6875em;}
ol ul,ol ol,ul ol,ul ul,form p,form legend {font-size: 100%;}
p, table { margin: 5px 0;}
h1, h2, h3 {font-style:normal;font-size: 0.75em;font-weight: bold;color: #6b1809;font-family:verdana, arial, sans-serif;letter-spacing:.1mm;}
h1 {margin: 10px 0;font-size:0.875em}
a:link, a:visited { text-decoration: underline; color: #62460d; }
a:hover, a:active { color: #6b1809; }

/*Layout stylings*/
#wrapper { width: 795px; margin: 5px auto; text-align: left;border:1px solid #182424;border-top:8px solid #182424;background:#262e30}
.content {clear: left; border-bottom: 15px solid #262e30;background: url(images/watermark.jpg) bottom right no-repeat #fff;}
.contentinner {background:url(images/gradient.jpg)top left repeat-x;padding-right:10px}

/*Navigation bar*/
.navbar { border-bottom:1px solid #182424;background:#262e30;height:30px;font-family:"Trebuchet MS",verdana,arial,sans-serif;color:#EAEBEB;text-transform:uppercase}
.nav, .nav * {margin:0;padding:0}
.nav {line-height:1.0;float:left;}
.nav ul {background:#fff;} /*IE6 needs this*/ 
.nav li {background:#262e30;float:left;list-style:none;position:relative;z-index:899;width:10em}
.nav a {color: #fff;background-color:#262e30;display:block;float:left;padding: .75em 0 .75em 2em;text-decoration:none;width:10em;font-weight:normal;letter-spacing:1px}
/*original link color #604641*/
.nav a:visited {text-decoration: none;color: #EAEBEB;font-weight:normal }
.nav li.menufirst, .nav li.menufirst a {width:4em; padding-left: .4em;}
.nav li.menusecond, .nav li.menusecond a {width:11.5em;padding-left: .4em;}
.nav li.menuthird, .nav li.menuthird a {width: 9em; padding-left: .4em;}
.nav li.menufourth, .nav li.menufourth a {width: 8.5em; padding-left: .4em;}
.nav li.menufifth, .nav li.menufifth a {width: 4em; padding-left: .4em;}
.nav li.menusixth, .nav li.menusixth a {width: 6.5em; padding-left: .4em;}
.nav li.menuseventh, .nav li.menuseventh a {width: 8em; padding-left: .4em}
.nav li.menueighth, .nav li.menueighth a { width: 7em;padding-left:.4em }
.nav li ul {float:none;top:-999em;position:absolute}
.nav li:hover,.nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {background:#232e30;color: #EAEBEB; text-decoration:underline}
.nav li:hover ul,.nav li.sfHover ul {left:-1px;top:2.5em}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em}
.nav li li:hover ul,.nav li li.sfHover ul {left:18em;top:-1px;width:16em;}
.nav li li {background:#232e30;float:none;width:16em}
.nav li li li {background:#232e30}
.nav li li a {float:none;padding-right:0;width:7.45em;border:1px solid #a3926f;border-top: 0;}
.nav li li a.top { border-top: 1px solid #a3962f; }
.nav li.menusecond li a, .nav li.menusixth li a {width:16em}
div.phone {width:8em;padding:.55em .5em .65em 0;float:right;font-size:0.6875em}

/*Global header*/
#headerwrapper { width: 100%; background: #182424; border-bottom: 1px solid #fff;}
#header { background: #fff url('../graphics/sitewide/area_bg.jpg') top left repeat-x; clear: left; text-align: right; padding: 0 10px;border-top:1px solid #182424;border-bottom:2px solid #182424;height:100px}
#header img.left { float: left; border: none; width: 355px; height: 85px; margin-top:10px;margin-left: -5px; }
#header form { margin-top: 50px; }
#header input.text { width: 120px; }
#header a { text-decoration: underline; font-family: "Trebuchet MS", verdana, sans-serif; color: #a3926f; letter-spacing: .1mm; font-weight: normal;font-size:0.6875em }
#header a.accounticon { background: url(images/my_account.gif) left no-repeat; margin-right: 20px; padding-left: 23px; }
#header a.basketicon { background: url(images/basket.gif) left no-repeat; margin-right: 20px; padding-left: 26px; }
#header a.checkouticon { background: url(images/checkout.gif) left no-repeat; padding-left: 23px; }
#header a.small { font-size: .5625em; }

/*Layout for the featured items section*/
.featured { background: #262e30; padding-top: 15px; padding-bottom: 15px; width: 795px; margin: 0 auto 20px auto; text-align: left; }
.featuredinner { position: relative; margin: 5px auto 10px auto; width: 777px; height: 112px; background: #262e30; }
.featuredleft { position: absolute; width: 284px; height: 120px; background-color: #d6c698; top: 0px; left: 0px; }
.featuredleft img { width: 102px; height: 112px; float: left; padding: 3px; border: 1px solid #c0ac82;background:#ad8d38 }
.featuredleft h3 { margin: 15px 0 0 115px; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif }
.featuredleft p { margin: 0 0 0 115px; }
.featuredmiddle { position: absolute; width: 192px; background:#d6c698; height: 120px; top: 0px; left: 293px; }
.featuredv { position: absolute; top: 50px; left: 9px; z-index: 2; }
.featureda { position: absolute; top: 50px; left: 163px; z-index: 2; }
.featuredimg { position: absolute; top: -15px; left: 32px; z-index: 2; }
.featuredvideo { position: absolute; top: -15px; left: 6px; z-index: 2; border: none; border-left: 1px solid #99594b; border-right: 1px solid #99594b; }
.featuredright {position: absolute; width: 284px; height: 120px; background-color: #d6c698; top: 0px; left: 493px; }
.featuredright img { width: 102px; height: 112px; float: right; padding: 3px; border: 1px solid #c0ac82;background:#ad8d38 }
.featuredright h3 { margin: 15px 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.featuredright p { margin: 0 0 0 10px; }
.featuredright a:link, .featuredright a:visited, .featuredleft a:link, .featuredleft a:visited { text-decoration: underline; color: #62460d; }
.featuredright a:hover, .featuredright a:active, .featuredleft a:hover, .featuredleft a:active{ color: #99594b; }

/*Layout for blog pages*/
#sidebar { width: 180px; float: left;padding: 35px 0;list-style:none;font-size:100%;text-align:center}
#sidebar ul {font-size:100%;margin-right:5px}
#sidebar h2 {text-align: left;margin-left:10px;}
#sidebar p { margin: 10px; text-align: left; }
#sidebar li {margin-bottom: 20px; list-style:none;text-align:left}
#sidebar li ul {list-style:none;text-align:left;}
#sidebar li ul li {font-size: 0.6875em;margin: 0 0 0 5px;padding:0 0 0 5px}
#sidebar li.page_item {font-size: 0.6875em;margin: 0 0 0 5px;padding:0 0 0 5px}
.rightcontentblog { float:left;width:590px}
.rightcontentblog div { margin: 10px 0;}
.rightcontentblog h2 { clear: right; }
.rightcontentblog ul { margin-left: 20px; }
.post { padding-left:5px;border-top:1px dotted #262E30;margin-top:5px;padding-top:5px;clear:right }
.post img.alignright {margin-bottom:10px;}
.feedback, .offset {font-size:0.6875em; }

/*Layout for stylized headings on information pages*/
h1.supersize { font-family: Georgia, Times, serif; letter-spacing: .2mm; margin:0;padding:30px 75px 25px 0;font-size:110% }

/*Layout for comments popup window*/
#commentspopup {text-align:left}
#commentspopup div {padding:10px}
#commentspopup h1#header {text-align:left}
#commentspopup ol {font-size:1em;border-top: 1px dotted #262E30;margin-top:10px;padding-top:5px}
#commentspopup ol li {list-style:none;border-bottom: 1px dotted #262E30;padding-bottom:5px;margin-top:5px}
#commentspopup h2 {margin-top:15px}

/*Variant stylings*/
.red { color: #6b1809; font-weight: bold; }
.rednormal { color: #6b1809; }
.sup { font-size: 0.875em; margin-top: -5px; }
.click { margin: 20px auto; display: block; }
.alignleft { float: left; }
.alignright { float: right; margin-left:10px;clear:right}
.center { text-align: center; }
.padl { padding-left: 5px; }
.padr { padding-right: 5px; }
.padr80 { padding-right: 80px; }
.padr10 { padding-right: 10px; }
.pad10 { padding:10px }
.clear {clear: both; height: 1px; font-size: 1px;margin-top:20px}
.clearright { clear: right;}
.small { font-size: 0.8em;font-weight:normal }
.stbuttontext {font-size:1em}