/* Theme Name: Portal A - Version 1 Theme URI: http://wordpress.org/ Description: This theme began from the default WordPress theme, which is based on the famous Kubrick. Version: 1.6 Author: Ivan W. Lam Author URI: http://www.ivanwlam.com/ Tags: custom header, fixed width, three columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was ORIGINALLY designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* TEMPORARY TURN OFF's */ #vidThumbsPageText{display:none;} /* Page number for video thumbnails in header */ /*Preset */ * {margin:0;padding:0;border:0;} acronym, abbr{cursor: help;} .center {text-align: center;} .hidden {display: none;} .clear {clear: both;} .alignright {float: right;} .alignleft {float: left;} hr {display: none;} ul li{list-style:none;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////// BEGIN TYPOGRAPHY & COLORS BEGIN TYPOGRAPHY & COLORS BEGIN TYPOGRAPHY & COLORS BEGIN TYPOGRAPHY & COLORS /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Font Family */ .slogan, #mainSidebar, #wp-calendar caption, #mainSidebar #searchsubmit, #pages ul li, #sidebar, .specialContent h3, p.specialDesc, p.specialMorePosts, #P-splash #companyDesc p, #P-splash #splashNav ul li {font-family:Arial, Helvetica, sans-serif;} /* Used to be Arial series */ body, small, h1, #headerNavBar, h3, .post h2, .post h2 a, .post h2 a:visited, cite.fn, .vidNavTextTitle, #content p, .commentlist li, #commentform input, #commentform textarea, #commentform p {font-family:Verdana, Arial, Helvetica, sans-serif;} /* Used to be Georgia series */ code {font-family: 'Courier New', Courier, Fixed;} /* Type properties */ .commentlist p, .commentmetadata, #wp-calendar th, .aboutBlurb {font-weight:normal;} #headerNavBar, h1, h2, h3, .slogan, .commentlist li, .commentlist cite, .commentlist cite a, #wp-calendar caption, .vidThumbsTipItemTitle, .allThumbVidTipItemTitle, #mainSidebar #searchsubmit, #pages ul li, #pages-2 ul li, #wp-calendar caption, #vidThumbsNav ul li#vidThumbsNavTextLi .vidNavTextTitle, p.specialDesc, p.specialLatestPost, p.specialMorePosts, .specialThumbsList p {font-weight:bold;} #vidThumbsNav a, h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #mainSidebar a, #mainSidebar ul li a, #mainSidebar ul ul li a, #wp-calendar caption, cite, a, h2 a:hover, h3 a:hover, #wp-calendar a, #headerNavBar a, #P-splash #splashNav ul li a {text-decoration:none;} a:hover, .specialContent h3 a:hover, .specialThumbsList li:hover h3 a, #P-splash #companyDesc p a{text-decoration:underline;} .commentlist cite, .commentlist cite a {font-style: normal;} #wp-calendar th {font-style: normal;} p.specialDesc, #P-splash #companyDesc p a{font-style:italic;} #pages ul li, #pages-2 ul li, #P-splash #splashNav ul li{text-transform:uppercase;} #pages ul li, #pages-2 ul li{letter-spacing:.1em;} /* Text-align */ body, #page-mailing-list form{text-align:left;} #wp-calendar caption{text-align:center;} #footer p{text-align:center;} h2.pagetitle{text-align:center;} div#vidThumbsNav ul li#vidThumbsNavNext{text-align:right;} div#vidThumbsNav ul li#vidThumbsNavTextLi{text-align:center;} p#vidThumbsPageText{text-align:right;} #searchform{text-align:right;} .entry form{text-align:center;} /* For password protected posts; makes them look better */ .entry form#formmail *{text-align:left;} .nocomments{text-align:center;} #wp-calendar #next a{text-align:right;} #wp-calendar #prev a{text-align:left;} #wp-calendar caption{text-align:center;} #wp-calendar td{text-align:center;} .navigation{text-align:center;} .wp-caption{text-align:center;} #page-mailing-list label{text-align:right;} #P-splash #compDescText{text-align:left;} #P-splash #moreAbout{text-align:right;} #P-splash #splashNav ul li{text-align:center;} /* Font Color and Background-color */ body{background:#111;color: #ccc;} blockquote, strike{color:#444;} .wp-captions{background-color:#f3f3f3;} code{color:#900;} code span.featured{color:#00f;} h1, h1 a, h1 a:hover, h1 a:visited{color:white;} h2 a, h2 a:visited, h2 a:hover{color:#cc0000;} h3, h3 a:link, h3 a:visited{color:#000;} h3 a:hover{color:#cc0000;} a, a:link, a:visited, a:hover{color:#cc0000;} #P-splash #companyDesc p{color:#fff;} /* Background */ /* background: general */ .vtPlayIcon{ } .vtPlayIcon:hover{ background-image:url("http://portal-a.com/images/i/vtPlayIcon.png"); background-position:center center; background-repeat:no-repeat; } /* color and bgcolor: Outside: Header */ /* colors: outside: header */ ul#vidThumbsList li p{background-color:yellow;color:#000;} div#vidThumbsNav ul li#vidThumbsNavTextLi{color:#fff;} div#vidThumbsNav ul li#vidThumbsNavTextLi .vidNavTextTitle, div#vidThumbsNav ul li#vidThumbsNavTextLi .vidNavTextDesc{color:#ff2200;} .slogan{color:#c7d0ff;} .aboutBlurb{color:#c7d0ff;} /* colors and bgcolor: Outside: Left Sidebar*/ /* colors and bgcolor: Outside: left sidebar: links */ /* Links and Visiteds */ #mainSidebar ul ul li a:link, #mainSidebar ul ul li a:visited, #mainSidebar ul li div a:link, #mainSidebar ul li div a:visited, li#pages ul li a:link, li#pages ul li a:visited, li#pages-2 ul li a:link, li#pages-2 ul li a:visited, li.widget_twitter li a:link,li.widget_twitter li a:visited{color:#70cbff;} li#pages ul li:hover a:link, li#pages ul li:hover a:visited, li#pages-2 ul li:hover a:link, li#pages-2 ul li:hover a:visited{color:#000;} a.twitter-link, li.widget_twitter h2 a:link, li.widget_twitter h2 a:visited{color:#ff3300;} /* Hovers */ #mainSidebar ul li div:hover a:hover, #mainSidebar ul li div a:hover, #mainSidebar ul ul li:hover a, li.widget_twitter li a:hover, li#pages ul li a:hover, li#pages ul li:hover a:hover, li#pages-2 ul li a:hover, li#pages-2 ul li:hover a:hover{background-color:#70cbff;color:#000;} #mainSidebar #searchsubmit:hover{background-color:#ff3300;color:#000;} /* Actives */ #mainSidebar a:active, li#pages ul li:hover a:active, li#pages-2 ul li:hover a:active{color:#000;} /* colors and bgcolors: Outside: left sidebar: general */ #mainSidebar{ background-image:url("http://portal-a.com/images/i/mainSidebar-top.png"); background-repeat:no-repeat; } #mainSidebar-bottom{ background-image:url("http://portal-a.com/images/i/mainSidebar-bottom.png"); background-repeat:no-repeat; } #mainSidebar, #mainSidebar h2, .emailSubstitute, .widget_twitter .twitter{color:#ff3300;} li.twitter-item{color:#70cbff;} #mainSidebar #searchform #s{background-color:#70cbff;color:#000;} /*input box */ #mainSidebar #searchsubmit{background-color:#70cbff;color:#000;} #wp-calendar td.pad:hover{background-color:#fff; /* Doesn't work in IE without iehover*/} body#P-splash{background-image:url("/images/i/090804-blkboxesBG-06.jpg");} #P-splash #companyDesc p a:link,#P-splash #companyDesc p a:visited, #P-splash #splashNav ul li a:link,#splashNav ul li a:visited{color:#70cbff;} #P-splash #companyDesc p a:hover, #P-splash #splashNav ul li a:hover{color:#f00;} #P-splash #companyDesc p a:active, #P-splash #splashNav ul li a:active{color:#fff;} #P-splash #splashNav ul li:hover a{background-color:#222;} #P-splash #paiLogo{ background-image:url("http://portal-a.com/images/i/090804-logo6-forHome.png"); background-repeat:no-repeat; } #P-splash #neon{ background-image:url("http://portal-a.com/images/i/090804-logoText1-box750.png"); background-repeat:no-repeat; } /* colors and bgcolors: Outside: Footer */ #footer{color:red;} /* color and bgcolor: Inside */ /*colors: inside: links */ .post h2 a:link{color:#000;} .post h2 a:visited{color:#000;} .post h2 a:hover{color:#cc0000;} .post h2 a:active{color:#ffff00;} .entry p a:link{color:#cc0000;} .entry p a:visited{color:#cc0000;} .entry p a:hover{color:#ff0000;} .entry p a:active{color:#ffffff;} /*colors: inside: general */ #content{color:#000;} .post h2{color:#000;} .thread-alt{background-color:#f8f8f8;} .thread-even{background-color:white;} .commentlist li .avatar{background:#fff;} .sidebar{color:#000;} #contentContainer{ background-image:url("http://portal-a.com/images/i/opacWhite-80.png"); } /* "border" */ #contentArea{/*background-color:#eff;*/} /* actual background where the text is */ .post{ /* background-image:url("http://portal-a.com/images/i/090209-florTubes60.png"); background-repeat:no-repeat; background-position:center bottom; */} ul#allThumbVidList li p{background-color:yellow;color:#000;} #mvContentContainer, #post-mv #mvContCont{ background-color:#000; background-image:none; } #post-mv #contentContainer{ background:none; } /* color and bg: Right Sidebar */ .specialContent /*.specialContent h3 */{color:#ccc;} #fbBox{background-color:#ECEFF5;} /* For Fun */ #special-forFun{background-image:url("http://portal-a.com/images/i/specialSections/neon-forFun-top.png");background-repeat:no-repeat;} #special-forFun a:link, #special-forFun a:visited, #special-forFun .specialThumbsList p a:link, #special-forFun .specialThumbsList p a:visited{color:#ffff66;} #special-forFun h3, #special-forFun h3 a:link, #special-forFun h3 a:visited, #special-forFun .specialThumbsList p a:hover, #special-forFun a:hover{color:#cc0000;} /* Hustle */ #special-hustle{background-image:url("http://portal-a.com/images/i/specialSections/neon-hustle-top.png");background-repeat:no-repeat;} #special-hustle a:link, #special-hustle a:visited{color:#ffcc66;} #special-hustle h3, #special-hustle h3 a:link, #special-hustle h3 a:visited, #special-hustle a:hover{color:#fff266;} /* Work Week */ #special-work{background-image:url("http://portal-a.com/images/i/specialSections/neon-corpVid-top.png");background-repeat:no-repeat;} #special-work a:link, #special-work a:visited{color:#ffff66;} #special-work h3, #special-work h3 a:link, #special-work h3 a:visited, #special-work a:hover{color:#9caeff;} /* Huge in Asia */ #special-hia{background-image:url("http://portal-a.com/images/i/specialSections/neon-hia-top.png");background-repeat:no-repeat;} #special-hia a:link, #special-hia a:visited{color:#9caeff;} #special-hia h3, #special-hia h3 a:link, #special-hia h3 a:visited, #special-hia a:hover{color:#ffcb67;} /* Guest Post */ #special-guest{background-image:url("http://portal-a.com/images/i/specialSections/neon-bearShark-top.png");background-repeat:no-repeat;} #special-guest a:link, #special-guest a:visited{color:#ff7029;} #special-guest h3, #special-guest h3 a:link, #special-guest h3 a:visited, #special-guest a:hover{color:#9caeff;} /* color and bgcolor :Gray out */ #plainCenter{background-color:#000;} #plainCenter h3{color:#fff;} /* ///////////////////////////////////////////////////////////////////////////////////////////////// FONT-SIZE, LINE-HEIGHT FONT-SIZE, LINE-HEIGHT FONT-SIZE, LINE-HEIGHT FONT-SIZE, LINE-HEIGHT ///////////////////////////////////////////////////////////////////////////////////////////////////*/ body {font-size:10px;} /*Resets 1em to 10px */ small {font-size:9px;} h1{font-size:40px;} h2{font-size:16px;} #mainSidebar * h2{font-size:12px;} .post h2{font-size:15px;} h3{font-size:13px;} code{font-size:12px;} acronym, abbr, span.caps{font-size:0.9em;} /* font size: general */ /* header */#vidthumbsNav{font-size:1em;} .slogan{font-size:18px;} .aboutBlurb{font-size:11px;} #headerNavBar{font-size:14px;} div#vidThumbsNav ul li#vidthumbsNavPrev, div#vidThumbsNav ul li#vidThumbsNavNext{font-size:14px;} div#vidThumbsNav ul li#vidThumbsNavTextLi .vidNavTextTitle{font-size:12px;} div#vidThumbsNav ul li#vidThumbsNavTextLi .vidNavTextDesc{font-size:10px;} p#vidThumbsPageText{font-size:9px;} /* blog */ #content{font-size:11px;} .wp-caption p.wp-caption-text{font-size:11px;} .commentlist li, #commentform input, #commentform textarea{font-size:0.9em;} .commentlist li ul li{font-size:1em;} .commentlist cite, .commentlist cite a{font-size:1.1em;} /* mainSidebar */ #mainSidebar{font-size:1em;} #mainSidebar #searchform #s{font-size:11px;} #mainSidebar #searchsubmit{font-size:12px;} /* sidebar */ #sidebar{font-size:11px;} .specialThumbsList p{font-size:12px;} p.specialDesc{font-size:12px;} /*special pages */ .allThumbVidTipItemTitle{font-size:16px;} .allThumbVidTipItemDesc{font-size:10px;} #pages ul li, #pages-2 ul li{font-size:1.2em;} form#formmail input{font-size:11px;} #P-splash #companyDesc p{font-size:24px;} #P-splash #companyDesc p a{font-size:12px;} #P-splash #splashNav ul li{font-size:30px;} /* Line Height */ *{line-height:18px;} /* This one is making the videos not load if the winHeight's too short*/ .slogan{line-height:28px;} #P-splash #companyDesc p{line-height:30px;} /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MARGINS AND PADDINGS MARGINS AND PADDINGS MARGINS AND PADDINGS MARGINS AND PADDINGS MARGINS AND PADDINGS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body{margin:0 0 10px 0;padding:0;} /* margins and paddings: text elements */ h1{margin:0;padding-top:70px;} h2{margin:0;} h2.pagetitle{margin:0;} .post h2{margin-bottom:9px;padding:4px 0 5px 0;} #sidebar h2{margin:5px 0 0;padding:0;} h3{margin:18px 0 0 0;} h3#comments{margin:0px 0 10px 0;} #plainCenter h3{margin:.5em 0 1em 0;} .post h3{margin:0 0 18px 0;} blockquote{margin:15px 30px 0 20px;padding-left:10px;} blockquote cite{margin:5px 0 0;} small{margin:0 0 18px 0;} .post h2+small{margin-top:-9px;} span.vidThumbsTipItemTitle{padding-bottom:1em;} ul#pressList li h3{margin:0;} /* margins and paddings: p */ .post p{margin:0 0 18px 0;} .post form#formmail p{margin:0 0 18px 0;} .post form#formmail br{margin:0;} .post p.postmetadata{margin:0;} #plainCenter p{margin:.25em 0;padding:0;} #footer p{margin:0;padding:20px 0 0 0;} #mainSidebar ul p{margin:5px 0 8px;} ul#allThumbVidList li p{margin:0;padding:3px 6px 5px 6px;} .commentlist p{margin:10px 5px 10px 0;} #commentform p{margin:5px 0;} .specialContent>p{margin-left:1.5em;} ul#pressList li p{margin:0;} /* margins and paddings: images */ p img{padding:0;} img#companyTitle{margin:0 0 0 0px;} img.centered{margin-left:auto;margin-right:auto;} img.alignright{margin:0 0 2px 7px;padding:4px;} img.alignleft{margin:0 7px 2px 0;padding:4px;} img#contentArea_lightTubes{margin:0;padding:0;} ul#vidThumbsList li img{margin:0;padding:0;} .vidThumbsList li img{margin:0;padding:0;} .wp-caption img{margin:0;padding:0;} .specialThumbsList img{margin:0 0 0 0;} li.pressLiImg img{margin:0;padding:0 10px 0 0;} /* margins and paddings: ul and li */ .entry ul{margin:0 0 18px 0;padding:0 0 0 10px;} .entry li{ /* margin:7px 0 8px 10px; /* hidden 090125 */ margin:0; } ul#vidThumbsList, p#vidThumbsPageText{padding-top:7px;} ul#vidThumbsList li{margin-right:3px;margin-bottom:3px;} ul#vidThumbsList li.thumbsListEndOfRow{margin-right:0;} div#vidThumbsNav ul{margin:6px 0 0 0;} .vidThumbsList{margin:0;padding:0;} #blurbOrSlogan{margin:8px 0 0 0;} #headerNavBar ul{margin:10px 0 0 20px;} #headerNavBar ul li{margin-right:10px;} #mainSidebar>ul>li{margin-bottom:18px;margin-left:2px;} #mainSidebar>ul>li.widget_twitter{margin-left:0px;} #mainSidebar>ul>li.widget_twitter h2{margin-left:2px;} #mainSidebar>ul>li.widget_twitter li{padding-left:2px;} .entry ol{padding:0 0 0 35px;} .post ul li{margin:0 0 0 1em;} /*#page-work-with-us ul,#page-work-with-us ul li, #page-site-feedback ul,#page-site-feedback ul li*/ .pageHasForm form ul, .pageHasForm form ul li{margin:0; padding:0;} ol.commentlist{margin:0;padding:0 0;} .commentlist li{margin:15px 0 10px;padding:5px 5px 10px 10px;} .commentlist li ul li{margin-right:-5px;margin-left:10px;} .specialThumbsList{margin:0 0 18px 0;padding:0;} .specialThumbsList li{margin:0;padding:0;} #special-work .specialThumbsList li{margin-bottom:18px;} /* for corporate videos list. no longer video of the day 7/21/09 */ .specialContent ul.specialMorePosts{margin-bottom:1em;margin-left:1.5em;} ul#pressList, ul#pressList li ul, ul#pressList li ul li{margin:0;padding:0;} ul#pressList>li{margin:0 0 1em 0;padding:0;} ul#pressList li ul li.pressLiInfo{margin:0 0 0 210px;} .suggVidLi{margin:0 0 0 6px;} #suggVidLiFirst{margin:0;} #P-splash #splashNav ul{margin-top:70px;} /* margins and paddings: a */ #headerNavBar ul li a{padding:5px 6px;} #wp-calendar #next a{padding-right:10px;} #wp-calendar #prev a{padding-left:10px;} #mainSidebar a{padding-left:2px;margin-left:-2px;} .twitter a{padding:0 0 0 2px;} /* margins and paddings: general */ /*header*/ #page{margin: 0 auto;} #logoAndThumbs{margin:0 0 0 190px;} #headerThumbs{margin:0 0 0 10px;} #headerThumbs #vidThumbsNavPrev img, #headerThumbs #vidThumbsNavNext img{margin-top:47px;} #headerThumbs #vidThumbsNavPrev img{margin-left:-16px;} #headerThumbs #vidThumbsNavNext img{margin-left:-4px;} #headerNavBar{margin:0 0 0 87px;} #headerNavBar img{margin:0px 0 0 0;} #vtFrame{padding-top:7px;} .vidThumbsList li{margin:0 3px 3px 0;padding:0;} /*mainSidebar */ #mainSidebar{margin:120px 0 0 0;padding:15px 13px 0 13px;} #mainSidebar ul select{margin:5px 0 8px;} #searchform{margin:0 auto 0 auto;} #mainSidebar #searchform #s{padding:2px;} #mainSidebar #searchsubmit{margin:5px 0 13px 0;padding:0 2px;} /* blog */ #contentContainer{margin:0 0 0 152px;} #contentArea{margin:0;} #content{margin:0;padding:20px 20px 0 20px;} #content>div{margin:0;padding-top:0;padding-bottom:0;} /* for with florTubes background #content>div.post{margin:0 0 0 0;padding-top:0;padding-bottom:84px;} */ #content>div.post{margin:0 0 0 0;padding-top:0;padding-bottom:24px;} #content>div, /*#content>div.post{padding-left:10px;padding-right:10px;}*/ #content>p{margin:0 0 20px 0;padding:0 0;} .commentlist li .avatar{padding:2px;} #commentform input{margin:0 5px 0 0;padding:2px;} #commentform{margin:5px 10px 0 0;} #commentform textarea{padding:2px;} #commentform #submit{margin:0 0 5px auto;} .wp-caption{margin:10px;padding-top:4px;} .wp-caption p.wp-caption-text{padding:0 4px 5px;} /* right sidebar */ #fbBox{margin:10px 0 15px 10px;} #sidebar{margin-left:0px;padding:0;} #special-forFun{margin:-10px 0 25px 0;} #special-forFun div.specialContent{margin:0 0 0 25px;} #special-hustle{margin:0 0 25px 20px;} #special-hustle div.specialContent{margin:0 0 0 25px;} #special-work{margin:0 0 25px 5px;padding:85px 0 0 0;} #special-work div.specialContent{margin:0 0 0 25px;} #special-work #specialImg-work-top{margin:-85px 0 0 0;} #special-hia{margin:10px 0 100px 20px;} #special-hia div.specialContent{margin:0 0 0 25px;} #special-guest{margin:10px 0 130px 0;}/*padding bottom added because the text is too close to the drawing */ #special-guest div.specialContent{margin:0 0 0 22px;} .specialContent p.specialDesc{margin:0 0 1em 0;} /* gray out */ div#grayOutCloseButton img{margin:-11px 0 0 -11px;} /* special pages */ form#formmail input{padding:2px;} form#formmail input[type=submit], form#formmail input[type=button], form#formmail input[type=reset]{padding:2px;margin:.5em 1em .5em 0;} #page-about>h3, #page-about>div, #page-about>p, #page-about>ul{margin:0 0 18px 0;} .page-about-thumb{margin:0 10px 0 0;} h2.notFound{margin:0 0 18px 0;padding:0 0 18px 0;} #page-mailing-list label{margin-right:5px;} #page-mailing-list input[type=text]{margin:0 0 5px 0;padding:2px;} #post-mv, #mv-headerNavBar, #post-mv #headerNavBar{margin:0 auto;} #post-mv #contentContainer{padding:0;margin:0;} #post-mv #mvContCont{padding:4px;margin:0 auto;} #post-mv #contentContainer .mvpContainer{margin:0 5px 0 0;padding:0;} #P-splash #splashNav{margin:0 20px 0 10px;} #P-splash #companyDesc{padding:0 50px 0 46px;} #P-splash #splashNav ul li a{padding:20px;} #P-splash #splashVidCont{margin:0 auto;} /* other */ #footer{margin:0 auto;} .alt{margin:0;padding:0;} .aligncenter, div.aligncenter{margin-left:auto;margin-right:auto;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BORDERS BORDERS BORDERS BORDERS BORDERS BORDERS BORDERS BORDERS BORDERS BORDERS BORDERS BORDERS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* General */ a img{border:none;} blockquote{border-left:3px solid #666;} /* blog */ .commentlist li .avatar{border:1px solid #eee;} .commentlist li, #commentform input, #commentform textarea, #commentform #submit{border:1px solid #111;} .postmetadata{border-top:1px solid #111;} .wp-caption{border:1px solid #ddd;} .wp-caption img{border:0;border-radius: 3px;} /* right sidebar */ #fbBox{border:1px solid #94A3C4;} /* gray out */ #plainCenter{border:1px solid #333;} /*special pages */ h2.notFound{border-bottom:1px solid #000;} ul#allThumbVidList li p{border:1px solid #000;} form#formmail input, form#formmail textarea, #page-mailing-list input{border:1px solid #111;} #P-splash #splashNav ul{border-top:1px solid #444;} #P-splash #splashNav ul li{border-bottom:1px solid #444;} /*other */ .depth-1{border:1px solid #ddd;} .even{border-left:1px solid #ddd;} /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// WIDTHS AND HEIGHTS WIDTHS AND HEIGHTS WIDTHS AND HEIGHTS WIDTHS AND HEIGHTS WIDTHS AND HEIGHTS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* General */ body {width:100%;} /*p img{max-width:100%;}*/ select{width:130px;} /* header */ #page{width:994px;} /*original width */ #page{width:1056px;} #page-logo{width:381px;height:489px;} #header{width:994px;height:235px;} #logoAndThumbs{width:792px;height:145px;} #header #logoAndThumbs #headerThumbs{width:782px;height:145px;} ul#vidThumbsList{width:730px;height:145px;} ul#vidThumbsList li, ul#vidThumbsList li.vidThumbsLi a img, ul#vidThumbsList .vtPlayIcon{width:119px;height:67px;} div#vidThumbsNav, div#vidThumbsNav ul, div#vidThumbsNav ul li#vidThumbsNavTextLi{width:242px;} div#vidThumbsNav ul, div#vidThumbsNav ul li{height:70px;} #vidThumbsNavPrev, #vidThumbsNavNext{width:26px;height:145px;} p#vidThumbsPageText{width:26px;} #headerNavBar{width:660px;height:90px;} #vtFrame{width:730px;} #vtContent{width:1464px;} .vidThumbsList{width:732px;} .vidThumbsList li, .vidThumbsList li .vtPlayIcon img{width:119px;height:67px;} /*mainSidebar */ #mainSidebar{width:116px;} #mainSidebar #s{width:110px;height:14px;} #mainSidebar #searchsubmit{height:18px;} #mainSidebar-bottom{width:142px;height:25px;} /* blog */ #contentContainer{width:538px;} /* original width */ #contentContainer{width:600px;} #contentArea{width:538px;} /* original width */ #contentArea{width:600px;} #content{width:498px;} /* original width */ #content{width:560px;} /*#content>div{width:518px;} .post{width:518px;}*/ #content .navigation{height:36px;} #commentform input{width:170px;} #commentform textarea{width:100%;} /* sidebar */ #sidebar{width:304px;} .specialThumbsList li .specialThumbsLiP img, .specialThumbsList li .vtPlayIcon, .specialThumbsList li .vtPlayIcon a, .specialThumbsList li .vtPlayIcon img, .specialThumbsList li .vtPlayIcon * a, .specialThumbsList li .vtPlayIcon * img, .specialThumbsList li .vtPlayIconImg{width:165px;height:93px;} /*width and height should be the same as the image */ #fbBox{width:280px;height:62px;} #special-forFun, img#specialImg-forFun-top{width:300px;} img#specialImg-forFun-top{height:140px;} #special-hustle, img#specialImg-hustle-top{width:259px;} img#specialImg-hustle-top{height:80px;} #special-work, img#specialImg-work-top{width:294px;} img#specialImg-work-top{height:270px;} #special-hia, #specialImg-hia-top{width:288px;} #specialImg-hia-top{height:40px;} #special-guest, #specialImg-guest-top{width:259px;} #specialImg-guest-top{height:70px;} #special-forFun div.specialContent{width:245px;} #special-hustle div.specialContent{width:212px;} img#special-hustleSpacer{width:70px;height:50px;} #special-work div.specialContent{width:170px;} #special-hia div.specialContent{width:170px;} #special-guest div.specialContent{width:215px;} /* gray out */ div#grayOutCloseButton{width:20px;height:20px;} /* other */ #footer{width:760px;} /* special pages */ ul#allThumbVidList li{width:119px;height:67px;} ul#allThumbVidList li p{width:186px;} /*consider padding and borders */ form#formmail input.inputText{width:150px;height:14px;} .page-about-thumb .vtPlayIcon, .page-about-thumb .vtPlayIcon img{width:225px;height:127px;} #page-press a{width:200px;} .pressLiInfo{width:258px;} #suggVidList{height:119px;} .suggVidLi{width:119px;height:67px;} #page-mailing-list label{width:70px;} #post-mv {width:auto;} #mvContentContainer, #post-mv #contentContainer{width:100%;/*height:400px;*/} #post-mv #headerNavBar{width:660px;height:99px;} #P-splash #top{width:994px;height:250px;} #P-splash #titleGroup{width:750px;} #P-splash #neon{width:750px;height:112px;} #P-splash #paiLogo{width:415px;height:562px;} #P-splash #splashContent{width:994px;height:400px;} #P-splash #splashNav{width:255px;} #P-splash #splashNav ul li a{width:215px;} #P-splash #splashVideo{width:640px;} /* min-height hack */ #special-work .minHeightTop{width:1px;height:185px;float:right;} .minHeightBtm{height:1px;clear:both;overflow:hidden;} /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// POSITIONING POSITIONING POSITIONING POSITIONING POSITIONING POSITIONING POSITIONING POSITIONING POSITIONING (position, top, left, right, bottom, z-index) //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* General */ .vtPlayIcon{position:absolute;top:0;left:0;} /* header */ #page{position:relative;} .page-about-thumb{position:relative;} .page-about-thumb .vtPlayIconCont{position:relative;} #page-logo{position:absolute;left:-93px;top:-68px;z-index:0;} #headerNavBar{position:relative;top:145px;} #post-mv #headerNavBar{position:static;} #logoAndThumbs{position:relative;top:-90px;z-index:10;} #logo{position:absolute;z-index:1;} img#companyTitle{position:absolute;z-index:9;} li#vidThumbsNavPrev a img, li#vidThumbsNavPrev img, li#vidThumbsNavNext a img, li#vidThumbsNavNext img{position:absolute;left:-14px;top:-12px;} ul#vidThumbsList li{position:relative;} ul#vidThumbsList li p{position:absolute;top:80px;left:-40px;z-index:100;} ul#vidThumbsList li.thumbsListEndOfRow:hover p{left:-80px;} div#vidThumbsNav ul{position:relative;} div#vidThumbsNav ul li#vidThumbsNavPrev{position:absolute;} div#vidThumbsNav ul li#vidThumbsNavTextLi{position:absolute;left:0;} div#vidThumbsNav ul li#vidThumbsNavNext{position:absolute;right:0;} p#vidThumbsPageText{position:absolute;right:0;} #vtFrame, /*the frame needs relative positioning for IE. stupid IE */ #vtContent{position:relative;} .vidThumbsList li{position:relative;} /* mainSidebar */ #mainSidebar{position:relative;z-index:11;} #mainSidebar-bottom{position:absolute;left:0;bottom:-25px;} /* blog */ #contentContainer{position:relative;z-index:12;} .post{position:relative;} /* sidebar */ #sidebar{position:relative;} .specialProj{position:relative;z-index:11;} #special-hia div.specialContent{position:relative;top:40px;}/* took out top padding of box, then moved specialContent down so it fills the space with the noodle bowl. */ .specialImg{position:absolute;left:0;z-index:0;} #special-work div.specialContent{position:relative;z-index:12;} /*#specialImg-hia{top:-10px;left:20px;} #specialImg-guest{top:-10px;left:0px;} */ .specialThumbsList li{position:relative;} img#specialImg-forFun{bottom:-25px;} img#specialImg-hustle{bottom:-25px;} img#specialImg-work{bottom:-25px;} img#specialImg-hia{bottom:-100px;} img#specialImg-guest{bottom:-140px;} /*.specialProj div.specialContent{position:absolute;top:0;left:0;z-index:1;}*/ .specialThumbsList li .vtPlayIcon{position:absolute;} /*gray out */ #plainCenter{position:relative;} div#grayOutCloseButton{position:absolute; top:10px; /*same as #plainCenter padding */ right:10px; /*same as #plainCenter padding */ } /* special pages */ ul#allThumbVidList li{position:relative;} ul#allThumbVidList li p{position:relative;top:77px;left:-40px;z-index:100;} #page-mv img#companyTitle, #post-mv img#companyTitle{position:static;} #P-splash #top, #P-splash #splashContent{position:relative;} #P-splash #titleGroup, #P-splash #paiLogo, #P-splash #splashVideo{position:absolute;} #P-splash #titleGroup{top:35px;} #P-splash #paiLogo{top:-100px;right:-70px;} #P-splash #splashVideo{right:75px;} #P-splash #titleGroup{z-index:2;} #P-splash #paiLogo{z-index:1;} #P-splash #splashVideo{z-index:100;} .screen-reader-text{position:absolute;top:-1000px;left:-1000px;} /* moves it out of the screen but still readable by screen readers */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Other Stuff */ .commentlist li .avatar {float: right;} .commentlist p {text-transform: none;} acronym, abbr, span.caps {letter-spacing: .07em;} #wp-calendar th {text-transform: capitalize;} #P-splash #splashNav ul li a{display:block;} /* End Typography & Colors */ /* Begin Structure */ #header #logoAndThumbs #logo{ float:left; overflow:visible; } #header #logoAndThumbs #headerThumbs {float:right;} #header #logoAndThumbs #headerThumbs div, #header #logoAndThumbs #headerThumbs ul{float:left;} #header #logoAndThumbs #headerThumbs #vidThumbsNav{float:right; } #headerNavBar ul{display:none;} /*hide this for now in case i need it back later */ #vtFrame{overflow:hidden;} #pages .widgettitle, #pages-2 .widgettitle{display:none;} .twitter{overflow:auto;} .widget_twitter h2 a{cursor:default;} #contentContainer {float:left;} #content {float:left;} #content>p{clear:both;} .post h2+small{display:block;} .post hr {display: block;} .postmetadata {clear: both;} .post{overflow:auto;} .post img{overflow:hidden;} /*#special-hustle div.specialContent *{float:left;}*/ #special-hustleSpacer{float:left;} .specialContent{overflow:auto;} #footer {clear: both;} #plainCenter{overflow:hidden;} #thisIsVideoPage{clear:both;} .page-about-thumb{float:left;} .page-about-thumb a{display:block;} #page-press a{ display:block; vertical-align:top; } #pressList a{display:inline;} .specialThumbsList img{} .pressLiInfo p{display:inline;} #page-mailing-list label{display:inline-block;} #page-mv #welcome, #page-mv #sl-mainMenu, #page-mv #header, #page-mv #page-logo-link, #page-mv #mainSidebar, #post-mv #welcome, #post-mv #sl-mainMenu, #post-mv #header, #post-mv #page-logo-link, #post-mv #mainSidebar{display:none;} #post-mv #contentContainer{display:inline-block;} #post-mv #contentContainer .mvpContainer{float:left;} #P-splash #splashNav{float:left;} /* End Structure */ /* Begin Images */ img.centered {display: block;} img.alignright {display: inline;} img.alignleft {display: inline;} img#companyTitle {float:left;} .pressLiImg img{vertical-align:top;} /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ ul#vidThumbsList li { display:inline; float:left; } ul#vidThumbsList li p{display:none;} div#vidThumbsNav ul {list-style-position:inside;} div#vidThumbsNav ul li{ display:inline-block; } div#vidThumbsNav ul li#vidThumbsNavPrev{float:left;} .vidThumbsList{ list-style-type:none; float:left; } .vidThumbsList li{ float:left; display:block; } #headerNavBar ul{float:left;} #headerNavBar ul li{display:inline;} .postmetadata ul, .postmetadata li {display: inline;} #mainSidebar ul ul li a, #mainSidebar ul li.widget_text a{display:block;} #mainSidebar ul ul.twitter li a{display:block;} ol li, #mainSidebar ul ol li {list-style: decimal outside;} .post ul li{ list-style-type:disc; list-style-position:outside; } /*#page-work-with-us ul li, #page-site-feedback ul li,*/ .pageHasForm form ul li{list-style:none;} ul#allThumbVidList {clear:both;} ul#allThumbVidList li {float:left;} ul#allThumbVidList li p{ text-indent:0px; display:none; } ul#allThumbVidList li:hover p{display:block;} .commentlist li{list-style:none;} .specialThumbsList li{list-style:none;} ul.specialMorePosts, ul.specialMorePosts li{ float:none; list-style-image:url("http://portal-a.com/images/i/bulbGraphics/singleOff.png"); list-style-position:outside; } ul.specialMorePosts li:hover{ list-style-image:url("http://portal-a.com/images/i/bulbGraphics/singleOnGlow.png"); } .specialContent ul li:before{ } #special-hustle div.specialContent ul, #special-hustle div.specialContent ul li{ float:none; clear:both; } #formmail li{clear:both;} ul#pressList, ul#pressList li{list-style:none;} .pressLiImg{float:left;} #suggVidList, .suggVidLi{list-style:none;float:left;} /* End Entry Lists */ /* Begin Form Elements */ input[type=submit], input[type=reset], input[type=button]{cursor:pointer;} #mainSidebar #searchsubmit, #commentform #submit, form#formmail .inputButton{cursor:pointer;} #respond:after { content: "."; display: block; clear: both; visibility: hidden; } #commentform #submit {float: right;} form#commentform input, form#formmail input, form#formmail label{float:left;} form#formmail p{clear:both;} /* End Form Elements */ /* Begin Comments*/ .commentmetadata {display: block;} /* End Comments */ /* Begin Sidebar */ #sidebar {float:left;} /* End Sidebar */ /* Begin Calendar */ #wp-calendar {empty-cells: show;} #wp-calendar a {display: block;} /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor: help;} blockquote cite {display: block;} .navigation {display: block;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display: block;} .wp-caption { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } /* End captions */ /*clearfix: Alsett Clearing Method*/ .clearfix:after { content: "."; display: block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } * html .clearfix { height:1% } .clearfix { display:block; } .displaynone { display:none; } .hidden { visibility:hidden; } /* temporary */ /*090731 */ /* google checkout */ /*#googlecart-widget{ position:relative !important ; top:0px !important ; left:0px !important ; } */ select[name="item_selection_1"]{ width:300px; } /* End Alsett Clearing Method */ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */