/*
Theme Name: Euforia
Description: Dark wooden background theme with transparent blocks that encapsulates articles/posts/pages.
Author: Jayvin Duong
Author URI: http://mobile.sheridanc.on.ca/~duongja/
Version: 1.0
Tags: black, blue, white, light, one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

*/


/* =Reset
-------------------------------------------------------------- */

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


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

body {
	background: url(images/bg_body.png) top center no-repeat #000 fixed;
	color: #999;
	line-height: 1.25rem;
}

body,
input,
textarea {
	font-family: "Segoe UI Light", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: lighter;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}


a:hover 					{ color: #F3E761; }
i, em, abbr, cite, q 		{ font-style: italic; }
code, kbd, tt, var 			{ color: #BBB; }
del, strike 				{ text-decoration: line-through; }
acronym 					{ text-transform: uppercase; }
sup 						{ bottom: 1ex; }
sub 						{ top: .5ex; }
ins 						{ text-decoration: none; }

b, strong {
	font-weight: bold;
	color: #CCCCCC;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	font-size: 0.7rem;
}

a {
	color: #F07830;
	text-decoration: none;	
}


/* =Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 									{ color: #FFFFFF; }
h1 														{ font-size: 2.75rem; }
h2 														{ font-size: 1.5rem; }
h3 														{ font-size: 1.4rem; }
h1.page-title 											{ font-size: 1.5rem; margin-bottom: 20px; }


/* =Forms
-------------------------------------------------------------- */

label 													{ display: none; }

input,
textarea {
	background: url(images/bg_forms.png);
	border: none;
	padding: 5px;
	color: #B6B6B6;
	outline: none;
}


/* =Header
-------------------------------------------------------------- */

header 													{ margin-top: 10px; }
#site-title 											{ font-size: 2.75rem; }

#branding #site-description {
	margin-top: 25px;
	font-size: 0.8rem;	
}


/* =Navigation
-------------------------------------------------------------- */

#mobile-nav,
nav div.menu ul.children 								{ display: none; }

nav {
	margin-top: 20px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 10px;
}

nav div.menu li {
	display: inline-block;
	margin-right: 20px;	
}


/* =Content
-------------------------------------------------------------- */

#content #nav-above 									{ display: none; }
#content #nav-below div.nav-previous					{ float: left; }
#content #nav-below div.nav-next						{ float: right; }
#content ul li 											{ list-style: square; }
#content ol li 											{ list-style: decimal; }

#content ul,
#content ol	{ 
	margin: 10px 0 10px 35px;
}

#content {
	float: left;
	width: 680px;
	height: inherit;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 20px 0 0;
}

#content div.entry-footer, .edit-link {
	margin: 20px 0 10px 0;
	font-size: 0.8rem;	
}


/* =Post/Pages
-------------------------------------------------------------- */

div.entry-content p 									{ margin: 15px 0 15px 0; }
div.entry-content span.subtitle 						{ font-size: 0.8rem; }
div.entry-content h1 									{ font-size: 1.5rem; }
div.entry-content h2 									{ font-size: 1.3rem; }
div.entry-content h3 									{ font-size: 1.2rem; }
div.entry-content h4 									{ font-size: 1.1rem; }
div.entry-content h5 									{ font-size: 1.05rem; }
div.entry-content h6 									{ font-size: 1.0rem; }
div.entry-content th 									{ text-align: left; }
div.entry-content dd 									{ margin-bottom: 10px; }

#content div.post,
#content div.page {
	background: url(images/bg_posts.png);
	box-shadow: 5px 5px 10px #000000;
	margin-bottom: 25px;
	overflow: hidden;
	padding: 20px 20px 10px 20px;
}

#content .entry-title {
	border-bottom: 1px solid #555;
	font-size: 1.5rem;	
	padding-bottom: 10px;
}

#content div.entry-meta {
	margin: 10px 0 10px 0;
	font-size: 0.75rem;
}

div.entry-content h1,
div.entry-content h2,
div.entry-content h3,
div.entry-content h4,
div.entry-content h5,
div.entry-content h6 {
	margin-bottom: 5px;
}

div.entry-content img,
div.entry-content iframe, 
div.entry-content video {
	max-width: 640px;
}

div.entry-content img { 
	height: auto;
	margin: 10px 6px 10px 0;
}

div.entry-content figure.alignleft,
div.entry-content img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

div.entry-content img.alignright,
div.entry-content figure.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

div.entry-content table,
div.entry-content dl {
	margin: 10px 0;
}

div.entry-content th,
div.entry-content td {
	padding: 5px;
}


/* =Comments
-------------------------------------------------------------- */

#comments #comments-list 								{ margin: 10px 0; }
#comments #comments-list h3								{ margin-bottom: 10px; }
#comments #comments-list #comment-post 					{ clear: both; }
#comments #comments-list ul.children #comment-post 		{ margin: 10px 20px; }

#comments #comments-list ul,
#comments #comments-list li {
	list-style: none;
	margin: 15px 0;
	height: auto;
}

#comments #comments-list div.comment-post-content {
	float: left;
	padding-bottom: 15px;
}

#comments #comments-list div.comment-post-content div.comment-meta,
#comments #comments-list div.comment-post-content div.comment-content,
#comments #comments-list div.comment-post-content div.comment-reply-link {
	font-size: 0.95rem;
	margin-bottom: 5px;
}

/* Comments form */
#comments .logged-in-as,
#comments .comment-notes,
#comments .form-allowed-tags 							{ font-size: 0.75rem; }

#comments #respond #respond {
	background: url(images/bg_posts.png);
	box-shadow: 5px 5px 10px #000000;
	clear: both;
	padding: 10px;
}

#comments #respond label {
	display: block;
}

#comments #comment {
	width: 80%;
	resize: none;
}


/* =Sidebar
-------------------------------------------------------------- */

#primary 												{ padding: 0 0 0 10px; }
#primary li 											{ margin-top: 20px;	}

#sidebar  {
	float: right;
	width: 300px;
	margin-bottom: 20px;
}

#primary li.widget-container li {
	font-size: 0.9rem;
	margin: 10px 0 0 5px;
}


/* =Search Bar
-------------------------------------------------------------- */

#sidebar #search-inputs input[type=text]				{ width: 230px; }
#content #search-inputs input[type=text]				{ width: 90%; }
#searchform 											{ background: url(images/bg_forms.png); }

#search-inputs input[type=text] {
	margin: 2px;
	background: none;
}

#searchsubmit,
#search-inputs input[type=submit] {
	background: url(images/search.png) no-repeat;
	float: right;
	width: 26px;
	height: 26px;
	margin: 1px 12px 1px 0;
	text-indent: -999em;
}


/* =Footer
-------------------------------------------------------------- */

footer {
	background: url(images/bg_posts.png);
	padding: 20px;
}