@import url('assets/skeleton.css');

/* 
Theme Name: Alpha Trinity
Description: Alpha Trinity is a responsive theme with a clean multi column layout. Homepage uses the masonry javascript library so all posts tile nicely. Theme features left and right column widget areas and a custom primary menu. Link rollover color can be customized via the theme options.   
Author: Alpha WP Themes 
Author URI: http://www.alphawpthemes.com
Theme URI: http://www.alphawpthemes.com/themes/trinity
Tags: black, light, gray, white, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, sticky-post 
Version: 1.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}

/* ----- global styles ----- */
body {font-family:arial,sans-serif; padding:30px 0 30px 0; color:#555; border-top:3px solid #333;}
a {color:#333; text-decoration:none; transition:0.4s color; -moz-transition:0.4s color; -webkit-transition:0.4s color;}
a:hover, .teaser-meta a:hover {color:#ff3300;}
.sidebar {margin-bottom:20px; font-size:13px; -ms-word-wrap:break-word; word-wrap:break-word;}
#blog-name {margin:0 0 6px 0; letter-spacing:-1px;}
#blog-name a {font-size:24px; font-weight:bold;}
#blog-description {color:#bbb; font-size:12px; margin-bottom:20px; font-style:italic; font-family:Georgia,Times,"Times New Roman",serif; line-height:1.3em;}
#sidebar-menu {margin-bottom:20px;}
#sidebar-menu li {margin-bottom:10px; font-size:12px; text-transform:uppercase;}
.sub-menu {margin-top:10px;}
ul.sub-menu li {list-style:circle; margin:0 0 5px 15px;}
ul.sub-menu li a {font-size:11px; text-transform:none; }
.search-form {margin-bottom:20px;}
.search-field {border:1px solid #eee; font-size:13px; font-family:arial,sans-serif; padding:4px 6px; width:90%; background:#f5f5f5 url('img/search.jpg') center right no-repeat;}
.search-submit {display:none;}
#copyright {color:#bbb; font-size:11px; margin-bottom:6px; padding-top:20px; background:transparent url('img/divider.png') top left no-repeat;}
#powered-by {color:#bbb; font-size:10px; margin-bottom:20px;}
#copyright a, #powered-by a {color:#aaa;}

/* ----- post teasers ----- */
.teaser {max-width:220px; margin-bottom:10px; padding-bottom:20px;}
.teaser h3 {line-height:1.3em; margin-bottom:10px; color:#333; -ms-word-wrap:break-word; word-wrap:break-word;}
.sticky .sticky-text {font-size:11px; background-color:#555; color:#fff; padding:3px 5px 2px 5px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}
.thumb {background:#ff3300 url('img/thumb-bg.png') center center no-repeat; margin-bottom:10px;}
.thumb img {display:block; height:auto; max-width:100%; margin-bottom:0;}
.teaser-meta {color:#bbb; font-size:12px; margin-bottom:10px; font-style:italic; font-family:Georgia,Times,"Times New Roman",serif;}
.teaser-meta a {color:#bbb;}
.teaser-excerpt p {margin-bottom:10px; font-size:13px; line-height:1.3em;}
.teaser-excerpt a {font-size:12px; font-style:italic; font-family:Georgia,Times,"Times New Roman",serif;}
#pagination {float:right; text-align:center; font-size:11px; text-transform:uppercase; border-top:1px solid #eee; padding-top:20px;}
#pagination .next {float:right;}
#pagination .prev {float:left;}
#pagination .page-numbers {margin-right:6px;}
#pagination .current, #page-links a {background-color:#bbb; padding:3px 6px; color:#fff;}

/* ----- posts & pages ----- */
#main-heading {font-size:24px; line-height:1.1em; margin-bottom:20px; font-weight:bold; letter-spacing:-1px; color:#333; border-left:3px solid #333; padding-left:10px; -ms-word-wrap:break-word; word-wrap:break-word;}
#meta {color:#bbb; font-size:12px; margin-bottom:20px; font-style:italic; font-family:Georgia,Times,"Times New Roman",serif;}
#meta a {color:#bbb;}
#post-nav {margin:5px 0 30px 0;}
#post-nav span {position:relative; top:1px; font-size:18px;}
#post-nav a {font-size:11px;}
#page-links {font-size:14px; margin-bottom:20px;}
#page-links a:hover {background-color:#555;}
.search #main-heading {float:left; margin-left:10px;}
.tags {font-style:italic; font-size:13px;}
article h1 {font-size:24px;}
article h2 {font-size:21px;}
article h3 {font-size:19px;}
article h4 {font-size:16px;}
article h5 {font-size:14px;}
article h6 {font-size:14px; text-decoration:underline;}
article h1, article h2, article h3, article h4, article h5, article h6 {margin-bottom:20px; color:#333;}
article p, article li {font-size:14px; line-height:1.5em;}
article p, article ul, article ol {margin-bottom:20px;}
article ul, article ol {margin-left:30px;}
article ul ul, article ol ol {margin-bottom:0;}
article blockquote {font-style:italic; color:#777; background-color:#f0efef; padding:10px; margin-bottom:20px;}
article blockquote p {margin-bottom:0;}
article blockquote cite {font-weight:bold;}
article table {border-bottom:1px solid #eee; border-collapse:collapse; border-spacing:0; margin-bottom:20px; width:100%; line-height:1.3em; font-size:14px;}
article table tbody td, article table tbody th {border-top:1px solid #eee; padding:5px;}
article table th {text-align:left; padding-bottom:5px; background-color:#f5f5f5;}
article dl {margin-bottom:20px; font-size:15px; line-height:1.4em;}
article dt {font-weight:bold;}
article dd {margin-bottom:10px;}
article address {margin-bottom:20px; line-height:1.4em; font-size:15px;}
article code {font-size:14px; line-height:1.3em; -ms-word-wrap:break-word; word-wrap:break-word;}
article sub {vertical-align:bottom; font-size:11px;}
article sup {vertical-align:super; font-size:11px;}
article pre {margin-bottom:20px; -ms-word-wrap:break-word; word-wrap:break-word; font-size:13px; max-width:100%; overflow:auto;}
article img {display:inline-block; height:auto; max-width:100%;}
.wp-post-image {margin-bottom:20px;}
.wp-caption, .gallery-caption {max-width:97%; font-family:Georgia,Times,"Times New Roman",serif;}
.wp-caption img {margin-bottom:6px;}
.wp-caption-text {font-size:13px; color:#999; font-style:italic;}
.alignleft {float:left; margin-right:20px;}
.alignright {float:right; margin-left:20px;}
.aligncenter {text-align:center;}

/* ----- comments ----- */
#commentform label {width:80px; display:inline-block; font-style:italic;}
#reply-title {margin-bottom:10px;}
.comment-notes {font-size:13px;}
.comment-form-comment label {width:100%!important; display:block; margin-bottom:6px;}
input[type=text], input[type=password], textarea {border:1px solid #eee; font-size:13px; font-family:arial,sans-serif; padding:4px 6px; background-color:#f5f5f5; color:#555;}
input[type=submit] {background-color:#333; color:#fff; font-size:12px; padding:4px; -moz-border-radius:3px; border-radius:3px; border:0; cursor:pointer;}
.form-allowed-tags {display:none;}
#comments, #reply-title {margin-top:20px; padding-top:20px; border-top:1px solid #eee; font-size:16px;}
.comment-meta a {font-size:12px; font-style:italic; color:#bbb; font-family:Georgia,Times,"Times New Roman",serif;}
.comment-list {list-style:none; margin-left:0;}
.comment-list li {margin:0 0 20px 0;}
.reply {margin-top:-20px; font-size:12px; font-weight:bold;}
.bypostauthor {padding:10px; background-color:#ffffe3;}

/* ----- widgets ----- */
.widget {margin-bottom:20px; background:transparent url('img/divider.png') top left no-repeat; padding-top:20px; line-height:1.3em;}
.widget-title {margin-bottom:20px;}
.widget li {list-style:none; margin-bottom:10px; line-height:1.4em;}
.post-date {width:100%; color:#aaa; display:inline-block; font-size:12px; font-family:Georgia,Times,"Times New Roman",serif; font-style:italic;}
.widget_text p {margin-bottom:10px; line-height:1.3em;}
.widget_calendar table {width:100%;}
.widget_calendar table td {padding:3px; text-align:center;}
.widget_calendar table tbody a {font-weight:bold;} 
.widget_calendar table caption {font-weight:bold; margin-bottom:10px;}
.widget_categories li, .widget_archive li, .widget_meta li {color:#aaa; list-style:circle; margin-left:14px;}
.widget_nav_menu li a {text-transform:uppercase; font-size:12px;}

@media only screen and (max-width: 767px) {
	.teaser, .thumb img {display:block; max-width:320px;}
}