/*
Theme Name: Rewind
Theme URI: http://www.vivathemes.com/rewind-free-responsive-business-theme/
Description: A very simple theme for small business or personal websites. The theme is responsive so your website displays well on all kind of devices. In the front page below the slideshow you can select to show the latest posts, a static page or a selection of featured posts. Among other features are, full width page template, numeric pages in the blog etc.
Author: Viva Themes
Author URI: http://www.vivathemes.com
License: GNU GPL
License URI: http://www.gnu.org/licenses/gpl.html
Version: 1.0.5
Tags: light, blue, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-menu, featured-images
Text Domain: rewind
*/

*{margin:0; padding:0;}

body {
	background: #17283b;
	color: #999;
	line-height: 165%;
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 13px;
	margin:0;
	padding:0;
}
	
h1 {
	font-size: 26px;
	color: #fff;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	line-height: 28px;
}

h2 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 22px;
	line-height: 22px;
}

h3 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
}

h4 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
}

h5 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
}


p { margin-top: 6px; }

img { 
	border: none; padding:0; 
}

img a {
	border:none;
}

img.left { 
	float: left; border: none; padding: 6px 0 0 0; 
}

img.right { 
	float: right; border: none; padding: 0 0 0 6px; 
	}

blockquote {
	border-left:1px solid #ccc;
	margin:15px;
	padding:0 12px 0 12px;
	font-style: italic;
}

code{
	font-family:"Courier New", Courier, monospace;
}


/* links */

a {
	color: #666;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* container */

#container {
	width: 100%;
	float: left;
	clear: left;
	overflow: hidden;
}
	
/* header */

#header {
  	width: 100%; 
  	float: left;
	clear: left;
	background: #000;
	padding-bottom: 10px;
}

#headerin {
	max-width: 750px;
	padding-left: 35px;
	padding-right: 35px;
	margin: 0 auto;
}


#logo {	
	width: 30%;
	float: left;
	margin-top: 10px;
}

#logo h1 {
	margin-top: 0;
}

#logo img {
	margin-top: 13px;
}

#logo h1.site-title a {
	color: #fff;
	font-family: georgia, arial, helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
	text-transform: none;
	display: block;
	margin-top: 5px;
}

#site-description {
	margin-top: 0;
	font-size: 12px;
	color: #666;
	font-style: italic;
}

/* Main Menu */

#mainmenu {
	width: 70%;
	float: right;
	margin-top: 20px;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu li {
	position: relative;
	z-index: 999;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

.sf-menu > li {
	float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** Menu Styling ***/
.sf-menu {
	float: right;
	margin-bottom: 0;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	padding: 7px 15px;
	text-decoration: none;
	zoom: 1; /* IE7 */
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}

.sf-menu li.last-menu-item a {
	padding-right: 0;
}

.sf-menu a:hover,
.sf-menu li.current-menu-item a {
	color: #666;
}

.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu ul li {
	background: #fff;
}

.sf-menu ul ul li {
	background: #fff;
}

.sf-menu ul li a,
.sf-menu ul ul li a {
	color: #999;
	font-size: 13px;
	text-transform: none;
	line-height: 160%;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}


/* search */

#searchform {
	padding:0;
	margin:0;
	width: 142px;
	height: 25px;
	float: left;
	margin-top: 0;
}

#searchform input#s {
	margin:0;
	padding: 0;
	color: #999;
	width: 120px;
	border: none;
	font-size: 10px;
	height: 10px;
	line-height: 12px;
	padding: 5px 10px;
	background: #fff;
	border: solid 1px #eaeaea;
	float: left;
}

#searchform input#searchsubmit {
	display: none;
}

/* content */

#wrapper {
	max-width: 750px;
	padding-left: 35px;
	padding-right: 35px;
	margin: 0 auto;
}

/* slideshow */

#slider {
	width: 100%;
	float: left;
	clear: left;
	height: 360px;
	margin-top: 40px;
}

.blueberry {
	padding: 20px;
	padding-bottom: 0;
	width: auto;
	height: auto;
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
 }
 
.attachment-slidethumb {
	margin: 0;
	padding: 0;
}

.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
}

.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
	clear: left;
	list-style: none;
}

.blueberry .slides li img {
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
}

.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }


.blueberry .pager {
	height: 40px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 10px;
	width: 10px;
}
.blueberry .pager li a {
	padding: 14px 6px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #4C87C8;
	text-indent: -9999px;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
}
.blueberry .pager li.active a span { background: #376291; }


/* Front Widget*/

#frontwidget {
	width: 100%;
	float: left;
	clear: left;
	text-align: center;
	border-top: dotted 1px #999;
	border-bottom: dotted 1px #999;
	padding: 20px 0;
	margin-top: 40px;
	font-size: 16px;
	line-height: 160%;
}

#frontwidget h2 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 10px;
}

/* Front Page Featured Posts*/

#featuredposts {
	width: 100%;
	float: left;
	clear: left;
	margin-top: 40px;
}

#featuredposts .post {
	width: 30%;
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	margin-right: 5%;
	margin-bottom: 40px;
}

#featuredposts .featuredpost-3,
#featuredposts .featuredpost-6,
#featuredposts .featuredpost-9,
#featuredposts .featuredpost-12,
#featuredposts .featuredpost-15 {
	margin-right: 0;
}

#featuredposts .post h2.entry-title {
	margin-top: 4px;
}

#content {
	width: 70%;
	float: left;
	margin-top: 0;
	margin-top: 40px;
}

#contentfull {
	width: 100%;
	float: left;
	margin-top: 0;
	margin-top: 40px;
}

.attachment-blogthumb {
	margin: 0;
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 94%;
	padding: 3%;
}

.post {
	margin:0;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}

.entry {
}

h1.entry-title {
	padding: 0;
	margin-top: 0px;
}
	
h2.entry-title {
	padding: 0;
	margin: 0;
	margin-top: 10px;
}

h1.entry-title,	
h2.entry-title a {
	color: #fff;
	padding:0;
	text-transform: none;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
	margin-bottom: 5px;
	-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
	margin-top: 10px;
}

.post h1.entry-title {
	margin-bottom: 0;
	line-height: 100%;
}

h2.entry-title a:hover {
	text-decoration: none;
}

h2.pagetitle {
	display: none;
}

.post ul {}

.post li {
	margin-left: 15px;
}

.entry p {
	margin:8px 0;
	-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
}

a.more-link {
	color: #666;
	text-decoration: none;
	font-size: 11px;
	width: 70px;
	height: 20px;
	background: #1f3651;
	line-height: 20px;
	text-align: center;
	float: left;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 5px;
}

a.more-link:hover {
	text-decoration: none;
	background: #376291;
	color: #fff;
}

.postdata {
	width: 100%;
	float: left;
	color: #666;
	font-size: 11px;
}

/* Blog Page Navigation */

#blognav {
	float: left;
	clear: both;
	width: 100%;
	height: 50px;
	margin-top: 30px;
}

#blognav a.page-numbers {
    border: solid 1px #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 10px; 
	margin-right: 5px;
	text-decoration: none;
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
}

#blognav a.page-numbers:hover,
#blognav span.current {
    border: solid 1px #666;
	background: #1f3651;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 10px; 
	margin-right: 5px;
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
}

ol {
	margin: 10px;
}

ul {
	margin: 5px;
}

/* Right Sidebar*/

#rightbar {
	width: 22%;
	float: right;
	padding: 0;
	clear: none;
	margin-top: 45px;
}

#rightbar .widgets {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 40px;
}

#rightbar h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	margin-bottom: 7px;
	font-size: 16px;
	text-transform: none;
}

#rightbar ul li ul,
#rightbar ul {
	margin: 0;
	padding: 0;
}

#rightbar ul li {
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

#rightbar ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
}

#rightbar ul li a {
	color: #666;
	border: none;
	text-decoration: none;
	margin-left: 0;
	text-decoration: underline;
}

#rightbar ul li a:hover {
	text-decoration: none;
}

#rightbar a {
	text-decoration: none;
	color: #fff;
}
	
#rightbar a:hover {
	border: none;
	text-decoration: underline;
}

/* comments */


#commentform {
	margin:0;
	padding:0;
}
	
#commentform p {
	color: #666;
}
	
#commentform a { 
	color: #fff; 
	text-decoration: none; 
	line-height: 14pt;
}
	
#commentform h3 {
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	margin:0;
	padding:0;
}
	
#comment {
	width:80%;
	padding: 5px;
}

#comments textarea,
#comments input {
	float: left;
	clear: left;
	
}

#comments label {
	float: left;
	clear: left;
	margin-top: 15px;
}

p.form-allowed-tags {
	float: left;
	clear: left;
}

#author, #email, #url, #comment, #submit {
	font-size: 11px;
	border: none;
	border: 1px solid #eaeaea;
	color: #666;
	padding-left: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}

#author, #email, #url {
	height:16px;
	padding-top:5px;
	padding-bottom: 5px;
}
	
#submit {
	margin:5px 5px 0 0; 
	cursor:pointer;
	color: #666;
	padding: 4px 7px;
	margin-top: 10px;
}

#comments {
	margin:0; 
	padding:0;
}

#respond h3,
h3#comments {
	color: #fff;
	font-size: 16px;
	margin-bottom: 2px;
	clear: left;
	text-transform: none;
	font-weight: normal;
	margin-top: 15px;
}	


.reply a.comment-reply-link {
	background: #fff;
	font-size: 11px;
	border: none;
	padding:0;
	color: #666;
	padding: 4px 7px;
	border: solid 1px #eaeaea;
}

.reply a.comment-reply-link:hover,
#submit:hover {
	background: #eaeaea;
}

ol.commentlist { 
	list-style-type: none; 
	margin:0; 
	padding:0; 
	float:left;
	margin-top: 15px;
}

.avatar {
	float:left; 
	margin:0 12px 0 0;
}

ol.commentlist li {
	background: #fff;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 94%;
	padding: 3%;
	list-style-type:none;
	float: left;
	margin-bottom: 20px;
}

ol.commentlist ul li {
    border: none;
    padding: 20px;
	width: 350px;
	padding-bottom: 0;
	padding-right: 0;
}

ol.commentlist li.alt {
	
}

ol.commentlist li p {
	margin: 6px 0 6px 0; 
	padding: 0 12px 0 0; 
	line-height: 14pt;
}

ol.commentlist a {
	color:#000;
	text-decoration: none;
}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a {
	color: #000; 
	text-decoration: none; 
	border-bottom: 1px solid #ccc;
}

/* misc */

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	max-width: 100%;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
	background: #eaeaea;
	text-align: center;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-size: 10px;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.entry pre {
	border: 1px solid #ededed;
	color: #666;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}

.entry table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

p { margin-top: 6px; }

#archivelist {
	float:left;
	margin-right: 0;
	
}

#archivelist ul li {
	list-style: none;
	line-height: 35px;
}

#archivelist ul {
	height: auto;
	margin-bottom: 30px;
}

#archivelist ul li a {
	color: #666;
	text-transform: uppercase;
}

#archivelist ul li a:hover {
	text-decoration: none;
}

ol {
	margin: 10px;
}

ul {
	margin: 5px;
}

.sticky {
}

.bypostauthor {
}

p.form-allowed-tags {
	display: none;
}

/* footer */

#footer {
	float: left;
	clear: left;
	width: 100%;
	font-size: 11px;
	background: #000;
	margin-top: 10px;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 50px;
}

#footer a {
	border-bottom: dotted 1px #999;
	text-decoration: none;
	color: #999;
}

#footer a:hover {
	border-bottom: none;
}

#copyinfo {
	width: 50%;
	float: left;
	margin-left: 3%;
	line-height: 100%;
}

#footermenu {
	width: 44%;
	float: right;
	margin-right: 3%;
}

#footermenu ul {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
	display: block;
}

#footermenu ul li {
	float: left;
	list-style: none;
	padding-left: 8px;
	border-left: solid 1px #999;
	margin-left: 8px;
	line-height: 100%;
}

#footermenu ul li.first-menu-item {
	border-left: none;
}

.selectnav { display: none; }

@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {

	html {
	    -webkit-text-size-adjust: none; 
	}
	
	#logo {
		width: 100%;
	}
	
	#mainmenu {
		width: 100%;
		float: left;
		clear: left;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.mnav {
		float: left;
		width: 100%;
		margin-top: 0;
	}
	
	#searchform {
		float: left;
	}
	
	#slider {
		height: 200px;
	}
	
	#featuredposts .post {
		width: 250px;
		float: none;
		margin: 0 auto;
	}
	
	#featuredposts a.more-link {
		margin-bottom: 20px;
	}
	
	#copyinfo {
		width: 90%;
		text-align: center;
	}
	
	#footermenu {
		display: none;
	}
	
	#content {
		width: 100%;
		padding:0;
		float: left;	
	}
	
	#rightbar {
		width: 100%;
		float: left;
		clear: left;
		margin-top: 20px;
	}
	
	
	
	ol.commentlist ul li,
	ol.commentlist li {
		width: 90%;
		margin-left:0;
		padding-left: 0;
	}
	

}