/*   
Theme Name: Redesigned by M v0.1
Theme URI: http://redesignedbym.com
Description: A theme for Redesigned by M
Author: Redesigned by M
Version: 0.1
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #000000;}

/* unvisited link */
a:link {color: #835E3F;}

/* visited link */
a:visited {color: #835E3F;}

/* selected link */
a:active {color: #DED5B4;} 

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #FEC43F; color: #fff; text-shadow: none;}
::selection {background: #FEC43F; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

/* GENERAL ================================================= */

html {
	background-image: url(images/brownplankbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	-webkit-background-size: cover;
   	background-size: cover;
}

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

h2 {
	font-size: 1.5em;
	margin: 1.5em 0 0.5em 0;
}

p {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

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

#wrapper {
	margin: 0 auto;
	width: 1250px;
	overflow: hidden;
}

.bordertop {
	border-top: 0.5em solid #000;
}

.borderbottom {
	border-bottom: 0.5em solid #000;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Wrapping text around images: Coding from Wordpress */ 

img.alignright { 
	float: right; 
	margin: 0 0 1em 1em; 
}

img.alignleft { 
	float: left; 
	margin: 0 1em 1em 0; 
}

img.aligncenter { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}

.alignright { 
	float: right; 
}

.alignleft { 
	float: left; 
}

.aligncenter { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}

.wp-caption.alignleft { 
	float:left; 
	margin-left:0; 
	margin-right:5px; 
}

.wp-caption.aligncenter { 
	margin-left:auto; 
	margin-right:auto; 
}

.wp-caption.alignright { 
	float:right; 
	margin-left:5px; 
	margin-right:0; 
}

/* MENU ======================================================== */

#header {
	float: left;
	width: 250px;
	margin-left: 25px;
    	background: rgb(6, 7, 12); 
    	background: rgba(6, 7, 12, .9);
	padding: 20px 0 10px 0;
	text-align: center;
	min-height: 1000px;
	position: fixed;
	z-index: 1;
}

#header img {
	max-width: 80%;
}

.description {
	font-family: 'Lobster', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.7em;
	color: #FFF;
}

.socialmedia {
	margin: 2em 0 2em 0;
}

#nav {
	margin: 0 0 7.5em 0;
}

#nav li {
	margin: 0.8em 0 0 0;
	text-transform: uppercase;
}

#nav a {
	color: #FFF;
	font-family: 'SteelfishRgRegular', Arial, sans-serif;
	font-size: 1.7em;
	font-weight: 400; 
	letter-spacing: 2px;
}

#nav a:hover {
	color: #835E3F;
}

#nav .sub-menu a:hover {
	color: #835E3F;
}

#nav .sub-menu a {
	font-size: 1.3em;
	letter-spacing: 1.5px;
	color: #000;
	padding: 1em;
	font-color: #FFF
}

#nav .sub-menu {
	position: absolute;
	float: left;
	margin: -2.5em 0 0 15em;
	background: rgb(256, 256, 256); 
    	background: rgba(256, 256, 256, .8);
    	width: 150px;
}

li.menu-item ul li {
	display: none;
}

li.menu-item:hover ul li {
	display: block;
}

li.menu-item ul li:first-child > a:after {
	content: '';
 	position: absolute;
 	top: 10px;
 	left: -8px;
 	width: 0;
 	height: 0;
 	border-top: 8px solid transparent;
 	border-bottom: 8px solid transparent;
 	border-right: 8px solid #FFF;
  	opacity: 0.8;
  	filter: alpha(opacity=80);
}

li.menu-item ul li:last-child {
	padding-bottom: 0.5em;
}

#header p {
	font-family: 'SteelfishEbRegular', Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 400; 
	color: #FFF;
	letter-spacing: 1.1px;
	padding-bottom: 1em;
	margin: 0 2em 0 2em;
}


/* MAIN ========================================================== */

#middle {
	float: left;
	width: 700px;
	margin: 0 0 0 300px;
	padding: 20px 10px 0 20px;
	top: 0px;
    	background: rgb(256, 256, 256); 
    	background: rgba(256, 256, 256, .7);
    	min-height: 800px;
}

.mainpostarea {
	margin: 1em 0 0 0;
}


	/* RESPONSIVE SLIDER ============================= */

	.responsive-slider.flexslider {
		margin-bottom: 10px !important;
	}

	.responsive-slider.flexslider .slide-title a {
		background: #06070C !important;
		width: 33%;
		padding: 9em 0.5em 8em 0.5em !important;
		font-family: 'SteelfishRgRegular', Arial, sans-serif;
		font-size: 2em;
		font-weight: 400; 
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: center;
	}	

	.excerpt {
		color: #FFF;
		font-family: 'Lobster', Arial, sans-serif;
		font-weight: 400;
		font-size: 1.5em;
		position: absolute; 
		top: 110px; 
		right: 16px;
		width: 28%;
		text-align: center;
		border-bottom: 2px solid #835F3F;
		padding-bottom: 1em;
	}

	.responsive-slider.flexslider .slides img {
		max-height: 350px;
	}

	.responsive-slider.flexslider .flex-direction-nav li a, .flex-control-nav {
		display: none;
	}


.redesigns {
	float: left;
	width: 32%;
	margin: 1em 0 0 0;
}

.organizing {
	float: left;
	width: 32%;
	margin: 1em 2% 0 2%;
}

.upcycles {
	float: left;
	width: 32%;
	margin: 1em 0 0 0;
}

.redesigns h3, .organizing h3, .upcycles h3 {
	margin: 0 0 0.5em 0;
	font-family: 'Lobster', Georgia, serif;
	font-weight: 400;
	font-size: 1.6em;
}

.redesigns img, .organizing img, .upcycles img {
	padding-bottom: 1.5em;
}


/* SIDEBAR ========================================================= */

#sidebar {
	float: left;
	width: 250px;
    	padding: 20px 20px 0 10px;   
    	padding-bottom: 35000px;
    	margin-bottom: -35000px;
}

#sidebar h2 {
	color: #FFF;
}

#widgetized-area {
	float: left;
	width: 250px;
}

.subscribebanner {
	background: #06070C;
	padding: 0.1em 0.1em 0.2em 0.3em;
	margin: 0.7em 0 -0.6em 0;
}


	/* WYSIJA ================ */

	.wysija-required {
		display: none;
	}

	.widget_wysija_cont p label {
		display: none !important;
	}
	
	.wysija-paragraph {
		margin-bottom: 0;
	}

	.widget_wysija_cont .wysija-submit {
		margin: 0 !important;
	}

	.wysija-paragraph, .wysija-submit {
		display: inline !important;
	}

	#s, .wysija-input {
		width: 87%;
		height: 23px;
		border: 0;
		border-radius: 0;
	}

	.wysija-input {
		width: 77%;
	}

#searchsubmit, .widget_wysija_cont .wysija-submit {
    	background: none;
	width: 10%;
	height: 30px;
	padding: 0;
	border: none;
	font-family: 'SteelfishEbRegular', Arial, sans-serif;
	font-size: 1.8em;
	color: #FFF; 
}

.searchbanner {
	background: #06070C;
	padding: 0.1em 0.1em 0.2em 0.3em;
	margin: 3em 0 0.5em 0;
}

.archivesbanner {
	background: #06070C;
	padding: 0.1em 0.1em 0.2em 0.3em;
}

#sidebar li {
	margin: 0.3em 0 0.3em 0;
	text-transform: uppercase;
}

.favoritesbanner {
	background: #06070C;
	padding: 0.1em 0.1em 0.2em 0.3em;
	margin: 1em 0 0.5em 0;
}


	/* WORDPRESS POPULAR POSTS ================ */

	.wpp-list img {
		margin: 0 0.3em 0.5em 0;
	}

	.popular-posts a:hover {
		color: #D03126;
	}

.sponsorsbanner {
	background: #06070C;
	padding: 0.1em 0.1em 0.2em 0.3em;
	margin: 1em 0 0.5em 0;
}

.subscribebanner, .searchbanner, .archivesbanner, .favoritesbanner, .sponsorsbanner {
	font-family: 'SteelfishRgRegular', Arial, sans-serif;
	font-size: 2em;
	font-weight: 400;
	letter-spacing: 2px;
}

#sidebar ul, #sidebar h3 {
	font-family: 'SteelfishRgRegular', Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 1px;
}


/* GALLERY OF POSTS + SINGLE POSTS ======================================= */

.categorydescription {
	font-family: 'Antic Slab', Arial, Helvetica;
	font-weight: 400;
	font-size: 1.2em;
	margin: -1em 0 2em 2.5em;
}

.gallery {
	float: left;
	width: 31%;
	margin: 1%;
}

.gallery img {
	margin-bottom: 2em;
}

.gallery h3 {
	min-height: 2.3em;
}

.postbanner {
	background: #06070C;
	color: #FFF;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 1em;
}

.postbanner-red {
	background: #D03126;
	color: #FFF;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 1em;
}

.postbanner-yellow {
	background: #FEC43F;
	color: #FFF;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 1em;
}

.postbanner h1, .postbanner-red h1, .postbanner-yellow h1, #middle h2 {
	font-family: 'SteelfishRgRegular', Georgia;
	font-weight: 400;
	font-size: 2.5em;
	letter-spacing: 2px;
}

.postbanner p, .postbanner-red p, .postbanner-yellow p {
	float: right;
}

.entry-content h4 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 6em;
	text-align: center;
	color: #06070C;
}

.entry-content h5 {
	font-family: 'Lobster', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	margin: 0 0 0 4em;
	text-align: left;
	color: #06070C;
}

.entry-content p, .entry-content h6 {
	font-family: 'Antic Slab', Arial, Helvetica;
	font-weight: 400;
	font-size: 1.3em;
}

.entry-content h6 {
	margin: -1.3em 4.5em 1em 11em;
}

.entry-content:after {
	content: url("images/Signature.png");
	margin: 200px
}

.textbox {
	padding:2px 6px 4px 6px; 
	color: #FFF; 
	background-color: #835E3F;
	border: #835E3F 2px solid 
}	

.postfooter {
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	margin: 50px 0 20px 0;
	padding: 8px 0 8px 0;
	font-size: 0.9em;
}

.postfooter p {
	margin: 0;
}

.postfooter-posted {
	float: left;
	width: 20%;
	padding-top: 20px;
}

.postfooter-shareandtags {
	float: left;
	width: 56%;
	padding: 0 1% 0 1%;
	text-transform: uppercase;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#ssba {
	padding-bottom: 10px;
	padding-left: 10px;
}

.postfooter-comments {
	float: right;
	width: 20%;
}

.postfooter-posted, .postfooter-comments {
	padding-top: 7px;
}

.previouspost, .nextpost {
	font-family: 'Lobster', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	text-align: center;
	width: 118px;
	margin: 20px 0 0 0;
}

.previouspost {
	float: left;
	background-image: url(images/arrowleft.png);
	background-repeat: no-repeat;
}

.nextpost {
	float: right;
	background-image: url(images/arrowright.png);
	background-repeat: no-repeat;
}

.previouspost a, .nextpost a {
	color: #FFF;
	display: block;
	padding: 5px 0 5px 0;
}


	/* YET ANOTHER RELATED POST =============== */

	.yarpp-related {
		font-family: 'Antic Slab', Arial, Helvetica;
		font-weight: 400;
		font-size: 1em;
		margin: 150px 0 0 0;
		padding: 0 0 0 0.7em;
	}

	.yarpp-related h3 {
		font-family: 'SteelfishRgRegular', Georgia;
		font-size: 1.5em;
		margin: 0 0 10px 0;
	}

	.yarpp-thumbnails-horizontal .yarpp-thumbnail {
		padding-right: 20px;
		border: 0 !important;
		border-right: 1px solid grey !important;
	}

	.yarpp-thumbnails-horizontal .yarpp-thumbnail:last-child {
		border-right: 0 !important;
	}



/* FOOTER =========================================================== */

#footer {
	background: rgb(256, 256, 256); 
    	background: rgba(256, 256, 256, .7);
    	width: 700px;
    	margin: 0 0 0 300px;
    	padding: 80px 0 8px 0;
    	text-align: center;
    	font-family: 'SteelfishRgRegular', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	clear: both;
}

#footer ul {
	margin: 0 0 0 12em;
}
#footer li {
	display: inline;
	margin: 0 0.5em 0 0;
}

#footer a:hover {
	color: #835E3F;
}

.archivesbold {
	font-family: 'SteelfishEbRegular', Arial, sans-serif;
}

#aboutmenu {
	margin: 3em 0 0 6em;
	text-align: center;
	font-family: Helvetica, Arial;
	font-size: 0.7em;
	letter-spacing: 0;
}

.aboutmenuabout {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding: 0 0.5em 0 0.5em;
}

/* 404 ============================================================ */

#fourohfour {
	text-align: center;
	position: fixed;
	width: 100%;
	top: -240px;
 	left: -8px; 
}

#fourohfourlogo img {
	background: #06070C;
	padding: 16px;
	width: 10%;
	min-width: 100px;
	z-index: 1;
	top: -210px;
	position: relative;
}

#fourohfour ul {
	background: #06070C;
	padding: 8px 0 8px 0;
}

.error404 ul li {
	display: inline;
	margin: 0 360px 0 360px;
}

.error404 a {
	color: #835E3F;
	font-family: 'SteelfishRgRegular', Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 0.1em;
	padding: 0 90px 0 90px;
}

.error404 a:hover {
	color: #FFF;
}


/* COMMENTS ============================================================ */

#comments, #respond {
        clear: both;
        padding-top: 1em;
}

ol.commentlist {
	list-style: none;
}

ol.commentlist li.even, ol.commentlist li.odd  {
	background: none;
}

ol.commentlist li.comment div.vcard img.avatar {
	float: left; 
	margin: 0 10px 10px 0;
}

ol.commentlist li.comment {
	border-top: 2px solid #000; 
	padding: 10px;
}

ol.commentlist li.comment ul.children li.depth-2, ol.commentlist li.comment ul.children li.depth-3, ol.commentlist li.comment ul.children li.depth-4, ol.commentlist li.comment ul.children li.depth-5 {
	margin: 0 0 15px 10px;
	width: 100%;
}

ol.commentlist li.comment div.vcard {
	font-family: 'SteelfishRgRegular', Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

ol.commentlist li.comment div.comment-meta {
	padding-bottom: 10px;
}

ol.commentlist li.comment div.comment-author {
	padding-bottom: 5px;
}

ol.commentlist li.comment p {
	font-family: 'Antic Slab', Arial, Helvetica;
	font-weight: 400;
	font-size: 1.3em;
}

ol.commentlist li.comment div.reply a {
	font-weight: bold;
	color: #D03126;
}

ol.commentlist li.comment div.reply a:hover {
	color: #FEC43F;
}

ol.commentlist li.comment ul.children li, ol.commentlist li.comment ul.children li.odd {
	margin-bottom: 0;
	padding-bottom: 0;
}

ol.commentlist li.comment ul.children li.depth-5 {
	padding-bottom: 10px;
}

/* =================================================================== */

#page-wrap {width: 960px; margin: 20px auto;}

.post {}
	

ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* PRINT STYLES ---------------------------------------------------------------*/

@media print {

}


/* MEDIA QUERIES ------------------------------------------------------------- */
 <meta name="viewport" content="width=device-width, initial-scale=1">

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

#wrapper {
	width: 100%;
}

#header, #sidebar, #middle {
	float: none;
	width: 100%;
	margin: 0;
	text-align: center;
}

#header {
	position: relative;
	min-height: 250px;
	min-width: 410px;
}

#header img {
	float: left;
	margin-left: 5%;
	max-width: 150px;
}

#nav {
	float: left;
	width: 30%;
	margin-left: 5%;
	text-align: left;
	position: relative;
	bottom: 90px;
}

#nav a {
	color: #FFF;
}

#nav .sub-menu {
	margin-left: 10em;
}

.socialmedia {
	float: left;
	width: 55%;
	margin-left: 2%;
	position: relative;
	top: 140px;
}

#middle {
	padding-bottom: 1em;
}

.responsive-slider.flexslider {
	width: 740px;
	margin: 0 auto;
}

#sidebar {
	padding-bottom: 0;
}

.bordertop {
	border: 0;
}

.postbanner {
	margin-top: 5em;
}

.description, #header p, .favoritesbanner, #wpp-3, #footer {
	display: none;
}

.entry-title {
	clear: both;
}

.archive h2, .categorydescription {
	text-align: left;
	clear: both;
}

.yarpp-related {
	text-align: left;
}

#fourohfourlogo, #fourohfour ul {
	display: none;
}

#comments, .commentlist, #respond {
	text-align: left;
}

}

// Little larger screen
@media only screen and (min-width: 480px) {

.redesigns, .organizing, .upcycles {
	float: none;
	width: 100%;
	margin: 0 auto;
	clear: both;
	font-size: 2.5em;
}

.responsive-slider.flexslider {
	display: none;
}
}

// Pads and larger phones
@media only screen and (min-width: 600px) {

}

// Larger pads
@media only screen and (min-width: 768px) {

}

// Horizontal pads and laptops
@media only screen and (min-width: 992px) {

}

// Really large screens
@media only screen and (min-width: 1382px) {

}

// 2X size (iPhone 4 etc)
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {

}