/*
Theme Name: ethicalfashion.ca
Theme URI: http://www.elementfortytwo.com/
Description: Built with love for Ryan C and his grand ideas.
Version: 2.0
Author: Emerson R. Lackey
Tags: two columns, widgets
*/

/* Global and Wordpress Classes */
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
a {color: #2f91d8; text-decoration: none; padding: 0 2px;}
a:hover {background: #D9531E; color: #ffffff;}

body {background: url(images/header-bg.png) 0px 0px repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#wrapper {width: 960px; margin: 0 auto;}
#header {width: 960px; height: 107px; position: relative; background: url(images/headerstars.jpg) 0px 0px no-repeat; margin-bottom: 20px;}
#logo {width: 250px; height: 50px; position: absolute; left: 0px; top: 40px; text-indent: -999em; background: url(images/ethicalfashion.png) 0px 0px no-repeat;}
#logo a {display: block; width: 250px; height: 50px; background: transparent;}

#content {width: 700px; min-height: 300px; padding: 0px 0px 15px 0px; margin: 0px 0px 30px 0px; float: left; }
#sidebar {width: 230px; min-height: 300px; float: left; padding: 0px 0 30px 30px; margin: 0px 0px 30px 0px;}
#footer {width: 960px; margin: 0 auto 30px auto; border-top: 1px solid #cccccc;}

/* Main Navigation */
#mainNav {position: absolute; top: 0px; right: 0px; height: 25px;}
#mainNav li {display: inline; line-height: 25px; margin-left: 15px;}
#mainNav li a {color: #fff; line-height: 25px; font-size: 13px; text-decoration: none; text-transform: lowercase;}
#mainNav li a:visited {color: #fff;}
#mainNav li a:hover {color: #d6edff; background: transparent;}

/* Homepage Feature */
.homepage {height: 192px; width: 960px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 15px 0; margin: 15px 0; background: url(images/loader.gif) center no-repeat;}
.homepage .featurethumbnail {height: 192px; width: 240px; float: left;}
.homepage .featurethumbnail a {padding: 0; margin: 0; height: 192px; width: 240px; float: left;}
div.hider {height: 192px; width: 960px; background: #fff;}



/* Three Column Framework */
div.leftColumn {width: 310px; float: left; margin-right: 15px; display: inline;}
div.middleColumn {width: 310px; float: left; margin-right: 15px; display: inline;}
div.rightColumn {width: 310px;}






/* POSTS */
div.thumbnail {width: 250px; height: 200px; float: left; margin-left: 15px; display: inline;}
div.thumbnail a {border:1px solid #CCCCCC; display:block; height:200px; padding:0; width:250px;}
div.excerpt {width: 380px; float: left; padding-left: 23px;}
div.post {position: relative;}
div.post h3 a {padding: 2px 5px; line-height: 22px;}
div.post h2 {}

/* SINGPLE */
div.contact-info {width: 248px; background: #CFCDB5; top: 220px; left: 15px; position: absolute; padding: 10px 0px 10px 0px; border: 1px solid #aca98b;}
div.contact-info p {padding-bottom: 0px; padding-left: 15px; font-style: italic;}
div.contact-info strong {}
div.contact-info strong a {background: #2f91d8; color: #ffffff; padding: 0px 4px; font-style: normal;}
div.contact-info strong a:visited {background: #2f91d8; color: #ffffff; padding: 0px 4px;}
div.contact-info strong a:hover {background: #D9531E;}
div.contact-info a {background: #2f91d8; color: #ffffff;}
div.contact-info a:hover {background: #D9531E;}
div.single {min-height: 500px; height: auto !important; height: 500px; position: relative;}
#backButton {margin-bottom: 10px;}

div.page {/* width: 500px; */ width: 100%;}
div.post {padding: 15px 0px; margin-bottom: 15px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background: #efefef;}
.home div.post {background: transparent; border: 0;}
div.articleSummery {float: left; width: 420px;}

p {font-size: 10pt; color: #111111; line-height: 150%; padding-bottom: 15px;}

/* Content */
h2 {font-weight: bold; color: #102c4e; margin-bottom: 10px;}
h3 {font-weight: bold; color: #102c4e; margin-bottom: 10px;}
h4 {font-weight: bold; color: #102c4e; margin-bottom: 10px;}
h5 {font-weight: bold; color: #102c4e; margin-bottom: 10px;}

/* Sidebar */
.widget_extended-categories h2.widgettitle {display: none;}
li.widget {margin-bottom: 15px;}

/* Retail and Manu */
.widget_extended-categories li {padding-bottom: 15px; color: #cccccc; font-size: 11px;}
.widget_extended-categories li a {font-weight: bold; text-decoration: none; font-size: 17px; color: #2f91d8;}
.widget_extended-categories li a:hover {background: #D9531E; color: #ffffff;}

/* Provinces (1st children) */
.widget_extended-categories .children {padding-top: 10px;}
.widget_extended-categories .children li {padding-bottom: 0px; padding-left: 0px; margin-bottom: 10px;}
.widget_extended-categories .children a {font-weight: normal; font-size: 12px; color: #fff; background: #6d899f; display: block; padding: 3px 2px; text-decoration: none; text-indent: 10px; font-weight: bold;}
.widget_extended-categories .children a.active {background: #D9531E;}
.widget_extended-categories .children a:hover {background: #D9531E;}

/* Cities (2nd children) */
.widget_extended-categories .children .children {padding-top: 0px; border-bottom: 1px solid #cccccc; background: #efefef;}
.widget_extended-categories .children .children li {padding-bottom: 0px; margin-bottom: 0px;}
.widget_extended-categories .children .children a {font-weight: normal; font-size: 12px; display: inline; color: #f49b0e; padding: 0; display: block; padding: 4px 0px 4px 5px; background: #efefef; color: #111111;}
.widget_extended-categories .children .children a:hover {background: #999999; color: #ffffff;}

/* Tag Cloud */
#sidebar ul.wp-tag-cloud li {margin-bottom: 3px; display: inline; line-height: 18px;}
#sidebar ul.wp-tag-cloud li a {background: #2f91d8; color: #ffffff; padding: 0px 4px; white-space: nowrap;}
#sidebar ul.wp-tag-cloud li a:hover {background: #D9531E;}

p.footer {font-size: 9pt; text-align: right; padding-top: 15px;}
p.footer a {text-decoration: none; background: #2f91d8; color: #ffffff; padding: 3px;}
p.footer a:visited {}
p.footer a:hover {text-decoration: underline;}


/* Magazine Style */
#magazine h1 {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
#magazine h2 {color: #000;}
div.hr {width: 100%; height: 1px; background: #999999; margin-bottom: 15px;}
div.category-magazine {background: transparent;}
div.category-magazine .post {background: transparent; border: 0;}
#magazine .post {padding: 15px 0px; background: transparent; border: 0; width: 600px; float: left;}
.blog .post h3 {margin-left: -3px;}
.category-magazine #content .excerpt {width: 90%;}
.category-magazine #content .excerpt h3 {margin-bottom: 3px; margin-left: -3px;}
.category-magazine p.date {margin-bottom: 3px;}
.category-magazine p small {font-style: italic; font-size: 11px; color: #777;}
.dateSmall {position: absolute; display: block; width: 50px; height: 30px; left: -40px; top: 10px; background: #6D899F; border: 1px solid #435e73;}
.dateSmall p {text-align: center; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 30px;}

/* Magazine Thumbs */
.postThumb a {display: block; width: 150px; height: 120px; padding: 5px; background: #efefef; border: 1px solid #cccccc;}
.postThumb {width: 160px; float: left; margin-right: 15px; display: inline;}

/* Article Meta */
.articleInformation {background: #efefef; border: 1px solid #ccc; padding: 10px; min-height: 80px; margin-bottom: 30px;}
.articleInformation p {padding: 0; margin: 0; font-size: 12px;}
.articleInformation img {float: left; margin-right: 15px;}

.articleCategory {font-style: italic; margin: 0; padding: 0; position: relative; top: -10px; color: #999;}


/* Magazine Sidebar */
#magazine #sidebar {padding: 0px 0px 30px 0px;}
#magazine #sidebar ul li.widget {margin-bottom: 15px; background: #efefef; border: 1px solid #ccc; padding: 10px;}
#magazine #sidebar ul ul li {margin-bottom: 5px;}
#magazine #sidebar ul li a {font-size: 13px;}


/* Comments */
#commentBox {clear: both; border-top: 1px solid #ccc; padding-top: 15px;}
.commentlist {clear: both; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px;}


/* Wordpress Classes */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px 10px 15px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}