body {background-color:#CCC; padding:0; margin:0; border:0; font-family:Courier, mono; font-size:small;}
img {border:0; margin:0; padding:0;}
p {border:0; margin:0 0 7px 0; padding:0;}
strong, b {font-weight: bold;}
h1 { font-family: Courier, mono; font-weight: bold; color:#CCC; font-size:1.5em; margin:0; padding:0;letter-spacing:0em; word-spacing:-0.05em; text-shadow: #444 0 0 3px;}
#copyright {color: #FFF; text-align: center; font-size: x-small; margin-bottom:10px;}
.clear {clear: both; height: 1px; overflow: hidden;	margin: 0;}

/* info */
#inf_container {width: 802px; margin: auto; }
#inf_header {background-image: url(m/mickpunk.gif); background-repeat: no-repeat; height: 175px;}
#inf_content {background-image: url(m/inf_bckgnd.gif);background-repeat: repeat-y;}
#inf_footer {background-image: url(m/inf_qt.gif); background-repeat: no-repeat; height: 128px;}
#resume {width: 791px;	float: left;}
#resume_content {padding: 21px 57px 20px 75px; text-align:left;  color:#232323; line-height: 125%;}
#resume_content a:link {text-decoration: none; color:#232323; background-color:#CCC;}
#resume_content a:visited {text-decoration: none; color:#989898; background-color:#CCC;}
#resume_content a:hover {text-decoration: none; color:#989898; background-color:#FFF; }
#resume_content a:active {text-decoration: none; color:#FFF; background-color:#FFF; }
#hits {margin-left: 591px; width: 156px;}
#hit_content {padding: 21px 0 20px 0; text-align:center;}
#hit_content ul {padding: 3px 0 11px 0; margin: 0; list-style: none; display: block;}
#hit_content a img.thumb {border:3px solid #CCC; margin:0 0 8px 0;}
#hit_content ul.portfolio {padding:3px; background-color:#CCC; margin:0 0 8px 0;}

/* work */
#wrk_container {width: 810px; margin: auto; background-image: url(m/wrk_bckgnd.gif); background-repeat: repeat-y;}
#container {float:left;}
#left {width:30px; float:left;}
#main {width:530px; max-width:530px; float:left;}
#wrk_content {margin-left:30px; font-size: small;}
#sidebar {margin-left:580px; width:225px;}
.wrk_title {padding:12px 0 0 0;}
#wrk_footer {background-image: url(m/wrk_ftr.gif); background-repeat: no-repeat; height: 97px;}
#wrk_copy a:link { text-decoration: none; color:#232323; background-color:#CCC;}
#wrk_copy a:visited {text-decoration: none; color:#CCC; background-color:#FFF;}
#wrk_copy a:hover {text-decoration: none; color:#989898; background-color:#FFF; }
#wrk_copy a:active {text-decoration: none; color:#FFF; background-color:#FFF;}

/* play */
#ply_container {width: 810px; margin: auto; background-image: url(m/ply_bckgnd.gif); background-repeat: repeat-y;}
#photo {padding-left:30px; }
#photo_content {width:750px; text-align:center; }
#photo_content a:link {text-decoration: none; color:#000;}
#photo_caption { float:left; padding: 5px 0 5px 15px; font-size: small; letter-spacing: -.1em; text-align:left;}
#photo_nav { float: right; padding: 5px 15px 5px 0; font-size: small; letter-spacing: -.1em;}
#ply_shadow {height:15px; width:750px; background-image: url(m/ply_shdw.gif); clear: both;}
#play_content {padding:0 57px 0 277px; text-align: left; margin:0; font-size: small; color: #E7E7E7; line-height: 120%; text-shadow: #000 0 0 4px;}
#play_content a:link { text-decoration:none; color:#E7E7E7;}
#play_content a:visited { text-decoration:none; color:#E7E7E7;}
#play_content a:hover { text-decoration:none; color:#E7E7E7; background-color:#000;}
#ply_footer {width: 810px; background-image: url(m/ply_ftr.gif); background-repeat: no-repeat; height: 97px;}
#thumb_content {padding: 0 0 0 58px; text-align: left; margin:0; font-size: small; color: #E7E7E7;}
#thumb_content a img {width:120px; height:80px; border:3px solid #CCC; margin:0 6px 14px 7px;}

#play_left { width:240px; margin-left:57px; float:left; font-size: small; color: #E7E7E7; line-height: 120%;}
#play_left a img.thumb {width:39px; height:26px; border:1px solid #CCC; margin:0 3px 3px 0;}
#play_right { width:430px; margin-left:300px; font-size: small; color: #E7E7E7; line-height: 120%;}
#play_right a:link { text-decoration:none; color:#999; background-color:#000;}
#play_right a:visited { text-decoration:none; color:#232323; background-color:#999;}
#play_right a:hover { text-decoration:none; color:#232323; background-color:#CCC;}
#play_right a:active { text-decoration:none; color:#000; background-color:#000;}
#play_right a img.lp {border:1px solid #CCC;}

/* rollovers */
#nav { width: 30px; height: 179px; background: url(m/nav_wrk.gif); margin: 0; padding: 0; position: relative;}
#nav span {visibility:hidden;}
#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#nav a {display: block;}
#play a {height: 49px;}
#info a {height: 63px;}
#work a {height: 67px;}
#play {left: 0; top: 0; width: 30px; height: 49px;}
#info {left: 0; top: 49px; width: 30px; height: 63px;}
#work {left: 0; top: 112px; width: 30px; height: 67px;}
#play a:hover {background: url(m/nav_wrk.gif) 0 -179px no-repeat;}
#info a:hover {background: url(m/nav_wrk.gif) 0 -228px no-repeat;}
#work a:hover {background: url(m/nav_wrk.gif) 0 -291px no-repeat;}

#nav_ply { width: 30px; height: 179px; background: url(m/nav_ply.gif); margin: 0; padding: 0; position: relative;}
#nav_ply span {visibility:hidden;}
#nav_ply li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#nav_ply a {display: block;}
#play_play a {height: 49px;}
#play_info a {height: 63px;}
#play_work a {height: 67px;}
#play_play {left: 0; top: 0; width: 30px; height: 49px;}
#play_info {left: 0; top: 49px; width: 30px; height: 63px;}
#play_work {left: 0; top: 112px; width: 30px; height: 67px;}
#play_play a:hover {background: url(m/nav_ply.gif) 0 -179px no-repeat;}
#play_info a:hover {background: url(m/nav_ply.gif) 0 -228px no-repeat;}
#play_work a:hover {background: url(m/nav_ply.gif) 0 -291px no-repeat;}

#mickpunk { width: 30px; height: 97px; background: url(m/mickpunk_tag.gif); margin: 0; padding: 0; position: relative;}
#mickpunk li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#mickpunk a {display: block;}
#tag {left: 0; top: 0; width: 30px; height: 97px;}
#tag a {height: 97px;}
#tag a:hover {background: url(m/mickpunk_tag.gif) 0 -97px no-repeat;}


#info_nav { width: 52px; height: 162px; background: url(m/nav_inf.gif); margin: 0; padding: 0; position: relative;}
#info_nav span {visibility:hidden;}
#info_nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#info_nav a {display: block;}
#info_play a {height: 46px;}
#info_work a {height: 65px;}
#info_play {left: 0; top: 0; width: 52px; height: 46px;}
#info_info {left: 0; top: 46px; width: 52px; height: 51px;}
#info_work {left: 0; top: 97px; width: 52px; height: 65px;}
#info_play a:hover {background: url(m/nav_inf.gif) 0 -162px no-repeat;}
#info_work a:hover {background: url(m/nav_inf.gif) 0 -259px no-repeat;}

#error_nav { width: 52px; height: 162px; background: url(m/nav_error.gif); margin: 0; padding: 0; position: relative;}
#error_nav span {visibility:hidden;}
#error_nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#error_nav a {display: block;}
#error_play a {height: 46px;}
#error_work a {height: 65px;}
#error_info a {height: 51px;}
#error_play {left: 0; top: 0; width: 52px; height: 46px;}
#error_info {left: 0; top: 46px; width: 52px; height: 51px;}
#error_work {left: 0; top: 97px; width: 52px; height: 65px;}
#error_play a:hover {background: url(m/nav_error.gif) 0 -162px no-repeat;}
#error_info a:hover {background: url(m/nav_error.gif) 0 -208px no-repeat;}
#error_work a:hover {background: url(m/nav_error.gif) 0 -259px no-repeat;}

/* work numbers */

.tabset_tabs	{ margin: 5px 0 25px 0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap;}
.tabset_tabs li	{ margin:0; padding:0; display:inline;}
.tabset_tabs a	{ color: #333 ! important; padding: 5px 7px 5px 7px; border:0; font-size: small; text-decoration: none;}
.tabset_tabs a:hover	{ color:#FFF ! important; background-color:#CCC ! important; text-decoration: none; }
.tabset_tabs a:link {text-decoration: none;}
.tabset_tabs a:visited {text-decoration: none;}
.tabset_tabs a.active	{ color:#FFF ! important; background-color:#CCC ! important; text-decoration: none;}
.tabset_content	{ position:relative; z-index:1; display:none; }
.wrk_sample { background-color:#CCC; padding: 4px;}
.tabset_label { display:none }
.tabset_content_active { display:block }

@media aural{ .tabset_content, .tabset_label { display:block } }

/* portfolio */

#sidebar .wrk { background-image: url(m/wrk.gif); background-repeat: no-repeat;}
#sidebar .wrk_hi { background-image: url(m/wrk_hi.gif); background-repeat: no-repeat;}
#sidebar ul { padding: 3px 0 11px 24px; margin: 0; list-style: none; display: block;}
.portfolio a {display: block;}

#wrk_atart a {height: 42px;}
#wrk_aas_nav a {height: 42px;}
#wrk_collider_nav a {height: 42px;}
#wrk_original a {height: 42px;}
#wrk_perlegen a {height: 42px;}
#wrk_super_nav a {height: 42px;}
#wrk_identities_nav a {height: 42px;}
#wrk_switch_nav a {height: 42px;}
#wrk_ramones_nav a {height: 42px;}
#wrk_insideout_nav a {height: 42px;}

#wrk_atart {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_atart.jpg) 0 -42px no-repeat;}
#wrk_aas {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_aas.jpg) 0 -42px no-repeat;}
#wrk_original {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_orgnl.jpg) 0 -42px no-repeat;}
#wrk_perlegen {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_prlgn.jpg) 0 -42px no-repeat;}
#wrk_super {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_sprhr.jpg) 0 -42px no-repeat;}
#wrk_collider {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_clldr.jpg) 0 -42px no-repeat;}
#wrk_identities {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_identity.gif) 0 -42px no-repeat;}
#wrk_switch {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_switch.jpg) 0 -42px no-repeat;}
#wrk_ramones {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_rmns.jpg) 0 -42px no-repeat;}
#wrk_insideout {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_insdt.jpg) 0 -42px no-repeat;}

#sidebar #wrk_atart {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_atart.jpg);}
#sidebar #wrk_aas {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_aas.jpg);}
#sidebar #wrk_original {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_orgnl.jpg);}
#sidebar #wrk_perlegen {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_prlgn.jpg);}
#sidebar #wrk_super {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_sprhr.jpg);}
#sidebar #wrk_collider {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_clldr.jpg);}
#sidebar #wrk_identities {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_identity.gif);}
#sidebar #wrk_switch {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_switch.jpg);}
#sidebar #wrk_ramones {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_rmns.jpg);}
#sidebar #wrk_insideout {left: 0; top: 0; width: 150px; height: 42px; background: url(m/wrk_nav_insdt.jpg);}

#sidebar #wrk_atart a:hover {background: url(m/wrk_nav_atart.jpg) 0 -42px no-repeat;}
#sidebar #wrk_aas a:hover {background: url(m/wrk_nav_aas.jpg) 0 -42px no-repeat;}
#sidebar #wrk_original a:hover {background: url(m/wrk_nav_orgnl.jpg) 0 -42px no-repeat;}
#sidebar #wrk_perlegen a:hover {background: url(m/wrk_nav_prlgn.jpg) 0 -42px no-repeat;}
#sidebar #wrk_super a:hover {background: url(m/wrk_nav_sprhr.jpg) 0 -42px no-repeat;}
#sidebar #wrk_collider a:hover {background: url(m/wrk_nav_clldr.jpg) 0 -42px no-repeat;}
#sidebar #wrk_identities a:hover {background: url(m/wrk_nav_identity.gif) 0 -42px no-repeat;}
#sidebar #wrk_switch a:hover {background: url(m/wrk_nav_switch.jpg) 0 -42px no-repeat;}
#sidebar #wrk_ramones a:hover {background: url(m/wrk_nav_rmns.jpg) 0 -42px no-repeat;}
#sidebar #wrk_insideout a:hover {background: url(m/wrk_nav_insdt.jpg) 0 -42px no-repeat;}

/* extra */

#tag_space {margin-left:780px;}

a:link { text-decoration: none; color:#FFF}
a:visited {	text-decoration: none; color:#FFF;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}