/* Theme Name: My Life and Kids Theme URI: Author: Zak Hardage Author URI: http://hardage-hardage.com/ Description: Version: March 2013 License: GNU General Public License License URI: license.txt Tags: */ /* CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;} table {border-collapse:collapse; border-spacing:0;} a, a img, input, textarea {outline:none;} /* WEBFONTS */ .oswald {font-family: 'Oswald', sans-serif;} .sourcesanspro {font-family: 'Source Sans Pro', sans-serif;} .blackjack {font-family:'BlackJackRegular';} /* GLOBAL */ body {background:url(assets/bg.png); font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#6d6e71; line-height:20px;} #main {background:#fff; width:1024px; margin:0 auto; padding:35px 0;} .clear {width:100%; height:0; clear:both;} #content {width:694px; float:left; margin-top:30px;} b, strong {font-weight:bold;} i, em {font-style:italic;} a {color:#6d6e71;} a:hover {color:#f7941e;} .template_title {position:relative; left:36px; width:570px; line-height:35px;} /* Left Sidebar */ #left_widgets {width:170px; overflow:hidden; margin:-119px 0 0 -190px; position:absolute;} #left_widgets .widget {margin-bottom:120px;} /* Footer */ #footer {text-align:center;} .footer_widgets {display:inline-block; max-width:200px; margin:32px; vertical-align:top; text-align:left; font-size:16px; line-height:18px;} #copycredit {font-size:14px; color:#a7a9ac; text-align:center; margin-top:25px;} #copycredit a {color:#a7a9ac; text-decoration:none;} #copycredit a:hover {text-decoration:underline;} #footer ul li {margin-bottom:9px;} /* Header */ #top_add {text-align:center; height:auto; margin:0 auto 35px;} h1.tagline {width:518px; height:50px; background:url(assets/tagline.png) no-repeat; margin:0 auto;} #social {float:right;} #social a {display:block; float:left; width:31px; height:31px; margin:0 9px 0 0; background:url(assets/social_icons.png) no-repeat top;} #social a.facebook {background-position:0 0;} #social a.facebook:hover {background-position:0 -31px;} #social a.pinterest {background-position:-40px 0;} #social a.pinterest:hover {background-position:-40px -31px;} #social a.google {background-position:-80px 0;} #social a.google:hover {background-position:-80px -31px;} #social a.twitter {background-position:-119px 0;} #social a.twitter:hover {background-position:-119px -31px;} #social a.rss {background-position:-159px 0;} #social a.rss:hover {background-position:-159px -31px;} #social a.instagram {background-position:-199px 0;} #social a.instagram:hover {background-position:-199px -31px;} /* Navigation */ #navigation {width:920px; height:67px; float:right; background:#ec008c; color:#fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:18px; margin-top:10px;} #navigation ul {text-align:right; padding-right:40px; padding-top:3px;} #navigation li {display:inline-block; margin:0 25px 0 0; padding:0;} #navigation ul li:hover ul {visibility:visible;} #navigation ul ul {position:absolute; width:auto; background:#fff; box-shadow:0 0 5px 5px rgba(0,0,0,.2); padding:10px; z-index:1; margin-top:-5px; visibility:hidden;} #navigation ul ul li {display:block; text-transform:none; font-family: 'Source Sans Pro', sans-serif; font-size:16px; text-align:left; line-height:24px; margin:0;} #navigation ul ul a {color:#898989; height:auto; line-height:24px;} #navigation ul ul a:hover {background:none; color:#555555;} #navigation a {color:#fff; display:inline-block; height:58px; line-height:64px; text-decoration:none; min-width:65px; font-weight:normal;} #navigation a:hover {background:url(assets/nav.png) no-repeat center; color:#fabfe2;} #mini_search {background:url(assets/search.png) -1px 0; height:50px; width:920px; float:right; text-align:right;} #mini_search input {height:22px; line-height:22px; border:thin solid #636466; border-radius:11px; width:176px; padding:0 8px; font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#a7a9ac; position:relative; top:12px; left:-7px;} #logo {display:block; width:222px; height:222px; background:url(assets/logo.png) no-repeat; margin:-222px 0 0; position:relative; left:10px; z-index:100;} /* SIDEBAR */ #sidebar {width:300px; padding:15px; float:right;} #intro {width:300px; height:auto; background:#f1f2f2; margin-bottom:18px;} #intro img {float:left; margin:0; width:168px; height:212px; padding:0; display:block;} #intro p {float:left; width:108px; font:14px/18px 'Source Sans Pro', sans-serif; color:#6d6e71; padding:5px 8px;} a.read_more {width:112px; height:30px; display:block; float:left; background:url(assets/read_more.png) no-repeat bottom;} a.email_link {display:block; background:#a7a9ac; width:300px; text-align:center; height:48px; line-height:48px; color:#fff; font-size:20px; text-decoration:none;} .sidebar_add {width:300px; height:250px; margin-bottom:18px;} .featured_post {width:300px; height:215px; margin-bottom:18px;} #newsletter {width:300px; height:178px; background:url(assets/newsletter.png) no-repeat; text-align:center; padding-top:86px; margin-bottom:18px;} #newsletter input[type="text"], #newsletter input[type="email"] {width:265px; height:26px; padding:0 5px; line-height:26px; background:#fff; font-family: 'Source Sans Pro', sans-serif; color:#a7a9ac; border:none; border-bottom:2px solid #c1c2c2; display:block; margin:0 auto 6px;} #newsletter button {margin-top:65px; border:none; background:#a7a9ac; height:30px; line-height:30px; padding:0 15px; font-family: 'Oswald', sans-serif; color:#fff; font-size:22px;} #newsletter button:hover {background:#ec008c;} #sidebar h1 {background:url(assets/search.png); height:61px; line-height:61px; width:289px; padding:0 0 0 11px; font-family: 'Oswald', sans-serif; font-size:31px; color:#ec008c; text-transform:uppercase; margin-bottom:14px;} #sidebar div.widget {margin-bottom:18px;} #sidebar .widget ul {list-style-type:disc; font-size:20px; color:#a7a9ac; list-style-position:outside; position:relative; left:23px; padding-right:23px; line-height:24px; margin-bottom:18px;} #sidebar .widget li {margin-bottom:6px;} #featured img {margin-bottom:10px;} .widget h2 {font-size:20px; line-height:20px; margin-bottom:20px; color:#ec008c; text-align:center;} .widget a {text-decoration:none;} /* 404 */ .four04 {width:639px; position:relative; left:36px; font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#6d6e71; line-height:20px;} .four04 h1 {font-size:30px; color:#a7a9ac; text-transform:uppercase; margin-bottom:25px;} .four04 p {width:639px; line-height:20px; margin-bottom:20px;} .four04 li {list-style:disc inside;} /* POSTS */ .entry_header {font-family: 'Oswald', sans-serif;} h2.entry_date {width:95px; height:119px; background:url(assets/post_date.png) no-repeat; text-transform:uppercase; color:#fff; font-size:18px; line-height:21px; float:left; margin-right:5px;} h2.entry_date span {display:block; position:relative; top:43px; left:42px; text-align:center; width:35px;} .entry_title {float:left; font-size:30px; line-height:35px; width:570px; color:#a7a9ac; text-transform:uppercase;} .entry_title a {color:#a7a9ac; text-decoration:none;} .entry_title td {height:119px; vertical-align:middle;} .entry_content {width:639px; position:relative; left:36px; font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#6d6e71; line-height:20px;} .entry_content img, .entry_content object {display:block; max-width:639px; height:auto; margin:15px auto;} .entry_content iframe {display:block; max-width:639px; margin:15px auto;} .entry_content p {margin-bottom:20px;} .entry_content a {color:#6d6e71; text-decoration:underline;} .entry_content a:hover {color:#f7941e;} .entry_content h2 {font-size:20px; color:#57c5c7;} .entry_footer {width:639px; position:relative; left:36px; margin:10px 0 35px;} .share {float:left; width:70%;} .comments {float:right; width:30%;} .comments a {text-decoration:none; color:#57c5c7; font-family: 'Source Sans Pro', sans-serif; font-size:19px; text-transform:uppercase;} .comments a:hover {color:#f7941e;} #comments {width:639px; position:relative; left:36px; margin:10px 0 35px; font-family: 'Source Sans Pro', sans-serif; font-size:15px; color:#6d6e71; line-height:18px;} #comments_title {font-size:20px; text-transform:uppercase; color:#57c5c7; margin:10px 0;} #comments li {padding:12px; margin-bottom:12px;} #comments li.odd {background:#f1f2f2;} #comments li img {float:left; margin:0 10px 5px 0;} .post_nav, .post_nav_single {width:639px; position:relative; left:36px; margin:10px 0 35px; font-family: 'Source Sans Pro', sans-serif; font-size:13px; color:#6d6e71; line-height:16px;} .comment_author a, .comment_author {text-transform:uppercase; font-weight:bold; text-decoration:none;} .comment_meta {margin-bottom:5px;} .comment_meta a {text-decoration:none;} .reply {text-align:right;} .reply a {text-decoration:none; text-transform:uppercase;} h3#reply-title {font-size:20px; text-transform:uppercase; color:#57c5c7; margin:10px 0;} #respond p {margin-top:5px;} #respond input[type="text"], #respond textarea {border:0; background:#f1f2f2; height:25px; line-height:25px; padding:0 5px; width:250px; margin:0 0 10px; font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#6d6e71; display:block;} #respond textarea {height:150px; width:450px;} #respond input[type="submit"] {background:#57c5c7; color:#fff; border:none; border-radius:8px; padding:10px 25px; margin:10px 0 0; text-transform:uppercase; font-size:16px;} #respond input[type="submit"]:hover {background:#f7941e;} .post_nav_single .post_nav_prev a {background:url(assets/post_nav_prev.png) no-repeat; width:112px; height:17px; margin-right:100px; display:inline-block; text-decoration:none;} .post_nav_single .post_nav_next a {background:url(assets/post_nav_next.png) no-repeat; width:86px; height:17px; display:inline-block; text-decoration:none;} .post_nav_prev {background:url(assets/post_nav_prev.png) no-repeat; width:112px; height:17px; margin-right:100px; display:inline-block; text-decoration:none;} .post_nav_next {background:url(assets/post_nav_next.png) no-repeat; width:86px; height:17px; display:inline-block; text-decoration:none;} .subscribe_repeat {background:url(assets/subscribe_repeat.png) no-repeat; width:494px; height:101px; margin-top:15px;} .subscribe_repeat form {position:relative; top:58px; left:121px;} .subscribe_repeat input[type="email"] {border:none; background:#fff; width:216px; padding:0 5px; height:20px; line-height:20px; font-family: 'Source Sans Pro', sans-serif; color:#959595; display:block; float:left;} .subscribe_repeat button {margin-left:7px; border:none; background:#8cc63f; color:#fff; text-transform:uppercase; font-family: 'Oswald', sans-serif; height:20px; line-height:20px; padding:0 5px; float:left; display:block; cursor:pointer;} /* PAGES */ .page {margin-bottom:50px;} .page .page_title {font-size:30px; line-height:35px; width:570px; color:#a7a9ac; text-transform:uppercase; margin-bottom:20px;} .page .entry_header h1 {display:block; font-size:45px; line-height:45px; margin-bottom:32px; text-transform:uppercase; text-align:center; font-family:'Oswald', sans-serif; color:#ec008c;} h2.category_title {font-family:'BlackJackRegular'; font-size:35px; line-height:40px; color:#57c5c7; margin:10px 0 30px 24px; display:block; text-align:left;} .entry_content li {list-style:disc inside;} .popular_post {display:block; float:left; width:198px; height:; margin:0 0 30px 24px; text-decoration:none;} .popular_post span.outer {width:186px; max-height:207px; overflow:hidden; display:block; border-radius:10px; background:#d2d4d5; padding:6px; text-align:center;} .popular_post span img {max-width:186px; height:auto; border-radius:10px; background:transparent; display:block; margin:0 auto;} .popular_post h3.post_title {font-family: 'Source Sans Pro', sans-serif; font-size:18px; line-height:22px; margin:10px 0; color:#959595; text-transform:uppercase; text-align:left;} .popular_post p {font-size:13px; line-height:18px;} .entry_content a.popular_post {text-decoration:none;} td.splash_table {vertical-align:top;} .category-summary {width:639px; position:relative; left:36px; margin:0 0 40px; text-align:justify;} .category_content {width:639px; position:relative; left:36px; margin:0 0 20px;} .category-post-image {float:left; margin:0 10px 10px 0;} .pagination {width:639px; position:relative; left:36px; margin:0 0 40px;}