/* Theme Name: Mobestar Theme URI: Description: Mobestar theme based on HTML created by PixelCrayons from PSD. Version: 1.0 Author: Steve Rogers */ body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p{ margin:0; padding:0; font-weight:normal; } img,fieldset{ border:none; padding:0; margin:0; } body{ font:11px Arial, sans-serif; color:#333333; background:#c3c3c3; } span.clear{clear:both;} .left{float:left; width:auto;} .right{float:right; width:auto;} /*----- layout starts -----*/ #layout{ background:url(images/body.jpg) repeat-y 50% -104px; padding-bottom:40px;} #inner_layout{background:url(images/layout.jpg) no-repeat 50% 0px;} #wrapper{width:944px; margin:0px auto; overflow:hidden;} /*----- header starts -----*/ #header{width:100%; float:left;} #header .logo{float:left; padding:10px 0px;} #header .right{float:right;} #header .right ul li{list-style:none; float:left; padding-left:3px;} #header .right ul li.email a{text-decoration:underline;} #header .right ul li.email a:hover{text-decoration:none;} #header .right ul li a{float:left; background:url(images/left_corner.png) no-repeat 0px 0px; padding-left:6px; color:#fff; font-weight:bold; text-decoration:none; font-size:15px;} #header .right ul li a span{float:left; background:url(images/right_corner.png) no-repeat 100% 0px; height:32px; padding-right:6px; padding-top:4px; cursor:pointer;} #header .right ul li img{vertical-align:middle; margin-left:6px;} /*----- container starts -----*/ #container{width:942px; margin:0px auto; overflow:hidden; clear:both; background:url(images/container_middle.png) repeat-y 0px 0px;} #container #container_top{background:url(images/container_top.jpg) no-repeat 0px 0px; width:100%; float:left;} #container_left{width:490px; float:left; padding-top:11px;} /*----- menu starts -----*/ #menu{width:490px; float:left; background:url(images/menu_bg.gif) no-repeat 0px 0px; height:41px;} #menu ul {padding-left:8px;} #menu ul li{float:left; list-style:none; padding-left:1px; position:relative;} #menu ul li a{float:left; color:#fff; font:bold 16px Arial; text-decoration:none; line-height:48px; background:url(images/left_menu.gif) no-repeat 0px -1000px; padding-left:5px ; margin-top:-5px; position:relative;} #menu ul li a span{float:left; background:url(images/right_menu.gif) no-repeat 100% -1000px; padding:0px 8px 0px 3px; position:relative; cursor:pointer; } #menu ul li a.current{background-position: 0px 0px; } #menu ul li a.current span{ background-position:100% 0px; height:53px;} /*----- content starts -----*/ #content{padding:20px; clear:both;} #content p{color:#5b5960; margin-bottom:10px; font:14px Arial;} #content h3{color:#5b5960; font:bold 16px Arial; margin-bottom:10px;} #content h3 a{text-decoration: none;color:#5b5960;} #content h3 a:hover{text-decoration: none; color: #8C8C8C;} /*------ Steve test entry styles ---*/ #content .entry{margin-top: 5px;} #content .entry .wp-caption{padding: 5px;} #content .entry .wp-caption-text{text-align: center;font-size: smaller;font-weight: bold;color: #EC008C;} #content .entry ul{padding-left:40px;} #content .entry ul li{font-size: 110%;} #content .entry img{padding: 2px;} #content .entry .alignleft{float: left;margin-top: 5px;margin-right: 5px;} #content .entry .alignright{float: right;margin-top: 5px;margin-left: 5px;} #content .entry .aligncenter{display: block;margin-left: auto;margin-right: auto} #content .entry a{text-decoration: none; color: #0099FF;} #content .entry .author{padding: 5px; padding-bottom: 10px;text-align:right;} #content .entry .sharethis{padding-top: 3px;padding-left:3px;} #content .entry .enquiry a{padding-top: 10px;padding-left:3px;font-size: smaller;} #content .entry .enquiry img{float:left} /*----- CSS for the salesforce contact form -----*/ #content .entry form{ padding: 8px; display: block; } #content .entry form p{ padding: 0; margin:0; margin-top: 5px; } #content .entry form label{ padding: 0; } #content .entry form input focus{ border: 4px solid #0066FF; background: #CCFFFF; } .entrydate{color: #F24DAF;font-size: larger;} #home{background:url(images/home_icon.gif) no-repeat 0px 4px; padding-left:70px;} #home-green{background:url(images/tear-green.jpg) no-repeat 0px 4px; padding-left:70px;} #home-pink{background:url(images/tear-pink.jpg) no-repeat 0px 4px; padding-left:70px;} #home-blue{background:url(images/tear-blue.jpg) no-repeat 0px 4px; padding-left:70px;} #home-mauve{background:url(images/tear-mauve.jpg) no-repeat 0px 4px; padding-left:70px;} #home-orange{background:url(images/tear-orange.jpg) no-repeat 0px 4px; padding-left:70px;} #container_right{background:url(images/container_right.gif) no-repeat 0px 0px; width:202px; float:right; margin-top:11px;} #container_right h2{color:#d5e04d; font:bold 16px Arial; padding:10px 0px 10px 15px; } #container_right ul{padding:20px 15px 0px 15px;} #container_right ul li{list-style:none; color:#fff; font-size:12px; line-height:14px; background:url(images/border.gif) no-repeat 50% 100%; padding-bottom:15px; margin-bottom:15px;} #container_right ul li.last{background:none;} #container_right ul li h3{font:bold 12px Arial; margin-bottom:5px;} #container_right ul li a{color:#fff;} #container_right ul li a:hover{text-decoration:none;} #container_right ul li p{margin-bottom:5px;} #container_middle{width:250px; float:left; padding-top:5px;} #container_middle .search { padding:11px 7px; float:left; width:236px;} #container_middle .search span.textbox{float:left; background:url(images/textbox.jpg) no-repeat 0px 0px; width:130px; padding:0px 5px; height:31px; margin-left:2px; } #container_middle .search span.textbox input{width:100%; padding:5px 0px; background:none; border:0; color: #696969; font:bold 16px Arial;} #container_middle .search span.btn{float:right;} #container_middle h2{clear:both; text-align:center; padding:10px 0px;} #container_middle #why{ background:url(images/list.jpg) no-repeat 0px 3px; padding-left:60px; margin:15px 10px;} #container_middle #why p{color:#fff; font:bold 14px Arial; line-height:18px;} #release{margin:0px 10px; padding:10px 0px; background:url(images/listblank.jpg) no-repeat 0px 3px;padding-left:60px; margin:15px 10px;} #release h3{font:bold 18px Arial; color:#fff; margin-bottom:10px;} #release ul li{list-style:none; padding-left:25px; background:url(images/bullet1.gif) no-repeat 0px 0px; padding-bottom:8px;} #release ul li a{color:#fff; text-decoration:none; font:14px Arial; line-height:14px;} #release ul li a:hover{text-decoration: underline;} #container_bottom{background:url(images/container_bottom.png) no-repeat 0px 0px; height:22px; line-height:22px; width:942px; margin:0px auto; } /*----- footer starts -----*/ #footer{background:#DDDDDD url(images/footer.gif) repeat-x 0px 0px;} .inner_footer{width:944px; margin:0px auto; padding:15px 0px; overflow:hidden;} .inner_footer .left a{color:#6f7073; } .inner_footer .left a:hover{text-decoration:none;} .nav{float:left; width:200px; background:url(images/nav_bg.jpg) no-repeat 0px 0px; padding:15px 0px 10px 100px;} .nav ul li{list-style:none; width:80px; float:left; padding-bottom:5px;} .nav ul li a{color:#6f7073; font:bold 14px Arial; } .nav ul li a:hover{text-decoration:none;} .social_links{float:right; width:620px;} .form{float:right; padding-bottom:12px; padding-top:5px;} .form p{font:italic 24px Arial; color:#6f7073;} .form p span{float:left;} .form p span.label{padding:2px 10px 0px 0px;} .form p span.textbox{background:url(images/textbox.gif) no-repeat 0px 0px; width:151px; height:31px; margin-right:4px;} .form p span.textbox input{width:142px; padding:5px 6px; background:none; border:0; font:bold 16px Arial; color:#d9d9d9;} .share{ float:right; width:600px;} .share p{font:italic 18px Arial; float:right; color:#6f7073;} .share p img{vertical-align:middle;} .share p a{margin-left:20px; color:#6f7073; font:bold 14px Arial; } .share p a:hover{text-decoration:none; } .bottom_footer{background:url(images/footer_bottom.gif) repeat-x 0px 0px; height:62px;} .bottom_footer p{color:#6f7073; font:bold 12px Arial;} .bottom_footer p a{color:#6f7073; } .bottom_footer p a:hover{text-decoration:none;} .bottom_footer .right{padding-top:10px;}