/* Theme Name: P2Styles Theme URI: http://isouldesigns.com Description: Completely designed by Nina Morena with the concept based on Indigo Zuri's p2styles Version: 2 Author: Nina Morena Author URI: http://i-souldesigns.com Tags: wordpress, image consultant, fashion, corporate Background Color - #21294a */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /*RESET*/ * {margin: 0; padding: 0;} html {overflow: scroll;} html, body {height: 100%;} body {background: #21294a;} img {vertical-align: middle;} table {border-collapse: collapse;} .clear {clear: both;} a {outline: none; text-decoration: none;} a img {border: none;} hr {background: url(/images/hr.png) no-repeat; width: 500px; height: 45px; padding-bottom: 15px; padding-top: 15px; border: none; margin: 25px auto 25px;} /*STRUCTURE*/ #body {background-color: #21294a;} #page-wrap {width: 960px; margin: 0px auto -150px; min-height: 100%; height: auto !important; height: 100%; background: url(/images/main_bg.jpg) repeat; overflow: visible;} #homepage-page-wrap {width: 960px; margin: 0px auto -150px; min-height: 100%; height: auto !important; height: 100%; background: url(/images/main_bg.jpg) repeat;} #top-bar {padding: 0 0 30px 0; background: url(/images/header_bg.jpg) repeat-x; height:238px;} #logo {width: 299px; height: 311px; background: url(/images/logo_img.png) top left no-repeat; float: left; z-index: 99;} #motto {width: 581px; height:106px; background: url(/images/motto.png) top left no-repeat; float: left; margin-left: 259px; margin-top: 82px; z-index: 1000;} #menu {width: 665px; height:60px; background: url(/images/menu_bg.jpg) top left no-repeat; float: left; margin-left: 295px; margin-top: -77px; z-index: 99;} #inside_menu {padding: 10px;} #main_col {width: 900px; float: left; margin-left: 50px; margin-top: 7px; min-height: 100%; height: auto !important; height: 100%;} #blog_col {width: 900px; float: left; margin-left: 19px; margin-top: 7px; min-height: 1425px; height: auto !important; height: 100%;} #contest_col {width: 500px; float: left; min-height: 100%; height: auto !important; height: 100%;} #blogpost {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 13px; color: #333333; padding-bottom: 10px; } #blogpost li {padding-bottom: 20px; list-style-position: inside; list-style-type: decimal;} .postmetadata {display:none;} #push {height: 20px;} p {padding-bottom: 7px;} .hide {display: none;} .g110,.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960{float:left;display:inline;margin-left:10px;} .g110{width:100px} .g160{width:150px;} .g320{width:310px;} .g360{width: 359px;} .g480{width:470px;} .g640{width:630px;} .g800{width:790px;} .g960{width:950px;} .g80{width:70px;} .g240{width:230px;} .g400{width:390px;} .g560{width:550px;} .g720{width:710px;} .g880{width:870px;} .ml80{margin-left:90px;} .ml160{margin-left:170px;} .ml240{margin-left:250px;} .ml320{margin-left:330px;} .ml400{margin-left:410px;} .ml480{margin-left:490px;} .ml560{margin-left:560px;} .ml640{margin-left:650px;} .ml720{margin-left:730px;} .ml800{margin-left:810px;} .ml880{margin-left:890px;} .ml960{margin-left:970px;} .inside{margin-left:0;} p.grid{padding-left:10px;} .clear{clear:both;} .clearfix:after,.main:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix,.main{display:block;} /*SEARCH*/ #searchform {width: 250px; float: left; margin-left: 230px; margin-top: 90px;} fieldset.search {border: none; width: 260px; height: 46px; margin: 0 -64px; background: url(/images/search_div_bg.png) no-repeat;} .search input .search button { border: none; float: left;} #s {width: 180px; background: #F4F4F4; border: none; font-family: tahoma, verdana; font-size: 13px; color: #666666; margin-left: 11px;} #searchsubmit {width: 30px; height:30px; margin-top: 9px; background: url(/images/search_icon.png) top left no-repeat; border: none;} #search {width: 700px; float: left; margin-left: 50px; margin-top: 30px;} /*PAGES*/ #corporate_services {margin-top: 85px;} #corporate li {margin-top: 17px; list-style-image: url(/images/asterick.png); padding-left: 15px; list-style-position: inside; font-family: Verdana, Geneva, Tahoma, sans-serifa; font-size: 12px; color: #333333; text-align: justify;} #training {padding-left: 30px;} #ptraining {padding-top: 20px;} #training li {margin-top: 17px; list-style-image: url(/images/asterick.png); padding-left: 15px; list-style-position: outside; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333333; text-align: justify;} #container {-moz-border-radius-topleft:10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border: 1px solid #000; width:850px; border-color:#DEDEDE; z-index: 1; height: 100%; height: auto !important; min-height: 100%; padding-bottom: 15px; } .content { padding:20px;} #blog-container {-moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border: 1px solid #000; width:575px; border-color:#DEDEDE; z-index: 1; height: 100%; height: auto !important; min-height: 100%; padding-bottom: 15px; margin-top: -1455px;} #blog-sidebar {-moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border: 1px solid #000; width:325px; border-color:#DEDEDE; z-index: 1; height: 100%; height: auto !important; min-height: 100%; padding-bottom: 15px; margin: 0 0 0 591px;} #polished {padding-top: 10px; padding-bottom: 20px;} #pwomens {padding-top: 10px;} #training li {margin-top: 17px; list-style-image: url(/images/asterick.png); padding-left: 15px; list-style-position: outside; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333333; text-align: justify;} #group {padding-left: 30px; padding-bottom: 20px;} #group li {margin-top: 17px; list-style-image: url(/images/asterick.png); padding-left: 15px; list-style-position: inside; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333333; text-align: justify;} #personal_shopping li {margin-top: 17px; list-style-image: url(/images/asterick.png); font-family: Verdana, Geneva, Tahoma, sans-serifa; font-size: 12px; color: #333333; text-align: justify; list-style-position: inside;} #bridal_color li {margin-top: 17px; list-style-image: url(/images/asterick.png); list-style-position: inside; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333333; text-align: justify;} #workshops li {margin-top: 17px; list-style-image: none; list-style-position: outside; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333333; text-align: justify;} #workshops_2 li {margin-top: 17px; list-style-image: none; list-style-position: inside; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333333; text-align: justify;} #return {width: 353px; height: 23px; margin-top: 20px;} #holiday li {margin-top: 17px; list-style-position: inside; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #333333; text-align: justify;} #footernav li {list-style: none; list-style-type: none;} #blog_col ol {padding-left: 20px;} #blog_col ul {padding-left: 20px;} #blog_col li {padding-left:20px; line-height: 21px; font-size: 13px; padding-bottom: 15px; color: #333333; list-style-type: square;} #blog_col ol li {padding-left: 20px; line-height: 21px; font-size: 13px; padding-bottom: 15px; color: #333333; list-style-type: decimal;} .post {padding: 15px;} #post-188 h2 {display:none;} #post-9 h2 {display: none;} #post-27 h2 {display: none;} #post-39 h2 {display: none;} #post-48 h2 {display: none;} #post-64 h2 {display: none;} #post-104 h2 {display: none;} #post-95 h2 {display: none;} #post-116 h2 {display: none;} #post-227 h2 {display: none;} #post-87 h2 {display: none;} #post-113 h2 {display: none;} #post-246 h2 {display: none;} #post-251 h2 {display: none;} #post-261 h2 {display: none;} #post-267 h2 {display: none;} #post-170 h2 {display: none;} #post-292 h2 {display: none;} #post-299 h2 {display: none;} #post-313 h6 {display: none;} #post-313 h5 {display: none;} #post-391 h2 {display: none;} #post-191 h2 {display: none;} #post-512 h2 {display: none;} #post-533 h2 {display: none;} #post-564 h2 {display: none;} #post-692 h2 {display: none;} #post-1777 h2 {display: none;} #post-1892 h2 {display: none;} .chris_before {margin-top: 35px; margin-left: 10px;} .chris_after {margin-top: 127px; margin-left: 173px;} .chris_final {margin-top: 74px;} /*HOMEPAGE*/ #corporate_homepage {-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius:10px; border: 1px solid #d5d5d5; padding: 15px;} #personal_homepage {-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius:10px; border: 1px solid #d5d5d5; padding: 15px;} #classes {-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius:10px; border: 1px solid #d5d5d5; padding: 10px;} #gallery {-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius:10px; border: 1px solid #d5d5d5; padding: 10px;} #rssmashup {-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius:10px; border: 1px solid #d5d5d5; padding: 10px; margin-left: 441px; z-index: 98;} .homepage {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; color: #474749; text-align: left-justify; width: 309px; line-height: 13px;} .homepage_classes {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11px; color: #474749; text-align: left-justify; line-height: 13px;} .homepage_title {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 17px; color: #29305c; text-align: left; font-weight: bold; line-height: 19px; padding-bottom: 5px;} .homepage_subtext {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 10px; color: #0e75af; text-align: left; font-weight: bold; width: 309px; padding-bottom: 10px;} .homepage_image {padding-bottom: 10px;} #homepage_welcome {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 13px; color: #666666; text-align: justify; font-weight:bold; line-height: 25px;} #homepage_address {font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11px; color: #666666; text-align: left; font-weight:bold; line-height: 20px; margin-top: -283px; margin-left: 726px; z-index: 900; width: 200px; height: 300px;} #splash { height: 350px; width:960px; clear:both; } #calltoaction{ z-index:100; position: absolute; width: 960px; top: 306px; height:49px; background-image:url(/images/bar.jpg); background-repeat:no-repeat; } /*FOOTER*/ #footer { width: 960px; height: 348px; background: url(/images/main_bg.jpg) repeat; margin-top: 112px;} #footer_content {background: url(/images/footer_bg.jpg) no-repeat; width: 960px; height:347px;} #footer_indi {background: url(/images/footer_indi.png) no-repeat; width: 370px; height: 325px;} .footer_contact {width: 258px; height: 140px; margin-left: 61px; margin-top: 178px;} .footer_twitter {width: 219px; height: 51px; margin-left: 207px; margin-top: -63px; z-index:0;} .footer_fit {width: 261px; height: 222px; margin-left: 256px; margin-top: -353px;} .footer_rss {width: 55px; height: 45px; margin-top: -74px; margin-left: 430px;} .footer_pp {width: 401px; height: 159px; margin-left: 556px; margin-top: -222px;} .footer_swatch {width: 141px; height: 120px; margin-top: -157px; margin-left: 819px;} .footer_blog {width: 800px; height: 8px; font-size: 9px; margin: 115px 0 0 201px; color:#999999;} #footer_blogroll {margin-left: 599px; margin-top: -246px;} #footer_blogroll li {margin-top: 17px; list-style-image: url(/images/asterick.png); list-style-position: inside; font-family: Lucida Sans, Lucida Sans Unicode, Verdana; font-size: 12px; color: #333333; text-align: justify;} /*POST IMAGES*/ #chris_hair {border: 1px solid black; margin-bottom: 10px; margin-top: -87px; margin-left: 9px; margin-right: 10px; position: absolute;} /*POLISHED PROFESSIONAL TIPS LIST*/ #pptl {margin-top: 17px; list-style-image: url(/images/asterick.png); list-style-position: inside; font-family: Lucida Sans, Lucida Sans Unicode, Verdana; font-size: 12px; color: #333333; text-align: justify; line-height: 25px;} #blog ul {font-size: 12px;} .blogtags { font-size: 11px; font-family: Lucida Sans, Lucida Sans Unicode, Verdana; } /*COMMENTS*/ .blogcommentsexplaination { font-size: 11px; font-family: Lucida Sans, Lucida Sans Unicode, Verdana; } .commentshr { background:url(/images/comments_hr.png) no-repeat; width: 500px; height: 45px; border: none; } .comment-author { width: 500px; } .avatar { padding: 15px; } .fn { width: 450px; margin: -29px 0 0 51px; } .comment-meta { margin-left: 51px; padding-bottom: 20px; font-style: italic; } .commentem { color: #03d621; font-size: 13px; font-weight: bold; } .comment_text { padding-top: 15px; } #respond { width: 550px; } #author, #email, #url { background: #f6f6f6; border: 1px solid #999999; font-size:12px; font-family: Lucida Sans, Lucida Sans Unicode, Verdana; } #comment { width: 500px; background: #f6f6f6; border: 1px solid #999999; font-size:12px; font-family: Lucida Sans, Lucida Sans Unicode, Verdana; } #submit { width: 150px; margin-top: 15px; } .commentlist .quote { background:url() no-repeat top right;} .commentlist li { padding: 5px 18px 22px 18px; margin-top:15px; background:#f6f6f6 bottom no-repeat; color:#737373; width: 500px; font-size: 11px; font-family: Lucida Sans, Lucida Sans Unicode, Verdana; } .commentlist cite { display:block; font-style:normal } .commentlist cite a:link, .commentlist cite a:visited { color:#3079be; text-decoration:none; } .commentlist cite a:hover, .commentlist cite a:active { color:#3079be; text-decoration:underline; } /********************** sidebar *************************/ #ad_1 {width: 305px; height: 255px; margin: 15px 0 0 13px;} #tags {width: 305px; height: 300px; margin: 15px 0 25px 15px;} #ad_2 {width: 255px; height: 255px; margin: -6px 0 20px 38px;} #blogroll {width: 305px; margin: 15px 0 0 25px; list-style: none; list-style-type: none; height: 273px;} .ga-zone-position { position: relative; margin: auto; } .ga-img-border { border: 2px solid #C0C0C0; text-align: center; } .ga-img-border, .ga-img-border img { border: 0px; margin: 0px; padding: 0px; }