/* Main Body */
html,body {
background-color:#666;
color:#121212;
font-size:1em
}

.clearing {
clear:left;
height:0
}

.clearing_r {
clear:right;
height:0
}

/* Header */
div#header {
background:#000
}

div#logo {
margin:0 205px;
padding:0
}

div#headerleft {
float:left;
margin:0;
padding:2px 0 0;
width:200px
}

div#headerright {
float:right;
margin:0;
padding:2px 0 0;
width:200px
}

/* The Menus */
div#topbar {
background-color:#170909;
background-image:url('../gfx/topbarbg.png');
background-position:bottom left;
background-repeat:repeat-x;
font-family:arial, sans-serif;
margin:0;
color:#808080;
padding:1px 0 4px;
text-align:center
}

div#topbar ul li a:hover {
color:#f80707;
font-size:0.75em;
text-decoration:none
}

div#topmenu {
background-color:#322d2a;
background-image:url('../gfx/topmenubgtp.gif');
background-position:top left;
background-repeat:repeat-x;
color:red;
font-family:arial, sans-serif;
font-weight:700;
margin:0;
padding:16px 0 0;
text-align:center
}

div#hhu-topmenu {
background-color:#322d2a;
color:red;
font-family:arial, sans-serif;
font-weight:700;
margin:0;
padding:2px 0 0;
text-align:center
}

div#topmenubm {
background-color:#322d2a;
background-image:url('../gfx/topmenubgbm.gif');
background-position:top left;
background-repeat:repeat-x;
height:16px
}

div#topmenu ul li {
display:inline;
margin:0 20px 0 0;
padding:0
}

div#hhu-topmenu ul {
list-style:none;
margin:0 10px;
padding:0
}

div#navigation ul li {
font-family:Arial, Helvetica, sans-serif;
margin:0.15em 0 0 10px;
text-align:left
}

/* Main Content */
div#content {
background-image:url('../gfx/contentbg.gif');
background-position:top left;
background-repeat:repeat-x;
margin:0;
padding:20px 20px 0;
text-align:left
}

div#contentleft {
float:left;
text-align:center;
width:160px
}

div#contentright {
float:right;
text-align:center;
width:160px
}

/* for two colunn, the center is the main one */
div#twocol div#contentcenter {
margin:0 10px 0 170px
}

/* for three column only */
div#contentcenter {
margin:0 170px;
min-width:610px
}

/* for the center on a default layout, but make it everything for a two column one */
div#contentcenter,div#twocol,div#onecol,div#about_page {
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
text-align:left
}

div#admin {
color:#FFF
}

div#about_page {
background:#040404 url(../gfx/contentltbg.gif) repeat-x;
width:100%
}

div.itemleft {
float:left;
margin:0 0 0 10px;
width:45%
}

div.itemright {
float:right;
margin:0 10px 0 0;
width:45%
}

div.itemwide {
clear:left;
margin:0 10px;
padding:15px 0 0
}

img.itemimage1 {
float:right;
margin:0 0 4px 6px
}

img.itemimage_left {
float:left;
margin:0 6px 4px 0
}

div.blockleft {
float:left;
text-align:center
}

div.blockright {
float:right;
text-align:center
}

div#frontvids {
height:187px;
margin:0 15px
}

div#frontvidcovers img {
margin:0 0 0 10px
}

div#frontvidcovers div {
float:left;
margin:0 0 0 20px;
text-align:center
}

.link-bar,.breadcrumbs {
float:left;
font-size:13px;
padding:3px 3px 0;
position:relative;
white-space:nowrap
}

.breadcrumbs a {
margin:0;
padding:0 18px 0 0
}

.breadcrumbs li,.breadcrumbs ul {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0
}

.link-bar span.info {
margin:0
}

.below_tabs span.info {
color:#333;
font-weight:700
}

.link-bar a {
background:url(/elements/site_default/images/divider.gif) 0 50% no-repeat;
font-weight:400;
padding:0 6px
}

.link-bar .first {
background:transparent
}

.link-bar .grey {
color:#999
}

.link-bar span,.link-bar .link {
display:block;
float:left;
font-size:11px;
margin-right:6px;
min-height:18px;
text-transform:lowercase
}

div#frontvidframe1 {
background-image:url('../gfx/frontvidframe1.gif');
background-position:top left;
background-repeat:no-repeat;
height:162px;
margin:-5px 0 0;
padding:29px 0 0;
text-align:center;
width:185px
}

p#vidformatlogos img {
margin:0 10px 0 0
}

dt,.title {
color:#fff
}

table#aboutmenu {
color:#fff;
font-size:.9em;
margin:0 10%;
width:80%
}

div#admin a:link,div#about_page a:link,div#purepain a:link {
color:#EDEDB5;
text-decoration:underline
}

div#admin a:visited,div#about_page a:visited,div#purepain a:visited {
color:#D0B458;
text-decoration:underline
}

div#admin a:hover,div#about_page a:hover,div#purepain a:hover {
color:#FFD747;
text-decoration:underline
}

/* ---- project page ---------------------------- 
 -- left column container -- */
div#projects_left {
float:left;
margin-right:-495px;
width:100%
}

div#projects_left div#project_content {
margin-right:495px
}

/* -- right column  -- */
div#projects_right {
float:right;
padding:0 10px;
width:475px
}

/* -- list of active projects -- 
 475px wide */
div#projectsbox {
background:url(../gfx/projects_02.gif) repeat-y;
width:475px
}

div#projectsbox table {
border:0;
color:#fff;
font-size:0.7em;
margin:0 5px;
width:465px
}

/* ----- press page ------------------------------------------ 
 -- left column -- */
div#content_contain {
float:left;
margin-right:-355px;
width:100%
}

/* -- right column -- */
div#press {
float:right;
padding:0 10px;
width:335px
}

/* list of quotes */
div#quotes {
margin-right:355px
}

div#quotes blockquote {
line-height:1.05em;
margin:25px 65px 0;
text-align:justify
}

div#pressbox {
background:url(../gfx/news/header_02.gif) repeat-y
}

div#pressbox table {
border:0;
color:#fff;
font-size:0.7em;
margin:0 5px;
padding:0;
width:325px
}

div#pressbox table td.source {
text-align:left
}

div#pressbox table td,div#projectsbox table td {
border-bottom:1px dashed #322d2a;
margin:0;
padding:0 4px 0.1em 0;
vertical-align:top
}

div#pressbox ul#otherpress li {
display:inline
}

/* floating thumbs for press clippings */
div#pressclips {
display:block;
position:relative;
width:456px
}

div#pressclips a {
display:block;
float:right;
margin:5px;
padding:0;
position:relative
}

* html div#pressclips a {
height:1%
}

div#pressclips img {
border:1px solid #fff;
margin:0;
padding:0
}

blockquote,pre {
padding:0.25em 40px
}

blockquote {
background-color:#332121;
border:1px solid #000;
color:#FFF;
font-family:Georgia, Times, serif;
margin:0.25em 0;
quotes:"\201C" "\201D"
}

blockquote p:before {
color:#DBCCB5;
content:open-quote;
font-size:2em;
font-weight:700
}

/* blockquote cite:after { font-size: 2em; color: #DBCCB5; content: close-quote; font-weight: bold; } */
blockquote cite {
display:block;
margin:.25em 0 1em;
text-align:right
}

.notes {
color:silver;
font-family:Arial, sans-serif;
font-size:0.8em
}

ul.notes {
margin:5px 0 0;
padding:0 0 0 10px
}

p.notes {
margin:0 20px
}

/* Headers */
h1 {
color:#111;
font-size:1.6em;
margin:0 0 10px;
padding:5px 0 0;
text-align:center
}

h2 {
color:#111;
font-size:1.5em;
margin:5px auto 5px 0
}

h3 {
color:#fff;
font-size:1.3em;
margin:5px auto 5px 0
}

p.announce {
color:#fff;
font-weight:700
}

/* Misc */
div#double {
padding-left:5%;
padding-right:5%
}

div#double p {
font-size:.9em
}

div#double h2 {
font-size:1.3em
}

img {
border:0;
margin:0;
padding:0
}

.clearer {
clear:both
}

.clearleft {
clear:left
}

a:hover {
color:#f80707;
text-decoration:none
}

#purepain table a {
font-size:1.2em;
font-weight:700;
text-decoration:underline
}

#purepain #wholesale p {
margin:0;
text-align:center
}

#project-list #equitylist td.video-name {
color:#FFF;
font-weight:700;
margin-top:10px;
padding-top:10px;
text-align:left
}

#equitylist .description {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.8em
}

#project-list #equitylist .projectinfo {
border-bottom:1px solid #333
}

#equitylist .projectinfo {
color:#FFF;
font-size:0.8em
}

#project-list #equitylist {
margin:0;
width:640px
}

cite.video {
font-style:italic
}

#newsbox {
font-size:0.8em
}

#newsbox ul {
padding-left:4px
}

#newsbox h2 {
font-size:1.1em
}

div#topbar ul,div#navigation ul,div#topmenu ul {
list-style:none;
margin:0;
padding:0
}

div#topbar ul li,div#hhu-topmenu ul li {
display:inline;
margin:0 15px 0 0;
padding:0
}

div#topbar ul li a:link,div#topbar ul li a:visited {
color:#B8B8B8;
font-size:0.75em;
text-decoration:none
}

div#topmenu ul li a:link,div#navigation ul li a:link,div#navigation ul li,div#hhu-topmenu ul li a:link,div#navigation ul li a:link,div#navigation ul li {
color:#fff;
font-size:1em;
font-weight:700;
text-decoration:none
}

div#topmenu ul li a:visited,div#navigation ul li a:visited,div#hhu-topmenu ul li a:visited,div#navigation ul li a:visited {
color:#f1f1f1;
font-size:1em;
font-weight:700;
text-decoration:none
}

div#topmenu ul li a:hover,div#navigation ul li a:hover,div#hhu-topmenu ul li a:hover,div#navigation ul li a:hover {
color:#f80707;
font-size:1em;
font-weight:700;
text-decoration:none
}

div.blockcenter,div#frontvidcovers {
text-align:center
}

div.newsstory a,div.itemwide a {
color:#ba0202;
font-weight:700
}

div#projectsbox img.gfx,div#pressbox img.header,div#pressbox img.footer {
border:0;
display:block;
margin:0;
padding:0
}

div#quotes .readmore,div#pressbox table td.article,.goright {
text-align:right
}

div#pressbox ul#otherpress,blockquote p,a,object,#project-list #equitylist td {
margin:0;
padding:0
}

h2 a:link,h2 a:visited,h3 a:link,h3 a:visited {
color:#ba0202;
text-decoration:none
}

h2 a:hover,h3 a:hover {
color:#ba0202;
text-decoration:underline
}

a:link,a:visited {
color:#9c0404;
text-decoration:none
}