/*
Theme Name: HauteMommaStuff
URI: http://localhost/templates
Description: Blank WP template for private use only
Author: eAnka Design
Author URI: http://www.eankadesign.com
Version: 2.0

[Table Of Contents]

0- Reset
1- Main Layout
2- Global Classes
3- WP Classes
4- Typography
5- Block margins
6- Middle
7- Headings
8- Links
9- Lists
10-Tables
11-Forms
*/

/* RESET */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
body { line-height: 1em; background: transparent; color: inherit; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
center,*[align] { text-align:inherit; }
tr,th,td { width:auto; height:auto; vertical-align:inherit; }
nobr { white-space:normal; }
marquee { overflow:visible; -moz-binding:none; }
blink { text-decoration:none; }

/* MAIN LAYOUT */
html, body {height:100%}
body { text-align: center;}
div#outer { min-height: 100%; margin-bottom: -154px; text-align: left;} 
div#header {height: 197px;}
div#header div.centered {height: 122px; background: #d70974; top: 51px; }
div#bg {width: 50%; height: 96px; position: absolute; top: 75px; right: 0; background: #d70974; border-bottom: solid 26px #000;}
div#graphics {width: 247px; height: 234px; float: left; margin: -75px 0 0 -86px; background: url('images/header_bg.gif') no-repeat;}
form#searchform {width: 562px; height: 33px; padding: 0 67px 38px 0; margin: 0 auto -71px auto; position: relative; right: -63px; background: url('images/search_bg.gif') no-repeat top right;}
form#searchform div {width: 542px; height: 23px; padding: 5px 10px; background: #e2e2e2; text-align: left;}
form#searchform input {width: 412px; border-color: #bbb;}
form#searchform input.sendbutton {width: 98px; height: 23px; padding: 2px 0 4px; margin-left: 8px; border: none; background: url('images/search_button.gif'); color: #d70974; font-weight: bold;}
form#searchform input:hover.sendbutton {cursor: pointer;} 
a#logo img {float: left; margin: 15px 0 23px -122px; position: relative; }
div#top_banner {width: 468px; height: 60px; float: right; position: relative; margin-top: 15px;}
div#icon_bar {background: #000; clear: both; position: relative; top: -63px; height: 22px; padding-top: 4px; margin-left:80px; text-align: right;}

div#footer {  clear: both; height: 154px; background: #d70974; color: #fff; text-align: left; }
div#clearfooter {  clear: both; height: 225px;}
div#footer div.centered { padding-top: 100px;  background: url('images/footer_bg.gif') no-repeat top right; position: absolute; left: 50%; margin: -81px 0 0 -412px;}
div#footer div.alignright {text-align: right; width: 280px; padding-top: 40px;}


div#content { float: left;  position: relative;  width: 540px; padding: 10px 0;}
div#rightsidebar { float: right;  position: relative; width: 270px; padding: 10px 0 90px 0; font-size: 11px;}
div.centered { width: 823px; margin-left: auto; margin-right: auto; position: relative;}

div#featured {background: url('images/featured_bg.gif') repeat-y; float: left; width: 540px; margin-bottom: 20px;}
div#featured div.box {width: 162px; padding: 4px; margin-right: 10px; float: left; position: relative; border-style: solid; border-width: 1px 0 0 0; border-color: #d70974;}
div#featured a.readmore {display: block; width: 168px; height: 18px; float: left; margin-right: 10px; border-style: solid; border-width: 0 1px 1px 1px; background: url('images/readmore_bg.gif') no-repeat bottom right;}
div#featured a:hover.readmore {border-color: #d70974; background: url('images/readmore_bg.gif') no-repeat top right;}
div#featured a.readmore span {display: none;}

div#extra {width: 160px; height: 70px; position: absolute; top: 5px; right: 0; background: url('images/body_bg.gif') no-repeat;}
div#openx-widget img { float: left; margin: 0 5px 10px 0;}

div.post { clear: both; margin-bottom: 3em;}
div.date {font-size: 11px; color: #999; margin-bottom: 1.1em;}
div.meta {clear: both; background: #ebebeb; border-style: solid; border-width: 1px 0; border-color: #b5b5b5; font-size: 11px; color: #888; padding: 1em;}
div.avatar {width: 32px; margin-left:-40px;}
/* COMMON CLASSES */
.alignright { float: right; } img.alignleft { margin: 5px 10px 10px 0; }
.alignleft { float: left; } img.alignright { margin: 5px 0 10px 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.align-center { text-align:center;}
.hidden { display: none; }
.clear { clear: both; }
.clearer {clear: both; height: 1px; overflow: hidden; }
.warning { background:#ffc; }

/* WP GENERATED CLASSES */
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px; }
.wp-caption.alignleft {margin-left: 0;}
.wp-caption.alignright {margin-right: 0;}
.wp-caption.aligncenter { margin-left: auto; margin-right: auto;}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 16px;
   padding: 0 4px 5px;
   margin: 0; }
.wp-caption a {border: none;}

/* GENERAL TYPOGRAPHY */

body { font-family: arial, sans-serif; color: #333; font-size: 12px; line-height: 1.3em;}
strong, th, thead td, dt, b { font-weight: bold; }
cite, em, dfn, address, i, dd { font-style: italic; }
code, kbd, samp, pre, tt, var { font-family: courier, mono-spaced; }
del { text-decoration: line-through; color: #666;}
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 0.8em; line-height: 1.625em;}
big {font-size: 1.2em;}
abbr, acronym { text-transform: uppercase;}
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #d70974; }
sup { vertical-align: super;}
sub { vertical-align: sub; }
s, strike { text-decoration: line-through;}
q {	quotes:"\201C""\201D""\2018""\2019"; }
u {border-bottom: solid 1px;}

/* BLOCKS */
p, blockquote, ul, ol, dl, table, address, form {
  line-height: 1.3em;
  margin-bottom: 1em;}
#content p {clear: both;}  
blockquote { padding: 0.75em 2em;
  border: solid 1px #ffcbe7;
  margin: 8px 0 7px;
  background: #ffeef7;} 

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 1em; color: #d70974;}

#content h1#type_name {padding: 10px 0 5px 50px; color: #000; font-size: 20px; background: url('images/hibiscus.gif') no-repeat top left; min-height: 25px; height: 25px; height: auto !important; border-bottom: double 3px #e7b3cf; margin: 0 0 20px 0; line-height: 1.3em;}

#content h1 {font-size: 2.1em; margin: 0.5em 0;}
#content h2 {font-size: 1.8em; margin: 0.5em 0;}
#content h3 {font-size: 1.6em; margin: 0.5em 0;}
#content h4 {font-size: 1.4em; margin: 0.5em 0;}
#content h5 {font-size: 1.2em; margin: 0.5em 0;}
#content h6 {font-size: 1em; margin: 0.5em 0;}

#content div.post h2.storytitle {padding: 10px 0 5px 50px; background: url('images/hibiscus.gif') no-repeat top left; min-height: 25px; height: 25px; height: auto !important; border-bottom: solid 1px #ccc; margin: 0px; line-height: 1.3em;}
#content h3#comments, #content h3#postcomment {clear: both; padding: 7px 0 2px 35px; background: url('images/hibiscus_small.gif') no-repeat top left; min-height: 20px; height: 20px; height: auto !important; border-bottom: solid 1px #ccc; margin: 0px; line-height: 1.3em;}
#content h3#postcomment {clear: both; margin: 30px 0 20px;}
#featured h2 {font-size: 12px; line-height: 1.3em; text-transform: uppercase;}

#rightsidebar h2 {font-size: 14px; margin: 0.5em 0 0.5em 10px;}

/* LINKS */

a {color: #d70974; border-bottom: solid 1px #d70974;}
a:hover {color: #06f; border-color: #06f;}
a:active {color: #f00;}

#header a {border: none;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, ul#menu a, a.noborder {border: none;}
#footer a {color: #fff; font-weight: bold; border-color: #fff;}
#footer a:hover {color: #fae; border-color: #fae;}

#rightsidebar a {color: #000; border-color: #fff;}
#rightsidebar a:hover {color: #d70974; border-color: #d70974;}

div#icon_bar a {margin-left: 8px;}
/* LISTS */

ul ul, ol ul, ol ol, ul ol {margin-bottom: 0;} /* remove bottom margin for nested lists*/

#content ul {list-style-type: disc; list-style-position: outside;}
#content ul li, #content ol li  { text-indent: 0em; margin-left: 1.5em; }
#content ol {list-style-type: decimal; list-style-position: outside;}

#content ul ul, {list-style-type: circle;}
#content ol ol {list-style-type: upper-alpha;}
#content ol ol ol {list-style-type: lower-alpha;}

#rightsidebar ul {margin: 0 0 25px 10px;}

ul#menu { width: 580px; height: 24px; position: relative; top: 51px; left: 50%;  margin: 0 0 0 -235px; }
ul#menu li {display: inline;}
ul#menu li a {display: block; float: left; background: #e5e5e5 url('images/menu_bg_l.gif') no-repeat top left; color: #333; margin-right: 3px; font-weight: bold;}
ul#menu li a:hover {color: #d70974;}
ul#menu li a span {display: block; float: left; padding: 6px 7px; line-height: 12px; background: url('images/menu_bg_r.gif') no-repeat top right;}

ul#menu li.current_page_item a {background: #d70974 url('images/menu_bg_l_a.gif') no-repeat top left; color: #fff;}
ul#menu li.current_page_item a span {background: url('images/menu_bg_r_a.gif') no-repeat top right;}

ol#commentlist {clear: both; margin-top: 30px; list-style-type: none; }
ol#commentlist li {background: #ffeef7; border-bottom: double 3px #e7b3cf; margin: 0 0 1em 0; padding: 8px 8px 8px 48px;} 
/* TABLES */
caption {font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em;}
table {table-layout: auto; width: 100%;}
th, td {padding: 0.25em; border: solid 1px #ccc;}
/* FORMS */

fieldset {padding: 1em; border: solid 1px #ccc;}
legend {padding: 0 1em;}
label {font-size: 0.9em; color: #888;}
input, select { vertical-align: middle; line-height: 1em; padding: 2px;}
input, select, textarea { border: solid 1px #e7b3cf;}
input.sendbutton {padding: 1px;}
select {padding: .1em .1em 0 .2em; }
option {padding-right: 0.7em;}

#commentform textarea {width: 100%;}
#commentform input#submit {float: right; background: #fff; border: double 3px #e7b3cf; }
#commentform input:hover#submit {cursor: pointer; background: #ffeef7;}

#content .wpcf7-form label {display: block; float: left; width: 26%; text-align: right;}
#content .wpcf7-form input, .wpcf7-form textarea {float: right; width: 70%;}
#content .wpcf7-form p {clear: both; margin-bottom: 1em; min-height: 2em;}
#content .wpcf7-form input.sendbutton {float: right; width: auto; padding: 0 15px; font-weight: bold; color: #d70974; background: #fff; border: double 3px #e7b3cf; margin-top: 1em;}