/* doc wide */
html, body, p, ul, li, q, h1, h2, h3, form, a, div, img, input, hr, fieldset, legend, input { margin:0; padding:0; }
body { padding:0 20px; font-family:Verdana, Arial, Sans-Serif; font-size:62.5%; color:#000; }
html, body { height:100%; } 
html { overflow-y: scroll; }
img { border:0; }
.clear { clear:both; }
a:hover { color:blue; }

/* layout */
#content { width:100%; }

#header { float:left; width:100%; padding:20px 0 20px 0; }
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#main { float:left; width:100%; padding:0 0 20px 0; }
#main .thumb { padding:0 2px 3px 0; }
#main #pic { float:left; width:10%; padding:0; }
#main #pic_caption { float:left; width:200px; padding:13px 0 0 10px; }
#main #pic_links { float:left; width:80px; padding:15px 0 0 10px; }
#main #box_biog { float:left; width:290px; padding:0; margin:20px 60px 0 0; }
#main #box_clients { float:left; width:170px; padding:0; margin:20px 20px 0 0; }
#main #box_contact { float:left; width:200px; padding:0; margin:20px 0 0 0; }

/* formatting */
#header h1 a { float:left; background:url(../images/logo.gif) no-repeat; width:191px; height:22px; padding:0; margin:0; display:block; text-indent:-9999px; margin:0 30px 0 0; }

#header ul { padding:11px 0 0 0; }
#header ul li { display:inline; }
#header ul li a { float:left; padding:11px 8px 0 0; overflow:hidden; height:0px !important; height /**/:11px; /* for IE5/Win */ }
#header ul li a:hover { background-position: 0 -11px; }
#header ul li a:active, #header ul li a.selected { background-position: 0 -22px; }

#tab_events a  { width:37px; background:url(../images/tab_events.gif) no-repeat 0 0; }
#tab_music a  { width:34px; background:url(../images/tab_music.gif) no-repeat 0 0; }
#tab_people a  { width:38px; background:url(../images/tab_people.gif) no-repeat 0 0; }
#tab_products a  { width:51px; background:url(../images/tab_products.gif) no-repeat 0 0; }
#tab_personal a  { width:52px; background:url(../images/tab_personal.gif) no-repeat 0 0; }
#tab_details a  { width:40px; background:url(../images/tab_details.gif) no-repeat 0 0; }
#tab_places a  { width:39px; background:url(../images/tab_places.gif) no-repeat 0 0; }
#tab_djs a  { width:22px; background:url(../images/tab_djs.gif) no-repeat 0 0; }
#tab_blog   a  { width:31px; background:url(../images/tab_blog.gif) no-repeat 0 0; }


#main #box_clients p, #main #box_contact p, #main #box_biog p { font-size:1.1em; padding:0; margin:0 0 20px 0; }
#main #box_contact a { text-decoration:underline; color:#000; font-weight:normal; }
#main #box_contact a:hover { color:blue; text-decoration:underline; }
#main #box_clients ul { padding:0; margin:0; list-style:none; }
#main #box_clients ul li { font-size:1.1em; margin:0 0 5px 0; }
#main #box_clients ul li a { color:#000; font-weight:normal; text-decoration:underline; }
#main #box_clients ul li a:hover { color:blue; text-decoration:underline; }

#main #pic_caption p { font-size:1.1em; color:#000; }

#pic_links ul { padding:0; margin:0; list-style:none; }
#pic_links ul li { margin:0 10px 0 0; }
#pic_links ul li a { float:left; padding:11px 0 0 0; overflow:hidden; height:0px; }
#pic_links ul li a:hover { background-position: 0 -11px; }

#tab_previous a  { width:10px; background:url(../images/tab_previous.gif) no-repeat 0 0; }
#tab_next a  { width:10px; background:url(../images/tab_next.gif) no-repeat 0 0; }

a.twitter-link {
    background: url(../images/twitter.png) no-repeat top left;
    line-height: 29px; /* height of logo */
    padding-left: 30px; /* width of logo */
}

a.flickr-link {
    background: url(../images/flickr.png) no-repeat top left;
    line-height: 28px; /* height of logo */
    padding-left: 30px; /* width of logo */
}