/* @override http://www.liteboxweb.com/css/fixer.css */

/* @override http://liteboxweb.com/work/fixer.css */

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* Main layout blocks */
body { background:#fff url(../images/body01.gif) top left repeat-x; text-align: center }
div { position:relative }
br.dirtyLittleTrick { clear:both; height:1px; margin:-1px 0 0 0 }
div.details { background:#000 url(../images/details02.jpg) top right repeat-x; width:100%; height:60px }
div.wrapper { margin:0 auto; width: 900px; text-align:left }
div.header { background:url(../images/h2-01.gif); width:860px; height:142px }
div.content { padding:40px 0 0 0 }
body.information div.content { background:url(../images/vix01.jpg) 510px 50px no-repeat; min-height:480px }
body.contact div.content { background:url(../images/contactMontage01.jpg) 200px 50px no-repeat; min-height:410px }
div.footer { background:#d6f0f7; border-top:10px solid #000; width:100%; margin:40px 0 0 0; padding:20px 0 20px 0 } 
div.footer div { background:url(../images/footerLogo01.gif) top left no-repeat; width:560px; padding:0 0 0 140px; margin:0 auto; text-align:left }

/* Advanced layout */
h1 a { background:url(../images/h1-01.gif); text-indent:-9999px; width:280px; height:150px; position:absolute; top:-30px; left:20px; z-index:2; display:block }
h2 { display:none}
body.blog div.blogMain { float:left; width:480px; margin:0 0 0 80px }
body.blog ul.blogSidebar { float:left; width:180px; margin:0 0 0 40px }
body.blog ul.blogSidebar h3 { margin:60px 0 0 0 }
div.post img { border:1px solid #ccc; padding:10px; background:#fff }

form#searchform input { width:100px }
form#searchform input#searchsubmit { width:60px; margin:0 0 0 10px }

ol.commentsList { margin:0 0 40px 0 }
ol.commentsList li { padding:10px 0; border-bottom:1px solid #ccc; position:relative }
ol.commentsList li.alt { background:#f2fefe }
ol.commentsList li img.avatar { border:1px solid #000; position:absolute; top:30px; left:0 }
ol.commentsList li h4, ol.commentsList li p { padding:0 0 0 100px }
form#commentForm input { width:480px; margin:0 0 10px 0 }
form#commentForm textarea { width:480px; height:200px; margin:0 0 10px 0 }

/* Navigation */
ul.nav { width:540px; height:60px; position:absolute; top:0; right:20px; display:block; z-index:3 }
ul.nav li a { display:block; position:absolute; top:0; text-indent:-9999px; outline:none; border:none; height:60px }
li.gallery a, li.information a, li.blog a, li.contact a { background:url(../images/nav01.gif) }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	up state = 0
	rollover state = 60px
	selected state = 120px

	The distance from the far-left to the...

	gallery button = 0
	information button = 124px
	blog button = 304px
	contact button = 400px

	The width of the...

	gallery button = 124px
	information button = 181px
	blog button = 97px
	contact button = 141px
*/

li.gallery a 						{ background-position:0 0; width:124px; left:0 }
li.gallery a:hover					{ background-position:0 -60px }
body.gallery li.gallery a 			{ background-position:0 -120px }

li.information a 					{ background-position:-124px 0; width:181px; left:124px }
li.information a:hover				{ background-position:-124px -60px }
body.information li.information a 	{ background-position:-124px -120px }

li.blog a 							{ background-position:-304px 0; width:97px; left:304px }
li.blog a:hover						{ background-position:-304px -60px }
body.blog li.blog a 				{ background-position:-304px -120px }

li.contact a 						{ background-position:-400px 0; width:141px; left:400px }
li.contact a:hover					{ background-position:-400px -60px }
body.contact li.contact a 			{ background-position:-400px -120px }

/* Slider */
div.panelFades { width: 900px; height: 474px; z-index:4;
	background-image: url(http://iamozbod.com/wp-content/themes/ozbod/assets/style/images/panelFades01.png-);
}
div.panel img { margin:0 0 0 75px }

div.panel p {
	color: #fff;
}
div.panel#panelBlazerChaise img { margin: 0 auto 0 100px}
div.panel#panelCourtJesterChair img { margin:0 0 0 80px }
div.panel#panelCushions img { margin: 0 0 0 117px}
div.panel#panelMondrianSofa img { margin:0 0 0 105px }
div.panel#panelHenriStool img { margin: 0 0 0 114px}
div.panel#panelSzellChair img { margin:0 0 0 90px }
div.panel#panelBlazerArmchair img { margin:0 0 0 85px }
div.panel#panelKiteChair img { margin:0 0 0 200px }
div.panel p, div.panel h3 { text-align:left; padding:0; width:200px; position:absolute } /* These are the default values but are overriden on a case-by-case basis below */
div.panel#panelBlazerChaise p, div.panel#panelBlazerChaise h3 { top: 230px; left: 495px}
div.panel#panelCourtJesterChair p, div.panel#panelCourtJesterChair h3 { top:40px; left:620px }
div.panel#panelCushions p, div.panel#panelCushions h3 { left: 145px;
	top: 230px;
}
div.panel#panelMondrianSofa p, div.panel#panelMondrianSofa h3 { top: 220px; left: 153px; width:300px }
div.panel#panelHenriStool p, div.panel#panelHenriStool h3 { top: 250px; left: 430px}
div.panel#panelSzellChair p, div.panel#panelSzellChair h3 { left: 540px;
	top: 175px;
}
div.panel#panelBlazerArmchair p, div.panel#panelBlazerArmchair h3 { top:60px; left:140px }
div.panel#panelKiteChair p, div.panel#panelKiteChair h3 { top:100px; left:500px }

.csw { width:860px; height:460px; overflow:hidden; }
.csw .loading { margin:200px 0 300px 0; text-align:center;
	background: url(../images/front/loading.gif) no-repeat 0;
}

.stripViewer { /* This is the viewing window */ overflow:hidden; width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */ clear: both;
	margin-left: 5px;
	margin-top: 2px;
	background: url(http://www.liteboxweb.com/images/front/ex_bg.png) repeat-x 0 top;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */ left:0; top:0; width: 100%; /*-moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }
.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 860px; /* Also specified in  .stripViewer  above */ }
	
.stripNavL, .stripNavR { position:absolute; top:100px; text-indent:-9999px; z-index:5 }
.stripNavL { left: 10px; background: url(http://www.liteboxweb.com/images/front/prev01.png)}
.stripNavR { right: 10px; background: url(http://www.liteboxweb.com/images/front/next01.png)}
.stripNavL:active, .stripNavR:active { top:101px }
.stripNavL a, .stripNavR a { display:block; height:39px; width:70px; outline:none;
}
.stripNavL:hover { background: url(http://www.liteboxweb.com/images/front/prev02.png)}
.stripNavR:hover { background: url(http://www.liteboxweb.com/images/front/next02.png)}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin:auto }
.stripNav ul li { float:left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }
.stripNav a { display:none }

/* TYPOGRAPHY */
/* ----------------------------------------- */

/* Typography (basic) */
@font-face { font-family: "FertigoPro-Regular"; src: url(../fonts/Fertigo_PRO.otf) format("opentype") } /* A font by Jos Buivenga: http://exljbris.nl */
h3, h4 { font:16px/20px "FertigoPro-Regular" "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #08f; margin:20px 0 10px 0 }
p, li, label { font:12px/20px "FertigoPro-Regular" "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
p { margin:20px 0 }
a { color:#c06; text-decoration:none }
a:hover { color:#000 }
input { color:#000 }
em { font-family: Georgia, "Times New Roman", Times, serif; font-size:12px }

body.information div.content p, body.contact div.content p { padding:0 380px 0 80px }
div.content span.tel, div.content a.email { font-size:18px; line-height:30px; display:block }
div.footer p { color:#036 }
span.info { display:none }
div.panel h3, div.post h3 { margin:0 }

p.metadata { background:#d6f0f7; border-top:1px solid #000; border-bottom:1px solid #000; margin:20px 0; padding:10px }
p.meta { color:#ccc }
form#searchform label { display:none }