/* Theme Name: Ubersocial Theme URI: http://rtcamp.com Description: UbserSocial theme for ubermedia.com Version: 0.1 Author: rtCamp Author URI: http://rtcamp.com Tags: white, green, blue, two-columns, threaded-comments, sticky-post, microformats, editor-style, custom-menu License: GNU General Public License, v3 (or newer) License URI: http://www.opensource.org/licenses/gpl-3.0.html */ /* Color Palette: ============== Black: #333 gray-shade-light: #EAEAEA; gray-medium-dark: #666666; Link colors: #607890; Link hover color: #003366; */ /* rtBase Width Parameters: ==================== Body Width : 100%; Main Wrapper : 960px; Content : 620px; Sidebar : 320px; Footer Wrapper : 100%; ==================== */ /* always force a scrollbar in non-IE */ html { overflow-y: scroll; } ul, ol { margin-left: 25px; } ul li{list-style-type: square; } ol li{list-style-type: decimal; } th {} td, td img { vertical-align: top; } sub { vertical-align: sub; } sup { vertical-align: super; } /*DL, DT, DD Tags Style*/ dl { } dl dt { background: none repeat scroll 0 0 #F1F1F1; color: #333333; padding: 5px; } dl dd { margin:2px 0; padding:5px 0; } pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ } textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0 0 4px; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* disable outline and decoration for input */ input { text-decoration: none; outline: none; } /* Non-semantic helper classes*/ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* >> The Magnificent clear << j.mp/phayesclear */ .clear { content: "\0020"; display: block; height: 0 !important; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ /* ----------------------------------------- */ .aligncenter { display:block; margin:0 auto; text-align: center} .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px auto; } p.wp-caption { margin: 0; } #content .wp-caption p.wp-caption-text { margin: 5px; } /* ----------------------------------------- */ /* Smiley Style */ /* ----------------------------------------- */ img.wp-smiley { margin: 0; padding: 0; float: none; } #content table { border: 1px solid #F1F1F1; text-align: left; width: 100%; } #content tr th, #content th { border: 1px solid #F1F1F1; padding: 2px; } #content tr td { border: 1px solid #F1F1F1; padding: 2px; } /* ************************************************ */ /* Layout Style */ /* ************************************************ */ body{ background-color: #fff; color: #333; line-height: 160%; font-size: 100%;font-family: 'Droid Sans', arial, serif; letter-spacing: -0.25px } #main-wrapper{width:1058px ; margin: 0 auto;} #header-wrapper { } #content-wrapper {width: 1050px; margin: 0 auto} .blog #content-wrapper , .single #content-wrapper, .archive #content-wrapper, .search #content-wrapper ,.error404 #content-wrapper, .page-template-template-reviews-php #content-wrapper, .page-template-template-terms-conditions-php #content-wrapper{background: url("img/sidebar-bg.png") repeat-y scroll 100% 50% transparent} .post-page-content, .reviews-page-content { width: 555px; float: left;padding: 35px; font-size: 88% } .post-page-content,.full-width-page-content, .reviews-page-content{ padding: 35px 35px 0px 35px ; font-size: 88%} #sidebar { width: 355px; float: right;padding: 51px 30px 30px 30px } #footer-wrapper { } input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; } /*for IE8 */ input[type="submit"]:focus, input[type="button"]:focus { outline : none; } /* ************************************************ */ /* Default Color */ /* ************************************************ */ body, select, input, textarea {color: #444;} /* ************************************************ */ /* Default Links */ /* ************************************************ */ a, a:link, a:hover, a:active, a:visited { outline: none; } a, a:active, a:visited { color: #73a100; text-decoration: none; } a:hover { color: #333333; text-decoration: none; } /* ************************************************ */ /* Header Style */ /* ************************************************ */ #header-wrapper { font-family: "arial",helvetica,sans-serif;height: 174px;letter-spacing: 0;margin-left: 3px;position: relative;width: 1058px; } #header { background: url("img/header-new-1.png") no-repeat scroll left top transparent;height: 132px;margin: -1px 0 0;position: relative;width: 1058px; } #header h1 { padding: 25px 0 0 30px; width: 300px } .top-media-link{float: left; padding-right: 22px; background: url('img/nav-separator.png') no-repeat 100% 100% } .top-media-link a{ font-size: 88%;color: #F0F0E8 ; margin-left: 30px; text-transform: uppercase; background: url("img/home-icon.png") no-repeat scroll left 2px transparent; padding-left: 20px } .top-media-link a:hover{color: #A7CB40} #header h1 a { } .header-top{ height: 40px; } /* #header-top{width:1050px; height: 48px; line-height: 48px; position: relative; z-index: 100;}*/ #header-top{ background: url("img/header-top-bg.jpg") no-repeat scroll left top transparent;height: 48px;line-height: 48px;position: relative;width: 1050px;z-index: 100; } #rt-primary-menu{float: right} .twitter-cross-image{ background: url("img/banner-bg.png") repeat scroll 0 0 transparent; display: block; height: 134px; position: absolute; right: -19px; top: 42px; width: 561px; z-index: 1000;} /* ************************************************ */ /* Search form Style */ /* ************************************************ */ .searchform { font-size: 85%; } .searchform .search-text { padding: 3px; } /* ************************************************ */ /* Style */ /* ************************************************ */ #rt-nav-menu, #rt-nav-menu ul { list-style:none outside none;margin:0; } #rt-nav-menu li {background: url("img/nav-separator.png") no-repeat scroll 0 100% transparent; float: left; list-style: none outside none; padding: 0 2px 0 4px; position: relative;} /* Navigation Link Color */ #rt-nav-menu a { color: #F0F0E8; display: block; font-size: 88%; line-height: 43px; padding: 5px 10px 0 9px; text-transform: uppercase; } #rt-nav-menu ul a {text-transform: none; letter-spacing: normal } #rt-nav-menu ul li { background: none} #rt-nav-menu li:hover > a { background: url('img/nav-hover-bg.png') repeat-x; color:#333} #rt-nav-menu li.menu-download:hover > a { background: url("img/nav-sprite.png") no-repeat scroll -3px -1px transparent; height: 48px; line-height: 56px; padding: 0 0 0 12px; width: 110px; color:#333} /* #rt-nav-menu ul li:hover { background: url('img/nav-hover-bg.png') repeat-x}*/ #rt-nav-menu a:hover { color: #333; text-decoration: none; } /* Sub Menu Support */ #rt-nav-menu ul { display: none; position: absolute; top: 48px; left: 1px; float: left; width: 133px; z-index: 99999;} #rt-nav-menu ul li { } #rt-nav-menu ul ul {left: 100%; top: 0;} /* Sub Navigation Link Color */ #rt-nav-menu ul li { line-height: 40px; width: 133px; height: 40px; color:#ccc; padding: 0px } /* #rt-nav-menu li:hover > a, #rt-nav-menu ul li:hover > a {color:#333;}*/ /* Display Sub Menu On Mouse Over */ #rt-nav-menu li:hover > ul { display: block; } /* Current Menu Style */ #rt-nav-menu li.current-menu-item > a, #rt-nav-menu li.current-menu-parent > a{ background: url("img/nav-hover-bg.png") repeat-x scroll 0 0 transparent} #rt-nav-menu li.current-menu-item > a, #rt-nav-menu li.current_page_item > a, #rt-nav-menu li.current-menu-parent > a { color: #333; } #rt-nav-menu a.current-menu { color: #333; } #rt-nav-menu ul li a{ color: #333333; height: 40px; line-height: 40px; padding-left: 10px; padding-top: 0;} #rt-nav-menu li.menu-download > a{height: 48px; line-height: 56px; padding: 0 0 0 12px; width: 110px;} #rt-nav-menu li.menu-download > a:hover,#rt-nav-menu li.menu-download.current-menu-item > a,#rt-nav-menu li.menu-download.current-menu-item > a, #rt-nav-menu li.menu-download.current-menu-parent > a {background: url("img/nav-sprite.png") no-repeat scroll -3px -1px transparent; height: 48px; line-height: 56px; padding: 0 0 0 12px; width: 110px;} #rt-nav-menu li.menu-download ul.sub-menu{ background: url("img/nav-sprite.png") no-repeat scroll 0 -55px transparent; height: 126px; width: 133px; } #rt-nav-menu li.menu-download ul.sub-menu li:hover > a, #rt-nav-menu li.menu-download ul.sub-menu li.current-menu-item a{background: none} #rt-nav-menu li.menu-download ul.sub-menu li a:hover, #rt-nav-menu li.menu-download ul.sub-menu li.current-menu-item a { background: url("img/nav-sprite.png") no-repeat scroll -4px -207px transparent;color: #000000;height: 40px;line-height: 40px;margin: 0 10px 0 4px;padding-left: 10px;padding-top: 2px;} #rt-nav-menu li.menu-download ul.sub-menu li.android a:hover, #rt-nav-menu li.menu-download ul.sub-menu li.current-menu-item.android a{ background: url("img/nav-sprite.png") no-repeat scroll -4px -287px transparent; color: #000000; height: 37px; line-height: 38px; margin: 0 9px 0 4px;} #rt-nav-menu li.menu-download ul li a { margin: 0 10px 0 4px; padding-top: 0;} #rt-nav-menu li.menu-download > a span{ background: url("img/menu-down-arrow-blue.png") no-repeat scroll 0 0 transparent; display: inline-block; float: right; height: 11px; margin-right: 9px; margin-top: 22px; width: 11px;} #rt-nav-menu li.menu-download.current-menu-item > a span, #rt-nav-menu li.menu-download.current-menu-parent > a span{ background: none;} /* #rt-nav-menu li.menu-download ul li{ padding: 0px ; width: 134px; border: 0px} #rt-nav-menu li.menu-download ul li a{margin:0 10px 0 4px;padding-top: 0px }*/ #rt-nav-menu li.menu-download a:hover span, #rt-nav-menu li.menu-download:hover > a span{background: none;color: #333333} #rt-primary-menu #rt-nav-menu li.menu-twitter a{ background: url("img/follow-us-bg.png") no-repeat scroll 10px 50% transparent; border: 0 none; padding-left: 47px;} #rt-primary-menu #rt-nav-menu li.menu-twitter {border-right: 1px solid #39495c;margin-right: 2px} /* #rt-primary-menu #rt-nav-menu li.menu-twitter:hover {background: none}*/ #rt-primary-menu #rt-nav-menu li.menu-twitter a:hover{color:#73A100} /* #rt-primary-menu #rt-nav-menu li.menu-twitter a:hover{ border:0}*/ /* ************************************************ */ /* Post and Main Content Style */ /* ************************************************ */ /*Sticky Post Style*/ .sticky { } /* home page style */ .social-media-intro{margin-top: 38px; overflow: hidden; padding: 0 35px 0 30px} .social-media-intro .intro-featured-image{ padding-top: 35px} .social-media-intro .social-media-intro-right{font-size: 105%; letter-spacing: -0.5px; line-height: 150%; width: 565px;} .social-media-intro .social-media-intro-right strong,.social-media-intro .social-media-intro-right strong {color: #000} .social-media-intro-right p{margin-bottom: 45px; color: #666} .social-media-intro .download-box h2{color: #73A100; font-family: "arial",helvetica,sans-serif; font-size: 166%; font-weight: bold; height: 55px; letter-spacing: 0; line-height: 55px; padding: 0 0 0 70px; position: relative; z-index: 1200} .social-media-intro .download-box h2 .download-arrow{ background: url("img/download-sprite.png") no-repeat scroll 0 0 transparent; display: block; height: 48px; left: 10px; position: absolute; top: 15px; width: 50px; z-index : 0} .social-media-intro .download-box div{padding: 0 5px 0 5px; position: relative; height: 113px} .social-media-intro .download-box a{ color: #666; display: block; float: left; font-size: 125%; height: 100%; line-height: 110px; padding: 0 2px; text-align: center; width: 184px; } .social-media-intro .download-box a:first-child{border: 0px} .social-media-intro .download-box a span{cursor: pointer; float: left; text-align: left; } .social-media-intro .download-box a span img{vertical-align: center} .social-media-intro .download-box a:first-child{-moz-border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; border-radius:0 0 0 10px } .social-media-intro .blackberry-icon img{ float: left; margin: 43px 17px 0 22px; } .social-media-intro .iphone-icon img{ float: left; margin:43px 17px 0 35px; } .social-media-intro .android-icon img{ float: left; margin: 43px 17px 0 20px; } .social-media-intro .download-box a:hover{background: #b1bd93; border: 1px solid #979F7D; border-top: 2px solid #87856E; color: #000; width: 182px; height: 111px } .social-media-intro .download-box{background: url(img/download-box-3.png) no-repeat; font-family: "arial",helvetica,sans-serif; height: 190px; width: 575px; letter-spacing: -1px; } /*.social-media-intro .download-box div { height: 117px;overflow: hidden;padding: 0 3px;position: relative;width: 569px; } .social-media-intro .download-box a { border: 1px solid transparent; border-top: 2px solid transparent; color: #666666;display: block;float: left;font-size: 125%;height: 100%;overflow: hidden;line-height: 110px;padding: 0 2px;position: relative;text-align: center;width: 139px; } .social-media-intro .download-box a.first { -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; width: 130px; } .social-media-intro .download-box a.second { width: 143px; } .social-media-intro .download-box a.third { width: 142px; } .social-media-intro .download-box a.forth { width: 136px; } .social-media-intro .download-box a.first:hover { width: 128px; height: 96%; } .social-media-intro .download-box a.second:hover { width: 141px; height: 96%; } .social-media-intro .download-box a.third:hover { width: 140px; height: 96%; } .social-media-intro .download-box a.forth:hover { width: 134px; height: 96%; } .social-media-intro .download-box a:hover { background: none repeat scroll 0 0 #B1BD93;border: 1px solid #979F7D;border-top: 2px solid #87856E;color: #000000; } .social-media-intro .download-box a span { cursor: pointer;display: block;float: left;height: 100%;text-align: center;width: 100%; } .social-media-intro .download-box a span .download-name { height: 91px;left: 0;position: absolute;top: 25px;width: 100%; } .social-media-intro .download-box a span img { margin: 25px auto 0; } .social-media-intro .blackberry-icon p.icon { } .social-media-intro .blackberry-icon p.title { } .social-media-intro .iphone-icon p { } .social-media-intro .android-icon p { } .social-media-intro .desktop-icon p { } .social-media-intro .download-box { background: url(img/download-box.png) no-repeat; font-family: "Arial", helvetica, sans-serif; height: 190px; width: 575px; letter-spacing: -1px; }*/ #feature-slider{margin-bottom: 73px; padding: 0 35px } #feature-slider h2{ background: url("img/title-bottom-bg.png") no-repeat scroll 0 100% transparent; color: #73A100; font-size: 220%; font-weight: bold; letter-spacing: -1px; padding: 0 0 20px; margin-bottom: 20px ; font-family: "arial", helvetica,sans-serif } .slider-container{ height: 360px} .slider-container #tabs-nav-container ul{z-index: 2000; position: relative; background: url("img/feature-slider-tabs-bg.png") repeat-y scroll 0 0 transparent; height: 308px; margin: 0; width: 272px;} .slider-container #tabs-nav-container{background: url("img/feature-slider-bottom-bg.png") no-repeat scroll 0 100% transparent; float: left; margin: 0px; width: 272px; height: 360px} .slider-container #tabs-nav-container li { background: url("img/feature-slider-tabs-bg.png") repeat scroll 0 0 transparent; border-bottom: 1px solid #FFFFFF; height: 72px; list-style: none outside none; position: relative;} .slider-container #tabs-nav-container li:first-child{background: url('img/feature-slider-top-bg.png') no-repeat ;} .slider-container #tabs-nav-container li a { color: #000000; display: block; height: 75px; line-height: 75px; list-style: none outside none; padding-left: 17px; position: relative; text-align: left;} .slider-container #tabs-nav-container li a:hover { color: #000000;} .slider-container #tabs-nav-container li.activeSlide a{background: url("img/feature-slider-active-tab.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: block; font-size: 125%; height: 80px; left: -14px; line-height: 80px; padding-left: 30px; position: absolute; text-align: left; width: 293px; z-index: 1000; top:-4px} .slider-container #rt-slider{float: left; z-index: 0; height: 360px} #home-page-widget{ font-size: 75%; overflow: hidden; margin-bottom: 83px; line-height: 125%} #home-page-widget li{list-style: none} #home-page-widget h3.widgettitle, #home-page-widget h2#twitter-flock-title{color: #666666; font-family: "arial",helvetica,sans-serif; font-size: 184%; letter-spacing: -1px; margin-bottom: 25px } #home-page-widget h3.widgettitle a{color:#666666} #home-page-widget h3.widgettitle a:hover{color:#73A100} #home-page-widget .TwitterFlock_widget {border: 0px; } #home-page-widget .TwitterFlock_widget br{display: none} #home-page-widget .TwitterFlock_widget #twitter-flock img{padding: 3px 10px 0 0} #home-page-widget .TwitterFlock_widget .tf_status {padding: 0px; margin-bottom: 20px} #home-page-widget .TwitterFlock_widget .tf_time{font-style: normal; margin-left: 60px; display: block } #home-page-widget .TwitterFlock_widget .tf_name{display: block} #home-page-widget .TwitterFlock_widget .tf_text{margin-left: 60px; display: block} #home-page-widget .widget{float:left; width: 31%; margin-left: 33px} #home-page-widget .widget:first-child{margin-left: 0px} .textwidget .twtr-hd,.textwidget .twtr-ft{display: none} .textwidget #twtr-widget-1 .twtr-user {display: block; font-weight: bold} .textwidget .twtr-widget .twtr-tweet{border: 0px; } .ubersocial-reviews{margin: 0px} .ubersocial-reviews li{margin-bottom: 20px; list-style: none; overflow:hidden} .ubersocial-reviews li p{float: left; width: 245px;} .ubersocial-reviews li img{float:left; margin-right: 10px} .ubersocial-reviews li .review-title{ font-size: 93%; font-weight: bold; padding: 0px} .ubersocial-reviews .reviews-content{ float: left; width: 245px;} .uber-banner{margin: 30px 0; text-align: center} /* ************************************************ */ /* Post Meta Style */ /* ************************************************ */ .post-meta { color: #666666; font-size: 100%; font-style: italic; line-height: 130%; margin: 0 0 3px 0 ;} .single .post-meta{margin-bottom: 20px} .post-meta a{ font-weight: bold; font-size: 95%} .post-meta span { } .post-meta .courly-bracket { font-size: 150%; color: #888; } .archive .post-meta { overflow: hidden; padding: 3px 0; } .post-meta .post-info em { font-size: 90%; } .post-meta div.alignleft, .post-meta div.alignright{ width: 45%; } /* ------------------------------------------- */ /* Main Post Loop */ /* ------------------------------------------- */ .post, .page, .reviews{margin-bottom: 45px} .single .post{margin-bottom: 0px} .page .page,.page .post {margin-bottom: 0px} #downlaod-content .post, #downlaod-content .page{margin-bottom: 40px} .post-title{ } .post-title h1{background: url('img/title-bottom-dark-img.png') no-repeat 0 100%; font-weight: bold; font-size: 256%; color: #73A100; font-family: "arial", helvetica, sans-serif ; padding: 0 0 30px 0 ; margin: 0 0 20px 0 ; line-height: 130%; letter-spacing: -1px } .post-title h2 {padding: 0px; line-height: 120%; margin-bottom: 3px} .post-title h2 a{color: #000; font-size:80%; font-weight: bold; font-family: "arial", helvetica, sans-serif ; letter-spacing: -1px } .post-title h2 a:hover{color: #73A100} .post-content { overflow: hidden; } .post-content .readmore { font-weight: bold} .post-content p, #post-0 .post-content p { margin-bottom: 25px; overflow: hidden; } .blog .post-content p , .archive .post-content p,.category .post-content p, .search .post-content p {margin-bottom: 0px} .post-content img{margin: 2px 5px;} .post-content img.post-thumb{float: left} .post-content img.wp-smiley{margin: 0;padding: 0;} .post-content blockquote{} .post-content code{} .post-content pre{word-wrap: break-word; } /* ------------------------------------------------------- */ /* Prevent Images from Running Outside Content Area */ /* ------------------------------------------------------- */ .post-content .wp-caption { max-width: 520px !important; margin: 10px auto } .post-content .wp-caption.alignright{margin-left: 10px} .post-content .wp-caption.alignleft{margin-right: 10px} .post-content .wp-caption img { max-width: 505px !important; } .post-content img { max-width: 550px !important; } .blog .post-content .alignleft img, .search .post-content .alignleft img, .archive .post-content .alignleft img, .reviews img { margin: 2px 10px 0 0; padding-top: 5px } /* ------------------------------------------------------- */ /* Blank Page Style */ /* ------------------------------------------------------- */ .blank-page { margin: 0 auto; width: 300px; } .blank-page .post .post-content p { color: #000000; font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size: 12px; letter-spacing: 0; line-height: 16px; margin-bottom: 0; margin-bottom: 12px; } .blank-page .post .post-content p img { margin: 0; } .blank-page .post .post-content p a { color: #0000EE; text-decoration: underline; } /* ------------------------------------------------------- */ /* Posted Images Style */ /* ------------------------------------------------------- */ p.attachment img { margin: 10px 0; } .post-content img.alignnone { margin: 10px 5px 10px 0; } .post-content img.aligncenter { margin: 10px auto; } .post-content img.alignleft { margin: 10px 15px 10px 0px; } .post-content img.alignright { margin: 10px 0px 10px 15px; } #content .gallery {margin: 0 auto 18px;} #content .gallery .gallery-item {float: left;margin-top: 0; text-align: center; width: 33%;} #content .gallery img { border: 2px solid #cfcfcf;} #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px;} #content .gallery dl {margin: 0;} #content .gallery img {border: 10px solid #f1f1f1;} #content .gallery br+br {display: none;} #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto;} .gallery-icon .attachment-thumbnail { margin: 5px auto; } #gallery-1 .gallery-caption { margin: 0; padding: 0; } #gallery-1 .gallery-item dt { background: none repeat scroll 0 0 transparent; font-weight: normal; padding: 0; } /*.wp-caption{width: 600px !important}*/ /* ************************************************ */ /* Archive Page Style */ /* ************************************************ */ .archive #content h2 span.author-name { font-style: italic; font-weight: normal; } /* ************************************************ */ /* Search Page Style */ /* ************************************************ */ .search #content .hentry {margin-bottom: 45px } .search #content h2 span.search-title { font-style: italic; font-weight: normal; } /* ************************************************ */ /* Breacrumb Style */ /* ************************************************ */ .breadcrumb { } .breadcrumb a { } .breadcrumb a:hover { } /* Social Buutons */ .post .social-buttons{} .post .social-buttons > div{ margin-right: 10px } .post .social-buttons .facebook{} .post .social-buttons .tweetmeme{} /* Paged Navigation */ .wp-pagenavi, .wp-navigation { clear: both; color: #444444;font-size: 100%; padding: 0 0 5px; width: 100%; margin-bottom: 45px} .wp-navigation .alignleft, .wp-navigation .alignright{width: 50%} .wp-navigation .alignright{text-align: right} .wp-pagenavi a, .wp-pagenavi a:hover { text-decoration: none; } .wp-navigation a { text-decoration: none; } .wp-navigation a:hover { text-decoration: none; } .wp-navigation span.georgia { font-family: georgia,serif; } /* View specific CSS */ #content.single-post{} #content.multiple-posts{} #content.home-posts{} /* ************************************************ */ /* Comment Style */ /* ************************************************ */ /* styling comments display */ .commentlist, .commentlist ul { margin-left: 0px; } #comments{margin-bottom: 20px} .commentlist ul {margin-left: 20px; } .commentlist li, .commentlist ul li { list-style: none;position: relative; } .commentlist { } .commentlist li.depth-1 { } .commentlist li.depth-2 { } .commentlist li.depth-3 { } .commentlist li.depth-4 { } .commentlist li.depth-5 { } .commentlist li.even{} .commentlist li.odd{} .commentlist li.comment div.comment-body { border: 1px solid #EAEAEA; clear: both; margin-top: 20px; overflow: hidden; padding: 5px 10px; position: relative; } .commentlist .vcard { float: right;font-size: 95%; } .commentlist img.avatar { border: 1px solid #CCCCCC;float: right;margin: 5px 0 5px 5px;padding: 2px; } .commentlist cite.fn { font-size: 105%;font-style: normal;font-weight: bold;text-transform: capitalize; } .commentlist span.says{ } .commentlist .comment-text { clear: left; } .commentlist .comment-author { float: left; } .commentlist .comment-author em{display: block} .commentlist .comment-meta { color: #888888; font-size: 85%; } .commentlist .comment-meta a{} .commentlist .comment-meta a.comment-edit-link{} div.comment-body p { margin-bottom: 10px } .comment-body blockquote { font-style: italic;padding: 5px 15px; } .comment-body blockquote p { border-left: 1px solid #DDDDDD; padding-left: 10px; color: #666666; } div.comment-body div.reply { float: left;clear: both; margin-bottom: 0px } div.comment-body div.reply p a{ border: 1px solid #CCCCCC; font-size: 85%; letter-spacing: 1px; margin-bottom: 5px; padding: 5px 5px 4px; text-transform: uppercase; } div.comment-body div.reply p a:hover {border: 1px solid #73A100} .comment-body ul li { list-style: square outside none; } .comment-body ol li { list-style: decimal outside none; } /* styling author/admin comments */ li.comment-author-admin > div.comment-body, li.bypostauthor > div.comment-body { background: none repeat scroll 0 0 #F5F5F5; } /* IE6 Admin Comment */ li.comment-author-admin div.admin-comment { background: none repeat scroll 0 0 #F5F5F5; } /* Comments Pagination Style */ .comments-pagination{} .comments-pagination .alignleft{} .comments-pagination .alignright{} /* * Styling Comment From Display */ #respond {border: 1px solid #EAEAEA; margin-top: 20px; overflow: hidden; padding: 0 10px 0; } #respond h3 { float: left; width: 100%; } #respond form { clear: both; } #respond p { width: 98%; margin:10px 0 } #respond label { clear: both; color: #666666; } #respond .required { color: #888888; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url { float: left; font-size: 14px; margin-right: 2%; width: 31%; } #respond input, #respond textarea { background: none repeat 0 0 scroll #FAFAFA; border: 1px solid #F1F1F1; } #respond input:focus, #respond textarea:focus { background: none repeat 0 0 scroll #FFFFFF; border: 1px solid #cccccc; } #respond .comment-form-comment { clear: both; font-size: 14px; } #respond input { color: #555555; margin: 0px; padding: 5px 0 5px 3px; width: 95%;} #respond textarea { color: #555555; padding: 3px; width: 97.1%; } #respond input#submit { color: #73A100; font-size: 14px; width: auto !important; padding: 5px ; border: 1px solid #EAEAEA} #respond input#submit:hover{color: #333; border: 1px solid #73A100 } #respond small a { float: right; font-size: 70%; text-align: right; text-decoration: underline; } #respond small a:hover { text-decoration: none; } #respond .form-allowed-tags { background: none repeat scroll 0 0 #F1F1F1;border: 1px solid #DDDDDD;color: #666666;font-size: 12px;margin: 10px 0 13px;padding: 5px;width: auto !important; } /* ************************************************ */ /* Sidebar and Sidebar Widgets Style */ /* ************************************************ */ #sidebar { font-size: 110% } .page-template-template-terms-conditions-php #sidebar {background: url("img/sidebar-arrow.jpg") no-repeat scroll 0 55px transparent; width: 362px} #sidebar .widgettitle{background: url("img/seprator-sidebar.png") no-repeat scroll 0 100% transparent; font-size: 125%; margin-bottom: 10px; padding: 0 0 30px; } #sidebar ul li { line-height: 150%; } #sidebar .widget{margin-bottom: 25px} #sidebar .widget p{margin-bottom: 10px} .widget_categories select,.widget_archive select{width:100%} #sidebar .widget_calendar table {text-align:center;width:100%;} #sidebar .widget_calendar caption {font-weight: bold} #sidebar .widget_calendar table #prev { text-align: left; } #sidebar .widget_calendar table .pad { text-align: center; } #sidebar .widget_calendar table #next { text-align: right; } #sidebar .widget_calendar table #today { font-weight: bold; } /* ************************************************ */ /* Footer Style */ /* ************************************************ */ #footerbar div.footerbar-widget{float: left; width: 30%; margin-right: 3%} #footer{} #footer-wrapper{ height: 221px; background: url('img/footer-bg1.png') no-repeat} #footerbar{height: 148px} #footer-wrapper #footerbar .widget{float: left; font-size: 90%; background: url('img/footer-dotted-line.png') no-repeat 0 100%; height: 113px; overflow: hidden } #footer-wrapper #footerbar .widget ul.menu{margin: 0px} #footer-wrapper #footerbar .widget ul.menu ul{display: none !important} #footerbar .widget .menu li{float: left; list-style: none} #footerbar .widget .menu li a{ border-left: 1px solid #FFFFFF; display: block; font-size: 98%; line-height: 100%; padding: 0 6px;} #footerbar .widget a{ color: #A7CB40; } #footerbar .widget .menu li:first-child a{border: 0px; padding-left: 0} #footerbar .widget .menu li.current-menu-item a, #footerbar .widget .menu li a:hover{color: #fff} #footerbar .widget{padding: 0 20px 0 25px; width: 463px; margin-top: 35px; } #footerbar .widget:first-child{width: 259px; overflow: hidden; background: none !important } #footerbar .widget:last-child { width: 185px; overflow: hidden; } #footerbar .widget:last-child h3.widgettitle { margin-bottom: 15px; } #footerbar .widget #menu-footer-follow-menu li a{text-indent: -99999px; display: block; padding: 0px ; margin-right:5px; border: 0px; height:16px ; width: 16px } #menu-footer-follow-menu li.follow-twitter a{background: url('img/social-icons.png') no-repeat; } #menu-footer-follow-menu li.follow-facebook a{background: url("img/social-icons.png") no-repeat scroll -22px 0 transparent } #menu-footer-follow-menu li.follow-linkedin a{background: url("img/social-icons.png") no-repeat scroll -44px 0 transparent; } #footer{color: #fff } #footer .footer-left{border-right: 1px solid #73A100; font-size: 82%; height: 30px; line-height: 30px; margin: 23px 0 0 30px; padding-right: 10px; width: 110px;} #footer .footer-right{ font-size: 70%; height: 40px; line-height: 18px; margin: 20px 0 0 16px; width: 860px;} #footerbar .widgettitle{color:#fff; font-size: 111%; margin-bottom: 30px; font-family: "arial", helvetica, sans-serif; letter-spacing: -1px} /* ************************************************ */ /* Other Styles */ /* ************************************************ */ .info, .success, .warning, .error { border: 1px solid; margin: 10px 0px; padding:5px 10px; } .info { color: #00529B; background-color: #BDE5F8; } .success { color: #4F8A10; background-color: #DFF2BF; } .warning { color: #9F6000; background-color: #FEEFB3; } .error { color: #D8000C; background-color: #FFBABA; } /* ************************************************ */ /* Extra CSS for additonal elements, fixes */ /* ************************************************ */ /* Slider Css */ #rt-slider-nav {overflow: hidden;margin: 0;} #rt-slider-nav li {float: left; list-style: none; padding: 0 5px;} #rt-slider-nav li a{} #rt-slider-nav li.active a {color: #444;} /*hide smiley added by wordpress stats plugin */ #wpstats{display:none} /* Subscription Widget Css */ .rt-subscribe-widget-container .social-icons {overflow: hidden; margin: 10px auto 0; } .rt-subscribe-widget-container .social-icons li {float: left; list-style: none} .rt-subscribe-widget-container .social-icons li a {display:block; height: 23px;width: 23px; padding: 0; margin-right: 10px; text-indent: -9999px;} .rt-subscribe-widget-container .social-icons li a.rss {background: url(./img/social-icons/icon-rss.png) no-repeat; } .rt-subscribe-widget-container .social-icons li a.facebook {background: url(./img/social-icons/icon-facebook.png) no-repeat; } .rt-subscribe-widget-container .social-icons li a.twitter {background: url(./img/social-icons/icon-twitter.png) no-repeat; } .rt-subscribe-widget-container .social-icons li a.linkedin {background: url(./img/social-icons/icon-linkedin.png) no-repeat; } .rt-subscribe-widget-container .social-icons li a.netblogs {background: url(./img/social-icons/icon-networkedblog.png) no-repeat; } /* Download Blackberry page stylling */ #blackberry-content, .contact-content {color: #666666; font-size: 114%; line-height: 180%;} #blackberry-content b, #blackberry-content strong{color: #000} #blackberry-content .blackberry-devices-container{margin-bottom: 20px; text-align: center; overflow: hidden} #blackberry-content .blackberry-image{width:210px; height:340px; display: block; float: left; background: url(img/blackberry.png) no-repeat ; margin-right: 20px} #blackberry-content .blackberry-devices-container .blackberry-devices{ width: 800px; height: 240px; background: url('img/download-panel-box-bg.png') no-repeat; margin-right: 8px; position:relative; } #blackberry-content .enjoy-text{margin-bottom: 15px; margin-top: 45px} #blackberry-content .blackberry-devices-container .blackberry-devices h2{ background: url("img/blackberry-small.png") no-repeat scroll 70px 58% transparent; color: #000000; font-family: "arial", helvetica, sans-serif; font-size: 150%; font-weight: bold; height: 52px; line-height: 52px; padding: 0 0 0 90px; text-align: left; } #blackberry-content .blackberry-devices h2 .download-arrow{ background: url("img/download-sprite.png") no-repeat scroll 2px 0 transparent; display: block; height: 48px; left: 10px; position: absolute; top: 13px; width: 50px; z-index: 1000;} #blackberry-content .blackberry-devices .blackberry-versions{margin:0 0 0 5px; overflow: hidden} #blackberry-content .blackberry-devices .blackberry-versions ul{margin: 0px; overflow: hidden} #blackberry-content .blackberry-devices .blackberry-versions li{float: left; list-style: none; position: relative} #blackberry-content .blackberry-devices .blackberry-versions li a{ background: url("img/download-panel-separator.png") no-repeat scroll 101% 0 transparent; display: block; float: left; height: 148px; padding: 20px 2px 0 0; width: 131px; color:#656565; margin-left: -2px ;cursor: pointer; line-height: 150%; position: relative; overflow: hidden} #blackberry-content .blackberry-devices .blackberry-versions li:last-child a, #blackberry-content .blackberry-devices .blackberry-versions li a.last { background-image: none; width: 132px} #blackberry-content .blackberry-devices .blackberry-versions li:last-child a:hover{ background-image: none; width: 130px} #blackberry-content .blackberry-devices .blackberry-versions li:first-child a { -moz-border-radius:0 0 0 11px; -webkit-border-radius:0 0 0 11px; } #blackberry-content .blackberry-devices .blackberry-versions li:last-child a { -moz-border-radius:0 11px 0 0; -webkit-border-radius:0 11px 0 0; } #blackberry-content .blackberry-devices .blackberry-versions li a.first{width:133px; margin-left:0px !important } #blackberry-content .blackberry-devices .blackberry-versions li a.first:hover{ background: url("img/download-sprite.png") no-repeat scroll -256px 0 transparent; border: 0 none; height: 147px; width: 133px;} #blackberry-content .blackberry-devices .blackberry-versions li a.last{width:133px;} #blackberry-content .blackberry-devices .blackberry-versions li a.last:hover{} #blackberry-content .blackberry-devices .blackberry-versions a:hover{ background: none repeat scroll 0 0 #B1BD93; border-color: #87856E #979F7D #979F7D; border-style: solid; border-width: 2px 1px 1px; color: #000000; height: 144px; width: 129px;} #blackberry-content .blackberry-devices .blackberry-versions a:hover span { color: #fff} #blackberry-content .blackberry-devices .blackberry-versions a span{color: #73A100; font-size: 150% ; font-weight: bold } #blackberry-content .turn-off-ads .price{color: #73A100} #blackberry-content .blackberry-devices-container .turn-off-ads{ background: url("img/turn-off-ads-bg.png") no-repeat scroll 0 0 transparent; color: #B4BE95; font-family: "arial", helvetica, sans-serif; font-size: 150%; height: 166px; letter-spacing: -1px; line-height: 130%; margin-top: 47px; padding: 20px 0 0; width: 172px;} #blackberry-content .blackberry-devices-container .turn-off-ads a{ color: #B4BE95; cursor: pointer; display: block; height: 150px; margin-left: 7px; width: 150px; } #blackberry-content .blackberry-devices-container .turn-off-ads a:hover span{ color: #333333} #blackberry-content .ubersocial-team {display: block; width: 232px; height: 60px; background: url('img/development-team-text.png') no-repeat; text-indent: -9999px} #blackberry-content .middle-text{clear:both} /* thickbox styllling */ #purchase-box{padding: 30px; background: #fff; -moz-border-radius:0 40px 0 40px ; -webkit-border-radius: 0 40px 0 40px ; border-radius: 0 40px 0 40px ; letter-spacing: -1px} #purchase-box div{margin: 20px 0} #purchase-box .title{font-size: 140%;} #purchase-box .title img{float: left; margin-right: 10px} #purchase-box .google-checkout{float: right} #purchase-box .green{color: #73A100; font-size:120%; font-weight: bold } #purchase-box .note .green{font-size:100%; } #purchase-box #blackberry-pin{margin-left: 20px; background: url('img/thickbox-input-bg.png') no-repeat; padding: 10px 0 10px 5px; border: 0px } /* Download Desktop page stylling */ #desktop-content{overflow: hidden; margin-bottom: 45px} #desktop-content .desktop-image {float: left; margin: 0px} #desktop-content .desktop-download {width:349px; margin-left: 40px; color:#666; font-size: 114%; line-height: 180%} #desktop-content .desktop-download b, #desktop-content .desktop-download strong{ color:#000} #desktop-content .desktop-download #join-email, #desktop-content .desktop-download #join-twitter{background: url("img/desktop-input-bg.png") no-repeat scroll 0 0 transparent; border: 0 none; padding: 12px 5px 11px; width: 200px; } #desktop-content .desktop-download #join-submit{width:210px;background: url('img/join-beta-program-button.png') no-repeat; padding:11px 0; text-indent: -9999px; border: 0px } #desktop-content .desktop-download p{margin-bottom: 30px} #desktop-content .desktop-download .beta-program-form .join-email-img{background: url("img/email-sign.png") no-repeat scroll 100% 45% transparent; display: block; margin-bottom: 15px; padding-right: 0; width: 250px;} #desktop-content .desktop-download .beta-program-form .join-twitter-img{background: url("img/tweet-sign.png") no-repeat scroll 100% 45% transparent; display: block; margin-bottom: 15px; padding-right: 0; width: 250px;} /* cform css desktop download*/ .cform {width: 340px !important} #cforms2form label, .reqtxt, span.emailreqtxt{display: none !important} #cforms2form .reqtxt{text-indent: -9999px !important; display: none !important} #cforms2form ol.cf-ol #li-2-1{background: url("img/email-sign.png") no-repeat scroll 100% 45% transparent !important ; display: block !important; margin-bottom: 15px !important; padding-right: 0 !important; width: 250px !important;} #cforms2form ol.cf-ol #li-2-2{background: url("img/tweet-sign.png") no-repeat scroll 100% 45% transparent !important; display: block !important; margin-bottom: 15px !important; padding-right: 0 !important; width: 250px !important;} #desktop-content .beta-program-form #cforms2form ol.cf-ol .cf_li_err{background-position: 100% 60%!important;} #cforms2form input{ background: url("img/desktop-input-bg.png") no-repeat scroll 0 0 transparent !important; border: 0 none !important; padding: 12px 5px 11px 10px; width: 200px !important; color: #979797; font-size: 90%} #desktop-content .desktop-download #cforms2form #sendbutton2{background: url("img/join-beta-program-button.png") no-repeat scroll 0 2px transparent !important; border: 0 none !important; display: block; height: 40px !important; line-height: 30px !important; margin: 0 !important; width: 210px !important; padding: 0px; text-transform: uppercase; color: #fff } #desktop-content .desktop-download #cforms2form #sendbutton2:hover{color: #333 } #cforms2form p.cf-sb{text-align: left} .beta-program-form .linklove{display: none} .beta-program-form div.cf_info{width: 80% !important; margin: 0px !important} .beta-program-form ol.cf-ol li.cf_li_err{border: 0 !important} .beta-program-form div.success{ border: 1px solid #afb7bd !important; color: #73A100; margin-bottom: 30px } #usermessagea{width:320px } .beta-program-form ol.cf-ol li ul.cf_li_text_err {margin: 0 !important} .beta-program-form div.cf_info ol li {list-style: disc !important } /* downlaod iPhone page stylling */ #iphone-content .post-title h1{font-size: 225%} #iphone-content{color: #666; font-size: 114%; line-height: 180%; } #iphone-content .iphone-image{background: url('img/download-app.png') no-repeat ; height: 441px; width:470px; display: block; text-align: center; position: relative } #iphone-content .android-image span, #iphone-content .iphone-image span{ bottom: 0;left:0; color: #193243; display: block; font-size: 106%; height: 110px; position: absolute; width: 100%;} #iphone-content .android-image{background: url('img/android-download-app.png') no-repeat ; height: 441px; width:470px; display: block; text-align: center; position: relative } #iphone-content .blackberry-image{background: url('img/blackberry-download-app.jpg') no-repeat ; height: 441px; width:470px; display: block; text-align: center; position: relative } #iphone-content .iphone-download{margin-left: 35px; padding-top: 25px; width: 475px; } #iphone-content .iphone-download b, #iphone-content .iphone-download strong{color: #000} #iphone-content .iphone-upper-content{ } #iphone-content .iphone-download .download-iphone-app{background: url("img/download-app-bg.png") no-repeat scroll 0 0 transparent; display: block; font-size: 134%; height: 80px; line-height: 80px; padding-left: 100px; width: 373px; font-family: "arial", helvetica, sans-serif } .iphone-feature-content{margin-bottom: 45px } #iphone-content .iphone-feature-content .green-text{color: #73A100; font-family: arial; font-weight: bold; letter-spacing: 0; width: 240px;} #iphone-content .iphone-feature-content .iphone-features{width:727px; overflow: hidden} #iphone-content .iphone-feature-content .iphone-features h5{color: #000000; font-weight: bold; margin-left: 60px;} #iphone-content .iphone-feature-content .iphone-features ul{width: 270px; margin-left:90px;margin-top: 24px;float: left; font-size: 87%; display: inline } #iphone-content .iphone-feature-content .iphone-features ul li{list-style: disc; line-height: 160%} /*reviews page */ .reviews-page-content .review-post {overflow: hidden} .reviews img { margin: 2px 10px 0 0;} .reviews-page-content .review-link{display: block; float: left; overflow: hidden; width: 150px; text-align: center} .reviews-page-content .review-link img{ margin: 0 auto} .reviews-page-content .review-post .review-post-content{ float: left; width: 400px} .reviews-page-content .review-post .review-post-content h2{padding: 0px} .reviews-page-content .review-post .review-post-content h2 a{color: #000} .reviews-page-content .review-post .review-post-content h2 a:hover{color: #73A100} /* about page */ .about-content {font-size: 114%} .about-content b, .about-content strong{color: #000} .first-line{margin:20px 0 40px 0 } #post-0 {margin-bottom: 45px}