/* 
Theme Name: Newsted
Description: Newsted is a responsive, two column multi-purpose theme suitable for blogs, personal or business websites. The homepage can be customised via the 3 widget areas as well as the ability to add a header image, text and call to action button. Posts are presented in a clean uncluttered way ensuring your content will look professional and be easy to read.   
Author: Michael Burrows  
Author URI: http://www.wpmultiverse.com/
Theme URI: http://www.wpmultiverse.com/themes/newsted/
Tags: black, gray, dark, light, two-columns, right-sidebar, responsive-layout, custom-header, custom-background, custom-menu, editor-style, featured-images, sticky-post, theme-options  
Version: 1.0.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html 
Newsted WordPress Theme, Copyright 2014 wpmultiverse.com
Newsted WordPress Theme is distributed under the terms of the GNU GPL
Text Domain: newsted
*/ 

body {font-family:'Open Sans',sans-serif; background-color:#f9f9f9; color:#555; word-wrap:break-word;}
a {color:#333;}
a:hover, a:focus {text-decoration:none; color:lightseagreen;}
h1,h2,h3,h4,h5,h6 {color:#1a1a1a; font-weight:800;}

/* ----- header ----- */
header {background-color:#000;}
header #header-top {width:100%; background-color:#1a1a1a; padding:10px 0 8px 0;}
header #logo {margin-top:8px; float:left;}
header #header-top #site-name {color:#fff; font-size:32px; color:#fff; font-family:'Damion',cursive;}
header nav {float:right; display:block; margin-top:15px;}
header nav ul {position:relative; padding:0; margin:0;}
header nav li {display:inline-block; margin-left:20px;}
header nav li a {display:block; color:#ccc; font-weight:700; text-transform:uppercase;}
header nav li a:hover, .sub-active a {color:#fff;}
header nav li.menu-item-has-children a {padding-bottom:20px;}
header nav li.current-menu-item a {color:#fff; border-bottom:2px solid lightseagreen;}
header nav .sub-menu {display:none; position:absolute; z-index:9999; background-color:#1a1a1a; text-align:left; padding:0; margin:0;}
header nav .sub-menu:hover {color:red;}
header nav .sub-menu li {display:block; white-space:nowrap; font-size:14px; text-transform:none; padding:0; border:0; margin:0;}
header nav .sub-menu li a {width:100%; display:block; padding:6px 16px; font-weight:normal; text-transform:none; color:#fff; font-size:13px;}
header nav .sub-menu li a:hover {background-color:lightseagreen; color:#fff;}
.home #header-active {height:480px; overflow:hidden;} 
#hero-img {background-repeat:no-repeat; background-position:center; background-size:cover; height:435px; opacity:0.5;}
#hero-text {position: relative; top:-440px;}
#hero-text h1 {font-size:48px; color:#fff; text-transform:uppercase; font-weight:800;}
#hero-text p {font-size:24px; color:#fff; margin-bottom:60px; padding-right:300px;}
#hero-text a {background-color:lightseagreen; padding:15px; font-size:18px; color:#fff; font-weight:700; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#hero-text a:hover {opacity:0.8;}

/* ----- footer ----- */
footer {background-color:#1a1a1a; font-size:14px; color:#ccc; padding:8px 0; font-size:13px;}
footer p a {color:#ccc;}
footer nav {float:right;}
footer nav li {display:inline; margin-left:12px;}
footer nav li a {text-transform:uppercase; color:#ccc; font-weight:700;}
footer nav li a:hover {color:#fff;}

/* ----- widgets ----- */
#widgets-home {background-color:#eee; padding:30px 0;}
#widgets-home .widget-title {text-transform:uppercase; font-weight:800; font-size:20px; margin-top:0;}
#primary-sidebar {margin:45px 0;}
#primary-sidebar .widget {margin-bottom:30px;}
#primary-sidebar .widget-title {font-weight:700; font-size:15px; margin-top:0;}
.widget {line-height:1.65em;}
.widget ul, .widget ol {padding:0 0 0 15px;}
.widget li {margin-bottom:5px;}
.widget img {max-width:100%; height:auto;}
.widget select {max-width:100%;}
.widget_search {background-color:#eee; padding:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.widget_search label {display:none;}
.widget_search input[type=text] {width:75%; margin-bottom:0;}
.widget_recent_entries ul, .widget_recent_comments ul {padding:0;}
.widget_recent_entries li, .widget_recent_comments li {list-style:none; margin-bottom:10px;}
.widget_recent_entries a, .widget_recent_comments a {font-weight:bold;}
.widget_recent_entries .post-date {width:100%; display:block;}
.widget_tag_cloud a {display:inline-block; padding:3px 7px; background-color:#1a1a1a; color:#fff; margin:0 6px 6px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:13px!important;}
.widget_tag_cloud a:hover {background-color:#555; color:#fff!important;}
.widget_calendar table {width:100%;}
.widget_calendar table td, .widget_calendar table th {padding:3px; background-color:#eee; text-align:center;}
.widget_calendar table th {border-bottom:1px solid #ccc;}
.widget_calendar table caption {margin-bottom:10px; font-weight:bold;}
.widget_calendar table a {font-weight:bold;}

/* ----- teasers ----- */
.teaser {width:100%; clear:both; float:left; padding-bottom:45px; margin-bottom:45px; border-bottom:1px solid #eee;}
.teaser-title {font-size:26px; margin:0 0 12px 0; padding-right:100px;}
.teaser-text p {margin-bottom:0; font-size:16px; line-height:1.65em;}
.teaser-text a {font-size:14px; font-weight:bold; color:#777;}
.sticky .sticky-txt {margin-left:10px; background-color:#777; color:#fff; padding:2px 6px; font-size:12px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

/* ----- posts ----- */
#post-title {margin-top:0; font-size:32px; line-height:1.2em; padding-right:100px;}
#pager-post a {border:0; background-color:#1a1a1a; color:#fff; padding:1px 8px; font-size:14px; font-weight:normal; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#post-tags {margin-top:30px;}
#post-tags a {margin-right:8px; float:left; font-size:14px; font-weight:bold; border:0;}
#post-footer {margin:45px 0 0 0; padding:30px 0; border-bottom:1px solid #eee; border-top:1px solid #eee;}
#post-nav {text-transform:uppercase; font-size:13px; color:#777; font-weight:700;}
#post-nav span {text-transform:none; font-size:16px; color:#aaa;}
#post-nav-prev {float:left;}
#post-nav-next {float:right;}
article {font-size:16px; line-height:1.65em;}
article a {font-weight:bold; border-bottom:1px dotted #1a1a1a;}
article img {max-width:100%; height:auto;}
article p, article ul, article ol, article blockquote, article dl {margin-bottom:20px;}
article ul, article ol {padding:0;}
article ul ul, article ol ol {margin-top:20px;}
article li {margin:0 0 8px 16px;}
article h1, article h2, article h3, article h4, article h5, article h6 {margin-top:0; margin-bottom:30px;}
article h1 {font-size:32px;}
article h2 {font-size:28px;}
article h3 {font-size:25px;}
article h4 {font-size:22px;}
article h5 {font-size:19px;}
article h6 {font-size:16px;}
article blockquote {font-style:italic; padding:0.25em 40px; position:relative;}
article blockquote:before {font-family:Georgia,serif; display:block; content:"\201C"; font-size:80px; position:absolute; left:-8px; top:30px; color:#7a7a7a;}
article blockquote cite {color:#999999; font-size:14px; display:block; margin-top:5px;} 
article blockquote cite:before {content: "\2014 \2009";}
article table {width:100%; margin-bottom:30px}
article table td, article table th {border:1px solid #eee; padding:6px 8px;}
article table th {background-color:#f9f9f9;}
article dt {font-weight:bold;}
article dd {margin:0 0 8px 0;}
.alignleft {float:left; margin:0 20px 20px 0;}
.alignright {float:right; margin:0 0 20px 20px;}
.aligncenter {margin:auto; text-align:center;}
.wp-caption {max-width:100%;}
.wp-caption-text, .gallery-caption {color:#777; font-size:15px;}

/* ----- teasers & posts ----- */
#main-holder {margin:45px 0; border:1px solid #eee; padding:30px; background-color:#fff;}
.attachment-featured {max-width:100%; height:auto; display:inline-block; margin-bottom:20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.date-author {text-transform:uppercase; font-size:13px; color:#777; font-weight:700; margin:0 0 12px 0;}
.date-author span {text-transform:none; color:#aaa;}
.pager {text-align:center;}
.pager .page-numbers {background-color:#1a1a1a; color:#fff; padding:1px 8px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.pager .current {background-color:#999;}

/* ----- comments ----- */
#comments {margin-top:30px;}
#comments h3, #comments h4 {font-weight:700;}
.comment-list {padding:0; margin:30px 0;}
.comment-list li {list-style:none; margin-bottom:30px;}
.comment-list .comment-author img {float:left; margin-right:10px;}
.comment-list .comment-author-name {color:#aaa;}
.comment-list .comment-author-name span, .comment-author-name a {color:#777; font-size:13px; font-weight:bold; text-transform:uppercase;}
.comment-list .bypostauthor {border-left:4px solid #ccc; padding-left:20px;}
.comment-list .comment-body {line-height:1.65em;}
.comment-list .comment-awaiting-moderation {font-weight:bold;}
.comment-respond {background-color:#f9f9f9; padding:15px; margin:30px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.comment-respond h3 {margin-top:0;}
.comment-respond .form-submit {margin-bottom:0;}
#commentform label, .form-allowed-tags {display:none;}

/* ----- form elements ----- */
input[type=text], input[type=password], input[type=search], input[type=email], textarea {border:1px solid #ddd; margin-right:5px; padding:12px; width:85%; font-size:14px; color:#222; margin-bottom:10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
input[type=submit], input[type=reset] {background-color:#1a1a1a; border:0; color:#fff; padding:10px 14px; text-align:center; font-size:14px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
input[type=password] {width:50%;}
.screen-reader-text {display:none;}

/* ----- media queries ----- */
@media (max-width:1200px) {	
	#hero-text h1 {font-size:40px;}
	#hero-text p {padding-right:150px; font-size:22px;}
}
@media (max-width:992px) {	
	header nav {float:left;}
	header nav li a {font-size:13px;}
	header nav li:first-child {margin-left:0;}
	#hero-text h1 {font-size:32px;}
	#hero-text p {padding-right:0; font-size:19px;}
}
@media (max-width:768px) {	
	header nav li.menu-item-has-children a {padding-bottom:0;}
	#hero-text h1 {font-size:22px;}
	#hero-text p {font-size:16px; margin-bottom:26px;}
	#hero-text a {padding:8px; font-size:12px;}
	#widgets-home {margin-bottom:-45px;}
	#main-holder {margin-top:0;}
	.teaser-title {padding-right:0;}
	.sticky .sticky-txt {margin:0; position:relative; top:6px; white-space:nowrap;}
	footer nav {float:left;}
	footer nav ul {padding:0; margin:0;}
	footer nav ul li:first-child {margin-left:0;}
}