@import url('assets/skeleton.css'); /* Theme Name: Alpha Source Theme URI: http://www.alphawpthemes.com/themes/source Description: Alpha Source is a mobile friendly theme for bloggers featuring multiple widget areas. Author: Alpha WP Themes Author URI: http://www.alphawpthemes.com Tags: light, white, gray, blue, two-columns, fixed-width, custom-background, featured-images Version: 0.2 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ----- html5doctor.com reset stylesheet ----- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} body {background:#fff url('img/texture.png'); color:#444; font-family:arial,sans-serif; font-size:16px;} a {color:#336699; text-decoration:none;} a:hover {color:#ff4000;} /* ----- header and footer ----- */ #nav-main {background-color:#eee; width:100%; position:fixed; top:0; left:0; padding:24px 0; z-index:100; border-bottom:1px dotted #ccc;} #nav-main ul {text-align:center;} #nav-main li {display:inline; margin-left:24px; text-transform:uppercase;} #nav-main li a {font-size:12px; font-weight:bold; cursor:pointer;} #site-front a {font-size:22px; color:#aaa; text-transform:uppercase; font-family:Impact,Charcoal,sans-serif;} #primary-menu {margin:auto; float:none;} #primary-menu .sub-menu {display:none;} .current-menu-item a {color:#ff4000;} .home .no-nav {display:none;} .admin-bar #nav-main {top:28px;} #wrapper {background:#fff url('img/texture.png'); padding:32px 0 50px 0; margin-top:62px;} footer {color:#eee; font-size:13px;} #footer-widgets {background-color:#222; width:100%; padding:24px 0;} #footer-widgets .widget li {margin:0 0 3px 15px;} #footer-static {background-color:#111; width:100%; padding:20px 0;} #powered-by a {float:right;} #wordpress {background:transparent url('img/wp.png'); width:16px; height:16px; color:transparent; font-size:0; display:block;} #alpha {margin:3px 0 0 6px; font-size:11px; color:#333; text-transform:uppercase; font-style:italic;} #alpha:hover {color:#fff;} /* ----- sidebar and widgets ----- */ #sidebar {float:right;} #sidebar .widget li {list-style:none; border-top:1px dotted #ccc; margin-bottom:3px; padding:5px 0;} #sidebar .widget {padding-bottom:16px; background:transparent url('img/line.png') bottom left repeat-x;} .widget {font-size:14px; line-height:1.2em; margin-bottom:22px;} .widget-title {font-size:15px; margin-bottom:12px; color:#aaa;} .widget p {margin-bottom:6px; line-height:1.3em;} .widget_recent_entries span {width:100%; font-size:13px;} .widget_search label {display:none;} .widget_search #s {color:#555; padding:5px; width:190px; border:1px solid #eee;} .widget_search #searchsubmit {background-color:#336699; color:#fff; border:0; font-size:14px; padding:4px; text-align:center;} .tagcloud a {line-height:1.0em;} #wp-calendar {width:100%;} #wp-calendar caption {margin-bottom:8px;} #wp-calendar th {padding:3px;} #wp-calendar td {padding:3px; text-align:center;} #wp-calendar tbody td a {font-weight:bold; text-decoration:underline;} #wp-calendar #prev {text-align:left;} #wp-calendar #next {text-align:right;} /* ----- home ----- */ #site-details-holder {z-index:-1; text-align:center;} #site-details {display:inline-block; position:relative; text-shadow:0.0em 0.0em 0.07em rgba(255,255,255,0.5);} #site-details h1 {color:#fff; font-size:80px; margin-bottom:12px; display:inline-block; font-family:'Sansita One', cursive; text-transform:uppercase; text-shadow:1px 1px 1px #000; border-top:2px dotted #fff; border-bottom:2px dotted #fff;} #site-details p {color:#eee; font-size:18px; font-style:italic; text-shadow:1px 1px 1px #000; text-align:center;} .home #site-front {display:none;} /* ----- post teasers ----- */ div.post-teaser {margin-bottom:48px; width:100%;} .post-teaser h2 {font-size:18px; margin-bottom:18px; text-align:center; background:transparent url('img/line.png') 0 9px repeat-x;} .post-teaser h2 span {background:#fff url('img/texture.png'); padding:0 12px;} .post-teaser p {font-size:15px; line-height:1.5em;} .post-teaser .meta {font-size:13px; margin-top:20px; color:#666; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:4px 8px; float:left; width:97.5%; background-color:#f2f2f2;} .post-teaser .meta a {float:right; font-size:13px;} .post-teaser .meta span {padding-bottom:2px;} .post-teaser img {margin-bottom:18px;} .pub-date {font-style:italic; background:transparent url('img/date.png') no-repeat; padding-left:22px; margin-right:16px;} .author {font-style:italic; background:transparent url('img/author.png') no-repeat; padding-left:22px; margin-right:16px;} .count {font-style:italic; background:transparent url('img/comment.png') no-repeat; padding-left:22px;} p.tags {font-size:12px; margin-top:8px; background:transparent url('img/tags.png') no-repeat; padding-left:22px;} .tags a {margin-right:4px;} .sticky a {color:#ff4000;} .sticky .tags a {color:#336699;} #older {font-size:14px; font-weight:bold; float:left;} #newer {font-size:14px; font-weight:bold; float:right;} /* ----- posts and pages ----- */ article h1 {font-size:32px; margin-top:24px;} article h2 {font-size:27px; margin-top:20px;} article h3 {font-size:22px; margin-top:12px;} article h4 {font-size:18px; line-height:1.3em;} article h5 {font-size:16px;} article h6 {font-size:14px;} article p {font-size:16px; line-height:1.5em;} article h1, article h2, article h3 {margin-bottom:18px;} article h4, article h5, article h6, article p {margin-bottom:12px;} article ul, article ol, article dl {margin-bottom:12px;} article ul ul, article ol ol {margin-top:12px;} article li {margin:0 0 4px 30px; line-height:1.5em;} article dt {font-weight:bold; text-decoration:underline; margin-bottom:6px;} article dd {margin-bottom:12px; font-size:16px; line-height:1.5em;} article table {margin-bottom:24px; font-size:16px; border-top:1px solid #ccc;} article table th {border:1px solid #ccc; text-align:left; padding:6px 10px 8px 10px;} article table td {border:1px solid #ccc; border-top:0; padding:6px 10px; line-height:1.5em;} article img {max-width:100%; height:auto; display:inline-block;} article address, article pre, article code {margin-bottom:12px;} article q, article blockquote {font-size:22px; border-left:3px solid #ccc; padding:8px 8px 8px 12px; background-color:#fff; font-style:italic; margin-bottom:12px; width:100%; display:inline-block;} article cite {font-weight:bold;} article address {line-height:1.4em;} .wp-post-image {max-width:100%; height:auto; display:block; margin-bottom:12px;} .attachment-post-thumbnail {margin-bottom:12px;} .alignleft {float:left; margin:0 24px 12px 0;} .alignright {float:right; margin:0 0 12px 24px;} .aligncenter {text-align:center; margin:0 0 12px 0;} .wp-caption-text, .gallery-caption {font-size:13px; color:#888; font-weight:bold;} .wp-caption {max-width:100%;} #main-heading {font-size:32px; margin:0 0 12px 0; line-height:1.4em;} #meta {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-size:15px; padding:4px 8px; color:#666; margin-bottom:24px!important; background-color:#f2f2f2;} #page-links {font-weight:bold; font-size:14px;} #category-list {float:left; width:97.5%; font-size:14px; margin:24px 0 32px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:4px 8px; color:#666; background-color:#f2f2f2;} #category-list li {float:left;} #category-list li .children {display:none;} #posted-in {list-style:none; margin-left:0; font-style:italic; background:transparent url('img/tags.png') left center no-repeat; padding-left:22px;} /* ----- comments ----- */ #comments {clear:both; font-size:22px; margin:48px 0 24px 0; text-align:center; background:transparent url('img/line.png') 0 9px repeat-x;} #comments span {background:#fff url('img/texture.png'); padding:0 18px} .commentlist li {list-style:none; margin:0 0 12px 0; border-bottom:1px dotted #ccc;} .comment .avatar {display:inline; margin-right:4px;} .comment-author {display:inline;} .comment-meta {font-size:14px; float:right; margin-top:14px; font-style:italic;} .comment-body p {margin-top:30px;} .comment-notes {font-size:14px;} li.bypostauthor {background:#f2f2f2; padding:12px; margin-top:-12px;} .reply {font-size:14px; margin-bottom:12px;} .logged-in-as {font-size:15px;} #reply-title {font-size:16px;} #commentform label {width:80px; display:inline-block; font-size:15px;} #author, #email, #url {color:#555; padding:5px; width:300px; border:1px solid #eee; font-family:arial,sans-serif; font-size:14px;} #comment {border:0; color:#555; padding:10px; width:95%; border:1px solid #eee; font-family:arial,sans-serif; font-size:14px;} #submit {background-color:#336699; color:#fff; border:0; font-size:14px; padding:4px; text-align:center;} @media only screen and (max-width: 767px) { #site-front {margin-bottom:12px;} #site-details h1 {font-size:40px;} #site-details p {font-size:14px;} #nav-main {position:relative;} #nav-main ul {text-align:left;} #nav-main li {margin:0 18px 0 0;} #sidebar {margin-top:30px;} }