/* Theme Name: Komodo Video based on wpShow Description: Komodo build of WP theme for video and regular content Version: 1.0 Author: Dan Edwards */ *{margin:0;padding:0;} body{background:#ffffff;} body {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#2A343A;} .l{float:left;width:50%;text-align:left;padding-left:12px;} .r{float:right;width:46%;text-align:right;padding-right:2px;} h2.title {line-height:26px;} #header-outer {margin:0px auto; height:257px; border-bottom:3px solid #cccccc; background-image:url(../assets/cbf-header-bg.jpg); background-repeat:repeat-x;} #header-inner {width:940px; height:257px; margin:0 auto;} #wrapper{width:940px; margin:0 auto; background-image:url(../assets/page-blue-bg.jpg); background-repeat:no-repeat;} #logo {float:left; width:225px; padding-right:15px; height:200px;} #logo h1 a {background-image:url(../assets/logo.gif); background-repeat:no-repeat; float:left;height:200px;width:225px;} #logo h1 span {display:none;} #pages {width:800px; font-family:Calibri, Arial, Helvetica, sans-serif} #pages ul{display: block; padding-top:18px;} #pages li{display: inline;float:left;} #pages li a{color:#262261; font-size:18px; text-decoration:none;margin-right:25px; font-weight:bold; } #pages li a:hover{color:#00a7e5; border-bottom:3px solid #00a7e5; padding-bottom:17px; } #nav{width:1000px;height:45px;background:url(img/bg_nav.gif) repeat-x;} #nav ul{float:left;margin-left:45px;margin-top:10px;} #nav li{display: inline;float:left;} #nav li a{color:#959DA7;font-size:16px;font-weight:bolder;text-decoration:none;padding-right:25px;} #nav li a:hover{color:#fff;} #page-summary { width:410px; margin-top:20px; margin-right:20px; float:left; } #page-summary li.header-title { } #page-summary li.header-title h2.title {display:block; border:none;} #page-summary li.header-title h2.title a{color:#b1dbee; font-size:16px; font-weight:bold; text-decoration:none; } #page-summary li.header-title h2.title a:hover {color:#FFFFFF;} ul.tabNavigation { list-style: none; margin: 0; padding: 0; } ul.tabNavigation li { display: inline; } ul.tabNavigation li a { display:block; padding:10px; width:100px; text-align:center; background-color:#1a96ce; float:left; margin-right:1px; border-bottom:1px solid #FFFFFF; } ul.tabNavigation li a.selected { border-bottom:1px solid #1A96CE;} ul.tabNavigation li a:focus { } #page-summary .break-more {display:block; border-top: 1px solid #80D3F2; text-align:right; margin-top:12px; padding-top:12px; width:280px; margin-left:100px;} #page-summary .break-more a {color:#FFFFFF; font-weight:bold; text-decoration:none; } div.tabs { height:242px; overflow:hidden; } div.tabs > div { } div.tabs > div h2 { margin-top: 0; } #first { clear:both;} #second { clear:both;} #third { clear:both; } .waste { min-height: 10px;} #page-summary-content { padding:15px; background-color:#1a96ce; height:170px; overflow:hidden; } #page-summary-content img {float:left; margin:7px 15px 60px 0;} #page-summary-content a img {border:2px solid #80D3F2;} #page-summary p {font-size:12px; color:#FFFFFF; padding:5px 0 5px 0; line-height:16px; } #blog-home { width:510px; margin-top:20px; float:left; position:relative; } #blog-home .header-title { display:block; padding:10px; width:180px; text-align:center; background-color:#1a96ce; } #blog-home .header-title h2.blog-title {display:block; border:none; color:#b1dbee; font-size:16px; font-weight:bold} #blog-home .header-title h2.blog-title a{color:#b1dbee; font-size:16px; font-weight:bold; text-decoration:none; } #blog-home .header-title h2.blog-title a:hover {color:#FFFFFF;} #blog-internal { padding:15px; background-color:#1a96ce; } #social-media {position:absolute; z-index:100; top:1px; right:1px;} #blog-home #social-media img {margin:0 0 6px 8px;!important; border:none;!important} #blog-home img {float:left; margin:7px 15px 40px 0;} #blog-home a img {border:2px solid #80D3F2;} #blog-home .post { width:480px; } #blog-home h2.title {display:block; border:none;} #blog-home h2.title a{color:#b1dbee; font-size:16px; font-weight:bold; line-height:18px; } #blog-home h2.title a:hover {color:#FFFFFF;} #blog-home p {font-size:11px; color:#FFFFFF; padding:5px 0 5px 0; line-height:15px; } #blog-home .post-elements {font-size:11px; color:#b1dbee; display:block; margin-top:8px;} #blog-home .post-elements a { color:#b1dbee; text-decoration:underline;} #blog-home .post_bottom {font-size:11px; color:#b1dbee; padding-bottom:8px; border-bottom:1px solid #80D3F2; margin-bottom:15px; width:480px; height:6px;} #blog-home .post_bottom a { color:#b1dbee; text-decoration:underline;} #intro-text { padding-top:20px; height:20px; } #intro-text h2 {font-weight:normal; font-size:16px; color:#262261; } #search form{float:right; width:270px; margin-top:16px;} #search .text{ height:16px; padding:1px; width:185px;color:#A7B5C0; margin-right:10px;} #video_top{width:940px;height:370px; background-color:#1A96CE; margin-top:20px;} #video_box{height:350px; padding:15px; margin:0 auto; position:relative; } #video_box_l{width:490px;float:left;} #video_box_r{width:400px;float:right; padding-left:20px;} #player{height:285px;} #player_meta{width:560px;} #video_text{float:left;width:560px; color:#FFFFFF;} #video_text h3 {font-size:16px;} #video_text p {font-size:12px; line-height:16px;} #video_actions {margin-top:4px;width:252px;float:right;} #video_actions li{float:right;padding-left:5px;} #more_videos{float:left;width:130px; font-size:19px; color:#FFFFFF;} #more_videos_box{margin-top:10px;width:380px;position:relative;left:-1px;} .video_item{margin:15px 0 0 0; width:380px;height:122px;overflow:hidden;} .video_item a img{float:left; width:120px; height:86px; border:2px solid #80D3F2; margin-right:15px; margin-bottom:20px; background-color:#B1DBEE; } .video_item h3{color:#ffffff;font-size:14px; padding-bottom:5px;} .video_item p{color:#ffffff;font-size:11px; line-height:15px;} /* Slider - Required */ .container { clear:both;width:380px; height:260px; overflow:hidden; position:relative; cursor:pointer; } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:250px; display:none; } .slides ul {list-style:none;} /* * Slider - Optional */ #loopedSlider { margin-top:10px; width:400px; position:relative; clear:both; } ul.pagination { float:right;list-style-type:none;padding:0;width:50px; } ul.pagination li { float:left; margin:0 3px; } ul.pagination a { display:block; width:15px; padding-top:15px; height:0; overflow:hidden; background-image:url(../assets/pagination.png); background-position:0 0; background-repeat:no-repeat;} ul.pagination li.active a {background-position:0 -15px} .menu2 { margin: 100px 0 0; padding: 0; list-style: none;} .menu2 li { padding: 0; float: left; position: relative; text-align: center;} .menu2 li img{border:none;} .menu2 li em { font-weight: normal; background: url(img/hover.png) no-repeat; width:110px; height: 46px; position: absolute; top: -25px; left: -30px; text-align: center; padding: 6px; font-style: normal; z-index: 100; display: none; color:#22527A; font-weight:bolder; font-size:14px;} .slide { margin: 0; padding: 0; } .btn-slide { text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; float:right; text-decoration: none; background: url(img/h_v.png) no-repeat center top; } .active { background: url(img/s_v.png) no-repeat center top; } #main{width:940px } #content{width:650px;float:left; margin-right:40px; margin-top:25px;} .post{width:650px; } .post h4 {color:#333333;font-size:15px; padding:10px 0 10px 0; line-height:22px; font-weight:bold;} .post p {color:#333333;font-size:14px; padding:10px 0 10px 0; line-height:21px;} .post blockquote { float:right; border-left:1px solid #ccc; margin:0 0 50px 30px; padding-left:30px; padding-top:10px; width:180px; font-family:Georgia, "Times New Roman", Times, serif; background-image:url(../assets/quote-marks.gif); background-repeat:no-repeat; background-position:20px top; } .post blockquote p {font-size:16px;} .post a {text-decoration:underline; color:#00A7E5;} .post a:hover {text-decoration:none;} .post{color:#3f3f3f; line-height:19px;} .post .title {font-size:24px;padding:4px 0 6px 0; font-weight:normal; display:block; border-bottom:4px solid #CCCCCC; } .post .title a{color:#3f3f3f;text-decoration:none;} .post_bottom{margin-bottom:25px;width:625px;height:31px; } .time{padding-left:15px; font-size:11px; color:#888888;} .time a{font-size:11px;color:#888888; text-decoration:underline;} .time a:hover {text-decoration:none;} .post_comments{margin-left:5px;background:url(img/bt_comment_mini.gif) no-repeat left;padding-bottom:5px;padding-left:30px;padding-top:5px;position:relative;top:10px;font-size:12px;color:#666666;} .post_comments a{font-size:12px;color:#666666;} .category{color:#00A7E5 ;font-size:11px; text-transform:uppercase; font-weight:bold; } .category a{font-size:11px;color:#00A7E5;text-decoration:none;} .pagetitle{font-size:22px;padding-left:40px;padding-top:10px;color:#fff;} #sidebar{width:200px; float:right;margin-top:50px; background-color:#F2F2F2; padding-top:20px;} #sidebar ul{} #sidebar ul{list-style-type: none;} #sidebar ul li{padding-bottom:10px;background:transparent url(img/bg_widget_bottom.gif) no-repeat scroll left bottom;margin-bottom:10px;} #sidebar ul li ul li{background:none;margin-bottom:0px;} #sidebar ul li ul{ width:200px;} #sidebar h2 {color:#666666;font-size:14px;font-weight:bolder; height:42px;width:200px; padding-left:20px;} #sidebar ul li ul li ,ul li ul li a{color:#666666;font-size: 12px;text-decoration:none;padding:5px;} #sidebar ul li ul li { padding-bottom:6px;} #sidebar ul li ul li a:hover{color:#666666;font-size: 12px;text-decoration:underline; padding:5px; } #sidebar ul li ul li:hover{ color:#666666;} #sidebar h2 span{left:10px;position:relative;top:10px;} #sidebar .vid-img { display:block; padding-bottom:40px; text-align:center; width:200px; } #sidebar .vid-img a img{ width:120px; height:86px; border:2px solid #666666; margin-bottom:10px; } #sidebar .vid-img h5 { font-size:13px; font-weight:bold;} #sidebar .vid-img a h5 {color:#666666; text-decoration:none; } #sidebar .vid-img a:hover h5 { text-decoration:underline; } #comments {padding-bottom:25px; } #comments a{color:#666666;} #commentform p{margin-bottom:15px;} #commentform p a{color:#666666;} #postcomment{padding-top:10px; margin-bottom:5px; clear:both;} ol#commentlist {list-style:none;} #commentlist li{ font-size:12px; line-height:18px; color:#333333; margin-bottom:20px; } #commentlist #author_info{float:left; border-top:1px solid #CCCCCC; padding-top:6px; width:140px;} #comment_text{float:right; width:450px; padding-top:6px; border-top:1px solid #CCCCCC;} #commentlist p{padding:5px 0 5px 0;} #commentlist #author_info a{color:#333333; text-decoration:none;} #commentlist #author_info .time { padding-left:0px;} #commentform { background-color:#f2f2f2; padding:15px;} #commentform .input{background:#ffffff; border:1px solid #cccccc;color:#666666;font-size:14px;height:19px; margin-right:10px;padding:2px ;width:200px;} #commentform .textarea{background:#ffffff; border:1px solid #cccccc;color:#666666;font-size:14px;height:76px;margin-right:10px;padding:12px 12px 12px 12px;width:400px;} #commentform .button{margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px;margin-left:2px;margin-top:4px;margin-bottom:4px;} .comments{color:#333333;line-height:16px; width:650px; margin-top:20px; border-top:1px solid #cccccc; padding-top:40px; } .comments .title {font-size:22px;padding-bottom:10px;} .comments_bottom{margin-bottom:25px;width:625px;height:31px;margin-left:35px;background:#17395A url(img/bg_post_footer.gif) repeat-x;} cite a{color:#A7B5C0;} .comments_rss{margin-top:5px;} .comments_rss a{color:#fff;padding-right:10px;} #footer{clear:both; margin:20px auto; height:100px; border-top:3px solid #9bd4e1; padding-top:30px; background-image:url(../assets/page-blue-bg.jpg); background-repeat:no-repeat;} #footer p{ color:#666666; font-size:11px; } #footer .footer-element {width:310px; float:left; display:block; height:40px;} #footer .align-right {width:320px; float:left; display:block; height:40px; text-align:right; } .align-right a {color:#9BD4E1; text-decoration:none;} .tinyTip { width: 325px; padding: 17px 0px 0px 0px; display: block; background-color:#FFFFFF } .tinyTip .content { padding: 0px 15px 0px 15px; font-size: 12px; color: #010101; } .tinyTip .bottom { height: 20px; font: 0px/0px sans-serif; } .widerbar {padding:15px; background-color:#1A96CE;} #twitter ul { padding:0px; list-style:none} #twitter ul li {margin:0; padding: 0px 5px 9px 0; line-height:20px; color:#FFFFFF; font-size:12px; } #twitter ul li a { color:#B1DBEE; text-decoration:underline; font-size:11px; } .twitter-header-title { display:block; padding:10px; width:150px; text-align:center; background-color:#1a96ce; } .twitter-header-title h2.title {display:block; border:none; color:#b1dbee; font-size:16px; font-weight:bold} .twitter-header-title h2.title a{color:#B1DBEE; font-size:16px; font-weight:bold; text-decoration:none; } .twitter-header-title h2.title a:hover {color:#FFFFFF;} .doc-download {} .doc-download a {display:block; height:32px; background-image:url(../assets/doc-img.png); background-repeat:no-repeat; width:125px; padding-left:35px; margin:25px 0 25px 25px; background-position:center left; color:#666666; text-decoration:none; } .doc-download a:hover {color:#666666; text-decoration:underline; }