/* Theme Name: Socialite Marketing Version: 1.0 Description: Designed by Mike Carson Creative. Author: Mike Carson Author URI: http://www.mikecarsoncreative.com Copyright: (c) 2009 WooThemes. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Page Navigation -2.2.2 Category Navigation -2.2.3 Search -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.6.1 Footer Widget Area -2.7 Featured Area 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Buttons / Banners 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 Sidebar Tabs -4.4 Video 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks 6. MISC -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { height: 100%; font-size: 12px; font-family: Century Gothic,arial,Helvetica,Sans-serif; line-height: 1.2; color: #333; background-image: url(images/bg.png); background-repeat: repeat; background-color: #db1e37; margin: 0px; padding: 0px; border: none; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Century Gothic,arial,Helvetica,Sans-serif; line-height:1; } h1 { text-align: center; color: #3a2314; font-size: 40px; font-weight: normal; margin-top: 0px; padding-top: 0px; padding-bottom: 30px; } h2 {font-size: 20px; color: #674529; } h3 {font-size: 20px; color: #674529; } h4 {font-size: 18px; color: #674529; } h5 {font-size: 14px; color: #674529; } h6 {font-size: 12px; color: #674529; } p { font-size: 12px; font-family: Century Gothic,arial,Helvetica,Sans-serif; line-height: 1.2; color: #333; } /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration: none; color: #db1e37; } a:hover, a:active {text-decoration: underline; color: #f1ab9c; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; color: #3a2314; } h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active; {text-decoration: underline; color: #ee4c80; border:none !important;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container { min-height:100%; position:relative; } #top { background-color: none; background-image: url(images/bg-header.png); background-position: top center; background-repeat: no-repeat; } #body {background-color: none; background-image: url(images/bg-body.png); background-position: top center; background-repeat: repeat-y; } #bottom { background-color: none; background-image: url(images/bg-footer.png); background-position: top center; background-repeat: no-repeat; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 930px; margin: 0 auto; padding: 0px; } /* 2.2 Navigation */ #navigation { background-color: #3a2314; background-image: url(images/bg-menu.png); background-repeat: repeat; margin-top: 15px; padding: 5px; overflow: hidden; } #navigation ul, #navigation ol { position: relative; z-index:200; margin: 0; padding: 0; list-style: none; width: auto; text-align: left; display: block; } #navigation li { padding-left: 35px; padding-right: 0px; display: inline; width: auto; font-family: Century Gothic, arial; font-size: 20px; font-weight: normal; color: #f1ab9c; } #navigation li:first-child { padding-left: 5px; padding-right: 0px; margin: 0px; } #navigation li a:link, #navigation li a:visited { color: #f1ab9c; text-decoration: none; } #navigation li a:hover, #navigation li a:active { color: #ffffff; text-decoration: none; } #navigation li.current a{ color: #444444; } /* 2.2.3 Search */ /* 2.3 Header */ #accent { background-color: #3a2314; background-image: url(images/bg-menu.png); background-repeat: repeat; padding: 2px; margin-top: 0px; margin-bottom: 15px; } #header{ background: none; padding-top: 30px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position:relative; } #logo { min-height:70px; padding: 0px; margin: auto; } #logo img { margin-top: 0px; margin: auto; border: none; } /* 2.4 Content */ #content { width: 930px; min-height:400px; padding: 30px 0px 0px 0px; margin: 0px auto 0px; } * html #content{height:400px;} #content div#sidebar, #content div#main { display: table-cell; vertical-align: top; } div#main { width: 679px; border-left: solid 1px #cccccc;} /* 2.5 Sidebar */ div#sidebar { width: 230px; overflow: hidden; padding-right: 20px; } /* 4.3.2 Sidebar Page Menu */ #page-menu { background-color: #ffffff; height:auto !important; border: 2px solid #3a2314; border-left: none; border-right: none; display: block; } #page-menu .inside { padding: 0px !important; } #page-menu .inside ul { margin-top: 0px; margin-left: 8px; margin-right: 8px; margin-bottom: 0px; list-style-type: none; } #page-menu .inside ul li { padding-left: 0px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Century Gothic,arial,Helvetica,Sans-serif; font-size: 16px; font-weight: normal; border-top: 1px solid #cccccc; line-height: 18px; } #page-menu .inside ul li:first-child { border-top: none; } #page-menu .inside ul li ul { margin-left: 0px; margin-top: 10px; margin-right: -10px; list-style-type: disc; font-size: 14px; color: #3a2314; } #page-menu .inside ul li ul ul { margin-left: 10px; margin-top: 10px; margin-right: -10px; border-left: 2px solid #fde4bd; border-top: none; list-style-type: none; }/*efe5d8*/ #page-menu .inside ul ul li { padding: 0px; margin-top:10px; margin-left: 30px; font-family: Century Gothic,arial,Helvetica,Sans-serif; font-weight: normal; font-size: 14px; border: none; line-height: 14px; } #page-menu .inside ul ul li ul li { padding: 0px; margin-top:10px; margin-left: 10px; font-family: Century Gothic,arial,Helvetica,Sans-serif; border: none; } #page-menu .inside ol {margin:0 8px 8px; list-style-type: none; } #page-menu .inside ol li { padding-top: 10px; padding-bottom: 10px; line-height: 18px; } #page-menu .inside li a { text-decoration: none; } #page-menu .inside ul li ul li a:link, #page-menu .inside ul li ul li a:visited { color: #3a2314; } #page-menu .inside ul li ul li a:active, #page-menu .inside ul li ul li a:hover { color: #ff0000; } #page-menu .inside a:hover{ text-decoration: none; } /* 2.6 Footer */ #footer { min-height: 35px; padding-top: 14px; } #credit { text-align: left; font-size: 10px; font-weight: bold; color: #faebd7; padding-top: 6px; padding-bottom: 15px; } #credit a:link, #credit a:visited { text-decoration: none; color: #fff; } #credit a:hover, #credit a:active {text-decoration: none; color: #f1ab9c; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .box { margin: 0px; padding: 0px;} .post { padding: 0px; position: relative; margin-left: 20px; } .post.title a:link, .post.title a:visited { text-decoration: none; color:#674529; } .post.title a:hover, .post.title a:active { text-decoration: underline; color:#ee4c80; } .post-meta { margin: 0 0 15px 0; font-size:10px; color:#9F9F9F; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; line-height:11px;} .post-meta a:link, .post-meta a:visited { text-decoration: none; color: #ee4c80; } .post-meta a:hover, .post-meta a:active { text-decoration: underline; color: #674529; } .post-meta img { vertical-align:top; margin:0 5px; } .post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;} .post .thumbnail { padding:4px; background-color:#ffe3ed; background-image: url(images/looped-slider-bg.png); background-repeat: repeat-x; background-position: bottom; border-top: solid 1px #ffbcd3; border-left: solid 1px #ffbcd3; border-right: solid 1px #ffbcd3; border-bottom: none; margin-top:0; } .post .video { margin-bottom:20px; } .entry { font-size: 14px; line-height: 20px; } /* 3.1 Typographic Elements */ .entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; } .entry p { font-size: 14px; margin: 0 0 15px 0; } .entry blockquote { padding: 10px 30px; color: #666; } .entry blockquote p {} .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img { padding: 4px; background-color: #3a2314; background-image: url(images/bg-menu.png); background-repeat: repeat; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; width: auto; margin: 0px 20px 10px 0; } .alignright { float: right; width: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom: 10px; } .wp-caption { padding: 0px 2px; text-align:center; background-color: #3a2314; background-image: url(images/bg-menu.png); background-repeat: repeat; } .wp-caption img{ margin:0px; padding: 6px 0px; background: none; border: 0; } .wp-caption-text { margin:0px; padding: 0px 0px 0px 0px; font-size:11px; text-align:center; color: #cccccc; } .wp-caption a:hover { border:none !important; } /* 3.3 Pagination / WP-Pagenavi */ /* 3.7 Buttons / Banners */ /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ /* 5.2 Comments Form */ /* 5.2 Pingbacks / Trackbacks */ h3#pings { margin: 20px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/