/*
Theme Name: Dreamdare II
Description: Custom theme for Dreamdare.
Author: Chris Sorbi
Author URI: http://dreamdare.org/
*/

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* Floating & Alignment */

.fl {float: left;}
.fr {float: right;}

/* Clear Floats */

.col-width:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.custom-password-message {
	color: red;
}
/* Base Styles */

body {
	font: 14px/21px 'Open Sans', sans-serif;
	background:#f3f3f3 url('images/bgnoise.png') repeat; 
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Rokkitt', serif;
	margin: 0;
	color: #333;
	font-weight:normal;
}
h1 {
	font-size:28px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:22px;
}
h4, h5, h6 {
	font-size:20px;
}
p {
	margin-bottom:15px;
	text-align: justify;
}
hr {
	background-color: #ddd;
	border:0;
	height: 1px;
	margin-bottom: 20px;
}
input[type=text], textarea {
	padding: 5px;
	border-color: #ccc;
	border-width:1px;
	border-style:solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
strong {
	font-weight: bold;
	font-family: 'Rokkitt', serif;
	font-size: 19px;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
blockquote {
	display:block;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Text meant only for screen readers */

.screen-reader-text {
	position: absolute;
	left: -9000em;
}

/* Hyperlinks */

a:link, a:visited {
	color: #1c94c9;
	text-decoration:none;
}
a:hover {
	color:#ea5220;
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
	text-decoration: none;
	color:#106177;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}
.post-edit-link {
	display: block;
	clear: both;
}
.readmore a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #555 url('images/button.png') repeat-x;
	box-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
	padding: 8px 15px 6px 15px;
	text-align: center;
	clear: both;
	float: right;
	color:#FFF;
	margin: -20px 0 20px;
}
.code {
	background: #333;
	padding: 7px 10px;
	margin-left: 30px;
	color: #EEE;
	font-size: 12px;
}

#ssba {
clear: both;
margin: 15px 0;
display: inline-block;
}

#ssba img {
margin: 0!important;
}
/* Branding */

#branding {
	position:relative;
	display:block;
	background:#111 url('images/bg.png') repeat!important;
	padding:25px 0;
	border-bottom:1px solid rgba(255,255,255,.9);
	height: 180px;
}
#logo {
	float:left;
	width: 21%;
}
.slogan-wrapper {
	float: right;
	margin-top: 36px;
}
.slogan {
	font-family: 'Rokkitt', serif;
	font-size: 3em;
	color: #eee;
	letter-spacing:2px;
	float:right;
	line-height: 34px;
	text-transform: uppercase;
}
.blue{
	color: #049cb3;
}
.orange{
	color: #dcb83d;
	float: right;
	font-family: 'Rokkitt', serif;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
::selection {
	background: #049cb3;
	color: #FFF;
	text-shadow: none;
}

#logo #site-title img {
	max-width:100%;
}

/* Navigation */
.menu {
	margin-right: -5px;
}

#navigation .menu-toggle {
	display: none;
}

#navigation {
	float:right;
	font-size:14px;
	padding:35px 0 0;
}
#navigation ul {
	z-index:99;
	margin:0;
	padding:0;
	list-style:none;
}
#navigation ul a {
	position:relative;
	color:#fff;
	display:block;
	z-index:100;
	padding:5px 10px;
	line-height:18px;
	text-decoration:none;
}
#navigation .menu > ul > li {
	-webkit-transition: all 0.2s ease-in-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.2s ease-in-out;  /* FF4+ */
    -ms-transition: all 0.2s ease-in-out;  /* IE10? */
    -o-transition: all 0.2s ease-in-out;  /* Opera 10.5+ */
    transition: all 0.2s ease-in-out;
}
#navigation .menu > ul > li:hover, #navigation .menu > ul > .current-page-item, #navigation .menu > ul > .current-menu-parent, #navigation .menu > ul > .current-menu-item {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#333;
	background:rgba(255,255,255,.25);
	box-shadow:0 1px 0px rgba(255, 255, 255, 0.3);
	text-shadow: 0px 1px 20px #FFF;
}
#navigation ul li {
	float:left;
	width: auto;
	margin-left:8px;
	margin-bottom:10px;
}
#navigation ul li a.sf-with-ul {
	padding-right:25px;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover {
color: #FFF!important;
}
.prettylinks {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #555 url(images/button.png) repeat-x;
	box-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
	padding: 8px 15px;
}
a.prettylinks {
	color:#FFF;
	text-decoration:none;
}
a:hover.prettylinks {
	color: #dcb83d;
	text-shadow: 0px 1px 20px #FFF;
}
.portfolio-content {
	margin-top: 25px;
	text-align: justify;
}
.portfolio-content img{
	margin: 0px 20px 0 0!important;
	border: 1px solid #DADADA;
}

/* Drop-down menus */

#navigation ul ul .current-page-item, #navigation ul ul .current-menu-parent, #navigation ul ul .current-menu-item {
	background:#ccc;
}
#navigation ul li ul {
	background: #FFF;
	position: absolute;
	left: -999em;
	width: 200px;
	z-index:999;
	margin-left:0;
}
#navigation ul li ul li {
	background:#eee;
	border-top:1px solid #ddd;
	margin-left:0px;
	margin-bottom:0px;
}
#navigation ul li ul li:first-of-type {
	border-top:none;
}
#navigation ul li ul li a {
	width:200px;
	color:#555;
	font-size:0.9em;
	line-height:18px;
	padding:8px 10px;
}
#navigation ul li ul li a.sf-with-ul {
	padding:8px 10px;
}
#navigation ul li ul li a:hover, #navigation ul ul .current-menu-item {
	background:#ccc;
	color:#111;
	font-weight: bold;
}
#navigation ul li ul ul {
	margin: -35px 0 0 180px;
}
#navigation ul ul li:hover, #navigation ul ul li.hover {
	background:#eee;
}
#navigation ul li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li:hover ul, #navigation ul li li.sfhover ul, #navigation ul li li li:hover ul, #navigation ul li li li.sfhover ul, #navigation ul li li li li:hover ul, #navigation ul li li li li.sfhover ul {
	left:auto;
}
#navigation ul .sf-sub-indicator {
	background:	url('images/arrow-down.png') no-repeat;
	position:absolute;
	display:block;
	right:0.4em;
	top:0.9em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
}
#navigation li ul .sf-sub-indicator {
	background:url('images/arrow-right.png') no-repeat;
}

/* Structure */
#wrapper {
	min-height: 100%;
	position: relative;
}

#main {
	padding:20px 0 20px 0;
}
.col-width {
	width: 980px;
	margin: 0 auto;
	padding:0 20px;
	position: relative;
}

/* Content */

#content {
	padding:0 0 4%;
	float:left;
	position:relative;
	width:67%;
}
#col-wrap {
width: 980px;
font-size: 15px;
clear: both;
}
#left-col {
width: 49%;
float: left;
overflow: hidden;
}
#right-col {
float: right;
width: 49%;
overflow: hidden;
}
#home-left-col {
width: 47%;
float: left;
overflow: hidden;
min-height: 221px;
}
#home-right-col {
float: right;
width: 47%;
overflow: hidden;
min-height: 221px;
}
.coupon{
border: 1px dashed #444;
background: #ffd449;
padding: 5px 10px;
clear: both;
text-align: center;
font-weight: bold;
}

/* Sidebar */

#sidebar {
	overflow:hidden;
	float:right;
	width:31%;
	margin-top: 15px;
}

/* Layouts */

.layout-2cl #content, .layout-2cl #portfolio {
	float:right;
}
.layout-2cl #sidebar {
	float:left;
}
.layout-1col .col-width {
	max-width:780px;
}
.layout-1col #content {
	width:100%;
}

/* Footer */

#colophon {
	display:block;
	color: #FAFAFA;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	background:#111 url('images/bg.png') repeat;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 24px;
}
#footer-widgets {
	border-bottom:1px dotted #ddd;
	margin-bottom:20px;
}
#footer-widgets .block {
	padding:0 2% 0 0;
	width:23%;
	float:left;
}
#footer-widgets .footer-widget-4 {
	padding:0;
}
#colophon #site-generator p {
	color:#333;
	font-weight:bold;
	font-size:13px;
}

/* Posts */

#content article {
	display:block;
	clear:both;
	margin-bottom:15px;
}
.entry-meta {
	margin: 0 0 15px 0;
	font-size:12px;
	display:block;
	clear:both;
}
footer.entry-meta:before {
	margin-bottom:8px;
}
footer.entry-meta:after {
	margin-top:8px;
}
footer.entry-meta:before, footer.entry-meta:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #ddd;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff;
	display: block;
}
.entry-utility {
	clear:both;
}
.sticky {
	/* Theme Review Requirement */
}
.bypostauthor {
	/* Theme Review Requirement */
}

/******Back to top CSS****/
.back-to-top {
	position: fixed;
	bottom: 9px;
	right: 20px;
	background: url('images/arrow.png') left top no-repeat;
	width: 25px;
	height: 23px;
}
.back-to-top a {
	text-indent: -9999px;
	display: block;
}
.back-to-top:hover {
	background:url('images/arrow.png') left -24px no-repeat;
}

/* Typographic Elements */

#content .entry-title, #portfolio .entry-title, #primary .entry-title  {
	font-size:22px;
	line-height:46px;
	text-shadow: 0px 1px 1px #fff;
	border-bottom:1px solid #ddd;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff;
	padding-bottom:0px;
	margin-bottom:15px;
}
#content h1, #content h2, #content h3 {
	padding-bottom: 20px;
}
#content h4, #content h5, #content h6 {
	padding-bottom:15px;
}
#content p {
	margin:0 0 15px 0;
	text-align:justify;
}
p a {
	color: #2099c4;
	text-decoration: none;
}
#content blockquote {
	color: #444;
}
#content blockquote p {
	font-style:italic;
}
.entry-content blockquote {
	font-style: italic;
	padding: 10px 35px 0;
	background: url('images/quote.png') no-repeat 0 0;
}
.entry-content blockquote, .entry-content blockquote p {
	font-size:16px;
}
#content ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}
#content ul ul {
	margin: 0;
}
#content ul li {
	list-style-type: circle;
}
#content ul ul li {
	list-style-type: disc;
}
#content ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}
#content ol ol {
	margin: 0;
}
#content ol li {
	list-style-type: upper-roman;
	margin-bottom: 10px;
}
#content ol li ol li {
	list-style-type: lower-roman;
}
.archive-meta {
	font-family: 'Rokkitt', serif;
	font-size:18px;
	color:#333;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top:-5px;
}
.archive-meta:after, .author .page-title:after, .author-info:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #ddd;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff;
	display: block;
	margin-top:10px;
}

/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Images */

.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 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 15px;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background: #eee;
	background:rgba(200,200,200,.2);
	margin-bottom: 15px;
	max-width: 100%;
	padding: 10px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text, .gallery-caption {
	color: #666;
	font-size: 12px;
}
#content .wp-caption .wp-caption-text {
	margin-bottom: 0;
	padding: 10px 0 5px 10px;
	position: relative;
}
#content .gallery {
	margin: 0 auto 15px;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 15px;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

.wp-caption img {
	border-color: #eee;
}
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
	background: #fff;
	border-color: #ddd;
}
figure {
	margin:0 0 10px 0;
}

/* Make sure videos and embeds fit their containers */

embed, iframe, object {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Post Formats */

#content .hentry:first-of-type, .single .format-quote, .single .format-image {
	padding-top:0;
	border-top: none;
}
.format-image header {
	display:none;
}
.single .format-image header {
	display:block;
}
.format-image .image-wrap {
	position: relative;
}
#content .image-wrap h3 {
	max-width:630px;
	background:#000;
	background:rgba(0,0,0,.6);
	color:#fff;
	padding:10px;
	position:absolute;
	bottom:13px;
	left:6px;
	display: none;
	text-decoration: none;
}
.image-wrap a {
	text-decoration: none;
}

/* Portfolio Posts */

#portfolio {
	padding:0 0 4%;
	float:left;
	width:70%;
}
#portfolio .archive-title {
	font-size: 34px;
	line-height: 48px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#portfolio .portfolio-item {
	position: relative;
	width: 30.2%;
	background-color: #000;
	float: left;
	margin: 0 1.60% 2% 0;
	border: 10px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#portfolio .portfolio-item:nth-of-type(3n) {
	margin-right:0;
}
#portfolio .ie-col3 {
	margin-right:0;
}
#portfolio .portfolio-item img {
	display:block;
	width:100%;
	height:auto;
}
#portfolio .thumb {
	display:block;
	width:100%;
}
#portfolio a.title-overlay {
	padding:5%;
	top:0;
	position:absolute;
	z-index:1;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display:none;
	background: #444;
	width: 90%;
}
#portfolio a.title-overlay:hover {
	text-decoration:none;
}
#portfolio .no-thumb {
	background:#000;
}
#portfolio .no-thumb a.title-overlay {
	display:block;
	position: relative;
}
/* Increase the size of the content area for templates without sidebars */

.full-width #content, #portfolio.full-width {
	width:100%;
	max-width: 980px;
}

/* Pagination / WP-Pagenavi */

/* If you're using PageNavi you should turn the css in its settings page */

.wp-pagenavi {
	clear:both;
	font-size:12px;
	padding:10px 15px;
	border:1px solid #ddd;
	border-width:1px 0 1px;
}
#navigation ul-entries a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover, .wp-pagenavi span.extend, .wp-pagenavi span.pages {
	display: block;
	font:italic 12px/16px Georgia, serif;
	color:#777;
	text-decoration:none;
	padding:0;
}
#navigation ul-entries a:hover {
	text-decoration:underline;
}
.wp-pagenavi a:link, .wp-pagenavi a:visited {
	display: inline;
	text-decoration: none;
	background: #fff;
	background:rgba(255, 255, 255, 0.4);
	color: #666;
	padding: 3px 7px;
	border:1px solid #ddd;
	border:1px solid rgba(0, 0, 0, 0.2);
	margin-left:10px;
}
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover {
	display:inline;
	padding: 3px 7px;
	background: #fff;
	background:#666;
	border:1px solid #bbb;
	margin-left:10px;
}
.wp-pagenavi span.extend, .wp-pagenavi span.pages {
	display:inline;
	background:none;
	border:none;
	color:#666;
}
#content nav, #portfolio nav {
	clear:both;
	display: block;
	overflow: hidden;
}
.nav-next a, .nav-previous a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #555 url(images/button.png) repeat-x;
	box-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
	padding: 8px 15px 6px 15px;
	width: 140px;
	text-align: center;
	
}
#content nav .nav-next, #portfolio nav .nav-next {
	float: right;
	text-align: right;
}
.nav-previous {
	float: right;
}
.nav-next {
	float: left;
}
.nav-next a, .nav-previous a{
 color:#FFF;
 text-shadow:none;
}
.nav-next a:hover, .nav-previous a:hover{
	color: #dcb83d;
	text-shadow: 0px 1px 20px #FFF;
}
#nav-below {
	text-shadow: 0px 1px 1px white;
	clear:both;
	font-family: 'Rokkitt', serif;
	font-size:16px;
	margin-bottom:80px;
}
#portfolio #nav-below {
	padding-top:15px;
}
.page-link {
	margin: 0 0 15px 0;
}

/* Reverse order on single-portfolio pages */

.single-portfolio #content nav .nav-previous {
	float: right;
	text-align: right;
}
.single-portfolio #content nav .nav-next {
	float: left;
	text-align: left;
}

/* Widgets */

.widget-container {
	margin: 0 0 30px 0;
	font-size:12px;
}
.widget-container h3 {
	font-size:20px;
	text-shadow: 0px 1px 1px #fff;
	margin: 0 0 20px;
	padding:0 0 10px;
	text-transform:uppercase;
	color:#555;
	border-bottom:3px solid #ddd;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff;
}
.widget-container p {
	font:12px/20px;
	margin-bottom:15px;
}
.widget-container ul {
	clear:both;
	padding-left:0px;
	list-style:none;
}
.widget-container ul li a {
	padding: 0 0 0 5px;
	line-height: 22px;
	text-decoration: none;
}
.widget-container ul li a:hover {
	text-decoration:underline;
}
.widget-container ul ul {
	padding: 0 0 0 15px;
	border-top: none;
}
#colophon-widgets {
	border-top:1px solid #ddd;
	padding:10px 0;
}
#colophon-widgets .block {
	padding:20px 0 0 20px;
	width:210px;
	float:left;
}
/* Calendar */

#wp-calendar {
	width:95%;
	margin-bottom:15px;
	clear:both;
	padding:0;
}
#wp-calendar caption {
	padding:0 0 10px;
}
#wp-calendar th, #wp-calendar td {
	text-align:center;
	background:rgba(0, 0, 0, .05);
	padding:5px;
}
#wp-calendar td {
	background:transparent;
}
#wp-calendar td, table#wp-calendar th {
	padding:3px 0;
}

/* Search */

.widget-container input.submit {
	margin-left:5px;
	float:left;
}

/* Comments */

#comments {
	position:relative;
	margin:15px 0 0;
}
#comments .commentlist {
	padding-left:0px;
}
#comments h3 {
	color:#333;
	font-weight:normal;
	margin-bottom:20px;
}
#comments .comment.thread-even {
	background: #fafafa;
	background: rgba(0, 0, 0, 0.02);
	border-bottom:1px solid #ddd;
	border-bottom:1px solid rgba(0, 0, 0, 0.07);
}
#comments .comment {
	margin-top:10px;
	width:100%;
	list-style-type:none;
}
#comments .comment .comment-body {
	position:relative;
	padding: 20px;
}
#comments .comment-head {
	margin: 0 0 15px 0;
}
#comments .comment-author img {
	margin: 0;
	vertical-align: middle;
	border:1px solid #ddd;
	padding:3px;
	background:#f6f6f6;
	float:left;
	margin: 0 15px 5px 0;
}
#comments .comment-author cite {
	font-weight:bold;
}
#comments .comment-meta {
	font-size: 12px;
}
#comments .comment-entry p {
	margin: 0 0 10px 0;
}
#comments .reply {
	padding-top:10px;
	text-align: right;
}
#comments ul.children {
	margin:10px 10px 0 25px;
	padding:0;
}
#comments ul.children li {
	border-top:1px solid #ddd;
}
#comments .cancel-comment-reply {
	margin:10px 0;
}
#comments h3#pings {
	margin-top:25px;
}
#comments .pingbacks li.pingback {
	margin:10px 0;
}
#comments .pingbacks li.pingback .reply {
	display:none;
}

/* Comments Form */

#respond {
	position: relative;
	padding: 10px;
}
#respond h3 {
	color:#333;
	font-weight:normal;
	padding-bottom:0;
}
#respond label {
	font-size:13px;
	color:#777;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	position: relative;
	padding: 5px;
	text-indent: 95px;
	top:0;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background:#eee;
	color: #555;
	display: inline-block;
	line-height:20px;
	padding:5px 15px;
	font-size: 12px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 1;
	min-width:60px;
}
#respond textarea {
	width: 95%;
	height:160px;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #3f98db;
	font-weight: bold;
	left: 67%;
	position: absolute;
	top: 5px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	z-index: 1;
	text-indent:5px;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
#respond input[type=text] {
	display: block;
	width: 68%;
	height:20px;
}
#respond p {
	font-size: 12px;
}
#commentform {
	margin: 15px 0 0 0;
}
#commentform input.txt, #commentform textarea {
	font:14px/14px Arial, Helvetica, sans-serif;
	border-color: #ccc;
	border-width:1px;
	border-style:solid;
}
#commentform input.txt {
	color:#666;
	background: #fcfcfc;
	width: 170px;
	margin: 0 5px 10px 0;
	padding: 5px 7px;
}
#commentform textarea {
	color:#666;
	background: #fcfcfc;
	width: 97%;
	padding: 5px 7px;
}
#commentform .form-allowed-tags {
	font-size:12px;
	color:#666;
	display: none;
}
#commentform #submit, .reply a, #searchsubmit {
	border-radius: 3px;
	background: #555 url(images/button.png) repeat-x;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	padding:4px 8px;
}

.reply a {font-size:11px; padding: 2px 6px;}

/* Pingbacks / Trackbacks */

h3#pings {
	margin: 25px 0 10px 0;
}
.pinglist li {
	margin: 0 0 0 20px;
	list-style-type: decimal;
}
.pinglist li .author {
	font-weight: bold;
	font-size: 15px;
}
.pinglist li .date {
	font-size: 11px;
}
.pinglist li .pingcontent {
	display: block;
	margin: 10px 0;
}

/* Search Form */

.error404 #searchform {
	margin-bottom:30px;
}

/* Clearfix */

.clear {
	clear:both;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 980px) {
	#navigation {
		float:right;
		margin-left:-10px;
	} 
	#navigation ul li {
		margin-left:0;
		margin-right:10px;
	}
	embed, object {
      max-width: 100%;
   }
}

@media (max-width: 800px) {
	#branding {
		height: auto!important;
	}
	embed, object {
      max-width: 100%;
   }
   #navigation {
		width:100%;
		margin:0;
	}
	#navigation .menu-toggle {
		cursor: pointer;
		font: 14px/18px 'Open Sans', sans-serif;
		display: block;
		color:#fff;
		padding:5px 10px;
		font-size:14px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		background:#333;
		box-shadow:0 1px 0px rgba(255, 255, 255, 0.3);
	}
	#navigation .menu {
		margin-top:20px;
		display:none;
	}
	.slogan-wrapper {
		width: 60%;
		float: right;
		margin-top: 36px;
	}
	.col-width {
		max-width: 87%;
	}
	.mobile-none{
		display:none;
	}
	.portfolio-content img {
		width: 100%;
		margin: 0px 20px 15px 0!important;
	}
	#portfolio .portfolio-item {
		width:29%;
	}
	#col-wrap {
		width: 100%;
	}
		#FSContact1, #FSContact1 textarea, #FSContact1 input {
		max-width: 308px!important;
	}
}

@media (max-width: 680px) {
	#branding {
		height: auto!important;
	}
	#respond input[type=text] {
		width: 90%;
	}
	#content, #portfolio {
		width:100%;
		padding:0;
		margin-bottom:40px;
	}
	.portfolio-item {
		-webkit-transition-duration: 0.6s;
     	-moz-transition-duration: 0.6s;
      	-ms-transition-duration: 0.6s;
       	-o-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transition-property: height, width;
     	-moz-transition-property: height, width;
      	-ms-transition-property: height, width;
       	-o-transition-property: height, width;
        transition-property: height, width;
	}
	#portfolio .portfolio-item {
		margin-right: 7px;
		width: 28%;
	}
	#portfolio .portfolio-item:nth-of-type(3n) {
		margin-right: 15px;
	}
	#portfolio .portfolio-item:nth-of-type(2n) {
		float: left;
	}
	.portfolio-content img {
		max-width: 100%;
	}
	#sidebar {
		clear:both;
		float:none;
		width:100%;
	}
	#footer-widgets .block {
		padding:0 4% 0 0;
		width:46%;
	}
	#footer-widgets .footer-widget-2 {
		padding:0;
	}
		#branding {
		height: auto!important;
	}
	#navigation {
		width:100%;
		margin:0;
	}
	#navigation .menu-toggle {
		cursor: pointer;
		font: 14px/18px 'Open Sans', sans-serif;
		display: block;
		color:#fff;
		padding:5px 10px;
		font-size:14px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		background:#333;
		box-shadow:0 1px 0px rgba(255, 255, 255, 0.3);
	}
	#navigation .menu {
		margin-top:20px;
		display:none;
	}
	.slogan-wrapper {
		width: 54%;
		float: right;
		margin-top: 36px;
	}
	.col-width {
		max-width: 93%;
	}
	.mobile-none{
		display:none;
	}
}
	
@media (max-width: 480px) {
	#branding {
		height: auto!important;
	}
	#navigation {
		width:100%;
		margin:0;
	}
	#navigation .menu-toggle {
		cursor: pointer;
		font: 14px/18px 'Open Sans', sans-serif;
		display: block;
		color:#fff;
		padding:5px 10px;
		font-size:14px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		background:#333;
		box-shadow:0 1px 0px rgba(255, 255, 255, 0.3);
	}
	#navigation .menu {
		margin-top:20px;
		display:none;
	}
	.slogan-wrapper{
		display:none;
	}
	.col-width {
		max-width: 87%;
	}
	#content .entry-title, #portfolio .entry-title, #primary .entry-title {
		font-size: 1.9em;
		line-height: 30px;
	}
	#portfolio .portfolio-item {
		min-width:46%;
		margin:0 0 20px;
		max-width:97%;
		width: 97%;
	}
	#portfolio .portfolio-item:nth-of-type(1n) {
		margin-right:0;
	}
		#col-wrap, #home-right-col, #home-left-col, #left-col, #right-col {
		width: 100%!important;
		float: left!important;
	}
	.portfolio-content img {
		max-width: 100%;
	}
	.mobile-none{
		display:none;
	}
	.prettylinks, a.prettylinks {
		color: #1C94C9;
		text-decoration: none;
		background: none;
		padding: none;
	}
	img.alignleft, img.alignright{
		max-width:50%;
		height:auto;
	}
	.readmore a{
		padding: 3px 7px;
	}
	#FSContact1, #FSContact1 textarea, #FSContact1 input {
		max-width: 395px!important;
	}
	strong {
		text-align:left;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
        hyphens: auto;
		-ms-word-break: break-all;
		word-break: break-all;
	}
	#logo {
	text-align: center!important;
	width: 100%!important;
	}
	#content p {
		text-align: left!important;
		word-break:keep-all;
	}

}

@media (max-width: 320px) {

	#branding {
		height: auto!important;
	}
	#navigation {
		width:100%;
		margin:0;
	}
	#navigation .menu-toggle {
		cursor: pointer;
		font: 14px/18px 'Open Sans', sans-serif;
		display: block;
		color:#fff;
		padding:5px 10px;
		font-size:14px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		background:#333;
		box-shadow:0 1px 0px rgba(255, 255, 255, 0.3);
	}
	#navigation .menu {
		margin-top:20px;
		display:none;
	}
	.slogan-wrapper{
		display:none;
	}
	.col-width {
		max-width: 87%;
	}
	#content .entry-title, #portfolio .entry-title, #primary .entry-title {
		font-size: 1.9em;
		line-height: 30px;
	}
	#portfolio .portfolio-item {
		min-width:46%;
		margin:0 0 20px;
		max-width:97%;
	}
	#portfolio .portfolio-item:nth-of-type(1n) {
		margin-right:0;
	}
	.portfolio-content img {
		max-width: 100%;
	}
	
	#col-wrap, #home-right-col, #home-left-col, #left-col, #right-col {
		width: 100%!important;
		float: left!important;
	}
	.mobile-none{
		display:none;
	}
	.prettylinks, a.prettylinks {
		color: #1C94C9;
		text-decoration: none;
		background: none;
		padding: none;
	}
	img.alignleft, img.alignright{
		max-width:50%;
		height:auto;
	}
	.readmore a{
		padding: 3px 7px;
	}
	#FSContact1, #FSContact1 textarea, #FSContact1 input {
		max-width: 265px!important;
	}
	strong {
		text-align:left;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
        hyphens: auto;
		-ms-word-break: break-all;
		word-break: break-all;
	}
	.nav-next a, .nav-previous a {
		color: #FFF;
		text-shadow: none;
		background: none;
		padding: 0;
		color: #333;
	}
	#logo {
	text-align: center!important;
	width: 100%!important;
	}
	#content p {
		text-align: left!important;
		word-break:keep-all;
	}
}