/*
Theme Name: Dream
Theme URI: http://www.vsfish.com/dream/
Description: Dream is fully responsive wordpress theme, It is easily customizable with numerous theme options.
Tags: white,orange,two-columns,responsive-layout,custom-menu,theme-options,sticky-post
Version: 1.0.3
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{width:100%;overflow:hidden;}
#header .inner,#navigation .inner,#content .inner,#footer .inner{max-width:1000px;margin:0 auto;}

/*header*/
#caption{min-height:90px;padding:0 10px;}
#title{height:30px;line-height:30px;display:inline-block;padding:32px 0 28px;}
#title a{font-size:30px;font-weight:bold;text-shadow:0 0 10px #999999;font-family:'Roboto',sans-serif;}
#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{height:30px;line-height:30px;padding:0 15px 20px;}
.page-header span{font-weight:bold;margin:0 0 0 5px;}
#nav-below{padding:0 15px;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;box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.3);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:5px 0;}
#sidebar table{ width:100%;}
#sidebar select{max-width:100%;}
#sidebar ul ul{ padding:0 0 0 10px;}

/*comments*/
#comments{padding:20px 10px 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 10px 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:rgba(0, 0, 0, 0.75);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 #999999;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 0 0 10px;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;}
}