/*   
Theme Name: eBrands
Theme URI: http://www.ebrands.com.au
Description: Design: Mark Aitken, Development: Ben White
Author: Ben White
Author URI: http://www.ebrands.com.au
Version: 1.0
*/




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

@import url("reset.css");

/*===============================
   Link Fonts
===============================*/

@import url("fonts.css");

.highlight {  }

/*===============================
   Generic Typography
===============================*/
html, body {  font-family: "Times New Roman", Times, serif; font-size: 10px; line-height: 1; color: #2a2723; width: 100%; }
h1 { font-family: "Times New Roman", Times, serif; font-size: 1.5em; padding: 0 0 2.5em 0; color: #666; font-weight: normal; font-style: italic ; line-height: 145%}
.galleryItem h2 { padding: 1.5em 0.75em 0; width: 12em; margin: 0em; font-size: 1.2em; line-height: 120% }
.galleryItem h5 { padding: 1em; font-size: 0.95em; }
h2 { font-family: Arial Black, Helvetica, sans-serif; font-size: 1.5em; padding: 0 0 0.8em 0; color: #666666; margin: 0; ; line-height: 145%;}
h3 { font-family: 'UniversLTStd75Black', Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 0 0 0.3em 0; margin: 2em 0 0.2em; color: #999999; line-height: 145% }
li.section_hdr  { font-family: 'UniversCondensedBold', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.85em; color: #999999; padding: 0em 0.5em 0 0; line-height: 100%; }
#reply-title  { font-family: 'UniversCondensedBold', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.2em; color: #999999; padding: 0em 0.5em 0 0; line-height: 100%; letter-spacing: 0em }
h4 { font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; font-size: 1.2em; letter-spacing: -0.01em; color: #b4ce01; font-weight: normal; margin: 15px 0 3px; }
h5 { font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -0.01em; color: #999; }
p { font-size: 1.2em; line-height: 125%; margin: 0 0 0.8em 0; }
.entry p { font-size: 1.35em !important; line-height: 145%; margin: 0 0 0.8em 0; color: black; }
#content.portfolio_template .entry p { width: 34em; }
ul { /*margin: 0 0 8px 0;*/ }
ol { }
li { /*background: url(images/site_li.png) 0px 4px no-repeat; padding-lefthttp://prpr11541.staging-zeus.netregistry.net/: 12px;*/ }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
hr { padding: 0; margin: 0; background: #c3c3c3; border: none; height: 0.1em; margin: 2em 0 2em 0; }
a:link, a:visited, a:active, a:hover { text-decoration: underline; color: black; }
a:hover { text-decoration: none; color: black }

/*===============================
   Generic Layout
===============================*/
#structure_left { width: 20em; position: absolute; left: 0; height: 100%; margin: 0em 0em 0em 2em }
#structure_right { margin-left: 26em; min-width: 35em}
* html #structure_right, * html #structure_top { width: 100%; }
#structure_top { float: left; width: 100%; padding-top: 3.7em; color: #938b82; font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; height: 10.5em; clear: both;}
#content { float: left; padding-bottom: 0em; }
.entry { margin: 3em 0px 0px 0px; width: 48em !important; }
.entry ul { font-size:1.35em !important; line-height: 145%; margin:0 0 2em 2.3em; list-style: disc; }
.entry ol { font-size:1.35em !important; line-height: 145%; margin:0 0 1em 2.3em;	 list-style: decimal;	}
.postTag { margin: 0em 0em 0em 0em !important; padding: 0.75em 0em; width: 25em; float: left;}
.postTag li{ float: left; list-style: none; text-indent: 0em; margin: 3px 0 0; }
#content.home { width: 100%; margin: 0em 0em 3em 0em;}
#content.general { width: 48em; }
#content.category { width: 72em; float: left; margin: 0em 0em 3em 0em;}
#content.comments { width: 48em; }
/*#content.portfolio_template { width: 100% !important }
#content.portfolio_template .entry { width: 100% !important; }*/
#footer { clear: both; display: none; }
.Small .sub_heading { display: none; !important }
.gallery { width: 699px; }

/*===============================
   Navigation
===============================*/
#logo { padding: 20px 0 0 0px; height: 12em; background: white; }
/* Nav */
#navigation { padding-bottom:30px; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { background: none; padding-left: 0px; padding: 0px; margin: 0px;} 
#navigation a { display: block; color: #cccccc; font-size: 1.3em; padding: 4px 0 3px 0px; text-decoration: none; font-family: 'UniversLTStd45Light', Arial, Helvetica, sans-serif; line-height: 100%; }
* html #navigation a { display: inline; line-height: 150%;}
#navigation a:hover, #navigation .sub-menu a:hover, #navigation .sub-menu .sub-menu a:hover { color: #b4ce01; }
#navigation .current-menu-ancestor, #navigation .current-post-ancestor, #navigation .current-category-ancestor , #navigation .current-menu-item { margin: 0px 0px 0px 0px}
#navigation .current-menu-ancestor>a, #navigation .current-post-ancestor>a { color: #333; }
#navigation .current-menu-item>a { color: black; }
/* Level 2 */
#navigation .sub-menu li.current-menu-item>a, #navigation .sub-menu li.current-menu-ancestor>a, #navigation .sub-menu li.current-post-ancestor>a { background: none; color: black; }
#navigation ul.sub-menu { padding-bottom: 20px; padding-top: 5px; }
#navigation .sub-menu a { color: #999; font-size: 1.25em }
#navigation .sub-menu ul.sub-menu { border-bottom: 1px solid #f6f6f6; margin-bottom: 15px; padding-bottom: 5px;}
#navigation .sub-menu .sub-menu li a{ font-size: 1.1em;  }
#navigation .sub-menu .sub-menu a { color: #000; }
.sub-menu { display: none; }
/* Post Nav */
#post_navigation { padding: 0 0em; }
#iconsSocial li { padding: 0 1em 1em 0; }
#iconsSocial { padding: 0em 0 0 0; }

/*===============================
   Header and Content Start
===============================*/
#structure_top h1 { padding-top: 1.47em; max-width: 500px }
#crumbs { float: left; width: 42em; color: #999999; font-size: 1.1em; padding: 1.5em 0 1em; border-top: 1px solid #ccc; font-family: 'UniversLTStd55Roman',Arial, Helvetica, sans-serif;  }
/* View type and edit post buttons */
#viewType { float: left; font-size: 1.1em; position: absolute; top: 11em;}
#viewType a { padding: 0px 0px 0px 1.1em; color: white; text-decoration: none; }
#viewType a:hover { color: #333; text-decoration: none;}
#viewList { background: url(images/icon_list.png) left no-repeat; }
#viewGrid { background: url(images/icon_grid.png) left no-repeat; padding-right: 1.3em; display: none; }
#postEdit { background: url(images/icon_edit.png) left no-repeat; padding-right: 1.3em; }

/*===============================
   Home and Category Gallery
===============================*/
/* Top Level 
.galleryItem img {display: none;}*/
.galleryItem { overflow: hidden; margin: 0px 1px 1px 0px; float: left; position: relative; background: #eeeeee; }
.galleryItem .background { position:absolute; top: 0; left: 0; z-index: -1; background: #ffffff; width: 100%; height: 100%; }
.galleryItem.Small .background img { width: 174px; height: 97px }
.galleryItem.Large { width: 349px; height: 195px; }
.galleryItem.Small { width: 174px; height: 97px; }
/* Link and Border */
.galleryItem a { display: block; position: absolute;}
.galleryItem.Large a { width: 34.2em; height: 19em;  text-decoration: none !important;}
.galleryItem.Small a { width: 16.7em; height: 9.1em;  text-decoration: none !important;}
/* Text Size */
.galleryItem .category { clear: left; float: left; margin-top: 1.5em; }
.galleryItem .heading { clear: left; float: left; }
.galleryItem .sub_heading { clear: left; float: left; margin: 0.5em 0em 0em; padding: 0em;}
.galleryItem.Small .category { margin-top: 1.5em; }
/* Text Format */
.galleryItem li { clear: left; float: left; padding-left: 0; line-height: 1; }
.galleryItem .category li { color: #b4ce01; font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; font-size: 1.1em; ; padding: 0 0.5em 0; }
.galleryItem .heading li { color: #666; font-family: 'UniversLTStd75Black', Arial, Helvetica, sans-serif; font-size: 1.45em; ; padding: 0 0.5em; }
.galleryItem .sub_heading li { color: #2a2723; font-size: 1.1em; padding: 0 0.9em; width: 13em; line-height: 1.25em; font-style: italic; }
.galleryItem.Small .category li { color: #b4ce01; font-size: 1.2em; padding: 0 0.9em 0; }
.galleryItem.Small .heading li { color: #666; font-size: 1.45em; padding: 0 0.5em; }
.galleryItem.Small .sub_heading li { display: block; }

/*===============================
   Post Blog Info
===============================*/
.meta { clear: both; float: left; width: 100%; /*border-top: 1px solid #edebe9; border-bottom: 1px solid #edebe9;*/ padding-top: 1.5em; }
.postAvatar { float: left; width: 3em; height: 3em; margin-bottom: 1.5em; text-decoration: none !important;}
.postInfo { float: left; margin-left: 0.7em; }
h2.subHeading { font-size: 1.1em; padding: 0.45em 0 0.15em; color: #333; text-decoration: none !important;}
h2.subHeading a { color: #333; text-decoration: none !important; }
.comment-author { font-family: 'UniversLTStd75Black', Arial Black, Helvetica, sans-serif; padding: 0 0 0.8em 0; letter-spacing: -0.05em; color: #666666; margin: 0; line-height: 145%; font-size: 1.1em; padding: 0.45em 0 0.15em; color: #333; }
.comment-author cite { font-style: normal; }
.comment-meta { font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -0.01em; color: #999; padding: 0 0 16px }
.says { font-weight: normal; font-family: "Times New Roman", Times, serif; font-style: italic; display: none } /* HIDDEN */

/*===============================
   Tags
===============================*/
.postTag a { float: left; font-size: 0.8em; line-height: 120%; font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; padding: 0em 0.4em 0em 0; color: #666699; text-decoration: none; }
.postTag a:hover { color: black; }
.postTag a:after { content: "," }

/*===============================
   Comments - Reply
===============================*/
/* Style if logged in */
#logged-in-as { background: white !important; padding: 1em 0; }
#logged-in-as h5 { text-transform: none; }
#logged-in-as .postAvatar { margin-bottom: 0; }
/* Form elements */
#commentform { /*float: left;*/ width: 48em; font-size: 10px; }
#commentform .commentItem { clear: both; float: left; width: 48em; position: relative; background: url(images/comment_bg.png); }
#commentform label { float: left; width: 2.8em; padding: 0.7em 0 0 0; font-size: 1.1em; line-height: 1.2em; font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; color: #999999; }
#commentform input[type="text"] { float: left; width: 30em; height: 1.2em; padding: 0.45em 0 0 0.4em; font-size: 1.3em; font-family: Times, serif; font-style: italic; color: #0000cc}
#commentform textarea { float: left; width:100%; height: 5.92em; padding: 0.25em 0 0 0; font-size: 1.3em; text-indent: 4.4em; line-height: 1.536em; font-family: Times, serif; font-style: italic; color: #0000cc }
#commentComment label {position: absolute; top: 0px ; left: 0;}
.form-submit { clear: both; }
.form-submit input[type="submit"] { background: none repeat scroll 0 0 #999999; color: white; cursor: pointer; font-size: 9px; text-align: right; margin: 10px 0px 0px; padding: 1px; line-height: 100%; }
/* Give reply box top padding, only when replying in listing */
.commentlist #reply-title { padding-top: 2em; }
/* Reply close button, very hacky */
#reply-title small { float: right; width: 3.5em; font-family: 'UniversLTStd55Roman', Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 0; text-align: right; }
#reply-title small a { color: #999999; background: url(images/icon_close.png) 100% 0.1em no-repeat; padding: 0.1em 1.3em 0 0; text-decoration: none; }

/*===============================
   Comments - Listing
===============================*/
ol.commentlist { list-style: none; padding-top: 1em; }
ol.commentlist li { clear: both; }
ol.commentlist li.comment { padding: 0px; }
ol.commentlist li.comment .comment-text { clear: both; }
ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 0 10px 10px 0; }
ol.commentlist li.comment div.comment-meta a { color: #999; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 10px; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #fff; }
/* Reply and edit buttons */
.reply { border-bottom: 1px solid #CCCCCC;
    color: #999999;
    font-family: 'UniversLTStd55Roman',Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    margin: 0 0 2em;
    padding: 0.6em 0 0.3em;
    width: 100%;  }
.reply a { color: #999999; }
.reply a:hover { text-decoration: none; }
.replyLink { width: 100%; display: inline; padding-right: 0.5em; }
#commentReply { background: url(images/icon_reply.png) 0 0 no-repeat; padding-left: 1.3em; }
#commentEdit { background: url(images/icon_edit.png) 0 0 no-repeat; padding-left: 1.3em; }

/*===============================
   Once font testing is done, this can be deleted
===============================*/
.UniversLTStd-Light { font-weight: normal; font-style: normal; line-height:normal; font-family: 'UniversLTStd45Light', sans-serif; ; }
.UniversLTStd { font-weight: normal; font-style: normal; line-height:normal; font-family: 'UniversLTStd55Roman', sans-serif; ; }
.UniversLTStd-Bold { font-weight: normal; font-style: normal; line-height:normal; font-family: 'UniversLTStd65Bold', sans-serif; ; }
.UniversLTStd-Black { font-weight: normal; font-style: normal; line-height:normal; font-family: 'UniversLTStd75Black', sans-serif; ; }

/*--- Main CSS here ---*/

.gallery-list { margin: 0px 0px 20px; overflow: hidden; }
.attachment-large { display: block; }
.gallery-list a { background: none repeat scroll 0 0 #cccccc !important;
    display: block;
    float: left;
    height: 18px;
    margin: 1px 0 0 1px;
    overflow: hidden;
    width: 32px; }
		
.gallery-list a img { display: none; }

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/


}

/*===============================
   Sitemap Styling
===============================*/
.ddsg-wrapper { width: 100%; }
.ddsg-wrapper h2 { font-family: 'UniversLTStd75Black', Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 0 0 0.3em 0; margin: 2em 0 0.2em; color: #999999; line-height: 145%; clear: both }
.ddsg-wrapper ul { margin: 0px }
.ddsg-wrapper li { list-style: none; clear: both; padding: 10px 0 0 0 }
.ddsg-wrapper a { color: #999; font-size: 1em; padding: 4px 0 3px 0px; text-decoration: none; font-family: 'UniversLTStd45Light', Arial, Helvetica, sans-serif; line-height: 100%; }
.ddsg-wrapper li ul { margin: 5px 0 0 }
.ddsg-wrapper li strong { display: none; }
.ddsg-wrapper p{ display: none; }
.ddsg-wrapper li ul li { list-style: none; float: left; margin: 0px 1px 1px 0; clear: none; padding: 0px }
.ddsg-wrapper li ul li a { padding: 1em 0.75em 0; width: 12em; margin: 0em; font-size: 0.45em; text-transform: uppercase; line-height: 120%; font-family: Arial, sans-serif; text-decoration: none;width: 100px; height: 50px; background: #ececec; display: block; color: #333 }
.ddsg-wrapper li ul li a:hover { padding: 1em 0.75em 0; width: 12em; margin: 0em; font-size: 0.45em; text-transform: uppercase; line-height: 120%; font-family: Arial, sans-serif; text-decoration: none;width: 100px; height: 50px; background: #666; display: block; color: #fff }


.addthis_toolbox { border-left: 1px solid #CCCCCC; float: right; padding: 10px 0 15px 10px; width: 110px; }

#structure_top .addthis_toolbox { border-left: none; float: right; padding: 10px 0 15px 10px; position: absolute; right: 50px; top: 40px; width: 110px; }
#structure_top .addthis_button_google_plusone {
	height:16px;
  overflow-x:hidden;
  overflow-y:hidden;
  padding-bottom:5px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  padding-top:3px !important;
  width:55px;
}

.addthis_button_google_plusone { 
	  padding: 3px 0 5px 0px !important;
    width: 55px;
 }
.addthis_button_facebook_like { 
	  padding: 0px 0 5px 0px !important;
    width: 55px;
 }
.addthis_button_facebook { display: none; }