/* THEME BY: NIC */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,textarea,input { margin: 0; padding: 0; }
html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; overflow:hidden;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* TYPE AND COLORS */
body { font-family: Titillium,"Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #666; text-align: left; width: 100%; line-height: 20px; font-size: 12px; }
h1, h2, h3 { font-family: Titillium,"Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; -x-system-font:none; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal;}
h1 { font-size: 32px; letter-spacing: -1px; margin:0px; color: #666;}
h2 { font-size: 13px; letter-spacing: 0px; text-transform: uppercase; color: #666;}
h3 { font-size: 12px; color: #666; font-weight: bold; text-transform: uppercase; }
p { margin-bottom:10px;}
.blurb h1 { margin:10px 0 0px 20px;}
.aboutblurb h1 { margin:0px 0 15px 0px;}
.accent { color: #666;}
a { color: #444; text-decoration: none; font-weight: bold; text-decoration:none; border-bottom:0px; border-style:none;}
h2 a, h3 a { color: #666; text-decoration: none; font-weight: normal; border-bottom:0px; border-style:none;}
h2 a:hover, h3 a:hover { color: #222; text-decoration: none; font-weight: normal; border-bottom:0px; border-style:none;}
a:hover { color: #222; text-decoration:underline; border-bottom:0px; border-style:none;}
a:active { color: #333; }
::-moz-selection { background: #56a7b5; xbackground: #ffaa00; color: #000;}
::selection { background: #56a7b5; color: #000;}
/* BACKGROUND */
#bg { position: fixed;}
#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%;}
#bg td { text-align:center; vertical-align:middle;}
#bg img { margin:0 auto; min-height:50%; min-width:50%;}
#content { margin: 0 10px 0 10px; width:920px; overflow:hidden; background: #efefef;}
#content_white { margin: 0 10px 0 10px; width:920px; overflow:hidden; background: #fff;}
#cont { position:absolute; top:0;left:0; z-index:70; overflow: auto; overflow-x: hidden;}
#focus-stealer { position: absolute; left: -9999px; }
/* STRUCTURE */
.box { margin: 0 auto; width: 940px; padding:20px 0 50px 0;}
#wrap_top_grad { display:block; height:70px; width:940px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat 0 -370px; margin-top: 20px; }
#wrap_top_grad_dp { display:block; height:82px; width:940px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat 0 -800px; margin-top: 20px; }
#wrap_top_bio { display:block; height:60px; width:940px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat 0 -370px; margin-top: 20px; }
#wrap_top { display:block; height:20px; width:940px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat 0 -330px; margin-top: 20px; }
#wrap_mid { display:block; width:940px; background: transparent url(http://images.nicstauber.com/global_sprite_mid.png) repeat-y;}
#wrap_bot { display:block; height:20px; width:940px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat 0 -344px;}
#wrap_bot_meta { display:block; height:80px; width:940px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat 0 -720px;}
#diffuse { background: transparent url(http://images.nicstauber.com/global_sprite.png) repeat-x 0 -452px;); height: 29px; width: 940px; margin: 0;}
#diffuse_bot { background: transparent url(http://images.nicstauber.com/global_sprite.png) repeat-x 0 -482px;); height: 29px; width: 940px; margin: 0;}
#main_hp { margin:0px auto; padding: 0px; text-align: left; float: left; background: #efefef; width: 100%; padding-bottom: 20px;}
#main_ap { margin:0px auto 0; padding-top:20px; text-align:center; width:100%; position:relative; float: left; background: #efefef;}
#main_dp { margin:0px auto; text-align:center; width:100%; position:relative; background: #fff;}
#topbar_hp { margin: 0px; padding: 0px; text-align: left; height: 58px; }
#topbar_ap { margin: 0px; padding: 0px; text-align: left; height: 58px; background: #fff url(http://images.nicstauber.com/content_panel.jpg) repeat-x top center;}
#topbar_dp { margin: 0px; padding: 0px; text-align: left; height: 82px; background:none;}
/* GLOBALHEADER */
#head { width: 100%; height: 80px; background: transparent url(http://images.nicstauber.com/global_sprite.png) scroll 0px -240px;}
#globalheader { width: 940px; height: 61px; margin: 0px auto; position: relative; text-align: left; background: none; }
#logo { float: left; margin:0px; display:block; height:60px; width:200px; color: #fff; position: relative; z-index: 1; left: 0px; top: 0px; }
#fade { height:60px; width:200px; float: left;}
#fade a { background: transparent url(http://images.nicstauber.com/global_sprite.png) scroll 0 -530px;}
#fade a:hover { background-position: -248px -643px;}
#globalnav { margin: 0; padding: 0; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width:100%; height: 0; padding-top: 60px; overflow: hidden; color: #fff;}
#globalheader #globalnav li a, #globalnav { margin: 0px; position: relative; float: right; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll;}
#globalheader #globalnav li#nav_home a { background-position: 0 0; width: 57px; }
#globalheader #globalnav li#nav_portfolio a { background-position: -57px 0; width: 86px; }
#globalheader #globalnav li#nav_about a { background-position: -143px 0; width: 61px; }
#globalheader #globalnav li#nav_home a:hover { background-position: 0 -60px; width: 57px;}
#globalheader #globalnav li#nav_portfolio a:hover { background-position: -57px -60px; width: 86px;}
#globalheader #globalnav li#nav_about a:hover { background-position: -143px -60px; width: 61px;}
#globalheader #globalnav li#nav_home a:active { background-position: 0 -120px; width: 57px;}
#globalheader #globalnav li#nav_portfolio a:active { background-position: -57px -120px; width: 86px;}
#globalheader #globalnav li#nav_about a:active { background-position: -143px -120px; width: 61px;}
#globalheader #globalnav li#nav_home_on a { background-position: 0 -180px; width: 57px; }
#globalheader #globalnav li#nav_portfolio_on a { background-position: -57px -180px; width: 86px;}
#globalheader #globalnav li#nav_about_on a { background-position: -143px -180px; width: 61px;}
#globalheader #globalnav li#nav_home_on a:hover { background-position: 0 -180px; width: 57px; }
#globalheader #globalnav li#nav_portfolio_on a:hover { background-position: -57px -180px; width: 86px;}
#globalheader #globalnav li#nav_about_on a:hover { background-position: -143px -180px; width: 61px;}
/* BROWSE PAGE - Thumbs*/
.folio_label { width: 100%; float: left; padding: 5px 0px; margin: 20px 0 0 0; border-bottom: 1px dotted #aaa; border-top: 1px dotted #aaa;}
ul.browse { width: 100%; list-style: none; margin: 0 0 0 10px; padding: 0;}
ul.browse li { float: left; height:185px; margin: 15px 0 0 10px; padding:10px; text-align: left; display: inline; background:url(http://images.nicstauber.com/thumb_base.png) no-repeat; }
ul.browse li a.thumb { width: 266px; height: 180px; padding: 0px; cursor: pointer;}
ul.browse li span { width: 266px; height: 180px; overflow: hidden; display: block; }
ul.browse li a.thumb:hover { background: #333;}
ul.browse li h3 { margin: 0; padding: 0px; font-weight: bold; }
ul.browse li p { text-transform: uppercase; margin: -15px 0 0; padding: 0px 0px; color: #aaa; line-height: 10px; text-align: right;font-size: 9px; }
ul.browse li a { text-decoration: none; color: #555; display: block;}
/* BLANK PAGE */
#post { display:block; width:940px; margin: 0px; background: transparent url(http://images.nicstauber.com/global_sprite_mid.png) repeat-y;}
#post p { margin: 0px 30px 0px 30px;}
/* ABOUT PAGE */
#bio_hero { margin: 0px; padding: 0px; height: 160px; width: 940px; background: transparent url(http://images.nicstauber.com/about_bio_img_eyes.png) no-repeat;}
#about_lft { margin: 20px 20px 20px 40px; padding: 0px; text-align: left; float: left; width:490px; float: left;}
#about_rt { margin: 20px 0 20px 20px; padding: 0px; text-align: left; float: left; width:310px;}
.hr { background: transparent url(http://images.nicstauber.com/tint_tile_chex_20.png) repeat; height:6px; width:100%; padding-top: 0px; margin-top: 7px; margin-bottom: 15px; }
#twitter_div { position: relative; left: 500px; top: 35px; width: 400px; overflow: auto; padding-left: 6px;background: url(http://images.nicstauber.com/#twit_base_lft.png) top left no-repeat;}
ul#twitter_update_list { list-style: none;font-size: 14px;}
ul#twitter_update_list li { margin: 0px; padding: 10px 10px 10px 12px; font-size: 26px; letter-spacing: -1px; font-style: italic; font-family: Georgia, serif; color: #fff; line-height: 28px; height: 100px; }
ul#twitter_update_list a { float: right; color: #666; text-transform: uppercase; font-size: 11px; font-weight:normal; letter-spacing:1px; text-decoration: none; position: relative; right: 0px; }
ul#twitter_update_list a:hover { color: #333; }
ul#contact_detail { width: 100%; margin: 20px 0 20px 0; height: 96px;}
ul#contact_detail li { float: left; display:block; list-style:none; overflow:hidden;}
ul#contact_detail li h3 { margin-bottom: -5px;}
ul#contact_detail a { color:#999; font-size: 10px;}
.phone { width: 100px; margin: 0 0 10px 0; padding: 0 0 0 33px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -310px -69px; }
.email { width: 140px; margin: 0 0 10px 0; padding: 0 0 0 33px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -510px -69px; }
.skype { width: 100px; margin: 0 0 10px 0; padding: 0 0 0 33px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -310px -160px; }
.aim { width: 140px; margin: 0 0 10px 0; padding: 0 0 0 33px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -710px -69px; }
#map_lrg { margin: 0 0 0 40px; background: #fff;}
ul#skillz { width: 100%; height: 275px; margin: 0px 0 0px 0;}
ul#skillz li { float: left; display:block; list-style:none; overflow:hidden; background: #dedede; margin: 0px 0px 2px 0; text-align:; width: 100%;}
ul#skillz li span { color: #333; padding: 3px 7px; float:left; background:#ccc; }
ul#music { width: 100%; height: 155px; margin: 20px 0 30px 0;}
ul#music li { float: left; display:block; list-style:none; overflow:hidden;}
ul#music a { color:#999; font-size: 10px;}
.pictureFrameMediumsquare { position: relative; display: block; width: 77px; height: 79px; overflow: hidden; cursor: pointer;}
.pictureFrameMediumsquare .cdimage { position: absolute; top: 2px;left: 2px; display: block; width: 66px; height: 66px; overflow: hidden;}
.pictureFrameMediumsquare .overlay { position: absolute; top: 0; left: 0; display: block; width: 72px; height: 72px; background: transparent url(http://images.nicstauber.com/picture_frame.png) left top no-repeat;}
#activities { width: 100%; float: left;}
ul#activity_items { width: 200px; margin: 30px 0 0 50px; float: left;}
ul#activity_items li { height: 23px; width: 100%; margin: 0px 0px 3px 0; float: left; display:block; list-style:none; overflow:hidden; border-bottom: 1px solid #ccc;}
#swatch_1 { width: 20px; height: 10px; float: left; margin: 5px 7px 0 0; background: #666666; }
#swatch_2 { width: 20px; height: 10px; float: left; margin: 5px 7px 0 0; background: #858585;}
#swatch_3 { width: 20px; height: 10px; float: left; margin: 5px 7px 0 0; background: #a3a3a3; }
#swatch_4 { width: 20px; height: 10px; float: left; margin: 5px 7px 0 0; background: #c2c2c2;}
#swatch_5 { width: 20px; height: 10px; float: left; margin: 5px 7px 0 0; background: #e1e1e1;}
/* DETAIL PAGE GALLERY */
#gallery { background:url(http://images.nicstauber.com/gallery/panel.jpg) repeat-x bottom center #fff; width:920px; overflow:hidden; float:left;}
#slides { height:580px; width:920px; overflow:hidden; margin-top:10px;}
.slide { float:left;}
#menu { height:73px; text-align:center;}
ul.projectthumbs { margin:0px; padding:0px; position: relative; left: 50%; float: left; text-align: center;}
ul.projectthumbs li { width:105px; display:block; list-style:none; height:83px; overflow:hidden; margin:0px; position: relative; right: 50%; float: left;}
ul.projectthumbs li.inact:hover { background: url(http://images.nicstauber.com/gallery/pic_bg.png) repeat;}
ul.projectthumbs li.act,li.act:hover { margin: 0px; padding: 0px; background: url(http://images.nicstauber.com/gallery/active_bg.png) no-repeat !important;}
ul.projectthumbs li.act a { cursor: default;}
ul.projectthumbs li a { display:block; background:url(http://images.nicstauber.com/gallery/divider.png) repeat-y right; height:83px; padding-top:10px;}
.fbar { width:2px !important; background:url(http://images.nicstauber.com/gallery/divider.png) no-repeat right; }
ul.dp_nav { float:right; padding: 0; list-style: none; height: 50px; margin: 10px;}
ul.dp_nav li { float: left; margin: 0; padding: 0px; height: 50px; line-height: 12px; overflow: hidden; position: relative; display:block; background:url(http://images.nicstauber.com/tabs/divider.png) repeat-y left;}
ul.dp_nav li a { text-decoration: none; display: block; padding: 20px; outline: none; color: #aaaaaa;}
ul.dp_nav li a:hover { background: transparent url(http://images.nicstauber.com/tint_tile_03.png) repeat; border-bottom: 1px solid #fff; color: #666;}
html ul.dp_nav li.active, html ul.dp_nav li.active a:hover { background: transparent url(http://images.nicstauber.com/tabs/active_tab_bg.png) no-repeat; border-bottom: 1px solid #fff;}
ul.details { padding: 20px 0 0 30px;}
ul.details li { margin-right: 5%; float: left; }
ul.details li h2 { color: #ccc; }
ul.details .detail_heading { color: #666; margin-bottom:7px; }
ul.details h2 a { color: #ccc; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #222;}
ul.details h2 a:hover { color: #fff; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #ccc;}}
/* CLASSES */
.blurb { padding: 0 0 10px;}
.blurb h1 a { color: #666; }
.blurb h1 a:hover { color: #222; }
/*.button { margin:0 30px 0 0; padding:11px 10px 8px 10px; float: right; -moz-border-radius:3px 3px 3px 3px; color: #999; background:none repeat scroll 0 0 #333; } */
.btn_nxt_drk { width: 53px; height: 32px; margin: 0 30px 0 0; padding: 0px; display:block; position:relative; text-decoration:none; text-indent:-1000px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -565px -533px; }
.btn_nxt_drk:hover { width: 53px; height: 32px; margin: 0 30px 0 0; padding: 0px; display:block; position:relative; text-decoration:none; text-indent:-1000px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -565px -565px; }
.btn_nxt_lt { width: 54px; height: 32px; margin:30px 30px 0 0; padding: 0px; display:block; position:relative; text-decoration:none; text-indent:-1000px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -510px -533px; }
.btn_nxt_lt:hover { width: 54px; height: 32px; margin:30px 30px 0 0; padding: 0px; display:block; position:relative; text-decoration:none; text-indent:-1000px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -510px -565px; }
.btn_all { width: 45px; height: 32px; margin:30px 10px 0 0; padding: 0px; display:block; position:relative; text-decoration:none; text-indent:-1000px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -619px -533px; }
.btn_all:hover { width: 45px; height: 32px; margin:30px 10px 0 0; padding: 0px; display:block; position:relative; text-decoration:none; text-indent:-1000px; background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat -619px -565px; }
.title { margin: 30px 0 0 30px; float: left;}
.title_dp { margin: 40px 0 0 30px; float: left;}
.center { text-align: center;}
span.im { color: #ffcc00;}
hr { display: none;}
.clear { clear: both;}
.float_left { float: left;}
.float_right { float: right;}
.clear { clear: both;}
.noborder { border: none;}
.nobg { background: none;}
.kill { display: none;}
.push_bot_30 { margin-bottom: 30px;}
.push_top_30 { margin-top: 30px;}
.whitebg { background: #fff;}
/* IMAGES */
p img { padding: 0; max-width: 100%;}
img.centered { display: block;margin-left: auto;margin-right: auto;}
img.alignright { padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft { padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright { float: right;}
.alignleft { float: left }
/* IE HACKS */
/* html #globalheader { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.nicstauber.com/bg_header.png", sizingMethod="crop"); }*/
* html #content { height:1%; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.nicstauber.com/bg_content.png", sizingMethod="crop"); }
* html #subfeature { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.nicstauber.com/bg_subfeature.png", sizingMethod="crop"); }
* html #globalnav #logo { position: relative; z-index: 10;}
* html #subfeature { background-position: 0 50px; }
* html .side_right { width:600px; }
* html #realms li {width: 123px; }
* html .pictureFrameMediumsquare .overlay { background: transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.nicstauber.com/picture_frame.png', sizingMethod='crop'); cursor: pointer;}
/* FOOT PANEL */
#footpanel h1 a { color: #fff; font-size: 10px; }
#footpanel h1 span {font-weight: normal;}
#footpanel { position: fixed; bottom: 0; right:50px; z-index: 99; /*--Keeps the panel on top of all other elements--*/ background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -210px -70px; height: 30px; width: 95px; margin: 0px; color: #fff; float: right; display:block; }
#copyright { position: fixed; bottom: 0; left:50px; z-index: 99; /*--Keeps the panel on top of all other elements--*/ background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -210px -70px; height: 30px; width: 600px; margin: 0px; color: #fff; float: left; display:block; }
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/ position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); }
#footpanel ul { padding:0; margin:0px auto; float: ; width: 100%;list-style: none; font-size: 10px; line-height: 10px; text-align: center; }
#footpanel ul li{padding: 0; margin: 0; }
#footpanel ul li a{ padding: 8px; margin-top: 8px; float: right; text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/ width: 12px; text-decoration: none; color: #ccc; position: relative; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/ background-color: #fff; margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/ border: 1px solid #555; border-top: none; z-index: 200; /*--Keeps the active link on top of the sub-panel--*/position: relative;}
a.contact_tool { background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -220px -107px; }
a.atmosphere_tool { background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -248px -107px; }
a.home_tool { background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -278px -107px; }
a.contact_tool:hover { background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -220px -137px; }
a.atmosphere_tool:hover { background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -248px -137px; }
a.home_tool:hover { background: transparent url(http://images.nicstauber.com/global_sprite.png) no-repeat scroll -278px -137px; }
#footpanel a small { text-align: center; width: 70px; background: url(http://images.nicstauber.com/pop_arrow.png) no-repeat center bottom; padding: 5px 5px 11px; display: none; /*--Hide by default--*/ color: #fff; font-size: 9px; text-indent: 0; text-transform: uppercase;}
#footpanel a:hover small{ display: block; /*--Show on hover--*/position: absolute; top: -35px; /*--Position tooltip 35px above the list item--*/ left: 50%; margin-left: -40px; /*--Center the tooltip--*/