/* ----------------------------------- Project: SitandoCertified.com Created: May 29th, 2008 Version: 1.0 Author: Rahul Alex ----------------------------------- */ /*---------- Initialize elements ----------*/ body{font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#656565; margin:0;padding:0; background:url(../images/img_body-bg.gif) repeat;} a{font:11px Verdana, Arial, Helvetica, sans-serif; color:#990000; text-decoration:none;} a:hover{text-decoration:underline;} ul,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0} ul li{list-style:none; display:inline} /*---------- Header styles ----------*/ .container-align{width:992px; height:auto; margin:0 auto;} .container{width:992px; height:auto; background:#FFF; float:left; border:1px solid #CBCBCB;} #header{width:992px; height:151px; float:left; background:url(../images/img_header-bg.gif) repeat-x;} #header .left{width:372px; height:151px; float:left;} #header .right{width:620px; height:151px; float:left;} #header .logo{width:338px; height:123px; float: right; margin:12px 0 0 0;} #header .right .top{width:620px; height:120px; float:left;} #header .right .top .login-section{width:332px; height:120px; margin-left:251px !important; margin-left:125px; float:left; background:url(../images/img_login-bg.gif) no-repeat} #header .right .top .login-section .form-box{width:300px; height:120px; padding:7px 20px 0px 20px; float:left;} #header .right .top .login-section .go{float:left; margin-top:5px;} #header .right .bottom{width:620px; height:108px;float:left;} #header .right .bottom .main-links{float:right; margin-right:15px !important; margin-right:5px; margin-top:58px;} #header .right .bottom .main-links .pipe{border-right:2px solid #993300;} #header .right .bottom .main-links ul li{padding:7px 20px 0px 20px;} #header .right .bottom .main-links ul li a{font:14px Verdana, Arial, Helvetica, sans-serif; color:#000000} #header .right .bottom .main-links .selected{color:#660000} /*---------- Mid-content styles - Homepage ----------*/ #mid-content{width:992px; height:224px; float:left; background:url(../images/img_mid-content-grad.gif) repeat-x;} #mid-content .mid-left{width:157px; height:210px; float:left; border-right:1px dotted #8E0002} #mid-content .mid-left ul{margin:7px 0 0 13px;} #mid-content .mid-left ul li{display:block; padding:5px 13px; background:url(../images/img_icon1.gif) top left no-repeat} #mid-content .mid-mid{float:left; width:489px; height:224px;} #mid-content .main-heading{width:468px; height:27px; float:left; margin-left:12px !important; margin-left:6px; margin-top:5px; border-bottom:1px dotted #8E0002} #mid-content .main-content{width:468px; height:105px; float:left; margin-left:12px !important; margin-left:6px; margin-top:5px; overflow:hidden;} #mid-content .ad-banner{width:468px; height:60px; margin-left:12px !important; margin-left:6px; margin-top:5px; float:left;} #mid-content .main-image{width:300px; height:216px; float:left; background:#111} /*---------- Popular Recipes styles ----------*/ #bottom-content{width:992px; min-height:340px; float:left; background:url(../images/img_bottom-dots.gif) repeat-y} #bottom-content .popular-recipes{width:345px; min-height:320px; padding:10px; float:left} #bottom-content .popular-recipes .heading1{width:345px; height:30px; float:left; border-bottom:1px dotted #710002} #bottom-content .popular-recipes .pr-content{width:315px; min-height:250px; padding:15px; float:left;} #bottom-content .popular-recipes .more{float:right} /*---------- video-hilites styles ----------*/ #bottom-content .video-hilites{width:302px; min-height:320px; padding:10px; float:left;} #bottom-content .video-hilites .heading2{width:302px; height:30px; float:left; border-bottom:1px dotted #710002} #bottom-content .video-hilites .cv-content{width:272px; min-height:257px; padding:8px 15px 15px 15px; float:left} #bottom-content .video-hilites .list{width:272px; height:22px; padding-top:8px; float:left; border-bottom:1px dotted #710002;} #bottom-content .video-hilites .video-name{float:left; width:200px; overflow:hidden; font:11px Verdana, Arial, Helvetica, sans-serif;} #bottom-content .video-hilites .video-duration{float:left; width:53px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#CF171F} #bottom-content .video-hilites .video-play{float:left;} /*---------- Adsense styles ----------*/ #bottom-content .adsense{width:263px; min-height:320px; padding:15px 0 20px 20px; float:left;} #bottom-content .adsense .ad-top{width:263px; height:14px; float:left; background:url(../images/img_adsense-top.gif) top no-repeat} #bottom-content .adsense .ad-middle{width:239px; height:auto; padding:0 12px; float:left; background:url(../images/img_adsense-mid.gif) repeat-y} #bottom-content .adsense .ad-bottom{width:263px; height:38px; float:left; background:url(../images/img_adsense-bottom.gif) top no-repeat} #bottom-content .adsense .ad{margin-bottom:10px;} /*---------------------------------------- Subpage styles ----------------------------------------*/ /*---------- Left-nav styles ----------*/ .btm-content-subpage{width:992px; height:auto; float:left; background:url(../images/img_btm-content-subpage.gif) repeat-y} #left-nav{width:174px; height:auto; padding:10px; float:left} #left-nav .heading3{width:100%; height:30px; float:left; border-bottom:1px dotted #710002} #left-nav .list1{margin-bottom:20px;float:left; width:100%; overflow:hidden;} #left-nav .list1 ul li{display:block; padding:7px 0; border-bottom:1px dotted #710002} #left-nav .list1 ul li:hover{background:#FADAAC;} #left-nav .list1 ul li a{color:#555555} #left-nav .list1 ul li.selected{background:#B8A831; font:11px Verdana, Arial, Helvetica, sans-serif;} #left-nav .list1 ul li.selected a{color:#FFFFFF; padding-left:10px;} #left-nav .adsquare-sub{float:left; width:100%; padding:5px 0 0px 0px !important; padding:5px 0 0px 0px; border-bottom:1px dotted #710002; margin-bottom:5px;} /*---------- Mid-content styles - Subpage ----------*/ #mid-content-subpage{width:482px; height: auto; padding:10px; float:left;} #mid-content-subpage .content{float:left; width:100%; margin-bottom:10px;} #mid-content-subpage .content .image{float:left; padding:0 10px 0 0;} #mid-content-subpage .list2{width:100%; float:left; margin-top:10px; border-bottom:1px dotted #710002} #mid-content-subpage .list2 ul li{display:block; padding-bottom:10px;} #mid-content-subpage .ad-banner-sub{float:left; width:98%; padding:10px 0 10px 8px !important; padding:10px 0 10px 4px; border-bottom:1px dotted #710002; margin-bottom:20px;} #mid-content-subpage .heading3{width:100%; height:30px; float:left; border-bottom:1px dotted #710002} /*---------- Right-nav styles ----------*/ #right-nav{width:272px; height:auto; margin-left:1px; padding:10px; float:left} #right-nav .video-hilites{width:272px; min-height:280px; float:left;} #right-nav .video-hilites .heading2{width:272px; height:30px; float:left; padding-bottom:5px; border-bottom:1px dotted #710002} #right-nav .video-hilites .cv-content{width:272px; min-height:233px; float:left} #right-nav .video-hilites .list{width:272px; height:auto; padding-top:8px; padding-bottom:4px; float:left; border-bottom:1px dotted #710002;} #right-nav .video-hilites .video-name{float:left; width:200px; overflow:hidden; font:11px Verdana, Arial, Helvetica, sans-serif;} #right-nav .video-hilites .video-duration{float:left; width:53px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#CF171F} #right-nav .video-hilites .video-play{float:left;} #right-nav .adsense{width:263px; min-height:320px; margin:25px 0 0 5px !important; margin:25px 0 0 3px; float:left;} #right-nav .adsense a{text-decoration:underline} #right-nav .adsense a:hover{text-decoration:none} #right-nav .adsense .ad-top{width:263px; height:14px; float:left; background:url(../images/img_adsense-top.gif) top no-repeat} #right-nav .adsense .ad-middle{width:239px; height:auto; padding:0 12px; float:left; background:url(../images/img_adsense-mid.gif) repeat-y} #right-nav .adsense .ad-bottom{width:263px; height:38px; float:left; background:url(../images/img_adsense-bottom.gif) top no-repeat} #right-nav .adsense .ad{margin-bottom:10px;} /*---------- Footer styles ----------*/ #footer{width:992px; height:80px; float:left; background:url(../images/img_footer-bg.gif) repeat-x} #footer .footer-links{text-align:center; margin-top:28px;} #footer .footer-links .pipe1{ border-right:1px solid #BCC162} #footer .footer-links ul li{padding:0 15px;} #footer .footer-links ul li a{color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif} #footer .copyrights{text-align:center; margin-top:20px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#EE4249} /*---------- Form styles ----------*/ .textbox1{width:118px; height:15px; border:1px solid #A5ACB2; padding:2px 0 0 5px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#A5ACB2 } /*---------- Text styles ----------*/ .text1, .text2, .text3, .text4{color:#ECE931; font:18px Verdana, Arial, Helvetica, sans-serif} .text2{color:#000000;} .text3{color:#000000;} .text4{color:#cf171f;} .text5{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#B8C200;} .text6, .text7{font:11px Verdana, Arial, Helvetica, sans-serif; color:#CF171F;} .text7{color:#A9A605;} .text8{font:11px Verdana, Arial, Helvetica, sans-serif; color:#05C740;}