/*

CSS Document for the Ed Powers' Tube
Client: Ed Powers
URL: http://www.edpowers.com/
Designed by: Designs & SEO
URI: http://www.designsandseo.com
Browser: FF
Version: 1.0

*/

/* ----------- INITIALIZE ---------- */
body, html, div, h1, h2, h3, h4, ul, li, p, link, script, form { margin: 0; padding: 0; }

/* ----------- GLOBAL ---------- */
body { margin: 0; padding: 0; background: black; }
#outerwrapper { width: 980px; margin: 0 auto; border-left: #999898 1px solid; border-right: #999898 1px solid; }
#mainwrapper { width: 980px; margin: 0 auto; }

/* Fonts */
.normal { font-weight: normal; }
.tahoma { font-family: Roboto, Geneva, sans-serif; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.yellow { color: #edc41e; }
.midgreen { color: #69be39; }
.drkgreen { color: #0b8e1b; }
#ftrnav a:link { color: #555555; text-decoration: none; }
#ftrnav a:visited { color: #555555; text-decoration: none; }
#ftrnav a:hover { color: #000000; text-decoration: none; font-weight: bold; }
.blklink a:link { color: #000000; }
.blklink a:visited { color: #000000; }
.blklink a:hover { color: #555555; }
.grnlink a:link { color: #0b8e1b; text-decoration: underline; }
.grnlink a:visited { color: #0b8e1b; text-decoration: underline; }
.grnlink a:hover { color: #000000; text-decoration: none; }
.whtyel a:link { color: #ffffff; text-decoration: none; }
.whtyel a:visited { color: #ffffff; text-decoration: none; }
.whtyel a:hover { color: #edc41e; text-decoration: none; }
.titlelink a:link { color: #0066cc; text-decoration: underline;}
.titlelink a:visited { color: #0066cc; text-decoration: underline; }
.titlelink a:hover { color: #006600; text-decoration: underline; }

/* ----------- HEADER ---------- */



#topline-paypal {
    background-color: #333333;
    text-align: right;
    padding: 2px 16px 2px 0;
}
#topline-paypal img {display: inline-block; vertical-align: middle;}

#topline-paypal a, #topline-paypal a:visited {
    color: white;
    font-size: 12px;
    font-family: "Arial";
} 


#header { width: 980px; height: 235px; background: url(images/hdr_main.jpg) no-repeat; position: relative; }
#logo { width: 518px; height: 143px; position: absolute; left: 0; top: 30px; }
#header #tagline1 { font-family: Roboto, Geneva, sans-serif; font-size: 19px; line-height: 1em; color: #ffffff; position: absolute; left: 768px; top: 7px; width: 206px; text-shadow: #000000 1px 2px 2px;  }
#header #tagline2 { font-family: Roboto, Geneva, sans-serif; font-size: 16px; line-height: 1em; color: #ffffff; position: absolute; text-shadow: #000000 1px 2px 2px; left: 246px; top: 155px; }
#header #tagline3 { font-family: Roboto, Geneva, sans-serif; font-size: 14px; line-height: 1em; color: #ffffff; position: absolute; text-shadow: #000000 1px 2px 2px; left: 21px; top: 190px; }
#header #tabmenu { width: 270px; position: absolute; bottom: 0; right: 187px; height: 35px; }
#header #tabmenu ul { list-style-type: none; }
#header #tabmenu ul li { display: inline; float: right; padding: 0 0 0 5px; }
#header #tabmenu ul li div { float: left; }
#header #tabmenu ul li div.tabtxt { height: 25px; padding: 10px 3px 0 3px; background: url(images/tabbg.gif) repeat-x; }
#header #tabmenu ul li div.tabtxt a, #header #tabmenu ul li div.tabtxt a:visited {color: black; text-decoration: none;}
#header #tabmenu ul li div.tabtxt a:hover{text-decoration: underline;}
#header #tabmenu ul li div.tabgray { height: 25px; padding: 10px 3px 0 3px; background: #363636; color: #ffffff; }
#header #tabmenu .tablt { margin: 0; }
#menu ul { list-style-type: none; }
#menu ul li { float: left; height: 38px; }

/* ----------- CONTENT ---------- */
#content { clear: both; width: 980px; background: #e6e3e3; font-family: Roboto, Geneva, sans-serif; position: relative; }

/* Submenu */
#content #submenu { width: 968px; height: 26px; background: #000000; padding: 5px 6px 0 6px; }
#content #submenu ul { list-style-type: none; }
#content #submenu ul li { display: inline; font-size: 14px; margin: 0 30px 0 0; }
#content #submenu ul li:last-child {  display: inline; font-size: 14px; margin: 0 0 0 0; }

/* DVD Section */
.sectop { width: 980px; height: 5px; background: url(images/sectiontop.gif) no-repeat; }
.secmain { width: 958px; background: url(images/sectionbg.gif) repeat-y; padding: 4px 10px 4px 12px; overflow: auto; }
.secmain #seclt { float: left; width: 180px; margin: 0 6px 0 0; padding: 4px 0 0 0; }
.secmain #seclt img { margin: 0 0 4px 0; }
.secmain #secmid { float: left; width: 637px; padding: 4px 0 0 0; margin: 0 6px 0 0; }
.secmain #secmid h1 { font-weight: normal; font-size: 20px; }
.secmain #secmid p.desc { font-size: 12px; color: #555555; }
.secmain #secrt { float: left; width: 128px; height: 193px; padding: 4px 0 0 0; }
.secmain #secrt-rabbit { float: left; width: 128px; height: 193px; margin-left: -44px; padding: 4px 0 0 0; }
.secmain #secrt .cover { background: url(images/borderbg.gif) no-repeat; }
.secmain #secrt .cover img { margin: 3px 3px; }
.secmain #secrt h3 { font-weight: normal; font-size: 14px; }
.secmain #secrt h3.cat { margin: 10px 0 0 0; font-weight: normal; font-size: 14px; }
.secmain #secrt p { font-size: 11px; color: #555555; }
.secbot { width: 980px; height: 8px; padding: 0 0 3px 0; background: url(images/sectionbot.gif) no-repeat; }

/* Section */
.section { clear: both; width: 960px; position: relative; }
.section .title { width: 980px; height: 43px; background: url(images/sectitlebg.jpg) no-repeat; }
.section .title .sechdr  { height: 47px; position: absolute; left: 0px; top: 0px; width: 481px; }
.section .title .sechdr .sechdrlt { float: left; width: 15px; height: 45px; background: url(images/sechdrbglt.png) no-repeat; }
.section .title .sechdr .sechdrmid { float: left; height: 39px; padding: 16px 5px 0 5px; background: url(images/sechdrbgmid.png) repeat-x; }
.section .title .sechdr .sechdrrt { float: left; width: 39px; height: 45px; background: url(images/sechdrbgrt.png) no-repeat; }
.section .title h2 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-shadow: #ffffff 0 2px 2px; }
.section .seemore { position: absolute; left: 874px; top: 9px; }
.section .secmain { clear: both; width: 970px; padding: 6px 0 0 12px; }
.section .secmain ul.dvds { list-style-type: none; overflow: auto; }
.section .secmain ul.dvds li { float: left; width: 135px; margin: 0 2px 5px 0; }
.section .secmain ul.dvds li img { margin: 0 0 5px 0; }
.section .secmain ul.dvds li p { font-family: Roboto, Geneva, sans-serif; font-size: 12px; }

.section .secmain ul.tn { list-style-type: none; overflow: auto; }
.section .secmain ul.tn li { float: left; width: 300px; margin: 0 16px 8px 6px; }
.section .secmain ul.tn li:nth-child(3n+3) { float: left; width: 180px margin: 0 0 0 0; }
.section .secmain ul.tn li img { margin: 0 0 5px 0; }
.section .secmain ul.tn li p.name { font-size: 14px; color: #000000; }
.section .secmain ul.tn li p { font-family: Roboto, Geneva, sans-serif; font-size: 12px; color: #363636; }

/* Promo */
.promo { width: 972px; margin: 4px auto 3px auto; clear: both; }
.promo .promotop { width: 972px; height: 8px; background: url(images/promotop.png) no-repeat; }
.promo .promomain { width: 972px; background: url(images/promobg.png) repeat-y; }
.promo .promomain h3 { font-size: 43px; font-weight: normal; }
.promo .promomain p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #363636; }
.promo .promobot { width: 972px; height: 8px; background: url(images/promobot.png) no-repeat; }

/* ----------- FOOTER ---------- */
#footer { clear: both; background: #e6e3e3; position: relative; }
#ftrtop { width: 980px; height: 8px; background: url(images/ftrtop.gif) no-repeat; }
#ftrmain { width: 980px; background: url(images/ftrbg.gif) repeat-y; overflow: auto; }
#ftrmain #ftrbtns { width: 670px; margin: 0 auto; padding: 10px 0 0 0; }
#ftrmain #ftrbtns img { float: left; }
#ftrmain #benetop { width: 980px; height: 37px; background: url(images/benetop.gif) no-repeat; }
#ftrmain #benefits { width: 980px; height: 114px; margin: 0 0 15px 0; }
#ftrnav ul { padding: 10px 0; list-style-type: none; font-family: Roboto, Geneva, sans-serif; font-size: 12px; }
#ftrnav ul li { display: inline; color: #555555; }
#ftrnav ul li.divider { margin: 0 6px; color: #555555; }
#footer #usc2257 { padding: 40px 0 0 0; font-family: Roboto, Geneva, sans-serif; font-size: 14px; color: #000000; }
#footer #disclaimer, #footer #addy { font-size: 11px; color: #555555; }
#footer #webmasters { padding: 10px 0 20px 0; }
#footer #webmasters ul { list-style-type: none; }
#footer #webmasters ul li { display: inline; font-size: 12px; }
#footer #credits, #footer #disclaimer { font-size: 12px; font-family: Roboto, Geneva, sans-serif; padding: 10px 20px; }

/* CUSTOM */

#slideshow {text-align: center;}
span.appeardate {float: right; font-weight: bold; color: green;}