body {font:85% arial, verdana, sans-serif; background:#fff; color:#000; border-top:1.3em solid #9f1c00;}
.printOnly {display:none;}

#info {height:160px; background:#101529 url("../../images/design/standard/tupac.be_banner.jpg") right no-repeat; border-bottom:.65em solid #9f1c00;}
#skips {display:none;}
#languages {position:absolute; right:1.5em; top:0;}
#quicklinks {position:absolute; left:.75em; top:0;}
#container {float:left; width:100%;}
#content {border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; height:1%; margin:2em 180px 2em 200px; overflow:auto; padding:0 4em 0 3em; position:relative; text-align:justify;}
#menu {float:left; margin-left:-100%; margin-top:2em; width:200px;}
#highlights {width:180px; float:left; margin-top:2em; margin-left:-180px;}
#copy {background:#eee; clear:left; color:#666; margin-top:2em;}


#logo h1 {font-family:georgia, times, "times new roman", serif; position:relative; top:30px; left:30px; width:315px; height:100px; font-size:200%; color:#fc0; font-weight:bold; padding:0; overflow:hidden;}
#logo h1 em {position:absolute; top:0; left:0; display:block; width:315px; height:100px; background:url("../../images/design/standard/tupac.be_logo.png") no-repeat;}
#logo h1 span {display:block; font-style:italic; color:#ccc;}


#skips ul,
	#languages ul,
	#quicklinks ol, 
	#skips li,
	#languages li,
	#quicklinks li {float:left; line-height:1.3em;}
#skips li, #quicklinks li {background:url("../../images/design/standard/list_spacer.png") no-repeat;}
#skips li {background-position:0 50%; padding-left:.75em;}
#quicklinks li {background-position:0 50%; padding-left:.75em;}
#skips li.first, #quicklinks li.first {background-image:none; padding-left:0; padding-right:0;}
#skips li a,
	#languages li a,
	#quicklinks li a {margin:0 1em 0 0; padding:0; text-decoration:none; font-size:80%; line-height:1.3em; text-transform:lowercase; color:#fff;}
#languages li a {text-transform:uppercase;}


#menu dl {width:85%; margin:0 auto;}
#menu dt {border-bottom:1px solid #c0c0c0; letter-spacing:-1px; font-weight:bold; font-family:georgia, times, "times new roman", serif; font-size:100%; line-height:2.2em; padding-left:.4em; color:#9f1c00;}
#menu dt a {text-decoration:none; color:#9f1c00;}
#menu dd {margin:.8em 0 1.2em .8em;}
#menu dd li {border-bottom:1px dotted #c0c0c0; font-size:95%; line-height:2em; padding-left:.4em;}
#menu dd li a {color:#101529; text-decoration:none;}
#menu dd li a:hover,
	#menu dd li a:visited {color:#666;}
#biopage #menu li#bio,
	#timelinepage #menu li#timeline,
	#afenipage #menu li#afeni,
	#familypage #menu li#family,
	#beefspage #menu li#beefs,
	#shootingpage #menu li#shooting,
	#deathpage #menu li#death,
	#theoriespage #menu li#theories,
	#discspage #menu li#discs,
	#poetrypage #menu li#poetry,
	#filmspage #menu li#films,
	#companiespage #menu li#companies,
	#groupspage #menu li#groups,
	#picspage #menu li#pics,
	#newspage #menu li#news,
	#tattoospage #menu li#tattoos,
	#factspage #menu li#facts,
	#letterspage #menu li#letters,
	#codepage #menu li#code,
	#machiavellipage #menu li#machiavelli,
	#tupacpage #menu li#tupac,
	#gunfightpage #menu li#gunfight {border-bottom:1px dotted #9f1c00; background:url("../../images/design/standard/mnu_active.png") 90% 50% no-repeat;}


#content h1, 
	#content h2 {font-family:georgia, times, "times new roman", serif; font-weight:normal; margin-top:0; line-height:normal; letter-spacing:-1px;}
#content h1 {font-size:160%; color:#9f1c00; margin-bottom:1.25em;}
#content h2 {font-size:135%; margin-top:1em; margin-bottom:1em; color:#960;}
#content h3, #content table caption {font-size:110%; margin-top:1.1em; margin-bottom:1.15em; font-weight:bold;}
#content p {margin:0.33em 0 1em 0; line-height:1.5;}
#content a {color:#f60; background-color:transparent;}
#content a.backto {font-size:75%; clear:both; text-transform:lowercase; display:block; width:100%; text-align:right; margin-bottom:1em;}
#content a:visited  {color:#960; text-decoration:underline;}
#content a:hover, 
	#content a:active, 
	#content a:focus  {color:#f60; background-color:transparent; text-decoration:none;}
#content img {border:1px solid #9f1c00;}
#content img.onright {float:right; margin:0.3em 0 0.5em 0.8em;}
#content img.onleft {float:left; margin:0.3em 0.8em 0.5em 0;}
#content strong {font-weight:bold;}
#content cite {font-style:italic;}
#content abbr {border-bottom:1px dotted #c0c0c0; cursor:help;}
#content pre {font-size:88%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:3em 0;}
#content sup {font-size:75%; vertical-align:top;}
#content ol {list-style:decimal; margin-left:4em;}
#content li {margin-bottom:1em;}
#content ol li ol {list-style:lower-alpha;}
#content blockquote {border-top:1px solid #ebebeb; float:right; text-align:right; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin:7px 7px 1.5em 1.5em; width:300px; background:url("../../images/design/standard/quote.png") top left no-repeat; padding:3px 0 0 3px; display:block; font-weight:bold; font-size:110%;}
#content blockquote p {}
#content blockquote span {display:block; margin-top:0.7em; font-size:80%;}
#content table {width:100%; border:1px solid #666; margin-bottom:2em;}
#content th {border-bottom:1px solid #666; padding:.4em; font-weight:bold; color:#666;}
#content td {vertical-align:top; background:#fff; padding:.4em; font-size:80%;}
#content tbody td {border-bottom:1px solid #f5f5f5;}
#content .error {color:#f00; background-color:transparent; font-weight:bold;}
#content .nvdr {font-style:italic; font-size:88%;}
#content .centred {text-align:center;}

#content #subjects {margin:0 0 2.5em 0;}
#content #subjects li {clear:left; overflow:auto;}
#content #subjects .metadata {float:left; width:100%;}
#content #subjects .metadata li {clear:none; margin-bottom:.8em;}
#content #subjects img, 
	#content .metadata .cover {float:left; margin:0.3em 1em 0.5em 0;}
#content .metadata .cover {margin-top:0;}

/* TIMELINE */
#timelinepage .timeline {list-style:none; margin:0; padding:0; width:40em;}
#timelinepage .timeline li {border-bottom:1px dotted #dedede; clear:both; font-family:georgia, times, "times new roman", serif; font-weight:normal; margin-top:0; line-height:normal; font-size:135%; color:#960;}
#timelinepage .timeline li ol {list-style:none; margin:0 0 0 3.5em; padding:0; display:block; border-left:1px dotted #dedede; float:left; position:relative; top:-1em; background:#fff;}
#timelinepage .timeline li ol li {border:0; display:block; padding:0 0.5em 0 0.5em; clear:both; font-weight:normal; border-bottom:1px dotted #dedede; color:#003; font-family:Arial, Helvetica, sans-serif; font-size:.6em;}
#timelinepage .timeline ul {list-style:none; margin:0 0 0 8.5em; padding:0.5em; display:block; border:1px dotted #dedede; background:#f5f5f5; width:33em; float:left; position:relative; top:-1em;}
#timelinepage .timeline ul li {color:#003;}
#timelinepage .timeline li ol li ul li {border-bottom:0 !important; font-size:1em;}

/* DEATH */
#deathpage #content object {width:255px; height:206px; float:left; margin:0.3em 0.8em 0.5em 0;}

/* DISCS */
#discspage #content .songdetails {font-size:80%;}
#content .metadata {margin-bottom:4em;}
#content #subjects .metadata {margin-bottom:0;}

/* FILMS */
#content #subjects .synopsis {clear:left;}

/* PICTURES */
#picspage #content ul {list-style-type:none; text-align:center;}
#picspage #content ul li {display:inline;}
#picspage #content ul li img {vertical-align:middle; margin:.5em; padding:1px; background-color:#fff; width:100px; height:100px; background:#fff url("../../images/design/lightbox/loading.gif") center no-repeat;}
#picspage #pagenrs {float:left; width:100%; margin-top:2em}
#picspage #pagenrs ol {text-align:center; margin:0 auto; display:table;}
#picspage #pagenrs ol li {display:table-cell; float:left; display: block; padding:0 .3em; line-height:18px; background:url("../../images/design/standard/list_spacer2.png") 0px 5px no-repeat;}
#picspage #pagenrs ol li a {color:#8894a7; text-decoration:none;}
#picspage #pagenrs ol li.first,
	#picspage #pagenrs ol li.firstPage,
	#picspage #pagenrs ol li.previousPage, 
	#picspage #pagenrs ol li.nextPage,
	#picspage #pagenrs ol li.lastPage {background-image:none;}
#picspage #pagenrs ol li.firstPage,
	#picspage #pagenrs ol li.previousPage, 
	#picspage #pagenrs ol li.nextPage,
	#picspage #pagenrs ol li.lastPage {padding-top:0px; width:18px; height:18px;}
#picspage #pagenrs ol li.firstPage a,
	#picspage #pagenrs ol li.previousPage a, 
	#picspage #pagenrs ol li.nextPage a,
	#picspage #pagenrs ol li.lastPage a {display:block; width:18px; height:18px; text-indent:-9999px; overflow:hidden; background-position:left top; background-repeat:no-repeat;}
#picspage #pagenrs ol li.firstPage a {background-image:url("../../images/design/standard/first_page.gif");}
#picspage #pagenrs ol li.previousPage a {background-image:url("../../images/design/standard/previous_page.gif");}
#picspage #pagenrs ol li.nextPage a {background-image:url("../../images/design/standard/next_page.gif");}
#picspage #pagenrs ol li.lastPage a {background-image:url("../../images/design/standard/last_page.gif");}

/* NEWS */
#newspage #content #subjects li p, 
	#newspage #content #subjects li table {font-size:88%;}
#newspage #content #subjects img {border:0;}
#newspage #content #subjects .contribute {width:40%; float:right; margin:0 0 1em 1.3em; border:1px solid #dedede; background:#f5f5f5; padding:.4em;}
#newspage #content #subjects .contribute table {margin-bottom:0;}
#newspage #content #subjects .contribute table caption {margin:0 0 1em 0;}
#newspage #content #subjects .contribute p {font-size:85%;}
#newspage #content #subjects .contribute img {float:none;}

/* TATTOOS */
#tattoospage #content img {margin:0 auto;}
#tattoospage #content img.front {width:408px;}
#tattoospage #content img.back {width:384px;}
#tattoospage #content img.front, #content img.back {margin:1.5em auto; display:block;}
#tattoospage #content ol.front, #content ol.back {text-align:center;}

/* FACTS */
#factspage #content li {list-style:disc; margin:2em;}

/* LETTERS */
#letterspage #content ul {margin-bottom:9em;}

/* SITEMAP */
#sitemappage #content dt {background:url("../../images/design/standard/folder.png") left no-repeat; padding-left:1.3em; font-family:georgia, times, "times new roman", serif; font-weight:normal; margin-top:0; line-height:normal; letter-spacing:-1px; font-size:135%; margin-top:1em; margin-bottom:1em; color:#960;}
#sitemappage #content ol {margin-left:1.5em;}
#sitemappage #content li {list-style:none; background:url("../../images/design/standard/page.png") left no-repeat; padding-left:1.3em;}

/* LINKS */
#linkspage #content img {border:0; float:none;}

#copy p {font-size:x-small; background:#dedede; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; text-align:center; line-height:4em; display:block; width:100%;}
#copy dl {background:#eee; color:#000; float:left; padding:2em 0; width:100%;}
#copy dt {display:none;}
#copy dd {float:left; width:19.5%;}
#copy dd h4 {font-weight:bold; width:85%; margin:0 auto; font-family:georgia, times, "times new roman", serif; line-height:2.2em; color:#9f1c00;}
#copy dd ol {width:85%; margin:0 auto;}
#copy dd li {line-height:1.4em;}
#copy a {color:#333;}
#copy a:hover, #copy a:visited {color:#666;}



#highlights ul {width:160px; margin:0 auto 1.5em auto;}
#highlights ul li {margin-bottom:2em;}

#highlights #googlesearch {position:relative;}
#highlights #googlesearch label {font-size:.8em;}
#highlights #googlesearch input {vertical-align:middle;}
#highlights #googlesearch #q {height:18px; padding:.1em; width:130px;}
#highlights #googlesearch label.overlabel {color:#999;}
#highlights #googlesearch label.overlabel-apply {color:#999; left:5px; position:absolute; top:5px; z-index:1;}