/*
Theme Name: Dream
Theme URI: http://www.vsfish.com/dream/
Description: Dream is fully responsive WordPress theme.
Tags: white,orange,two-columns,responsive-layout,custom-menu,sticky-post
Version: 1.0.5
Author: vsFish
Author URI:  http://www.vsfish.com/
Text Domain: dream
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 * mian
 * header
 * navigation
 * content
 * post
 * sidebar
 * comments
 * search-form
 * other
 * footer
 */

/*mian*/
* {
	margin:0;
	padding:0;
}
*,
*:before,
*:after {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
html {
	font-size:62.5%;
}
body {
	font-size:13px;
	font-family:"Open Sans",sans-serif;
	color:#444545;
	background:url(images/bg.png) center top repeat-x #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:normal;
}
img {
	border:0;
	max-width:100%;
	height:auto;
}
a {
	color:#444545;
	text-decoration:none;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
a i {
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
a:hover {
	color:#FF6F07;
	text-decoration:none}
a:focus {
	outline:none;
}
ol,
ul,
li {
	list-style:none outside none;
}
.clear {
	clear:both;
}
.fa {
	color:#444545;
}
#container {
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#header .inner,
#navigation .inner,
#content .inner,
#footer .inner {
	margin:0 auto;
}

/*header*/
#caption {
	line-height:0;
}
#header-logo-image{ float:left; padding:15px 20px 15px 15px;}
#header-text{ 
	float:left;
	padding:30px 15px;
}
#site-title {
	display:inline-block;
	padding:10px 20px 0 5px;
}
#site-title a {
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	text-shadow:0 0 10px #999999;
}
#site-description {
	display:inline-block;
	line-height:15px;
	padding:15px 0 0 0;
	font-size:12px;
}

#social {
	 float:right;
	line-height:30px;
	padding:37px 0 23px;
}
#social a {
	 margin:0 0 0 12px;
	text-shadow:0 0 10px #999999;
}
#social a i {
	font-size:20px;
	color:#666666;
}
#social a:hover i {
	 color:#555555;
}

/*navigation*/
#nav {
	width:100%;
	min-height:30px;
	padding:0 0 16px;
	background:url(images/nav_bg.png) bottom repeat-x #4d4d4d;
	border-radius:3px 3px 0 0;
}
#nav ul {
	letter-spacing:-4px;
	word-spacing:-4px;
}
#nav li {
	height:30px;
	display:inline-block;
	position:relative;
	letter-spacing:normal;
	word-spacing:normal;
}
#nav li:first-child {
	border-radius:3px 0 0 0;
}
#nav .current_page_item,
#nav .current-menu-item {
	background:#ff7e07;
}
.mr li:first-child {
	background:#ff7e07;
}
#nav li a {
	height:30px;
	display:block;
	line-height:30px;
	padding:0 15px;
	color:#ffffff;
}
#nav li:first-child a {
	border-radius:3px 0 0 0;
}
#nav li a:hover {
	background:#ff7e07;
}
#nav .sub-menu,
#nav .children {
	height:0;
	left:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:0;
	z-index:99999;
	background:#ff7e07;
	color:#ffffff;
}
#nav li:hover > ul,
#nav .focus > ul {
	clip:inherit;
	overflow:inherit;
	height:inherit;
	width:inherit;
}
#nav ul ul a {
	height:auto;
	padding:8px 15px;
	line-height:16px;
	margin:0;
	width:180px;
	background:#4d4d4d;
}
#nav ul ul li {
	padding:0;
	height:auto;
	border-top:1px solid #999999;
}
#nav ul ul li:first-child {
	border-radius:0;
}
#nav ul ul li:first-child a {
	border-radius:0;
}
#nav ul .sub-menu ul,
#nav ul .children ul  {
	border-left:0 none;
	left:100%;
	top:-1px;
}
#nav .menu-toggle {
	width:100%;
	height:34px;
	display:none;
}
#nav .menu-toggle a {
	width:100%;
	height:34px;
	display:block;
	line-height:34px;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	cursor:pointer;
	color:#ffffff;
}
#nav .menu-toggle a:hover {
	color:#efefef;
}

/*content*/
#cont {
	width:100%;
	min-height:600px;
	padding:0 0 50px;
	background:#ffffff;
}
#main {
	width:70%;
	float:left;
	padding:30px 15px 0;
}

.mscon {
	line-height:180%;
	overflow:hidden;
	text-align:Justify;
	text-justify:inter-ideograph;
}
.mscon img {
	max-width:650px;
}
.mscon pre {
	line-height:16px;
	background:#f5f5f5;
	color:#45474B;
	border-left: 2px solid #FF6F07;
	padding:5px 9px;
	font-size:12px;
	overflow-x:auto;
	margin:0 0 10px;
}
.mscon table {
	border-bottom:1px solid #ededed;
	border-collapse:collapse;
	border-spacing:0;
	font-size:14px;
	line-height:2;
	margin:0 0 20px;
	width:100%;
}
.mscon caption,
th,
td {
	font-weight:normal;
	text-align:left;
}
.mscon caption {
	font-size:16px;
	margin:20px 0;
}
.mscon th {
	border-top:1px solid #ededed;
	font-weight:bold;
	text-transform:uppercase;
}
.mscon td {
	border-top:1px solid #ededed;
	padding:6px 10px 6px 0;
}
.mscon del {
	color:#333;
}
.mscon ins {
	background:#fff9c0;
	text-decoration:none;
}
.mscon hr {
	background-size:4px 4px;
	border:0;
	height:1px;
	margin:0 0 24px;
}
.mscon a {
	color:#FF6F07;
}
.mscon li {
	list-style:inside;
}
.mscon .alignright {
	float:right;
	margin-left:15px;
}
.mscon .alignleft {
	float:left;
	margin-right:15px;
}
.mscon code {
	background:#eeeeee;
}
.mscon p {
	margin:0 0 14px;
}
.mscon p:last-child {
	margin-bottom:0;
}
.mscon ol li {
	list-style: decimal outside none;
}
.mscon li ol,
.mscont li ul {
	padding:0 0 0 28px;
}
.mscon h1,
.mscont h2,
.mscont h3,
.mscont h4,
.mscont h5,
.mscont h6 {
	margin:0 0 10px;
}
.mscon blockquote {
	padding:5px 10px;
	border-left:2px solid #FF6F07;
	margin:0 0 14px;
	 background:#f5f5f5;
}
.mscon blockquote p {
	margin:0;
}

.page-header {
	line-height:14px;
	padding:10px 0 20px;
}
.page-header span {
	font-weight:bold;
	margin:0 0 0 5px;
}
#nav-below {
	height:25px;
	line-height:15px;
	font-size:13px;
}
#nav-below .nav-previous {
	float:left;
}
#nav-below .nav-next {
	float:right;
}
#page-nav-below {
	 padding:30px 15px 0;
}
#page-nav-below .nav-previous {
	float:left;
}
#page-nav-below .nav-next {
	float:right;
}
.page-links {
	height:30px;
	line-height:30px;
	font-size:12px;
}
.page-links a {
	margin:0 0 0 3px;
	text-decoration:underline;
}

.pagination {
	padding:40px 0 0;
	 font-size:14px;
}
.pagination .nav-links {
	width:100%;
	height:42px;
	line-height:40px;
	position:relative;
	text-align:center;
	background:#ffffff;
	border:1px solid #EBEDED;
	font-size:14px;
	font-weight:bold;
}
.pagination .nav-links .fa {
	color:#ffffff;
}
.pagination .nav-links a,
.pagination .nav-links span {
	padding:0 10px;
	display:inline-block;
	height:40px;
}
.pagination .nav-links a {
	color:#555555;
}
.pagination .nav-links a:hover {
	color:#FF6F07;
}
.pagination .prev {
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	font-size:16px;
	background:#cccccc;
}
.pagination .prev:hover {
	background:#999999;
}
.pagination .next {
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	font-size:16px;
	background:#cccccc;
}
.pagination .next:hover {
	background:#999999;
}
.pagination .current {
	color:#FF6F07;
}
.pagination .screen-reader-text,
.pagination .nav-links .screen-reader-text {
	display:none;
}

/*post*/
.post,
.page {
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:3px double #EBEDED;
}
.entry-title {
	width:100%;
	text-shadow:0 1px 0 #DBDBDB;
}
.entry-title a,
.entry-title span {
	line-height:22px;
	font-size:18px;
	font-weight:bold;
}
.entry-meta {
	width:100%;
	line-height:26px;
	padding:6px 0 0;
	font-size:12px;
}
.entry-meta span {
	margin:0 12px 0 0;
}
.entry-meta span a {
	padding:0 4px 0 0;
}
.entry-meta .div2 {
	float:right;
	margin:0;
	text-align:right;
}
.entry-meta .div2 a {
	padding:0;
}
.entry-content {
	width:100%;
	padding:10px 0 0;
}
.entry-content img {
	margin:0 0 5px;
}
.entry-content .small_btn {
	min-width:50px;
	padding:4px 6px;
	font-size:13px;
}
.entry-content .large_btn {
	min-width:100px;
	padding:10px;
	font-size:18px;
}
.entry-content .largex_btn {
	min-width:150px;
	padding:20px;
	font-size:28px;
}
.entry-content .small_btn,
.large_btn,
.largex_btn {
	font-weight:bold;
	text-align:center;
	margin:5px 5px 5px 0;
	width:auto;
	display:inline-block;
}
.more-link {
	display:block;
	padding:10px 0 0;
	font-size:13px;
}
.entry-meta2 {
	width:100%;
	line-height:20px;
	padding:20px 0 0;
	font-size:12px;
}
.entry-meta2 span {
	margin:0 12px 0 0;
}
.entry-meta2 span a {
	padding:0 4px 0 0;
	display:inline-block;
}
.post-entry-media {
	font-size:0;
	line-height:0;
	margin:0 0 10px;
}

/*sidebar*/
#sidebar {
	width:30%;
	float:left;
	padding:30px 15px 0;
}
#sidebar .widget {
	margin:0 0 25px;
}
#sidebar .widget-title {
	height:28px;
	line-height:26px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#sidebar li {
	line-height:14px;
	padding:6px 0;
	border-bottom:1px solid #f2f2f2;
}
#sidebar table {
	 width:100%;
}
#sidebar select {
	max-width:100%;
}
#sidebar ul ul {
	 padding:0 0 0 10px;
}

/*comments*/
#comments {
	padding:20px 0 0;
}
.navigation {
	line-height:30px;
	font-size:12px;
}
.navigation .alignleft {
	float:left;
}
.navigation .alignright {
	float:right;
}
.no-comments {
	line-height:30px;
}
.commentlist {
	padding:0 10px;
}
.comment {
	padding:0 0 10px;
}
.comment-body {
	padding:0 0 10px;
	position:relative;
}
.comment-author {
	width:32px;
	height:32px;
	float:left;
	background:#ffffff;
}
.comment-author img {
	width:32px;
	height:32px;
}
.comment-meta {
	line-height:16px;
	padding:0 0 4px;
	margin:0 0 0 40px;
	font-size:12px;
}
.comment-meta span {
	margin:0 5px 0 0;
}
.comment-meta .fn {
	font-size:13px;
	font-weight:bold;
}
.comment-content {
	margin:0 0 0 40px;
	line-height:18px;
	font-size:12px;
	text-align:Justify;
	text-justify:inter-ideograph;
	 padding:2px 0 0;
}
.reply {
	position:absolute;
	top:0;
	right:0;
	line-height:20px;
	font-size:11px;
}
#comments .children {
	margin:0 0 0 40px;
}
#comments .children .comment {
	padding:0;
}
#comments .children .comment-body {
	padding:0 0 10px;
}

#respond {
	padding:10px 0 0;
}
.comment-reply-title {
	font-size:16px;
	height:40px;
	line-height:40px;
}
.comment-reply-title small {
	float:right;
	line-height:40px;
	font-size:11px;
}
.input-container {
	margin:0 0 8px;
}
.input-container span {
	margin:0 0 0 8px;
	font-size:13px;
}
.input-container-full {
	display:block;
	width:100%;
	margin:0 0 8px;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#444545;
	display:inline-block;
	font-family:"Open Sans",sans-serif;
	font-size:13px;
	height:32px;
	outline:medium none;
	padding:6px 5px 4px;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
textarea {
	height:120px;
	width:100%;
	resize:none;
}
input[type="submit"],
.button  {
	background:#FF6F07;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:inline-block;
	font-family:"Open Sans",sans-serif;
	margin:0;
	outline:medium none;
	padding:0 5px;
	position:relative;
	 height:32px;
	 line-height:32px;
	text-align:center;
	text-transform:uppercase;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
input[type="submit"]:hover,
.button:hover {
	background:#ff942b;
}
#submit {
	display:none;
}
.logged-in-as {
	height:30px;
	line-height:20px;
	font-size:13px;
}
.comment #respond {
	margin:0 0 0 40px;
	padding:10px 0 20px;
}
#respond input[type="text"] {
	 width:40%;
}

/*search-form*/
.search-form {
	width:90%;
	height:32px;
}
.search-form .search-field {
	width:75%;
	float:left;
	font-family:inherit;
	font-size:13px;
}
.search-submit {
	width:25%;
	height:32px;
	line-height:32px;
	text-align:center;
	font-family:inherit;
	font-size:13px;
	float:right;
	background:none;
	border:none;
	background-color:#FF6F07;
	color:#ffffff;
	cursor:pointer;
	text-transform:uppercase;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
.search-submit:hover {
	background:#ff942b;
}

/*other*/
.wp-caption {
	margin-bottom:1.5em;
	max-width:100%;
}
.wp-caption img[class*="wp-image-"] {
	margin:1.2% auto 0;
	padding-bottom:0;
}
.wp-caption-text {
	text-align:center;
}
.wp-caption .wp-caption-text {
	margin:0.8075em 0;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignleft {
	display:inline;
	float:left;
	margin-right:1.5em;
}
.alignright {
	display:inline;
	float:right;
	margin-left:1.5em;
}
.aligncenter {
	clear:both;
	display:inline;
	margin:0 auto;
}

/*footer-bar*/
#footer-bar {
	border-top:1px solid #E6E6E6;
	background:#F8F8F8;
	padding:20px 15px;
	min-height:160px;
}
#footer-bar .widget {
	float:left;
}
#footer-bar .widget-title {
	height:28px;
	line-height:26px;
	font-size:16px;
	font-weight:bold;
}
#footer-bar li {
	line-height:20px;
	font-size:12px;
}

/*footer*/
#foot {
	width:100%;
	border-top:1px solid #EBEDED;
	padding:20px 0 25px;
}
#foot .div1 {
	font-size:13px;
	padding:0 0 5px 10px;
	line-height:20px;
}
#foot .div1 span {
	 margin:0 12px 0 0;
}
#foot .div2 {
	font-size:13px;
	padding:0 15px;
	line-height:20px;
}
#foot .div2 span {
	margin:0 7px 0 0;
}

#back_top  {
	border-radius:5px 5px 5px 5px;
	bottom:30px;
	cursor:pointer;
	height:36px;
	opacity:0.8;
	position:fixed;
	right:30px;
	text-align:center;
	width:36px;
	z-index:100;
	background:#444545;
	color:#ffffff;
}
#back_top i {
	line-height:36px;
	font-size:24px;
	color:#ffffff;
}
#back_top:hover {
	opacity:1;
}

/*wp-pagenavi*/
.wp-pagenavi {
	padding:30px 0 10px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	 background:#ffffff;
	border: 1px solid #EBEDED;
	padding:5px 10px;
	margin:0 3px 0 0;
}
#main .wp-pagenavi .page {
	 padding:5px 10px;
	margin:0 3px 0 0;
}
.wp-pagenavi a:hover,
 .wp-pagenavi span.current {
	border: 1px solid #EBEDED;
}
.wp-pagenavi span.current {
	color:#FF6F07;
}

/*responsive*/
@media only screen and (max-width: 999px) {
	#social {
		padding-right:10px;
	}
	#nav {
		border-radius:0;
	}
	#nav li:first-child {
		border-radius:0;
	}
	#back_top {
		right:-36px;
	}
}
@media only screen and (max-width: 799px) {
	#caption {
		min-height:100px;
	}
	#title {
		width:100%;
		float:none;
		text-align:center;
		padding:40px 0 20px;
	}
	#social {
		width:100%;
		float:none;
		text-align:center;
		padding:0 0 20px;
	}
	#social a {
		margin:0 5px;
	}
	#social a i {
		color:#888888;
	}
	
	#nav {
		height:auto;
		background-image:none;
		background-color:#f86906;
		padding-bottom:0;
	}
	#nav .menu-toggle {
		display:block;
	}
	#nav .menu {
		background:#4d4d4d;
	}
	#nav li {
		width:100%;
		height:auto;
		display:block;
		position:inherit;
		border-top:1px solid #cccccc;
		background-color:#4d4d4d;
	}
	#nav .current_page_item {
		background-image:none;
	}
	.mr li:first-child {
		background-image:none;
	}
	#nav li a {
		text-align:center;
	}
	#nav li a:hover {
		background-image:none;
		background:#ff7e07;
	}
	#nav .sub-menu,
	#nav .children {
		border:none;
		position:inherit;
		height:auto;
		width:100%;
		overflow:inherit;
		background-color:#4d4d4d;
	}
	#nav ul ul a {
		padding:5px 0;
		width:100%;
		background:none;
	}
	#nav .menu {
		display:none;
	}
	
	#main {
		width:100%;
		float:none;
		margin:0;
	}
	#sidebar {
		width:100%;
		float:none;
		margin:0;
	}
	#sidebar .widget {
		width:50%;
		float:left;
		padding:0 10px 0 0;
	}
}
@media only screen and (max-width: 479px) {
	#sidebar .widget {
		width:100%;
		float:none;
		padding:0;
	}
	
	#foot {
		height:auto;
	}
	#foot .div1 {
		width:96%;
		padding:0 2% 10px;
	}
	#foot .div1 span {
		display:block;
		margin:0;
	}
	#foot .div2 {
		width:96%;
		padding:0 2%;
	}
	#foot .div2 span {
		display:block;
		margin:0;
	}
}