/* 
	Theme Name: Photobug
	Theme URI: http://www.organizedthemes.com/photo
	Description: A responsive WordPress theme for photographers
	Author: Organized Themes
	Author URI: http://www.organizedthemes.com
	Version: 1.0.7
	License: GNU General Public License
	License URI: license.txt
*/


/* Table of Contents

 1.  Reset
 2.  Typography
 3.  Layout
 4.  Global Styles
 5.  Header
 6.  Page Styles
 7.  Widgets
 8.  Footer
 9.  Comments
10.  Images and WordPress essentials
11.  Responsive Section
12.  Dark Style

*/

/* @group Reset and Base Set-up */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

a img { border: 0 }

html { 
	height: 100%; 
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
} 

body { 
	margin: 0; 
	min-height: 100%; 
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	color: #fff;
	background-color: #f4f4f4;
} 

/* MEDIA */
figure 			   { margin: 0 }
img, object, embed { max-width: 100%; height: auto; } /* Fluid images */
video 			   { width: 100%; height: auto; }
img 			   { border: 0;	-ms-interpolation-mode: bicubic } /* IE Images */
svg:not(:root) 	   { overflow: hidden } /* Correct IE9 overflow */

/* @end */

/* @group Type */

.wf-loading p,
.wf-loading h1,
.wf-loading h3,
.wf-loading h2,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading li {
	display: none;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Oswald', "Lucida Grande", Lucida, Verdana, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	margin-top: 0; 
}

body { 
	font: normal normal 14px/1.4 Tahoma, 'Lora', Verdana, sans-serif;
	color: #000;
	background-color: #fefefe;
}

a, 
a:visited {
	color: #22163a;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

h1 { font-size: 36px; line-height: 1.2; margin-bottom: 8px }
h2 { font-size: 24px; line-height: 1.2; margin-bottom: 12px }
h3 { font-size: 20px; line-height: 1.2; margin-bottom: 12px }
h4 { font-size: 18px; line-height: 1.2; margin-bottom: 20px }
h5 { font-size: 17px; line-height: 1.2; margin-bottom: 20px }
h6 { font-size: 16px; line-height: 1.2; margin-bottom: 20px }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}

p  			{ margin: 0 0 12px;	padding-bottom: 5px; }
p img.left  { float: left; margin: 24px 24px 24px 0; padding: 0; }
p img.right { float: right; margin: 24px 0 24px 24px; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 24px; font-style: italic; }
del         { color:#666; }

li ul, 
li ol       { margin: 0 24px; }
ul, ol      { margin: 0 24px 24px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 24px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 24px;}

a img, a:visited img, a:hover img { border: none }

blockquote p  {
	font-style: italic;
	margin-left: 10px;
	padding: 15px 15px 15px 38px;
}

h1.title,
h2.title {
	font-size: 36px;
}

/* @end */

a.lightbox {
	width: 120px;
	display: block;
	height: 70px;
	float: left;
	margin: 0 20px 20px 0;
	overflow: hidden;
}

/* a.lightbox:first-child {
	display: none;
} */

body.blog a.lightbox:nth-child(n + 6),
body.category a.lightbox:nth-child(n + 6) {
	display: none;
}

a.lightbox img {
	min-height: 100%;
}

/* @group Layout */

.wrap,
header.primary,
footer.primary {
	width: 960px;
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: hidden;
	display: none;
}

.no-js .wrap,
.no-js header.primary,
.no-js footer.primary {
	display: block;
}

#content {
	width: 710px;
	float: left;
	margin-left: 2px; /* Gives just enough room for left hand shadows */
}

#content.full {
	width: 100%;
}

#content article {
	clear: both;
	padding-bottom: 25px;
	margin-bottom: 60px;
	border-bottom: 1px solid #ccc;
}

.post-content {
	overflow: hidden;
}

#sidebar {
	width: 200px;
	float: right;
}

.widget {
	margin-bottom: 20px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

iframe ._4s7c {
	border: none !important;
}

.cf { /* For IE 6/7 (trigger hasLayout) */
    zoom:1;
}


body.category-presse section * {
	display: none;
}

body.category-presse section h2.title,
body.category-presse section h2.title a,
body.category-presse section p > a,
body.category-presse section p > a img {
	display: block;
}

body.category-presse section h2.title,
body.category-presse section p > a {
	float: left;
}

table td {
	padding: 5px 0;
	vertical-align: top;
}

table td img {
	width: 80%;
	height: auto;
}

table.film-details {
	.clear: both;
	margin: 0 0 20px;
}

table.film-details td {
	padding: 2px 10px 2px 0;
}

table.film-details td:first-child {
	font-weight: bold;
}

/* @end */

/* @group Global Styles */

.shadow {	
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* @end */

/* @group Header */

.header-wrap {
	-moz-box-shadow: 0 2px 7px black;
	-webkit-box-shadow: 0 2px 7px black;
	box-shadow: 0 2px 7px black;
	background-color: #42494f;
}

header.primary {
	margin-bottom: 60px;
	padding-bottom: 20px;
}

#logo {
	float: left;
	-display: inline;
	width: 50%;
	padding-top: 20px;
}

#logo img {
	max-width: 100%;
	height: auto;
}

#logo p,
#logo h1 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 50px;
	font-family: 'Oswald', "Lucida Grande", Lucida, Verdana, sans-serif; 
}

#logo a,
#logo a:visited {
	color: #e3e5e4;
	text-decoration: none;
}

.header-right {
	float: right;
	-display: inline;
	width: 30%;
}

header.primary nav,
header.primary .menu {
	-width: 100%;
	-float: right;
	clear: both;
	-margin: 10px 0;
	padding-top: 10px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
}

header.primary nav ul,
header.primary .menu ul {
	-float: left;
	margin: 0;
	width: 100%;
}

header.primary nav li,
header.primary .menu li {
	-float: left;
	display: inline;
	list-style: none;
	position: relative;
}

header.primary nav li a,
header.primary .menu li a,
header.primary nav li a:visited,
header.primary .menu li a:visited {
	text-decoration: none;
	color: #fff;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	color: #B1B3B4;
}

header.primary nav li a:hover,
header.primary .menu li a:hover {
	top: -1px;
	position: relative;
	cursor: pointer;
	color: #fff;
}

header.primary nav li a:active,
header.primary .menu li a:active {
	top: 1px;
	cursor: pointer;
	color: #fff;
}

header.primary nav li:first-child a {
	margin-left: 0;
	padding-left: 0;
}

.header-sidebar {
	width: 100%;
	float: right;
	margin-top: 20px;
	position: relative;
}

.header-sidebar .widget {
	margin-bottom: 0;
}

#text-4 {
	position: absolute;
	top: 5px;
}

.header-sidebar .widget_twitter h3.widget-title,
.header-sidebar .latest-tweets h3.widget-title {
	display: none;
}

.header-sidebar .widget_twitter,
.header-sidebar .latest-tweets {
	background: url(images/tweet_kl.png) no-repeat left top;
	height: 60px;
	font-size: 9px;
	color: #333;
	
}

#twitter-2 {
	position: relative;
}

#twitter-2 .follow-button {
	position: absolute;
	top: 65px
}

.header-sidebar ul.tweets,
.header-sidebar .latest-tweets ul {
	list-style-type: none;
	margin: 0;
}

.header-sidebar .latest-tweets li,
.header-sidebar ul.tweets li {
	position: relative;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 250px;
	color: #333;
	font-size: 10px;
}

.header-sidebar .latest-tweets li.last {
	text-align: right;
	padding-top: 3px;
}

.header-sidebar .latest-tweets li a {
	color: #777;
}

.header-sidebar ul.tweets li a.timesince,
.header-sidebar .latest-tweets li span a {
	position: relative;
	bottom: 0;
	display: block;
	width: 100%;
}

.header-sidebar .widget_twitter p,
.header-sidebar .latest-tweets p {
	padding: 10px 80px 0 20px;
}

.header-sidebar form#searchform input#s {
	width: 290px;
	margin-right: 20px;
}


.header-video {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.ot-video {
	margin-top: 150px;
	margin-bottom: -150px;
}

.fluid-width-video-wrapper {
	-width: 70% !important;
	margin: 0 auto !important;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
	-height: 70%;
}

/* @end */

/* @group Page Styles */

h1.title a,
h2.title a {
	text-decoration: none;
}

.featured-top {
	margin-bottom: 15px;
}

html.ie8 article.format-video h2 { /*Gives space below featured videos in IE 8*/
	padding-top: 10px;
}

.left-gallery .post-content {
	float: right;
	display: inline;
	width: 349px;
}

.left-gallery .image-grid {
	float: left;
	display: inline;
	width: 340px;
	margin-right: 20px;
}

.right-gallery .post-content {
	float: left;
	display: inline;
	width: 349px;
}

.right-gallery .image-grid {
	float: right;
	display: inline;
	width: 340px;
	margin-left: 20px;
}

.left-image .small-feature {
	float: left;
	display: inline;
	margin-right: 20px;
}

.left-image .post-content {
	float: right;
	display: inline;
	width: 340px;
}

.right-image .small-feature {
	float: right;
	display: inline;
	margin-left: 20px;
}

.right-image .post-content {
	float: left;
	display: inline;
	width: 340px;
}

div.post-meta {
	border-top: 1px dotted #505050;
	border-bottom: 1px dotted #505050;
	padding-top: 4px;
	line-height: 2;
	margin-bottom: 20px;
}

div.post-meta p {
	margin-bottom: 0;
}

div.post-meta a {
	text-decoration: none;
}

p.date,
p.comments,
p.category,
div.sharrre,
p.trailer,
p.itunes {
	float: left;
	background: no-repeat left center;
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 14px;
}

p.date {
	background: url(images/calendar.png) no-repeat 0 6px;
}

p.comments {
	background-image: url(images/comment.png);
}

p.category {
	background-image: url(images/tag.png);
}

p.trailer {
	background: url(images/movie.png) no-repeat 0 6px;
}

p.itunes {
	background: url(images/itunes.png) no-repeat 0 6px;
}

/*
#content li {
	list-style-type: none;
	margin-bottom: 10px;
	padding: 6px;
	background-color: rgba(11, 11, 11, 0.07);
}
*/
/* @group Sharrre Buttons */

div.sharrre {
	position: relative;
	background-image: url(images/share.png);
}

.shareme .box {
 	float: left;
 	margin: 0;
}

.shareme .count {
 	float: left;
 	padding-right: 6px;
	margin-right: 6px;
	border-right: 1px solid #484848;
}

.shareme .share {
 	float: left;
}

.shareme .buttons {
 	position: absolute;
 	top: -20px;
 	left: 0;
 	width: 170px;
 	background-color: #fff;
	border: 1px solid rgba(0,0,0,.2);
	padding: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.shareme .button {
  float: left;
  max-width: 50px;
  margin: 0 10px 0 0;
}

.shareme .facebook {
  margin: 0 4px 0 0;
}

.shareme .pinterest {
	display: none;
}

/* @end */

div.content-left {
	margin: 0 15px 15px 0;
	float: left;
}

div.content-left + .article-content {
	margin-left: 220px;
}

.image-grid {
	margin-top: 15px;
	overflow: auto;
}

.image-grid img {
	width: 150px;
	margin-right: 10px;
	margin-bottom: 15px;
	background-color: #fff;
}

.right-gallery .image-grid img {
	margin-right: 0;
	margin-left: 10px;
}

section.single-gallery {
	text-align: center;
	margin-top: 35px;
	clear: both;
}

section.single-gallery img {
	margin-bottom: 30px;
}

section.portfolio {
	overflow: hidden;
	margin-bottom: 40px;
}

section.portfolio img {
	margin-bottom: 10px;
}

.presse-info {
	clear: both;
	padding-top: 25px;
	margin-top: 25px;
}

div.content-left > img {
	margin-bottom: 15px;
	max-width: 202px;
}

.itunes-btn {
	display: block;
	width: 110px;
	height: 40px;
	background: url(images/itunes_btn.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999em;
}

div.downloads a[href$=".pdf"],
div.downloads a[href$=".PDF"] {
	padding-left: 24px;
	background: url(images/icon_pdf.png) no-repeat;
}

div.downloads a[href$=".jpg"],
div.downloads a[href$=".JPG"] {
	padding-left: 24px;
	background: url(images/icon_jpg.gif) no-repeat;
}

a[href^="https://www.dropbox.com"] {
	padding-left: 24px;
	background: url(images/icon_dropbox.png) no-repeat;
}

/* @end */

/* @group Widgets */

h3.widget-title {
	font-size: 24px;
}

h3.widget-title,
h3.widget-title a,
h3.widget-title a:visited {
	color: #41494e;
	text-decoration: none;
}

#sidebar .widget {
	font-size: 12px;
	border-bottom: 1px solid rgba(11, 11, 11, 0.07);
	padding-bottom: 15px;
}

#sidebar .widget ul {
	list-style-type: none;
	margin: 0;
}

#sidebar .widget ul li {
	margin-bottom: 10px;
	padding: 8px;
	background-color: rgba(11, 11, 11, 0.07);
}

/* 
** Diese Kategorien (Kino, Presse, Archiv) 
** sollen in der Sidebar nicht angezeigt werden 
*/
#sidebar .widget_categories .cat-item-24,
#sidebar .widget_categories .cat-item-86,
#sidebar .widget_categories .cat-item-1,
#sidebar .widget_categories .cat-item-48,
#sidebar .widget_categories .cat-item-66 {
	display: none;
}

#sidebar .widget:last-child {
	border-bottom: none;
}

#sidebar .featuredpage img,
#sidebar .widget.about p img {
	margin-bottom: 10px;
}

#sidebar .textwidget p {
	clear: both;
	border-top: 1px dotted #999;
	padding-top: 8px;
}

#sidebar .textwidget img {
	width: 30px;
	heigt: auto;
	float: left;
	margin: 0 10px 5px 0px;
}

#sidebar .widget ul.social-icons {
	margin: 0 0 20px;
}

#sidebar .widget ul.social-icons li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#sidebar .widget ul.social-icons li a,
#sidebar .widget ul.social-icons li a:visited {
	float: left;
	opacity: .7;
	margin-right: 1px;
	margin-bottom: 1px;
	height: 32px;
	width: 32px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background: url(images/social.png) no-repeat left;
}

.widget ul.social-icons li a:hover {
	opacity: 1 !important;
}

.widget ul.social-icons li#facebook a {
	background-position: 0 top;
}

.widget ul.social-icons li#twitter a {
	background-position: 0 -33px;
}

.widget ul.social-icons li#pinterest a {
	background-position: 0 -254px;
}

.widget ul.social-icons li#youtube a {
	background-position: 0 -284px;
}

.widget ul.social-icons li#vimeo a {
	background-position: 0 -65px;
}

.widget ul.social-icons li#flickr a {
	background-position: 0 -126px;
}

.widget ul.social-icons li#fivehundred a {
	background-position: 0 -96px;
}

.widget ul.social-icons li#instagram a {
	background-position: 0 -316px;
}

.widget ul.social-icons li#picasa a {
	background-position: 0 -381px;
}

.widget ul.social-icons li#behance a {
	background-position: 0 -191px;
}

.widget ul.social-icons li#dribbble a {
	background-position: 0 -159px;
}

.widget ul.social-icons li#google a {
	background-position: 0 -347px;
}

.widget ul.social-icons li#linkedin a {
	background-position: 0 -411px;
}

.widget.about h6 {
	font-size: 25px;
	margin-bottom: 8px;
}

.widget.about input.email {
	width: 110px;
	border: 1px solid #333;
}

.widget.about input {
	line-height: 15px;
	padding: 5px 7px;
}

.widget.about .newsletter {
	margin-bottom: 20px;
}

.widget_search label {
	display: none;
}

.widget_search input#s {
	line-height: 15px;
	padding: 6px 7px;
	width: 110px;
}

.widget.ot-facebook {
	height: 315px;
}

.widget.featuredpage p {
	margin-bottom: 5px;
}

/* @end */

/* @group Footer */

.footer-wrap {
	background: #000;
}

footer.primary {
	overflow: hidden;
	padding: 7px 13px 13px;
	margin-top: 20px;
	color: #fff;
}

footer.primary p,
footer.primary a,
footer.primary a:visited {
	color: #858585;
	padding: 0;
}

.footer-left {
	float: left;
	padding-top: 3px;
	width: 25%;
}

.footer-right {
	float: left;
	width: 75%;
	height: 250px;
	overflow: hidden;
}

footer.primary p {
	font-size: 0.85em;
	line-height: 1.6em;
}


/* @end */

/* @group Comments */

#comments {
	margin-top: 20px;
	padding-top: 20px;
	clear: both;
	border-top: 1px dotted #505050;
}

h2.comments-title {
	background-color: rgba(11, 11, 11, 0.07);
	padding: 5px;
	margin-bottom: 20px;
}

ol.commentlist {
	list-style: none;
	margin: 0;
	overflow: hidden;
}

ol.commentlist li {
	position: relative;
	margin-bottom: 25px;
}

ul.children {
	margin-right: 0;
	margin-left: 20px;
}

ul.children li {
	overflow: hidden;
}

ul.children,
ol.commentlist li {
	clear: both;
	list-style: none;
	overflow: hidden;
}

.avatar-wrap {
	width: 80px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
}

.reply {
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: .1;
}

.reply a,
.reply a:visited {
	text-decoration: none;
	font-size: 12px;
}

.reply p {
	margin-bottom: 0;
}

ol.commentlist li:hover .reply {
	opacity: 1;
}

.comment-content {
	float: left;
	width: 80%;
}

.comment-content p {
	margin-bottom: 5px;
}

.comment-meta {
	margin-bottom: 10px;
	font-size: 12px;
}

.comment-meta a {
	text-decoration: none;
}

p.fn {
	font-weight: 800;
	font-size: 20px;
	font-style: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

#respond,
form#commentform {
	clear: both;
}

#comments input#author,
#comments input#email,
#comments input#url {
	float: left;
	clear: both;
	margin-right: 10px;
	width: 350px;
}

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label {
	position: relative;
	top: 5px;
}

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

p.comment-form-comment {
	position: relative;
	padding-top: 20px;
}

p.comment-form-comment label {
	position: absolute;
	top: 0;
	left: 0;
}

#comments input,
#comments textarea {
	border: 1px solid #ccc;
	padding: 5px;
}

#comments textarea {
	width: 90%;
}

/* @end */

/* @group Image And WordPress Essentials */

img.cover {
	float:left;
	margin: 0 20px 10px 0;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 20px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 14px;
	margin: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

input[type="text"],
textarea {
	width: 99%;
	padding: 5px;
	-border: 1px solid #888;
	-webkit-appearance: none;
	border: none;
}

input[type="button"],
input[type="submit"] {
	cursor: pointer;
	line-height: 19px;
	padding: 10px 50px;
	text-decoration: none;
	color: #fff;
	border: none;
	background-color: #42494f;
	-webkit-appearance: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	text-decoration: none;
	border: none;
	background-color: #2d3236;
	-webkit-appearance: none;
}

.paging {
	padding: 3px;
}

.paging p {
	margin-bottom: 0;
}

.paging a {
	text-decoration: none;
}

/* @end */

@media only screen and (max-width: 991px) {
	
	header.primary {
		height: auto;
	}
	
	.header-right {
		width: 45%;
	}
	
	.ot-video {
		margin-bottom: -10%;
	}
	/*
	.header-sidebar .widget_twitter,
	.header-sidebar .latest-tweets {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
	.header-sidebar .widget_twitter,
	.header-sidebar .latest-tweets {	
		display: none;
		height: auto;
		width: 100%;
		background-image: none;
		background-color: #e1e5e6;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}
	
	.header-sidebar ul.tweets li,
	.header-sidebar .latest-tweets li {
		position: relative;
		padding: 20px;
	}
	*/
	.header-sidebar form#searchform input#s {
		width: 260px;
		margin-right: 10px;
	}
	
	header.primary nav {
		clear: both;
		width: 100%;
		float: none;
		overflow: hidden;
	}
	
	header.primary nav ul,
	header.primary ul.menu {
		text-align: center;
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	
	header.primary nav ul li,
	header.primary ul.menu li {
		display: inline-block;
		float: none;
	}
	
	#content {
		width: 100%;
		float: none;
	}
	
	#sidebar {
		width: 100%;
		float: none;
		overflow: hidden;
		margin-top: 60px;
		margin-bottom: 20px;
		padding-top: 40px;
		border-top: 1px solid #ccc;
	}
	
	#sidebar .widget {
		width: 200px;
		float: left;
		border-bottom: none;
		margin: 0 18px 36px;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.wrap,
	header.primary,
	footer.primary {
		width: 710px;
	}
	
	#logo {
		width: 45%;
	}
	
	header.primary nav li a,
	header.primary .menu li a,
	header.primary nav li a:visited,
	header.primary .menu li a:visited {
		margin:0
	}


}

@media only screen and (max-width: 767px) {

	.wrap,
	header.primary,
	footer.primary {
		width: 90%;
	}
	
	header.primary {
		padding-top: 20px;
	}
	
	#logo {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.header-right {
		float: none;
		width: auto;
	}
	
	.header-sidebar .latest-tweets li, .header-sidebar ul.tweets li {
		width: 100%;
	}
	
	.ot-video {
		margin-bottom: 0;
	} 
	
	.fluid-width-video-wrapper {
		width: 100% !important;
	}
	
	.fluid-width-video-wrapper iframe,  
   .fluid-width-video-wrapper object, 
   .fluid-width-video-wrapper embed { 
         position: absolute;             
         top: 0;                         
         left: 0;                        
         width: 100%;                    
         height: 100% !important;                    
    } 
	
	.header-right {
		width: 100%;
	}
	
	.header-sidebar .widget_twitter,
	.header-sidebar .latest-tweets {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		height: auto;
	}
	
	.header-sidebar form#searchform {
		text-align: center;
	}
	
	section.post-content,
	.left-image .post-content {
		width: 100%;
		float: none;
	}
	
	.left-image .small-feature {
		float: none;
		display: block;
		text-align: center;
		margin: auto auto 20px;
	}
	
	.left-gallery .image-grid,
	.right-gallery .image-grid {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.left-gallery .post-content,
	.right-gallery .post-content {
		float: none;
		display: block;
		width: 100%;
	}
	
	.shareme .buttons {
	 	left: -30px;
	}
/*
}

@media only screen and (max-width: 767px) {
*/
	#logo {
		padding-top: 0;
	}
	
	#text-4 {
		top: -70px;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	
	.header-video {
		width: 100%;
		height: auto;
	}

	header.primary nav ul li,
	header.primary ul.menu li {
		display: block;
		float: none;
		padding: 12px 0;
		border-top: 1px solid #333;
	}
	
	header.primary nav li:first-child a {
		margin-right: 0;
		padding-right: 0;
	}
	
	.header-sidebar .widget_twitter,
	.header-sidebar .latest-tweets {
		background: #B1B3B4;
		background: #E1E4E6;
		border-radius: 10px;
		padding: 5px; 0;
	}
	
	.header-sidebar .widget_twitter h3,
	.header-sidebar .latest-tweets h3 {
		display: block !important;
		color: #786854;
		position: absolute;
		width: 100%;
		text-align: center;
		font-size: 1em;
	}
	
	.header-sidebar .widget_twitter ul,
	.header-sidebar .latest-tweets ul {
		padding-top: 8px;
	}
	
	.footer-left.left,
	.footer-right.right {
		float: none;
		width: 100%;
	}
	
	.footer-right.right iframe {
		width: 400px !important;
	}
}

@media only screen and (max-width: 500px) { 

	.ot-video {
		margin-top: 0px;
	}
	.latest-tweets {
		display: none;
	}
	
	div.content-left {
		margin: 0 0 15px 0;
		float: none;
	}

	div.content-left + .article-content {
		margin-left: 0;
	}
	
	div.downloads {
		display: none;
	}
}

@media only screen and (max-width: 420px) { 

	body {
		font-size: 16px;
		line-height: 140%;
	}
	
	
	.wpcf7-form td {
		padding: 5px 0;
	}
	
	span.wpcf7-radio > span {
		display: block;
		padding: 10px 0;
	}
	
	input[type="radio"] {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}
	
	input[type="button"],
	input[type="submit"] {
		width: 100%;
	}
	
	.post-content img.alignleft {
		display: block;
		float: none;
	}
}

/* @group Dark Style */

body.dark {
	color: #ccc;
	background-color: #121212;
}

body.dark .header-wrap {
	background: #404040; 
}

body.dark a, 
body.dark a:visited {
	color: #fff;
	color: #e48d26;
	color: #3ba5e5;
}

body.dark h2.title a {
	color: #fff !important;
} 

body.dark a:hover {
	.color: #fff;
	text-decoration: underline;
}

body.dark .header-sidebar ul.tweets li {
	color: #000;
}

body.dark .header-sidebar ul.tweets li a,
body.dark .header-sidebar ul.tweets li a:visited {
	color: #000;
}

body.dark #content article,
body.dark #sidebar .widget {
	border-bottom: 1px solid #393939;
}

body.dark #sidebar .widget ul li {
	background-color: rgba(44, 44, 44, 0.63);
}

body.dark .shareme .buttons {
	background-color: #303030;
}

body.dark .reply {
	opacity: .5;
}

body.dark #comments input,
body.dark #comments textarea {
	border: 1px solid #595959;
}

body.dark #sidebar .widget ul.social-icons li a,
body.dark #sidebar .widget ul.social-icons li a:visited {
	background-image: url(images/social-white.png);
}

body.dark h3.widget-title,
body.dark h3.widget-title a,
body.dark h3.widget-title a:visited {
	color: #b0b0b0;
}

body.dark #sidebar .widget:last-child {
	border: none;
}

body.dark footer.primary {
	.background-color: rgba(44, 44, 44, 0.63);
}

.footer-right.right iframe {
		margin: -2px 0 0 -2px;
}


/* @end */