Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background: #f9f9f9;
- font-family: Arial, Verdana, Tahoma, serif;
- font-size: 12px;
- padding: 0;
- margin: 0;
- }
- a{
- text-decoration: none;
- color: #7c7b7b;
- }
- a img{
- border: 0;
- }
- ul{
- margin: 0;
- padding: 0;
- }
- .wrapper{
- background: url('images/bg-wrapper-top.jpg') repeat-x top;
- }
- .header{
- width: 948px;
- height: 118px; /* 118px total */
- margin: 0 auto;
- }
- img.logo{
- padding: 19px 0 0 3px;
- float: left;
- }
- /*************
- * Navigation*
- * ***********/
- .navigation{
- float: right;
- font-family: Verdana, Arial;
- font-size: 13px;
- }
- .navigation ul{
- padding: 63px 0 0 0;
- list-style: none;
- display: inline-block;
- }
- .navigation ul li{
- display: inline-block;
- margin: 0;
- float: left;
- position: relative;
- }
- .navigation ul li a{
- padding: 8px 19px;
- display: inline-block;
- border: 1px solid #b7b6b7;
- margin: 0;
- color: #4f4e4e;
- }
- .navigation ul li a:hover{
- font-weight: bold;
- color: #fff;
- }
- .navigation ul li.home-link a{
- width: 35px; /* 128px total */
- height: 33px;
- padding: 0;
- background: url('images/icon-home.jpg') no-repeat center;
- border-right: 1px solid #d8d9d9;
- }
- .navigation ul li.home-link a:hover{
- background: url('images/icon-home-hover.jpg') no-repeat center;
- }
- .navigation ul li.programs a{
- width: 90px; /* 128px total */
- height: 17px;
- padding:8px 21px 8px 17px;
- background: url('images/bg-menu-programs.jpg') no-repeat center;
- border-right: 1px solid #ddd;
- }
- .navigation ul li.programs a:hover{
- background: url('images/bg-menu-programs-hover.jpg') no-repeat center;
- }
- .navigation ul li.about a{
- width: 45px; /* 128px total */
- height: 17px;
- /*border-left: 0;*/
- border-right: 1px solid #bbb;
- }
- .navigation ul li.about a:hover{
- padding: 8px 21px 8px 17px;
- background: url('images/bg-menu-about-hover.jpg') no-repeat center;
- }
- .navigation li.talkback{
- }
- .navigation li.talkback a{
- border: 1px solid #f73097;
- background: url('images/bg-menu-talkback.jpg') no-repeat center;
- font-weight: bold;
- padding: 8px 0 0 15px;
- width: 100px; /* 116px total */
- height: 25px;
- }
- .navigation li.talkback-active a{
- background: url('images/bg-menu-talkback-active.jpg') no-repeat center;
- }
- .navigation li.talkback a{
- color: #fff;
- }
- /* Navigation drop down menu */
- .navigation ul li ul{
- display: none;
- width: 122px; /* 157px total w/ padding etc */
- border: 4px solid #b7b6b7;
- padding: 12px 19px;
- margin: 0;
- position: absolute;
- top: 35px;
- left: -37px;
- background: #fff;
- }
- .navigation ul li:hover ul{
- display: inline-block;
- z-index: 5000;
- }
- .navigation ul li ul li a{
- border: 0 !important;
- border-bottom: 2px solid #ccc !important;
- background: #fff !important;
- padding: 5px 3px !important;
- width: 112px !important;
- font-size: 13px !important;
- }
- .navigation ul li ul li a:hover{
- color: #317867;
- font-weight: normal;
- }
- .navigation ul li ul li.last a{
- border: 0 !important;
- }
- /* LANGUAGE SELECT */
- .navigation ul.language{
- margin: 0 0 4px 13px;
- }
- ul.language li a{
- font-family: verdana, arial;
- font-size: 14px;
- color: #4b4b4b;
- background: url('images/bg-menu-language.jpg') no-repeat center;
- border: 0;
- }
- ul.language li.selected-language a{
- background: url('images/bg-menu-language-active.jpg') no-repeat center;
- }
- ul.language li a:hover{
- font-weight: normal;
- color: #4b4b4b;
- background: url('images/bg-menu-language-active.jpg') no-repeat center;
- }
- .slider-wrapper{
- background: url('images/bg-slider.jpg') no-repeat center;
- height: 374px; /*384px total */
- padding: 1px 2px 0 0;
- }
- .slider{
- width: 950px;
- margin: 0 auto;
- }
- .nivo-caption a h3, .nivo-caption h3 a{
- padding: 18px 0 10px 0px;
- font-weight: bold;
- color: #eaeaea;
- font-size: 24px;
- line-height: 24px;
- font-family: Arial, Verdana;
- }
- .nivo-caption p{
- padding: 0;
- font-size: 14px;
- line-height: 20px;
- font-weight: bold;
- font-family: Arial, Verdana;
- color: #fff;
- }
- .nivo-caption a.read-more{
- display: inline-block;
- height: 22px;
- padding: 3px 11px;
- color: #fff;
- background: url('images/bg-slider-watchnow.jpg') repeat-x top left;
- margin: 25px 0 0 150px;
- }
- .separator{
- height: 41px;
- border-top: 1px solid #ababab;
- background: #2f2f2f;
- }
- /*****************
- * Content main *
- * ***************/
- .content-wrapper{
- width: 947px;
- margin: 0 auto;
- padding: 0 0 23px 0;
- }
- .content-left{
- float:left;
- width: 568px; /* 568px total */
- font-family: Verdana;
- font-size: 12px;
- line-height: 20px;
- color: #2a2a2a;
- }
- .content-left h3, content-left a h3{
- color: #;
- font-family: Arial, Verdana, Tahoma;
- line-height: 28px;
- font-size: 20px;
- font-weight: normal;
- color: #686767;
- border-bottom: 1px solid #c0c0c0;
- padding: 0 0 9px 0;
- margin-bottom: 9px;
- }
- .content-left h3 span{
- color: #3a8271;
- }
- .tweetbox{
- background: #f0efef;
- border: 1px solid #e3e3e3;
- -moz-border-radius-topleft: 12px;
- -moz-border-radius-topright:12px;
- -moz-border-radius-bottomleft:12px;
- -moz-border-radius-bottomright:12px;
- -webkit-border-top-left-radius:12px;
- -webkit-border-top-right-radius:12px;
- -webkit-border-bottom-left-radius:12px;
- -webkit-border-bottom-right-radius:12px;
- border-top-left-radius:12px;
- border-top-right-radius:12px;
- border-bottom-left-radius:12px;
- border-bottom-right-radius:12px;
- position:relative;
- margin: 55px 0 50px 0;
- line-height: 24px;
- font-size: 16px;
- font-family: Arial;
- color: #535252;
- }
- .tweetbox img.bird{
- position:absolute;
- top: -45px;
- left: -31px;
- display:
- }
- .tweetbox p{
- margin: 0;
- padding: 22px 24px;
- }
- a.follow-button{
- background: url('images/bg-button-twitter.jpg') top left no-repeat;
- width: 140px;
- height: 25px;
- padding: 8px 5px 6px 12px;
- font-size: 13px;
- font-family: Arial;
- color: #eaeaea;
- position: absolute;
- bottom: -50px;
- right: -10px;
- }
- .content-right{
- background: url('images/bg-sidebar.jpg') bottom repeat-x #dcdcdc;
- float: right;
- min-height: 200px;
- padding: 26px 18px 0 18px;
- width: 305px;
- color: #686868;
- }
- .content-right h3{
- margin: 0 0 5px 0;
- padding: 0 0 9px 0;
- font-family: Verdana, Arial, Tahoma;
- font-size:16px;
- font-weight: normal;
- color: #686767;
- border-bottom: 1px solid #acacac;
- }
- .content-right h3 span{
- color: #d43e8b;
- }
- .question-sidebar{
- padding: 2px 7px;
- line-height: 16px;
- }
- .question-sidebar img{
- padding: 0 6px 0 0;
- }
- .video-sidebar{
- padding: 7px 8px;
- background: #f9f9f9;
- border: 1px solid #e0e0e0;
- width: 287px;
- height: 160px;
- margin: 4px 0 9px 0;
- -moz-box-shadow: 0px 4px 5px #787878;
- -webkit-box-shadow: 0px 4px 5px #787878;
- box-shadow: 0px 4px 5px #787878;
- }
- .video-sidebar img{
- }
- .bio-sidebar{
- position: relative;
- padding: 0 0 0 9px;
- }
- .bio-sidebar h3{
- font-size: 18px;
- font-weight: bold;
- color: #333;
- border: 0;
- margin-bottom: 1px;
- }
- .bio-sidebar a.bio-more{
- background: url('images/bg-sidebar-viewmore.jpg') no-repeat top left;
- display: inline-block;
- position: absolute;
- bottom: 0;
- right: 0;
- padding: 7px 7px 5px 11px;
- width: 75px;
- height: 17px;
- color: #fff;
- font-weight: bold;
- }
- .bio-sidebar ul{
- list-style: none;
- padding: 0 0 0 6px;
- }
- .bio-sidebar ul li{
- padding: 0 0 5px 20px;
- }
- .bio-sidebar ul li.age{
- background: url('images/icon-sidebar-age.jpg') no-repeat top left;
- }
- .bio-sidebar ul li.profession{
- background: url('images/icon-sidebar-profession.jpg') no-repeat top left;
- }
- .bio-sidebar ul li.country{
- background: url('images/icon-sidebar-country.jpg') no-repeat top left;
- }
- /******************
- * PAGES styling *
- * ****************/
- .content-wrapper.page{
- padding-bottom: 10px;
- }
- .page{
- width: 863px;
- }
- .page h2{
- font-size: 18px;
- font-family: Verdana, Arial;
- color: #707172;
- font-weight: normal;
- border-bottom: 2px solid #ccc;
- padding: 3px 0 3px 0;
- }
- .page h3{
- font-size:14 px;
- line-height: 23px;
- color: #4e4e4e;
- }
- .page p{
- font-family: Verdana, Arial;
- font-size: 14px;
- line-height: 23px;
- color: #656565;
- }
- .about-gallery{
- padding: 7px;
- border: 1px solid #bebebe;
- width: 200px;
- height: 100px;
- -moz-box-shadow: 0px 0px 1px 1px #dfdfdf;
- -webkit-box-shadow: 0 0 1px 1px #dfdfdf;
- box-shadow: 0 0 1px 1px #dfdfdf;
- width: 821px;
- height: 411px;
- margin: 0 0 0 10px;
- }
- .program-box{
- border-bottom: 2px dashed #dcd9d9;
- padding: 0px 0 13px 0;
- margin: 0 0 24px 0;
- }
- .program-box a img{
- -moz-box-shadow: 0px 0px 1px 1px #dfdfdf;
- -webkit-box-shadow: 0 0 1px 1px #dfdfdf;
- box-shadow: 0 0 2px 2px #d2d2d2;
- }
- .program-box .right{
- width: 604px;
- margin: 0 20px 0 0;
- }
- .program-box h3{
- margin: 2px 0 0 0;
- font-family: Verdana, Arial;
- }
- .program-box p{
- margin: 6px 0;
- }
- a.prog-watchnow{
- display: block;
- float: right;
- padding: 8px 13px;
- font-family: Arial, Verdana, Tahoma;
- font-size: 11px;
- color: #ababab;
- background: url('images/button-watchnow.jpg') top left no-repeat;
- width: 70px;
- height: 14px;
- font-weight: bold;
- }
- .program-box.last{
- border: 0;
- margin-bottom: 15px;
- }
- /***********
- * Footer *
- * *********/
- .footer{
- background: url('images/bg-footer.jpg') bottom left repeat-x #565656;
- height: 248px; /* 238px total incl. all paddings */
- color: #fff;
- }
- .footer h3{
- font-family: Tahoma, Arial, Verdana, Serif;
- font-size: 16px;
- color: #b9d2cd;
- margin: 20px 0 13px 0;
- padding: 0;
- }
- .footer a{
- color: #fff;
- font-family: Arial, Verdana, Tahoma;
- font-size: 12px;
- }
- .footer-top, .footer-bottom{
- width: 947px;
- margin: 0 auto;
- }
- .footer-top ul li, .footer-bottom ul li{
- border-right: 1px solid #fff;
- padding: 0px 8px 0 5px;
- margin-top: 7px;
- }
- .footer-top ul li.last, .footer-bottom ul li.last{
- border-right: 0px solid #fff;
- }
- .footer-top{
- height: 215px;
- }
- .footer-top .left li{
- display: inline-block;
- border: 0;
- padding: 0 19px 0 0;
- }
- .footer-top .right{
- width: 327px;
- }
- .footer-top .right ul{
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .footer-top .right ul li{
- border: 0;
- padding: 0;
- margin: 0 0 8px 0;
- }
- .footer-top .right ul a{
- font-size: 14px;
- font-family: Arila, Verdana, Tahoma;
- font-weight: bold;
- }
- .footer-bottom ul{
- list-style: none;
- margin-top: 2px;
- }
- .footer-bottom .left{
- padding-left: 5px;
- }
- .footer-bottom ul li{
- display: inline-block;
- }
- .left{
- float: left;
- }
- .right{
- float: right;
- }
- .clear{
- clear:both;
- }
Add Comment
Please, Sign In to add comment