/* ImBigOnTwitter.com A Pallian Creative Production Copyright (c) 2009 ImBigOnTwitter.com Author: Adarsh Pallian Email: adarsh@pallian.com *********************************************************************************************************/ /* Common */ .floatr { float: right; } .floatl { float: left; } .block { display: block; height: 100%; width: 100%; } .clear { clear: both; } .image-replace { text-indent: -9999px; overflow: hidden; } /* Layout Module */ #wrapper { font-size: 1.2em; line-height: 1.4em; } .liquid { width: auto; margin: 0 auto; } .container { background: url('../_img/repeat_bg.png') repeat-x; } .fixed { width: 920px; margin: 0 auto; } #head { height: 505px; background: transparent url('../_img/head_bg.jpg') no-repeat top center; } #title { height: 68px; overflow: hidden; } #logo { width: 383px; height: 64px; background: url('../_img/logo.png'); margin-top: 5px; } #sign_in { width: 118px; height: 36px; background: url('../_img/sign_in.png'); margin-top: 20px; } #sign_out { width: 118px; height: 36px; background: url('../_img/sign_out.png'); margin-top: 20px; } #upload_button { width: 118px; height: 36px; background: url('../_img/upload.png'); margin-top: 20px; } #mypics_button { width: 126px; height: 36px; background: url('../_img/my_profile.png'); margin-top: 20px;} #nav_bar { width: 844px; height: 35px; background: url('../_img/nav_bg.png'); margin: 0 35px; } #submit_text { width: 391px; height: 17px; font-size: 16px; font-weight: bold; text-transform: capitalize; padding-top: 2px; color: #211004; text-shadow: #fff 0 2px 1px; margin: 5px 25px 0; } #navigation { margin: 5px 15px 0 25px; } #navigation li { float: left; font-size: 14px; font-weight: bold; padding-top: 2px; color: #211004; text-shadow: #fff 0 2px 1px; margin-right: 15px;} #navigation li a:hover { color: #ad1c59;} #grid { height: 400px; overflow: hidden; margin: 0 auto;} #next { color: #fff; font-size: 12px; font-weight: bold; text-shadow: #000 0 1px 1px; text-align: center; margin-top: 10px; margin-bottom: -5px;} .box { width: 65px; height: 65px; background: #fff; border: 2px solid #f6bad9; margin: 15px 15px; } .box:hover { border: 2px solid #ffe9f2; } .box img { width: 65px; height: 65px; } .last { margin: 15px 0 0 0; } #rating { margin-top: 10px; width: 129px; background: #fff; text-align: center; } #rating h2 { width: 129px; height: 22px; background: url('../_img/rating.png') top left repeat-x; margin: 0; font-size: 14px; font-weight: bold; color: #fff; text-shadow: #104b47 0 1px 1px; padding-top: 3px;} .number { font: 52px Georgia, sans-serif; font-weight: 800; color: #312320; letter-spacing: -2px; margin-top: -5px; } .votes { font: 11px Arial, sans-serif; color: #777; padding: 5px 0; } #follow { width: 131px; height: 34px; background: url('../_img/follow.jpg'); margin: 10px 0; } #share { width: 131px; height: 34px; background: url('../_img/share.jpg'); } #photo {width:660px;height: 380px; margin: 0 auto; } #body {margin-top: 10px;} #rating_bar { width: 615px; height: 43px; background: url('../_img/rating_bar.png'); margin: 0 auto; margin-top: -17px; } #small { width: 50px; height: 13px; background: url('../_img/small.jpg'); margin: 10px 25px 0; } #big { width: 25px; height: 14px; background: url('../_img/big.jpg'); margin: 10px 25px 0; } .body p { padding: 0 10px 10px 10px; } #left {} #latest_tweets { width: 460px; background: #f0ebe5; border-bottom: 1px solid #fff; } #latest_tweets h2 { width: 460px; height: 48px; background: url('../_img/latest_tweets.png') no-repeat; margin: 0; font-weight: bold; font-size: 16px; text-shadow: #104b47 0 1px 1px; padding: 11px 0 0 10px; color: #fff; margin-bottom: -8px;} #latest_tweets div { background: #f0ebe5; } #latest_tweets-big { width: 550px; margin: 15px 0 0 0; } #latest_tweets-big h2 { width: 550px; height: 37px; background: url('../_img/latest_tweets_big.png') no-repeat; margin: 0; font-weight: bold; font-size: 16px; text-shadow: #104b47 0 1px 1px; padding: 11px 0 0 10px; color: #fff;} #latest_tweets-big div { background: #f0ebe5; } .tweet { margin: 0 0 5px; border-bottom: 1px solid #d1bea6; padding: 5px 0;} .tweet .thumb { margin: 0 10px; border: 2px solid #fff; } .tweet .thumbpic { width: 40px; height: 40px;} .tweet .author { font-size: 14px; font-weight: bold; } .tweet .author .date { font-size: 11px; color: #777; margin-left: 10px; font-weight: normal;} .tweet .entry { color: #000; line-height: 17px; font-size: 12px;} #right { margin-top: 7px; } #most_viewed { width: 433px; margin-bottom: 25px; border-bottom: 1px solid #fff; } #most_viewed h2 { width: 423px; height: 41px; background: #f0ebe5 url('../_img/most_viewed.png') no-repeat; margin: 0; border-top: 1px solid #fff; font-weight: bold; font-size: 16px; text-shadow: #000 0 1px 1px; color: #fff; padding: 4px 0 0 10px;} #most_viewed div { background: #f0ebe5; } .stepcarousel_rating { font-weight: bold; margin-top: -5px;} #how { width: 433px; margin-bottom: 25px; border-bottom: 1px solid #fff; } #how h2 { width: 423px; height: 41px; background: #f0ebe5 url('../_img/most_viewed.png') no-repeat; margin: 0; border-top: 1px solid #fff; font-weight: bold; font-size: 16px; text-shadow: #000 0 1px 1px; color: #fff; padding: 4px 0 0 10px;} #how div { background: #f0ebe5; font-size: 12px; color: #000;} #steps { padding: 0 10px; margin-top: -10px;} #steps li { padding: 0px 0 25px 90px; font-size: 14px; font-weight: bold; } #step1 { height: 24px; background: url('../_img/step1.png') no-repeat top left; } #step2 { height: 24px; background: url('../_img/step2.png') no-repeat top left; } #step3 { height: 24px; background: url('../_img/step3.png') no-repeat top left; } #foot { clear: both; width: 100%; height: 50px; background: #291d14 url('../_img/footer_bg.png') top left repeat; } #credits { color: #fff; } #iconsshare { margin-top: 15px;} #iconsshare a { margin-right: 5px;} #link { padding: 10px; color: #fff; } #link a { color: #ead8b5; margin: 0 10px; } #link a:hover { color: #fff;} /* Grid Module */ .col { float: left; margin: 0 15px 0 0; } .size1of5 { width: 18.75%; } /* 180px or 18.75% */ .size2of5 { width: 39.06%; } /* 375px or 39.06% */ .size3of5 { width: 59.38%; } /* 570px or 59.38% */ .size4of5 { width: 79.69%; } /* 765px or 79.69% */ .size1of3 { width: 31.58%; } /* 180px or 32.30% */ .size2of3 { width: 65.50%; } .size1of2 { width: 50.00%; } /* 480px or 50.00% */ .size1of1 { width: 100.0%; } /* Hmm? */ .lastCol { display: block; margin: 0; } .lastCol:after { content: ' '; display: block; height: 0; clear: both; visibility: hidden; }