html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

@font-face {
	font-family: 'QuicksandLight';
	src: url('http://www.stevemullencreative.com/fonts/quicksand_light-webfont.eot');
	src: local('ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂ¢ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂº'), url('http://www.stevemullencreative.com/fonts/quicksand_light-webfont.woff') format('woff'), url('http://www.stevemullencreative.com/fonts/quicksand_light-webfont.ttf') format('truetype'), url('http://www.stevemullencreative.com/fonts/quicksand_light-webfont.svg#webfontkk6hDAP6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('http://www.stevemullencreative.com/fonts/quicksand_book-webfont.eot');
	src: local('ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂ¢ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂº'), url('http://www.stevemullencreative.com/fonts/quicksand_book-webfont.woff') format('woff'), url('http://www.stevemullencreative.com/fonts/quicksand_book-webfont.ttf') format('truetype'), url('http://www.stevemullencreative.com/fonts/quicksand_book-webfont.svg#webfontqwKLjqpO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('http://www.stevemullencreative.com/fonts/quicksand_bold-webfont.eot');
	src: local('ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂ¢ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂº'), url('http://www.stevemullencreative.com/fonts/quicksand_bold-webfont.woff') format('woff'), url('http://www.stevemullencreative.com/fonts/quicksand_bold-webfont.ttf') format('truetype'), url('http://www.stevemullencreative.com/fonts/quicksand_bold-webfont.svg#webfontGD7K1jVB') format('svg');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
    font-family: 'BuffetScriptRegular';
    src: url('http://www.stevemullencreative.com/fonts/buffet_script-webfont.eot?') format('eot'),
         url('http://www.stevemullencreative.com/fonts/buffet_script-webfont.woff') format('woff'),
         url('http://www.stevemullencreative.com/fonts/buffet_script-webfont.ttf') format('truetype'),
         url('http://www.stevemullencreative.com/fonts/buffet_script-webfont.svg#webfontFgXkOzHy') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{

}

body {
	background: #32261d url(/images/shadowBg.gif) center repeat-y;
	font-family: 'QuicksandBook', Arial, serif;
	color: #d3baa2;
	text-align: center;
}

#warning{
position: fixed;
width: 800px;
height: 300px;
z-index: 99;
top: 100px;
text-indent: -9999em;
background: url(/images/warningBanner.png) no-repeat;
}
 

a img, :link img, :visited img {
	border: 0;
}

a:active, a:focus{
outline: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:link, a:visited {
	color: #df9c1c;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
        color: #fff;
	text-decoration: none;
}

ul li {
	padding-left: 10px;
	position: relative;
	list-style-type: none;
}

h2 {
	font-size: 1.8em;
	color: #df9c1c;
        margin-bottom: 10px;
        font-family: 'QuicksandBook', Helvetica, Sans-Serif;
}

h3 {
	font-size: 1.1em;
}


.enlarge a{
display: block;
position:relative;
top: 140px;
left: 15px;
z-index:4;
text-indent: -9999em;
width:63px;
height:27px;
background: url(/images/enlarge.png) no-repeat;
}

h4 {
	font-size: .8em;
}

#infoOther h4{
margin: 10px 0 2px 0;
}	

h5 {
	font-size: 1em;
	font-weight: bold;
}

/*

.clearFixTwo{
display:block;
width: 300px;
height: 100px;
clear:both;
}

*/

em{
font-weight: bold;
font-style: italic;
}

strong{
color: #df9c1c;
font-weight: bold;
}

/*	Document Setup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page{
width: 100%;
height: 672px;
background: #32261d url(/images/siteBg.jpg) center top no-repeat;
}

#index {
width: 1001px;
margin: 0 auto;
text-align: center;
}

#header{
width: 980px;
height: 716px;
}

#innerHeader{
width: 989px;
height: 229px;
text-indent: -9999em;
background: url(/images/interiorHeader.jpg) no-repeat 9px 0;
}

#inner #headerWords{
width: 989px;
height: 229px;
text-indent: -9999em;
background: url(/images/interiorHeaderWords.jpg) no-repeat 9px 0;
}

#inner #headerAbout{
width: 989px;
height: 229px;
text-indent: -9999em;
background: url(/images/interiorHeaderAbout.jpg) no-repeat 9px 0;
}

#innerHeader a, #inner #headerWords a, #inner #headerAbout a{
display:block;
}

.logo, .navHome, .navWork, .navWords, .navAbout, .navHome_active, .navWork_active, .navWords_active, .navAbout_active{
float: left;
width: 320px;
height: 110px;
position:relative;
z-index: 10;
text-indent: -9999em;
}

.logo{
margin-right: 279px;
}

.navHome, .navWork, .navWords, .navAbout, .navHome_active, .navWork_active, .navWords_active, .navAbout_active{
background: url(/images/topNav.jpg) no-repeat 0 0;
}

.navHome, .navHome_active{
height: 44px;
width: 64px;
margin-right: 19px;
}
.navHome:hover, .navHome_active{
background-position: 0px -44px;
}
.navWork, .navWork_active{
height: 44px;
width: 97px;
margin-right: 17px;
background-position: -83px 0;
}
.navWork:hover, .navWork_active{
background-position: -83px -44px;
}
.navWords, .navWords_active{
height: 44px;
width: 70px;
margin-right: 17px;
background-position: -197px 0;
}
.navWords:hover, .navWords_active{
background-position: -197px -44px;
}
.navAbout, .navAbout_active{
height: 44px;
width: 106px;
background-position: -284px 0;
}
.navAbout:hover, .navAbout_active{
background-position: -284px -44px;
}


#homeContent{
padding: 120px 0 0 0;
margin: -6px 0 0 11px;
min-height: 485px;
overflow: hidden;
font-family: 'QuicksandBook', Helvetica, Arial, Sans-Serif;
background: url(/images/homeContentBg.jpg) no-repeat;
}

#inner #homeContent{
width: 978px;
padding: 20px 0 0 0;
margin: -6px 0 0 11px;
text-align: left;
font-family: 'QuicksandBook', Helvetica, Arial, Sans-Serif;
background: #301d0f url(/images/interiorContentBg.jpg) no-repeat;
}

#leftCol{
float: left;
margin: 0 0 0 33px;
text-align: left;
width: 502px;
}

#homeContent #leftCol{text-align: right;}

#homeContent #leftCol img{
-moz-box-shadow: 0px 0px 8px #000;
}
#homeContent #leftCol h2{
letter-spacing: -2px;
font-size: 28px;
text-align: left;
font-family: QuicksandLight, Arial, sans-serif;
}

.contentLeft{
width: 515px;
float:left;
padding:0 30px 0 30px;
background: url(/images/vDash.png) repeat-y right;
line-height: 1.7;
}

.contentLeft h2{
font-size: 38px;
line-height: .5;
margin: 0 0 35px 15px;
padding: 0;
text-shadow: 1px 1px 0px #000;
letter-spacing: 2px;
word-spacing: 10px;
font-family: 'BuffetScriptRegular', arial, sans-serif;
}
.contentLeft.wordsContent h2{
font-size: 30px;
letter-spacing: -3px;
line-height: 1;
word-spacing: normal;
margin: 0px 0 3px 0;
font-family: 'QuicksandLight', arial, sans-serif;
}
.contentLeft h3{
font-size: 24px;
margin-bottom: 25px;
line-height: 1;
color: #f4deaf;
text-shadow: 1px 1px 3px #000;
font-family: 'QuicksandLight', arial, sans-serif;
}

.contentLeft p{
font-size: 14px;
margin-bottom: 20px;
}
.wordsContent p{margin-bottom: 40px;}

.contentLeft ul {margin-bottom: 30px;}
.contentLeft ul li{
font-size: 14px;
list-style-type: square;
margin-left: 20px;
padding-left: 0px;
margin-bottom: 10px;
line-height: 1.3;
}

.titleVideo{
width: 228px;
height: 26px;
text-indent: -9999em;
margin-bottom: 35px;
background: url(/images/titleFeaturedVid.gif) no-repeat;
}

#leftCol object{
outline: 2px solid #d3bca2;
font-size: 0;
}

#leftCol p{
width: 500px;
font-size: .8em;
line-height: 1.4em;
text-align: left;
margin: 15px 0 10px 0;
}

#leftCol a{
font-size: 12px;
text-transform: uppercase;
}

#rightCol, .contentRight{
text-align: left;
float: right;
width: 364px;
margin-right: 30px;
}
#inner #rightCol, .contentRight{
margin-right: 20px;
}

#rightCol p, .contentRight p{
font-size: .8em;
line-height: 1.2em;
padding-bottom: 27px;
margin-bottom: 25px;
background: url(/images/hDash.gif) repeat-x bottom;
}

.contentRight ul{
margin-left: 20px;
margin-bottom: 30px;
}

#rightCol p:last-child, .contentRight p:last-child{
margin-bottom: 0;
padding-bottom: 25px;
background-image: none !important;
}

.noBorder{
background-image: none !important;
}

.contentRight h2{font-family: 'QuicksandLight', arial, sans-serif;}

#rightCol h3, #rightCol h3 a, .contentRight h3, .contentRight h3 a{
color: #df9c1c;
text-decoration: none !important;
}

#rightCol h4, .contentRight h4{
margin-bottom: 10px;
}

#readAll{
float: right;
font-size: .8em;
}

.web, .graphic, .video{
clear:both;
font-size: 38px;
line-height: .5;
margin: 0 0 35px 35px;
padding: 0;
text-shadow: 1px 1px 0px #000;
letter-spacing: 2px;
word-spacing: 10px;
font-family: 'BuffetScriptRegular', arial, sans-serif;
}

.graphic{
margin: -90px 0 30px 30px;
}

.video{
margin: -90px 0 30px 30px;
}

#footer{
clear:both !important;
height: 267px;
background: #181206 url(/images/footerBgHome.gif) no-repeat center top;
}

#inner #footer{
background: url(/images/footerBg.gif) no-repeat center top;
}

.centerFooter{
text-align: left;
clear:both;
width: 980px;
margin: 0 auto;
padding: 40px 0 0 0;
}

.ftrPhotos, .ftrFind, .ftrContact{
float:left;
height: 182px;
width: 320px;
margin-top: 30px;
font-family: 'QuicksandBook', Helvetica, Arial, Sans-Serif;
}

.ftrPhotos{
height: 150px;
margin-left: 9px;
}

.ftrPhotos img{
margin: 0 7px 14px 7px;
border: 2px solid #26170a;
}

.ftrPhotos div{
height: 182px;
width: 320px;
}

.photoNav{
width: 120px;
height: 23px;
float: left;
margin: -28px 0 0 105px;
z-index: 9999;
}

#smallNext, #smallBack{
display:block;
float: left;
width: 26px;
height: 23px;
text-indent: -9999em;
background: url(/images/photoNavNext.gif) no-repeat 0 0;
}

#smallBack{
background: url(/images/photoNavBack.gif) no-repeat 0 0;
}

#smallNext:hover, #smallBack:hover{
background-position: 0 -23px;
}

.photoTxt{
float: left;
margin: 0 10px;
}

.ftrFind{
width: 238px;
margin-left: 6px;
}
.ftrFind a, .ftrContact a{
color: #d3baa2;
text-decoration: none;
}
.ftrFind a:hover, .ftrContact a:hover{
color: #df9c1c;
text-decoration: underline;
}

.ftrFind ul{
margin-left: 25px;
}

.find{
height: 22px;
padding-top: 10px;
padding-left: 40px;
margin-bottom: 5px;
}
.twitter{
background: url(/images/icontTwitter.gif) no-repeat 0 0;
}
.behance{
background: url(/images/iconBehance.png) no-repeat 0 7px;
}
.facebook{
background: url(/images/iconFacebook.gif) no-repeat 4px 8px;
}
.flikr{
background: url(/images/iconFlickr.gif) no-repeat 4px 11px;
}

.ftrContact{
width: 395px;
margin-left: 6px;
}

.ftrContact ul{
margin: 20px 0 0 30px;
font-size: 20px;
}

.ftrContact li,  .rightColContact{
height: 30px;
padding-top: 10px;
padding-left: 55px;
margin-bottom: 25px;
letter-spacing: -1px;
}

.email{
background: url(/images/iconEmail.gif) no-repeat 0 5px;
}

.phone{
background: url(/images/iconPhone.gif) no-repeat 8px 0;
}

.thumb, .videoT{
float:left;
margin:0px 0 50px 30px;
width:437px;
height:272px;
border: 3px solid #181206;
background: #181206;
}
.thumb a img, .videoT a img{
position:absolute;
width: 437px;
height: 250px;
}	
.thumb h2, .videoT h2 {
position:absolute;
width:437px;
height:243px;
font-size: 16px;
}
.overlay{
position:absolute;
background:#181206;
width:421px;
bottom:-7px;
height:0;
padding:4px 8px 2px 8px;
margin-left:0px;
display:none;
color:#df9c1c;
font-size:0.8em;
line-height: 1.3;
}
.overlay a{
color: #fff;
padding-right: 20px;
background: url(/images/visitSite.gif) no-repeat right;
}

.thumb h3, .videoT h3{
padding:250px 0 0 0;
font-size:0.7em;
margin: 0;
}
.thumb h3 a, .videoT h3 a{
color:#df9c1c;
width: 437px;
padding-top: 3px;
line-height:22px;
overflow:hidden;
height:22px;
display:block;
margin: 0 0 0 px;
background: #181206;
text-decoration: none;
text-align: center;
}
.thumb h3 a:hover, .videoT h3 a:hover{
color:#fff;
}

.clearFix{
clear:both;
}

#comments{
margin-top: 60px;
}

#comments .comment{
display: block;
background: #432917;
border: 1px solid #6c4a33;
padding: 10px;
margin: 0 0 20px 0;
font-size: 14px;
}
#comments .website{
margin-left: 10px;
font-style: italic;
font-size: 12px;
}
#leaveComment{
margin-top: 60px;
}
#usernotes{
margin: 0 0 30px 0;
}
#usernotes input, #usernotes textarea{
display: block;
background: #432917;
border: 1px solid #6c4a33;
padding: 5px;
width: 250px;
color: #d3baa2;
font-family: 'QuicksandBook', Helvetica, Arial, Sans-Serif;
font-size: 14px;
}
#leaveComment .row{
margin-bottom: 20px;
}

#usernotes input[type="hidden"]{
display:none;
}

#usernotes textarea{
width: 500px;
margin-bottom: 0px;
overflow: auto;
}

.note{
background: #432917;
border: 1px solid #6c4a33;
padding: 10px;
margin: 0 0 20px 0px;
font-size: 14px;
line-height: 1;
}

.note strong{color: #df9c1c;}

.noteTime{
font-size:11px;
font-style:italic;
}

.note .text{
margin-top: 10px;
}

.noteOptions{
margin: 15px 0 15px 0;
font-size: 12px;
}

.noteOptions input{
float:left;
margin-right: 10px;
}

.noteSubmit input{
width: 196px !important;
padding: 0 !important;
margin-top: 15px;
background: transparent !important;
border: 0 !important;
}

.checkk{
float: left;
margin-right: 20px;
}

.small{font-size: 6px;}

#add{
width: 196px;
height: 34px;
margin: -20px 0 30px 0;
background: url(/images/addComment.gif) 0 0;
text-indent: -9999em;
}

#add:hover{
background-position: 0 -34px;
}

.blogHead{
border: 2px solid #df9c1c !important;
margin-bottom: 10px;
}

.blurb{
padding-bottom: 30px;
margin-bottom: 30px !important;
background: url(/images/hDash.gif) repeat-x left bottom;
}

.blurb:last-child{
background: none;
}
.about{
font-size: 14px !important;
margin-left: 0px;
line-height: 2 !important;
padding: 15px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #442b18;
opacity: .7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
background: #1c1208 !important;
}
.subHead{
font-size: 21px;
color: #df9c1c;
}

code{
background: #432917;
display:block;
font-size: 13px;
padding: 10px;
border: 1px solid #6c4a33;
}

.aboutH3{
margin-bottom: 5px !important;
}

.fLeft{float: left;margin: 6px 15px 15px 0;}
.fRight{float: right;margin: 6px 0px 15px 15px;}

.download{
display:block;
width: 182px;
height: 38px;
text-indent: -9999em;
margin: 0 auto 30px;
background: url(/images/download.png) no-repeat;
}

.workInfo{
padding: 0 30px 30px 30px;
}

.blogH3{
margin-bottom: 5px !important;
}

.contentLeft h4{
color: #df9c1c;
font-size: .9em;
}

.tip, .caption{
font-style: italic;
padding: 3px;
font-size: .7em !important;
background: #22150a;
border: 1px solid #442b18;
}
.caption{
width: 502px;
padding: 5px;
color: #301d0f;
margin-top: -20px;
background: #df9c1c;
border: 1px solid #df9c1c;
}

.blogHead, .caption, .tip{
-moz-box-shadow: 0px 0px 7px #000;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: 0; }
.ui-accordion .ui-accordion-content { padding: 0; border-top: 0; margin-top: 0; position: relative; top: 0; margin-bottom: 0px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* -------- COMMENTS ---------------- */

.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {
border: 1px solid #df9c1c;
font-weight: bold;
color: #df9c1c;
padding: 5px;
margin-bottom: 10px;
}

.jot-row {

}

.jot-row-alt {

}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}

.jot-comment {

}

.jot-posticon {
float: right;
width: 45px;
height: 39px;


}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}

.jot-user {
width: 105px;
float:left;
color: #df9c1c;
font-weight: bold;
font-size: .8em;
padding-top: 20px;
margin-bottom: 10px;
}
.jot-post-number{
display:block;
color: #d3baa2;
font-weight: normal;
}
.jot-date{
font-weight: normal;
}
.jot-arrow{
width: 27px;
float:left;
position:relative;
z-index: 5;
margin-left: -27px;
margin-top: 40px;
background: url(/images/commentsArrow.png) no-repeat;
}
.jot-row-author .jot-arrow{
background: url(/images/authorArrow.png) no-repeat;
}
.jot-message {
width: 379px;
float:left;
padding: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
background: #3f291a;
border: 1px solid #6c4a33;
margin: 0 0 25px -1px;
overflow: auto;
}
.jot-row-author .jot-message {
background: #df9c1c;
color: #432917;
border: 1px solid #f6c86f;
}
.jot-subject {
color: #df9c1c;
font-weight: bold;
display:block;
}
.jot-row-author .jot-subject{
color: #432917;
}
.jot-row-author .jot-user {
background: transparent;
margin-bottom: 10px;
}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}

.jot-form{
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #6c4a33;
}

.jot-form input, .jot-form textarea{
display: block;
background: #432917;
border: 1px solid #6c4a33;
padding: 5px;
width: 250px;
color: #d3baa2;
font-family: 'QuicksandBook', Helvetica, Arial, Sans-Serif;
}

.jot-form input[type="hidden"]{
display:none;
}

.jot-form textarea{
width: 500px;
margin-bottom: 0px;
overflow: auto;
}
.jot-form #submit{
width: 196px;
height: 33px;
padding: 0px;
border: 0px;
cursor: pointer;
text-indent: -9999em;
background: url(/images/addComment.gif) no-repeat;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂ 2008 Mark Wubben, <http:/novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http:/novemberborn.net/sifr3> and <http:/wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http:/creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.featuredCover{
position: relative;
top: 81px;
z-index: 10;
}

.featured{
height: 716px;
margin: -505px 0 0 0;
background: url(/images/featuredBg.jpg) no-repeat 11px 0; 
}

.gallery-btns{
display:none;
}

.gallery{
	margin:0 auto;
	width:980px;
	overflow:hidden;
	position:relative;
}
.info{display:none;}
.btn-gallery{
	float:left;
	height:30px;
	overflow:hidden;
	width:60px;
	text-indent:-9999px;
	margin:0 0 0;
}
.left{
width: 90px;
margin-right: 35px;
background: url(/images/controls.png) no-repeat -150px 0;
}
.right{
width: 81px;
background: url(/images/controls.png) no-repeat -272px 0;
}
.left:hover{
background-position: -150px -82px;
}
.right:hover{
background-position: -272px -82px;
}
.carousel-holder{
	float:left;
	width:980px;
        height: 716px;
	overflow:hidden;
}
.carousel-holder .frame{
	overflow:hidden;
	padding:0;
}
.carousel{
	width:980px;
        height: 387px;
	position:relative;
	overflow:hidden;
	margin:195px 0 0 0;
	padding:0;
	list-style:none;
}
.carousel li{
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	width:980px;
	float:left;
}
.carousel li img{float:left;}
.carousel-info{
	width:980px;
        height:115px;
        float:left;
	overflow:hidden;
	list-style:none;
	position:relative;
        font-family: 'QuicksandBook', Helvetica, Arial, Sans-Serif;
}
.carousel-info em{
color: #df9c1c;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}

.carousel-info li{
        text-align: justify;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.carousel-info li p{
        float:left;
        width: 529px;
        overflow: hidden;
        height: 90px !important;
	margin: 10px 34px 0 18px;
        padding: 0 0 10px 10px;
	font-size:17px;
        line-height: 1.2;
}
.carousel-info li div p a{
	color:#fff;
}

.rotateNav{
clear:both;
position:relative;
top: -113px;
left: 745px;
}
.view{
display:block;
position:relative;
top: 22px;
left: 28px;
width: 152px;
height: 26px;
clear:both;
text-indent: -9999em;
background: url(/images/controls.png) no-repeat -175px -50px;
}
.view:hover{
background-position: -175px -132px;
}

.controls{
width: 372px;
height: 115px;
float:right;
}

.enlarge, .visit{
text-indent: -9999em;
display: block;
width: 118px;
height: 30px;
position: relative;
top: 20px;
left: 0;
background: url(/images/controls.png) no-repeat 0 0;
}
.visit{
width: 116px;
height: 32px;
top: 44px;
left: 0;
background-position: 0 -50px;
}
.enlarge:hover{
background-position: 0 -82px;
}
.visit:hover{
background-position: 0 -132px;
}

.fadeOut{
-moz-opacity:.20; -ms-filter:ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂalpha(opacity=20)ÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂÃÂ; filter:alpha(opacity=20); opacity:.20; 
}

.tweet {
font-family: 'QuicksandBook', Helvetica, Sans-Serif;
font-size: .8em;
color: #a38b76; 
line-height: 2;
}
.tweet .tweet_list {
-moz-border-radius: .5em;    
-webkit-border-radius: .5em;
list-style-type: none;
margin: 0;
padding: 0;
background-color: #22150a;
border: 1px solid #442b18; 
}
.tweet .tweet_list li {
overflow: auto;
padding: 1em; 
}
.tweet .tweet_list li a {
color: #df9c1c; 
}
.tweet .tweet_list .tweet_even {
background-color: #28180a; 
}
.tweet .tweet_list .tweet_avatar {
padding-right: .5em;
float: left; 
}
.tweet .tweet_list .tweet_avatar img {
vertical-align: middle; 
}

html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/js/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('/js/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #ffba00;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -18px;
	right: -20px;
	height: 42px;
	width: 42px;
	background: url('/js/fancybox/close.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 20%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: -40px; 
}

a#fancy_right {
	right: -40px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 117px;
	height: 42px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/js/fancybox/back.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/js/fancybox/next.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/js/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/js/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/js/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/js/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/js/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/js/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/js/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/js/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 27px;
	width: 26px;
	background: transparent url(/js/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 27px;
	background: transparent url(/js/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 27px;
	width: 26px;
	background: transparent url(/js/fancybox/fancy_title_right.png) repeat-x;
}

.update{
color: #432917;
padding: 10px;
margin: 20px 0;
text-shadow: 1px 1px 0px #f9b221;
background: #df9c1c;
border: 1px solid #f9b221;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}
.update p{margin: 0px;}
