@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-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;
line-height:1.6em;
}

#blog-name a {
font-size:24px;
font-weight:bold;
}

#blog-description {
color:#bbb;
font-size:12px;
margin-bottom:20px;
line-height:1.4em;
}

#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;
}

.teaser-meta a {
color:#bbb;
}

.teaser-excerpt p {
margin-bottom:10px;
font-size:13px;
line-height:1.4em;
}

.teaser-excerpt a {
font-size:12px;
}

#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;
}

#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-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 {
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%;
}

.wp-caption img {
margin-bottom:6px;
}

.wp-caption-text {
font-size:13px;
color:#999;
}

.alignleft {
float:left;
margin-right:20px;
}

.alignright {
float:right;
margin-left:20px;
}

.aligncenter {
text-align:center;
}

/* ----- comments ----- */
#commentform label {
width:80px;
display:inline-block;
}

#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;
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;
color:#bbb;
}

.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;
}

.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;}
}