/*
Hottlead CSS File


Contents:
1. Global
2. Header
3. Nav
4. Body
5. Columns
6. Post
7. Home
8. Gallery
9. Media
10. Bio
11. News
12. Shop
13. Links
14. Contact
15. Form
16. Footer
17. Misc

NOTES:
The grid is based on 21 px intervals. All line-heights and padding should follow.


*/



/* 1. Global
---------------------------------------------------- */
html {background:#000; overflow-y:scroll;}
body {font-family:Arial, sans-serif; font-size:87.5%;/* 1em = 14px */ line-height:1.5em;/* 21px */ color:#c1c1c1;}
#wrap {width:950px; margin:0 auto;}
/* sticky footer */
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
#content {padding-bottom:65px;}  /* must be same height as the footer */


h1 {font-size:2em; line-height:0.75em; margin:0 0 0.75em 0;} /* 28 & 21 leading */
h2 {font-size:2em; line-height:0.75em; margin:0 0 0.75em 0;} /* 28 & 21 leading */
h3 {font-size:1.714em; line-height:.875em; padding:.04167em 0 0 0; margin:0 0 0.8333em 0;} /* 24 & 21 leading */
h4 {font-size:1.4286em; line-height:1.05em; padding:.1em 0 0 0; margin:0 0 -0.1em 0;} /* 20 & 21 leading */
h5 {font-size:1.2857em; line-height:1.1667em; padding:.222em 0 0 0; margin:0 0 -.222em 0;} /* 18 & 21 leading */
h6 {font-size:1.1429em; line-height:1.3125em; padding:.25em 0 0 0; margin:0 0 -.25em 0;} /* 16 & 21 leading */

h1, h2, h3, h4, h5, h6 {font-family:"Times New Roman", Times, serif; color:#fff;}

a {color:#fff; text-decoration:none; outline:none;}
a:hover {color:#666;} /* fffeaa */

.alignleft {float:left;}
.alignright {float:right;}
.clear {clear:both;}
.nowrap {white-space:nowrap;}

img.alignleft {padding:3px 10px 10px 0;}
img.alignright {padding:3px 0 10px 10px;}

p {padding:0.357em 0 1.1429em 0; font-size:1em;}
strong {font-weight:bold;}
em {font-style:italic;}
small {}
hr {display:none;}
blockquote {padding:0 30px 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;}
.wp-caption-text {text-align:center; font-size:0.75em;}

ul.list_1 {}
ul.list_1 li {margin:0 0 7px 21px; list-style-type:disc;}

/* 2. Header
---------------------------------------------------- */
#header {margin:0 auto; height:105px; width:950px; display:block; position:relative;}
#header h1 {display:none;}
#header div.description {display:none;}


/* 3. Nav
---------------------------------------------------- */
#nav {display:block; width:950px;}
#nav ul#main-nav {display:block; width:950px; height:105px;
	background:url(../images/nav-main.png) no-repeat;}
#nav ul#main-nav li {display:inline;}
#nav ul#main-nav li a {padding:0; margin:17px 0 0 0; display:block; height:88px; position:absolute; overflow:hidden;
	font-family:"Times New Roman", Times, serif; font-size:1.4286em; letter-spacing:4px; text-decoration:none; text-transform:lowercase; text-indent:-5000px; line-height:41px; color:#fff;
	background:url(../images/nav-main.png) no-repeat top right #000;}
ul#main-nav li#nav1 a {width:42px; left:30px; background-position:-30px -17px;}
ul#main-nav li#nav2 a {width:164px; left:80px; background-position:-80px -17px;}
ul#main-nav li#nav3 a {width:122px; left:257px; background-position:-257px -17px;}
ul#main-nav li#nav4 a {width:71px; left:392px; background-position:-392px -17px;}
ul#main-nav li#nav5 a {width:99px; left:476px; background-position:-476px -17px;}
ul#main-nav li#nav6 a {width:96px; left:588px; background-position:-588px -17px;}
ul#main-nav li#nav7 a {width:105px; left:697px; background-position:-697px -17px;}
ul#main-nav li#nav8 a {width:135px; left:815px; background-position:-815px -17px;}

ul#main-nav li#nav1 a:hover {background-position:-30px -122px;}
ul#main-nav li#nav2 a:hover, ul#main-nav li#nav2 a.current_page_link {background-position:-80px -122px;}
ul#main-nav li#nav3 a:hover, ul#main-nav li#nav3 a.current_page_link {background-position:-257px -122px;}
ul#main-nav li#nav4 a:hover, ul#main-nav li#nav4 a.current_page_link {background-position:-392px -122px;}
ul#main-nav li#nav5 a:hover, ul#main-nav li#nav5 a.current_page_link {background-position:-476px -122px;}
ul#main-nav li#nav6 a:hover, ul#main-nav li#nav6 a.current_page_link {background-position:-588px -122px;}
ul#main-nav li#nav7 a:hover, ul#main-nav li#nav7 a.current_page_link {background-position:-697px -122px;}
ul#main-nav li#nav8 a:hover, ul#main-nav li#nav8 a.current_page_link {background-position:-815px -122px;}


/* 4. Body
---------------------------------------------------- */
#content {} /* do not declare padding-bottom */


/* 5. Columns
---------------------------------------------------- */
#content .column1 {width:813px; margin:0 0 0 137px;}


/* 6. Post
---------------------------------------------------- */
.blog .post {padding-bottom:21px;}
.blog .post h2 {font-weight:normal;}
.blog .post small {font-size:0.75em; color:#444;}
.post ul, .post ol {padding-bottom:21px;}
.post ul li {margin-left:40px;
	list-style:square;}
.post ol li {margin-left:40px;
	list-style:decimal;}
.blog .postmetadata {font-size:0.75em; color:#837b68;}
.navigation {padding:0 28px 21px 0;;}


/* 7. Home
---------------------------------------------------- */
.home h1.homeheading1 {width:605px; height:292px; display:block; margin:0 auto; padding:0 0 21px 0;
	text-indent:-5000px;
	background:url(../images/home_swirl.png) no-repeat;}
.home h2.homeheading2 {display:none;}

/* 8. Gallery
---------------------------------------------------- */
.gallery #page_title {display:none;}
.gallery #gallery_image_title_holder {height:37px; overflow:hidden;}
.gallery #gallery_image_title {padding:0.429em 12px 0.7143em 0;
	font-family:"Times New Roman", Times, serif; text-transform:uppercase; text-align:center;}
.gallery ul.thumb_list {width:258px; height:425px; float:left;}
.gallery ul.thumb_list li {float:left;}
.gallery ul.thumb_list li.clear {clear:both;}
.gallery li.thumb_holder {width:50px; height:70px; padding:1px; margin:4px; overflow:hidden;
	font-size:9px;
	border:1px solid #000;}
.gallery li.thumb_holder.visited {border:1px solid #999;}
.gallery li.thumb_holder a {margin:0; padding:0;}
.gallery li.thumb_holder a img {margin:0; padding:0;
	opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}
.gallery li.thumb_holder a.new_row img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60);}
.gallery li.thumb_holder a:hover img, .gallery li.thumb_holder a.new_row:hover img {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.gallery li.new_old {width:10px; height:72px; margin:4px 0; padding:0; background:#000;}
.gallery ul.left_thumbs li.new_old.new_row {background:url(../images/new_tag.png) no-repeat left top #000;}
.gallery ul.right_thumbs li.new_old.new_row {background:url(../images/new_tag.png) no-repeat left bottom #000;}
.gallery li.new_old.old_row {background:#000;}

.gallery #picture_frame {width:400px; height:400px; margin:6px 10px; float:left; overflow:hidden; position:relative;
	text-align:center; color:#000; 
	background:url(../images/loading.gif) no-repeat -400px -400px #000;}
#picture_frame #picture_window {position:absolute; z-index:2;}
#picture_frame .current_gallery_image {}


/* 9. Media
---------------------------------------------------- */
#content.media {margin-bottom:63px;}
.media #page_title {width:385px; height:46px; padding:0; margin:0 0 7px 0; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/illustration_work.png) no-repeat;}
.media h2 {padding:0; margin:0 0 19px 0;
		font-size:1em; text-transform:uppercase; letter-spacing:2px; color:#797979;}
.media h3 {padding:0.571em 0 0.143em 0; margin:.357em 0 .714em 0; /*-13px; */
	text-transform:uppercase; font-size:1em; letter-spacing:4px; color:#888;}
.media h3 span {font-size:1.571em;}
.media h3.first_h3 {margin:0 0 0.714em 0;}
.media ul.media_list {padding:0 0 0.286em 0;}
.media ul.media_list li {height:130px; overflow:hidden; float:left; margin:17px 30px 0 0;}
.media ul.media_list li.row_end {float:left; margin-right:0;}
.media ul.media_list li.row_1 {margin-top:0;}


/* 10. Bio
---------------------------------------------------- */
.bio #page_title {display:none;}
.bio .entry {width:595px; padding:0 28px 0 0; float:right;}
.bio .entry_side {width:180px; padding:10px 0 0 0; float:left;}


/* 11. News
---------------------------------------------------- */
.news #page_title {display:none;}
.news .post h2 {margin:0;}
.news p.entry_date {font-size:0.714em; padding:.7em 0 1.4em 0;}
.news .entry {padding:0 28px 0 0;}
.news .entry_side, .default_page .entry_side  {padding:0 25px 16px 0; float:left;}
.news .post {padding:0 0 63px 0;
	background:url(../images/divider_short.png) no-repeat left bottom;}
.default_page .entry {padding:0 28px 0 0;}
.default_page p.entry_date {font-size:0.714em; padding:.7em 0 1.4em 0;}

/* 12. Shop
---------------------------------------------------- */
.shop #page_title {display:none;}
.shop .entry {padding:0 28px 0 0;}
.shop .entry_side {padding:0 25px 16px 0; float:left;}
.shop .post {padding:0 0 63px 0;
	background:url(../images/divider_short.png) no-repeat left bottom;}

/* Order Page */
.order_page {width:700px; height:450px; margin:21px auto;}
.order_page #page_title {width:270px; height:80px; padding:0; margin:0 0 7px 0; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/order_inquiry.png) no-repeat;}
.order_page #shop_agree {margin:14px 21px;}
a.order_button  {display:block; width:226px; height:41px; overflow:hidden;
	text-indent:-5000px; 
	background:url(../images/order_button.png) no-repeat;}


/* 13. Links
---------------------------------------------------- */
.links #page_title {display:none;}
.links .entry {padding:0 28px 0 0; z-index:1;}
ul.link_list {margin:-16px 0 0 0;}
ul.last_list {margin-bottom:16px;}
li.link_out {height:1.5em; z-index:2;}
.link_out a {letter-spacing:0.0714em; color:#666;}
.link_out a span {margin-right:7px;
	font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#fff;}
.link_out a:hover {color:#fff;}
.links h3 {padding:0; margin:6px 0 0 0; z-index:1; height:52px; width:150px; overflow:hidden;
	text-indent:-5000px; 
	background:url(../images/link_heading_sprite.png) no-repeat;}
h3#link_galleries {margin:11px 0 0 0; background-position:left top;}
h3#link_magazines {background-position:-150px top;}
h3#link_artists {background-position:-300px top;}
h3#link_other_rooms {background-position:-450px top;}


/* 14. Contact
---------------------------------------------------- */
.contact #page_title {width:500px; height:55px; padding:0; margin:0 0 7px 0; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/questions_comments.png) no-repeat;}
.contact .page {margin-top:26px;}


/* 15. Form
---------------------------------------------------- */
.hidden_fields {display:none;}
.fullname_holder {display:none;}
.form_default div {padding:0 0 18px 0;}
.form_default label {display:block; padding:6px 0 0 0;
	font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:1.1429em; letter-spacing:4px; color:#888;}
.form_default input#email, .form_default textarea {padding:6px 2px; width:400px;
	font-size:1.429em;
	background:url(../images/form_input_bg.png) repeat-x #b9b9b9; border:1px solid #fff;}
.form_default textarea {height:4em;}
.form_default input.submit {margin:4px 0 0 0; cursor:pointer;}

.form_default label.error {display:inline; color:#ff0000; padding-left:1em; vertical-align:top;
	font-family:Arial, Helvetica, sans-serif; font-size:1em; letter-spacing:1px; text-transform:none;}


/* 16. Footer
---------------------------------------------------- */
#footer {padding:0; width:950px;
	font-size:12px; line-height:16px; font-family:"Times New Roman", Times, serif; text-align:center; color:#555;}
#footer p {padding:0;}
.footer_script_holder {display:none;}

/* sticky footer */
#footer {position relative; margin:-65px auto 0 auto; /* negative value of footer height */
	height:65px; clear:both;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer .copyright {padding-top:9px;}


/* 17. Misc
---------------------------------------------------- */
/* #edit_link_p {position:fixed; top:2px; left:2px;} */
.post-edit-link {padding:5px 10px;
	font-size:0.857em;
	-moz-border-radius:4px; -webkit-border-radius:4px; background:#333; border:1px solid #555;}