/*
Theme Name: Haute
Theme URI: http://www.xxx.com/
Description: This theme was designed and programmed by My Studio Space.
Version: 1.0
Author: My Studio Space
Author URI: http://www.MyStudioSpace.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/


/* Body + Wrapper */

body {font-size:14px; font-family:Arial; background-color:#8F7A45; color:#3A3214; text-align:center; margin:0; padding:0;}

#wrapper {width:940px; margin:20px auto; padding:0; text-align:left;}

#shadow-top {width:940px; height:20px; margin:0; padding:0; float:left; background:url('images/haute-shadow-top.png') no-repeat;}

#shadow-middle {width:900px; margin:0; padding:0 20px 0 20px; float:left; background:url('images/haute-shadow-middle.png') repeat-y;}

#shadow-bottom {width:940px; height:20px; margin:0; padding:0; float:left; background:url('images/haute-shadow-bottom.png') no-repeat;}

/*  END Body + Wrapper */


/* Page */

#page {width:900px; margin:0; padding:0; text-align:left; float:left;}

/* END Page */





/* Header */

#header {width:900px; height:230px; margin:0; padding:0; float:left; background-color:#554929;}

/* END Header */



/* Navigation */

#navi {width:940px; height:38px; margin:0; padding:0; float:left; background:url('images/haute-navi-bg.jpg') no-repeat;}

#nav, #nav ul {padding:0; margin:0 auto; list-style:none;}

#nav a {font-size:13px; height:27px; text-transform:uppercase; color:#FFFFFF; text-decoration:none; padding:11px 25px 0 25px; margin:0; font-weight:normal; display:block; border-left:1px #7A6629 solid; border-right:1px #3A3214 solid;}

#nav a:hover {color:#FFFFFF; text-decoration:none; background:#3A3214;}

#nav li {float: left; padding:0 0 0 0; margin:0;} 

#nav li ul {margin:0px 0 0 0; padding:0; width:180px;  left: -999em; position:absolute; background:#8F7A45; text-align:left; z-index:1;}

#nav li ul li {list-style:none; border-bottom:0px #B2D7E9 solid; float:left; width:205px; padding:0;}

#nav li ul li a {display:block; width:180px; height:16px; padding:5px 0 0 25px; text-decoration:none; background-color:#8F7A45; border:none; color:#FFFFFF; font-size:11px;}

#nav li ul li a:hover {background:#3A3214; width:180px; height:16px; display:block;  padding:5px 0 0 25px; text-decoration:none; color:#FFFFFF; font-size:11px;}

.fixed a {position:relative;}

#nav li ul ul {margin: -1em 0 0 8.5em; border-left: 1px solid #fedc00;text-align:left;}

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

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

#nav li:hover, #nav li.hover {position: static;}

/*  END Navigation */







/* Content */

#contentwrapper {width:900px; margin:0; padding:0; float:left; background-color:#FFFFFF;}

#textcolumn {width:600px; margin:0; padding:30px 20px 30px 20px; float:left; text-align:left;}

#content-bottomspacer {width:900px; height:20px; margin:0; padding:0; float:left; background:url('images/haute-contentbottom-spacer.png') no-repeat;}

.pagecontent a {color:#DF7000; text-decoration:none;}

.pagecontent a:hover {color:#897676; text-decoration:none;}

.pagecontent {margin:0; padding:0; float:left; width:100%;}

.pagecontent h1 {font-size:28px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#3A3214;}

.pagecontent h2 {font-size:23px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:26px; color:#3A3214;}

.pagecontent h3 {font-size:19px; padding:0; margin:30px 0 20px 0; font-weight:normal; line-height:22px; color:#3A3214;}

.pagecontent h4 {font-size:15px; padding:0; margin:30px 0 20px 0; font-weight:bold; line-height:18px; color:#3A3214;}

.pagecontent ul {margin:30px 0 30px 0; padding:0; list-style-type:none;}

.pagecontent li {margin:0 0 4px 40px; padding:0 0 0 10px; list-style-type:circle;}

#searchresult {margin:0; padding:0;}

#searchresult h2 a {font-size:17px; padding:0; margin:10px 0 10px 0; font-weight:normal; line-height:23px; color:#3A3214;}

#searchresult h2 a:hover {color:#7777FF;}

.post {padding:0; margin:0 0 50px 0; font-family:Arial;}

.post h1 {font-size:28px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#3A3214;}

.post h2 {font-size:28px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#3A3214;}

.post h2 a {font-size:28px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#3A3214;}

.post h2 a:hover {font-size:28px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#8F7A45;}

.post h3 {font-size:23px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:26px; color:#3A3214;}

.post h4 {font-size:19px; padding:0; margin:30px 0 20px 0; font-weight:normal; line-height:22px; color:#3A3214;}

.post h5 {font-size:15px; padding:0; margin:30px 0 20px 0; font-weight:bold; line-height:18px; color:#3A3214;}

.post ul {margin:30px 0 30px 0; padding:0; list-style-type:none;}

.post li {margin:0 0 4px 40px; padding:0 0 0 10px; list-style-type:circle;}

.entry {padding:0; margin:0;}

.entry a {color:#DF7000; text-decoration:none;}

.entry a:hover {color:#897676; text-decoration:none;}

.postmeta {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:30px 0 0 0; padding:0;}

.postmeta a {color:#0066CC;}

.postmetaheadline {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:0px 0 30px 0; padding:0;}

/* ??? */ .postmetadatabox {font-size:10px; color:#999999; border:#CCCCCC 1px solid; background:#CCFFFF; margin:20px 0 20px 0; padding:4px; line-height:11px;}

.sharethisimg {width:674px; margin:15px 0 15px 0; padding:0; float:left; opacity:.6; filter: alpha(opacity=60); -moz-opacity: 0.60;}

.sharethisimg img {padding:0 1px 0 0; margin:0; opacity:.6; filter: alpha(opacity=60); -moz-opacity: 0.60;}

.sharethisimg img:hover {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.00;}

/*  END Content */


/* Sidebar */

#sidebar {width:230px; min-height:50px; margin:0; padding:30px 10px 30px 20px; float:left; text-align:left; font-size:12px;}

#sidebar ul {margin:0; padding:0; list-style-type:none;}

#sidebar li {margin:0 0 30px 0; padding:0; list-style-type:none;}

#sidebar ul li ul {margin:0; padding:0; list-style-type:none;}

#sidebar ul li ul li {margin:0 0 3px 0; padding:0; list-style-type:none; font-size:12px;}

#sidebar ul li ul li a {color:#897676; text-decoration:none;}

#sidebar ul li ul li a:hover {color:#FFC212; text-decoration:none;}

#sidebar h2 {margin:0; width:100%; padding:0; color:#3A3214; font-size:19px; font-weight:normal; margin:0 0 10px 0}

#sidebar h3 {margin:0 0 5px 0; padding:0; color:#90C127; font-size:14px; font-weight:bold;}

#sidebar a h3 {margin:0 0 5px 0; padding:0; color:#08A0EE; font-size:13px; font-weight:bold; text-decoration:none;}

#sidebar a:hover h3 {color:#90C127;}

#homepagebuttons {width:150px; margin:40px 0 0 0; padding:0 30px 0 30px;}

#homepagebuttons a:hover img  {-moz-opacity: 0.60; opacity:.60; filter: alpha(opacity=60); background-color:#FFFFFF;}

#defaultbuttons {width:210px; margin:50px 0 0 0; padding:0; text-align:center;}

#defaultbuttons img {padding:0 2px 0 2px; margin:0;}

#defaultbuttons a:hover img {-moz-opacity: 0.60; opacity:.60; filter: alpha(opacity=60);}

/*  END Sidebar */


/* Footer */

#footerwrapper {width:940px; margin:0; padding:0 0 50px 0; float:left;}

#footer-shadow-top {width:940px; height:20px; margin:0; padding:0; float:left; background:url('images/haute-footershadow-top.png') no-repeat;}

#footer-shadow-middle {width:900px; margin:0; padding:0 20px 0 20px; float:left; background:url('images/haute-footershadow-middle.png') repeat-y;}

#footer-shadow-bottom {width:940px; height:20px; margin:0; padding:0; float:left; background:url('images/haute-footershadow-bottom.png') no-repeat;}

#footer-top {width:900px; height:14px; margin:0; padding:0; float:left; background:url('images/haute-footer-top.png') no-repeat;}

#footer-middle {width:900px; min-height:50px; margin:0; padding:10px 0 0 0; float:left; background-color:#F3ECD9;}

#footer-bottom {width:900px; height:15px; margin:0; padding:0; float:left; background:url('images/haute-footer-bottom.png') no-repeat;}

#footer-middle a {color:#3A3214; text-decoration:none;}

#footer-middle a:hover {color:#FFC212; text-decoration:none;}

#footer-middle ul {margin:0; padding:0; list-style-type:none;}

#footer-middle li {margin:0; padding:0; list-style-type:none;}

#footerboxone {width:160px; margin:0; padding:0 10px 0 10px; float:left;}

#footerboxtwo {width:180px; margin:0; padding:0 10px 0 10px; float:left;}

#footerboxthree {width:280px; margin:0; padding:0 10px 0 10px; float:left;}

#footerboxfour {width:200px; margin:0; padding:0 10px 0 10px; float:left;}

#footerboxone h2, #footerboxtwo h2, #footerboxthree h2, #footerboxfour h2 {font-size:17px; font-weight:normal; margin:0 0 15px 0; padding:0; color:#3A3214;}

#sub {width:880px; height:15px; margin:0; padding:0 30px 0 30px; float:left; color:#FFFFFF; font-size:10px;}

#sub a {color:#FFFFFF; text-decoration:none;}

#sub a:hover {color:#3A3214; text-decoration:none;}

/*  END Footer */












/* Recent Comments 

.recentcommentbox {width:278px; margin:0 0 4px 0; padding:10px; float:left; background-color:#F2F2F2; border:1px solid #EAEAEA;}

.recentgravatar {width:54px; float:left; margin:0; padding:0;}

.recentgravatar img {padding:4px; margin:0; border:1px #CCCCCC solid; background-color:#FFFFFF;}

.recentgravatar img:hover {background-color:#90C127;}

.recenttext {width:214px; float:left; margin:0; padding:0 0 0 10px; letter-spacing:normal;}

  END Recent Comments */







/* Twitter 

#twitterbox {background-color:#DDEEF6; background-image:url(images/pk-twitterbox-bg.jpg); background-position:top right; background-repeat:no-repeat; border:1px solid #002233; margin:0; padding:20px 10px 5px 5px; float:left;}

#twitter_update_list ul {padding:5px; margin:0; list-style-type:none;}

#twitter_update_list li {padding:0; margin:0 0 20px 0; list-style-type:none; letter-spacing:normal;}

  END Twitter */







/* Comments */

#commentswrapper {width:600px; margin:0 0 20px 0; padding:0; float:left;}

#commentform {width:600px; margin:0; padding:0;}

#commentform p {margin:5px 0 5px 0;}

#commentform input {width:180px; padding:2px;}

#commentform textarea {width:100%; padding:2px;}

#commentform small {color:#333333;}

#commentform submit {}

.commentlist {padding:0; margin:0; width:600x; float:left;}

.commentlist ul {padding:0; margin:0;}

.commentlist li {padding:0; margin:0 0 35px 0; list-style-type:none;}

.commentsh3 {font-size:22px; color:#3A3214; font-weight:bold; margin:30px 0 20px 0;}

.commentbox {color:#333333; margin:0; padding:0; width:600x; float:left;}

.commentgravatar {float:left; margin:0 10px 0 0; padding:0;}

.commentgravatar img {padding:2px; border:#A0D6F4 1px solid;}

.commentgravatar img:hover {padding:2px; border:#A0D6F4 1px solid; background-color:#FFC212;}

.commentauthor {float:left; padding:1px 0 0 0; margin:0; font-size:19px;}

.commentauthor a {color:#90C127; text-decoration:none;}

.commentauthor a:hover {color:#0066CC; text-decoration:none;}

.commentstatus {width:600px; text-align:center; font-size:12px; color:#90C127; font-weight:bold; padding:0; margin:20px 0 0 0; float:left; font-style:italic;}

.commenttext {width:600px; float:left; margin:0 0 0 0; padding:0;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-size:12px; font-weight:bold; color:#333333; font-style:normal;}

.commentlist small {font-size:10px; color:#999999;}


/*  END Comments */








/* Previous and Next */

#navigation {padding:0; margin:40px 0 0 0; width:600px; float:left; font-size:15px;}

#navigationindex {padding:0; margin:-20px 0 0 0; width:600px; float:left; font-size:15px;}

.previouspost {float:left; width:290px; padding:0 10px 0 0; margin:0;}

.nextpost {float:left; width:290px; padding:0 0 0 10px; margin:0; text-align:right;}

#navigation h2 a {font-size:15px; color:#7777FF; font-weight:normal; text-decoration:none;}

#navigation h2 a:hover {font-size:15px; color:#103078; font-weight:normal; text-decoration:none;}

/*  END Previous and Next */






/* Links */

a {color:#0066CC; text-decoration:none;}

a:hover {color:#333333; text-decoration:none;}

/*  END Links */







/* Images */

img {border:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline; float:right;}

img.alignleft {padding:0px; margin:3px 10px 2px 0; display:inline; float:left;}

/*  END Images */








/* Font Colors */

.green {color:#90C127;}

/*  END Font Colors */







/* Special Classes */

.archiveheadline {font-size:19px; color:#90C127; margin:0 0 30px 0;}

small {font-size:10px; color:#999999;}

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}

/*  END Special Classes */



.joinform {width:200px; margin:20px 0 0 0; padding:0;}

.jointext {width:140px; margin:1px 2px 0 0; padding:0; float:left;}

.joinsubmit {width:50px; margin:0; padding:0; float:left;}