/* An Orange Apple Group Website http://orangeapplegroup.com ---------------------------------------------------------------------------------- 01. SETUP --------------------------------------------------------------------------------*/ body { background: #3f0c28; color: #222; } h2, h3, h4, h5, h6 { font-weight:normal; color:#660033;} a, img, div, ul, ol, li, p, span, input, textarea, form, h1, h2, h3, h4, h5, h6, { behavior: url(/iepngfix.htc) } a { color:#990066; } a:hover {color:#cc0066;} /*-------------------------------------------------------------------------------- 02. STRUCTURE --------------------------------------------------------------------------------*/ #headContainer { width: 100%; background: transparent url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/swankCity_bg2.jpg) bottom left repeat-x; } #header { height: 135px; position:relative; z-index: 0; } #wrapContainer { width:100%; background: #fff url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/wrap_tile.gif) top left repeat-x; } #wrapper { background: transparent;padding: 15px 0;margin: 0 auto;} /*-------------------------------------------------------------------------------- 03.1 HEADER --------------------------------------------------------------------------------*/ #header h1 { text-shadow: 2px 2px #ffeeff;} #header h1 a {position:relative;top:30px;color: #660033;margin-left: -3px;} #header h1 a:hover {color: #121212;} #header #description, #header #description a { background-color:#E9F5FF; color:#336699; float:right; font-family:arial,helvetica; font-size:20px; font-weight:bold; line-height:16px; padding:10px; position:relative; top:10px; width:150px; text-align:center; } /*-------------------------------------------------------------------------------- 03.2 NAVIGATION & MENU --------------------------------------------------------------------------------*/ #navContainer { width: 100%; background: #990066; border-top: 2px solid #fff; border-bottom: 1px solid #000; position:relative; } #nav { margin: 2px auto 0; width: 980px; height: 50px; } #nav ul li { display:inline; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; line-height:50px; font-weight:bold; font-size:1.3em; } #nav ul li#fashion a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; width:128px; padding-left:3px;} #nav ul li#fashion a:hover { color: #99ddff; } #nav ul li#fashion a:active { color: #3399ff; } #nav ul li#beauty a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; width:122px; } #nav ul li#beauty a:hover { color: #99ddff; } #nav ul li#beauty a:active { color: #3399ff; } #nav ul li#drinks a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; width:95px; } #nav ul li#drinks a:hover { color: #99ddff; } #nav ul li#drinks a:active { color: #3399ff; } #nav ul li#living a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; width:109px; } #nav ul li#living a:hover { color: #99ddff; } #nav ul li#living a:active { color: #3399ff; } #nav ul li#health a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; width:118px; } #nav ul li#health a:hover { color: #99ddff; } #nav ul li#health a:active { color: #3399ff; } #nav ul li#gossip a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; width:116px; } #nav ul li#gossip a:hover { color: #99ddff; } #nav ul li#gossip a:active { color: #3399ff; } #nav ul li#deals a { display: block; color: #ffeecc; text-transform: uppercase; text-decoration: none; width:106px; } #nav ul li#deals a:hover { color: #99ddff; } #nav ul li#deals a:active { color: #3399ff; } #nav ul li#submit a { display: block; color: #ffeecc; text-transform: uppercase; text-decoration: none; width:117px; } #nav ul li#submit a:hover { color: #99ddff; } #nav ul li#submit a:active { color: #3399ff; } #nav ul li#more a { display: block; color: #ffeecc; text-transform: uppercase; text-decoration: none; width:64px; } #nav ul li#more a:hover { color: #99ddff; } #nav ul li#more a:active { color: #3399ff; } /*-------------------------------------------------------------------------------- 04. POSTS --------------------------------------------------------------------------------*/ #content h3 { color: #660033; text-shadow: 1px 1px #fddced;} .video {border: 5px solid #ffeeff;} .post h2 {color:#222222;line-height:1.15em;} .post h2 a {color:#B60762;} .post h2 a:hover {background:#ffe3f9 none repeat scroll 0 0;color:#aa0066;text-decoration:none;} .meta {color: #666;} .meta a {color: #0099ff;} .post .label a {background: #B80762;color: #ffeeff;} .post .label a:hover {background: #990066; color:#fff;} .tags {color: #222; display: inline-block; float: right; margin: 10px 0;} .tags a {color: #cc0066;} #navigation a {color: #222;} #navigation a:hover {color: #0066cc;} .alignright { margin-top:-65px !important;} /*-------------------------------------------------------------------------------- 05. ENTRIES --------------------------------------------------------------------------------*/ .entry a {color: #990066;} .entry a:hover {color: #cc0066;} .post .entry blockquote { background-color:#FFEEFF; border-left:2px solid #CC0066; padding:20px 15px 5px 20px;} .post .entry ul li { list-style-image: url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/li_bullet.png) !important;} .post .entry ul li a { list-style-image: url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/li_link.png) !important; } .post .entry ul li a:hover { list-style-image: url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/li_link_pink.png) !important; } a.more-link { color: #cc0066; background: transparent url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/li_link_pink.png) no-repeat right; padding-right:16px; } a.more-link:hover { color: #0066ff; background: transparent url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/li_link_blue.png) no-repeat right} /*-------------------------------------------------------------------------------- 06. SIDEBAR --------------------------------------------------------------------------------*/ #rss {background: #33211f; } #rss a:hover {color: #c89a2b;} .widget {margin: 0 0 20px;} .widget h3 { display:none;} #sideblog--4 {background: transparent url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/gossip2.png) top center no-repeat; padding-top:75px; width: 302px;} .sideGossip a { background: transparent url(swankCity/star-sprite.gif) no-repeat scroll 0 0; color:#990066 !important; display:block; line-height:1.4em; margin:10px 0 0 5px; padding:0 0 5px 30px; border-bottom:1px solid #ddd;} .sideGossip a:hover { background: transparent url(swankCity/star-sprite.gif) no-repeat scroll 0 -120px; color:#cc0066 !important;} .sideGossip a:active { background: transparent url(swankCity/star-sprite.gif) no-repeat scroll 0 -241px; color:#0066FF !important;} #sideblog--5 {} .sideDeal a { background: transparent url(swankCity/star-sprite.gif) no-repeat scroll 2px -359px; color:#0066CC !important; display:block; line-height:1.4em; margin:10px 0 0 5px; padding:0 0 5px 30px; border-bottom:1px solid #ddd;} .sideDeal a:hover { background: transparent url(swankCity/star-sprite.gif) no-repeat scroll 2px -478px; color:#cc0066 !important;} #twitter ul li a {color: #6f9f85;} #twitter ul li a:hover {color: #33211f;} #flickr .flickr_badge_image a { border: 2px solid #C89A2B; } .widget_tag_cloud {color: #7c6563;} .widget_tag_cloud a {color: #c89a2b;} /*-------------------------------------------------------------------------------- 07. COMMENTS --------------------------------------------------------------------------------*/ .commentlist .comment-meta { color: #cc0066;} .commentlist .comment-meta a { color: #cc0066;} .commentlist .avatar { border: 3px solid #fff;} .commentlist p a { color: #0066cc;} .commentlist p a:hover { text-decoration: underline;} .commentlist blockquote {color: #996699;} .commentlist .reply a {color: #0066cc;} #commentform p a {color: #0066cc;} #commentform .comm_count span input {color: #333;} /* Comments - Thread */ .odd { background: #f0f0f0; } .even { background: #f6f6f6; } .comment-author-admin, .bypostauthor { background-color: #d9f0fd; color: #0066cc; } #respond h3 { margin-top:20px; } /*-------------------------------------------------------------------------------- 08. ARCHIVES PAGE --------------------------------------------------------------------------------*/ #archives { padding: 10px 0 0; } #archives a { color: #6F9F85 !important; } h4.archive_year { } /*-------------------------------------------------------------------------------- 09. FOOTER --------------------------------------------------------------------------------*/ #footContainer { width: 100%; background: #663366; border-top: 2px solid #cc0066; } #footer { margin: 0 auto; width: 980px; color:#ffeeff; text-align:center;} ul#footlist { line-height: 100px;} #footlist li { display: inline; list-style-type: none; padding:0 25px; margin: 25px auto; border-right:1px solid #fddced; font-size:.75em; text-transform: capitalize; } #footlist a { color:#fddced; } #footlist a:hover { text-decoration:underline; color:#fff;} /*-------------------------------------------------------------------------------- 10. MISC --------------------------------------------------------------------------------*/ /* CONTACT FORM 7 =========================================*/ div.wpcf7 { margin: 0; padding: 0;} div.wpcf7-response-output { margin:2em 0.5em 1em; padding:20px; line-height:1.5em;} div.wpcf7-mail-sent-ok { border:2px solid #398F14; color:#006600; background-color:#ccffcc; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { border:2px solid #880000; background-color:#ffcccc; color:#880000;} div.wpcf7-spam-blocked {border: 2px solid #ffa500;} span.wpcf7-form-control-wrap {position: relative;} span.wpcf7-not-valid-tip { } span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 10pt;display: block;} span.wpcf7-list-item {margin-left: 0.5em;} img.ajax-loader {border:none;vertical-align:middle;} .wpcf7-display-none {display:none;} .wpcf7-form { width:auto; display:block; margin:30px 0 0 10px;} .wpcf7-form fieldset { -moz-border-radius:15px; -webkit-border-radius:15px; border:1px solid #EEEEEE; padding:20px; background-color:#ebfee3;} .wpcf7-form legend { background-color:#0066CC; color:#fff; font-size:22px; font-weight:bold; padding:10px 15px; } .wpcf7-form label { display:inline-block; font-size:1.1em; height:24px; line-height:24px; color: #666; padding-left:5px;} .wpcf7-form input { background:#fcfcfc; border:1px solid #CCCCCC; color:#666666; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size:1.3em; margin:0 1px; padding:5px 5px 8px 6px; width:400px;} .wpcf7-form textarea { background:#fcfcfc; border:1px solid #CCCCCC; color:#666666; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size:1.3em; margin:0 1px; padding:5px; width:500px; height:250px;} .wpcf7-form textarea#weblink { height:100px; } .wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus { background-color:#FFFFFF; border:1px solid #bb0077; color:#0066cc; } .wpcf7-form input#suggest { background:#0066cc; border:4px solid #0066cc; color:#fff; cursor:pointer; width:auto; padding:5px 15px; margin:0 20px; } .wpcf7-form input#ad {width:60px; margin-left:15px;} .wpcf7-form input#quiz {width:30px; margin-left:15px;} .wpcf7-form input#suggest:hover { border:4px solid #003399; } div.wpcf7-not-valid-tip { -moz-border-radius:5px; -webkit-border-radius:5px; color:#880000; background:#FFFFDD; border:2px solid #CC0000; float:right; padding:7px 10px 6px; position:relative; z-index:100; top:20%; left:20%; font-size: 10pt; width: 280px; } /* Advertise =========================================*/ .adText { font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; display:block; color:#0099FF !important; } .advertise h1 { font-size: 30px; color: #333; } .advertise h2 { font-size: 30px; color: #660033; text-align:center;} .advertise p { font-size: 14pt; line-height: 19pt; color: #660033; } .advertise .meta { font-size: 10pt; color: #666; text-align: center; margin: 10px 0 15px; } .advertise th { border:1px solid #fff; padding: 5px 10px; font-size:12pt; font-weight: bold; color:#fff; background: #676767; text-align:center; vertical-align:middle; } .advertise td { border: 1px solid #fff; padding: 1px 10px; font-size:12pt; font-weight: normal; color: #333; background-color:#f0f0f0; text-align:center; vertical-align:middle; width:180px;} .advertise .buyme a { display:block; text-decoration:underline; padding:15px 0; } .advertise .bsize { font-weight: bold; background:#ddd; color: #333; width:50px; } .advertise .bsize2 { font-weight: bold; background:#ddd; color: #333; width:205px; padding:8px 0;} .advertise .buyme:hover { background:#EBFEE3; border: 1px solid #009900; } .advertise p.adDesc { font-weight: normal; font-size:9pt; margin:0 0 5px; line-height:10px; color:#333; display:block;} .advertise #adPriceFooter { padding: 5px 10px; font-size:12pt; color: #f0f0f0; background-color:#999; } .advertise div#3column { width: 100%; margin: 0 auto; } .advertise div#adCol1 { float:left; width:279px; padding:15px 15px 0; min-height:455px; margin:20px 25px 20px 1px; background-color: #f0f0f0; color: #454545; } .advertise div#adCol2 { float:left; width:279px; padding:15px 15px 0; min-height:455px; margin:20px 25px 20px 0; background-color: #f0f0f0; color: #454545; } .advertise div#adCol3 { float:left; width:279px; padding:15px 15px 0; min-height:455px; margin:20px 0; background-color: #f0f0f0; color: #454545; } .advertise ol li { padding-bottom:10px;} .advertise div.wpcf7 { margin: 0 auto; width: 55%; } /* Newsletter Subscribe =========================================*/ .newsletter #outer { border: 1px solid #afd9ff;} .newsletter { width:290px; background:#e9f5ff; border:1px solid #afd9ff; padding: 10px 5px; font-size: .8em; text-transform:uppercase; color:#0099ff; line-height: 1.5em; text-align:center;} .newsletter a { text-transform:underline; color:#0099ff; } .newsletter input#addr { background:#fcfcfc; border:1px solid #afd9ff; color:#666666; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size:1.2em; margin:5 auto; padding:3px 3px 5px 4px; width:255px; } .newsletter input#addr:focus { background-color:#FFFFFF; border:1px solid #bb0077; color:#0066cc; } .newsletter span { display:inline-block; font-size:1.1em; height:24px; line-height:23px; color: #0066cc; text-transform:none; background: transparent url(http://swankcity.orangeapplegroup.com/wp-content/themes/swankCity/styles/swankCity/ico-newsletter.png) left no-repeat; padding-left:23px;} .newsletter input#subscribe { border:1px solid #afd9ff; color:#bb0077; margin:10px 2px 3px; padding:3px 15px; background-color:#d0e9fe; -moz-border-radius: 4px; -webkit-border-radius: 3px; } .newsletter input#unsubscribe { border:1px solid #afd9ff; color:#888; margin:10px 2px 3px; padding:3px 15px; background-color:#d0e9fe; -moz-border-radius: 4px; -webkit-border-radius: 3px; } .newsletter input#unsubscribe:hover, .newsletter input#subscribe:hover { background-color:#f9f9f9; border-color:1px solid #333; } .newsletter input#unsubscribe:active, .newsletter input#subscribe:active { background-color:#cc0066; border-color:1px solid #000; } /* Google Adsense =========================================*/ #adsenseNav { margin:0 auto 20px; width:730px;} #adsenseSide { width:300px; height:250px; background-color:inherit; border:1px solid #660033;} #adsenseComments { margin: -10px auto 40px; width:468px; height: 60px; background-color: inherit; border:1px solid #660033;} /* TweetThis Social Actions =========================================*/ .socialBar { float: left; display: inline-block; padding: 7px 10px 2px 0px !important; margin-bottom: 0px !important; } .socialBar span { font-size:.9em; color:#f0f0f0;}