/*
Theme Name: Molt:n Digital Wordpress Theme
Theme URI: http://www.moltn.com
Description: Molt:n Digital, blog and web consultancy in Sydney, Australia.
Version: 1.0
Author: Scott Gledhill
Author URI: http://www.standardzilla.com

*/

/* Molt:n Digital DEFAULT styles
    
	index -> 	
				CSS reset
				self clearing
				
*/


/* =css reset
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body { line-height: 1.5; background: #fff; margin: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: bold; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a { color: #000033; border-bottom: 1px dotted #ff6600; text-decoration: none; }
a:hover { text-decoration: none; border-bottom: 2px solid #ff6600; }
ul li { list-style: none; }


/* =self clearing
----------------- */
.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clear { display: inline-block; }
 
/* Hides from IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/


/* Molt:n Digital LAYOUT styles
    
	index -> 	
				layout
				fonts
				nav
				common
				homepage
				about
				blog
				sidebar
				links
				list
				footer		
*/

/* =layout
---------- */
body {
text-align: center;
/* background: transparent url(img/bg/bg-grid.gif) repeat-y 50% 0; */
}

#wrap {
text-align: left;
margin: 0 auto;
position: relative;
}

#header {
height: 92px;
background: #2f1100 url(img/bg/bg-header-whitetop.gif) repeat-x 0 0;
}

#header p {
font: normal 12px arial, sans-serif;
color: #eee;
position: absolute;
top: 2px;
right: 10px;
}

#header div {
height: 92px;
width: 960px;
margin: 0 auto;
position: relative;
background: #2f1100 url(img/bg/bg-header-leaf.jpg) no-repeat 0 0;
}

#logo {
position: relative;
top: 28px;
left: 30px;
height: 48px;
display: block;
text-indent: -9999em;
overflow: hidden;
border-bottom: none;
}

#home #logo { width: 130px; background: transparent url(img/bg/bg-logo-notag.gif) no-repeat 0 0; }
#about #logo { width: 217px; background: transparent url(img/bg/bg-logo-aboutus.gif) no-repeat 0 0; }
#work #logo { width: 219px; background: transparent url(img/bg/bg-logo-ourwork.gif) no-repeat 0 0; }
#blog #logo { width: 186px; background: transparent url(img/bg/bg-logo-core.gif) no-repeat 0 0; }
#contact #logo { width: 229px; background: transparent url(img/bg/bg-logo-contactus.gif) no-repeat 0 0; }
#error #logo { width: 273px; background: transparent url(img/bg/bg-logo-404.gif) no-repeat 0 0; }
#t-shirts #logo { width: 207px; background: transparent url(img/bg/bg-logo-t-shirts.gif) no-repeat 0 0; }

#content-wrap {
background: #fff;
padding-top: 30px;
width: 960px;
margin: 0 auto;
}

#content-wrap p {
line-height: 1.5em;
margin-bottom: 1.5em;
}

.col {
width: 292px;
float: left;
margin-left: 21px;
margin-bottom: 21px;
}

.dob-col {
clear: both;
width: 604px;
margin-left: 21px;
margin-bottom: 21px;
}
#about .dob-col { padding-bottom: 15px; }
.col-main { float: left; }


/* =fonts
--------- */
body { font: normal .8em arial, sans-serif; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: .8em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000033; margin: .1em; }



/* =nav
------- */
#nav {
height: 23px;
font: normal 1em arial, sans-serif;
padding-left: 21px;
background: #333300 url(img/bg/bg-navigation.gif) repeat-x 100% 0;
}
#nav dl {
text-align: center;
margin: 0 auto;
width: 960px;
height: 23px;
}

#nav dt {
text-indent: -9999em;
position: absolute;
}
#nav dd {
float: left;
margin-left: 1px;
background: transparent url(img/bg/bg-navigation-divider.gif) no-repeat 0 0;
}
#nav dd a {
color: #fff;
padding: 0 10px;
height: 23px;
line-height: 1.7em;
text-decoration: none;
border-bottom: none;
white-space:nowrap; /* ie6 */
}
#nav dd a:hover {
height: 23px;
display: block;
border-bottom: 3px solid #ff6600;
background: #993300 url(img/bg/bg-navigation-rollover.gif) repeat-x 100% 0;
}
#nav dd.active {
margin: 0;
background-image: none;
}
#nav dd.active a {
background: #fff;
display: block;
color: #000;
height: 25px;
border-top: 3px solid #ff6600;
padding-top: 1px;
position: relative;
top: -4px;
}
#nav dd.active a:hover {
margin: 0;
background: #fff;
border-bottom: none;
}

/* =common
---------- */
img.title,
img.subtitle {
background: #000;
margin: -10px 0 20px 15px; 
float: right;
border-bottom: 2px solid #ff6600;
display: block;
}
#home img.subtitle { margin-bottom: 0; margin-left: 0;  }
div.subtitle { position: relative; }
div.subtitle cite { position: absolute; right: 0; top: 118px; font-size: 10px; }
img.title { height: 225px; width: 125px; }
img.subtitle { height: 125px; width: 292px; }
.col-main h2,
.col-main h3 {
font-weight: bold;
color: #330000;
margin: 0;
}
.col-main h2 { font-size: 16px; }
.col-main h3 { font-size: 14px; }

/* =homepage
------------ */
.intro {
clear: both;
width: 604px;
margin: 0 0 10px 21px;
border: 1px solid #ff6600;
border-width: 0 0 1px 0;
padding: 10px 0 5px 0;
}
.intro h1 {
color: #000033;
margin: 0 0 0 0;
padding-left: 10px;
margin-left: -13px;
border-left: 3px solid #ff6600;
font: normal 1.65em arial, sans-serif;
}
.intro span { color: #330000; font: bold .7em arial, sans-serif; display: block; }
#blog .intro { margin-left: 0; }

p.tag { border-top: 1px solid #eee; }
p.tag span {
padding: 0 10px;
float: right;
background: #eee;
}
p.tag strong { padding-left: 2px; }

/* blog snippet on home page */
#blogsnip {
clear: both;
position: relative;
margin: 30px 0;
padding-bottom: 10px;
}
#blogsnip h3 {
color: #000033;
font-weight: bold;
line-height: 1.4em !important;
margin: 0 0 5px -13px;
padding: 3px 0 2px 10px;
border-left: 3px solid #ff6600;
font: 16px normal arial, sans-serif;
}
#blogsnip p {
background: #f2f2f2;
padding: 10px;
margin: 0 0 5px 0;
}

#blogsnip .more {
color: #330000;
margin: 5px 0 0 70px;
font: bold 1em arial, sans-serif;
}

/* home feature */
#home .subtitle { border-bottom: 0; }
.home-feature { margin: 0 0 20px 0; background: #fff; clear: both; position: relative; top: 0px; }

.home-feature h2 {
color: #000033;
font-weight: bold;
font-size: 17px;
padding: 2px 10px 5px 10px;
background: #fff;
border-top: 3px solid #ff6600;
}
.home-feature p {
margin: 0 1px 0 10px;
padding: 4px 10px 8px 10px;
font-size: 12px;
line-height: 1.3em !important;
border-left: 1px solid #ff6600;
background: transparent url(img/bg/bg-feature-stroke-orange.gif) no-repeat 0 100%;
}

/* =about page
-------------- */
.pub { font-weight: normal !important; }
.pub em {
display: block;
margin-top: 2px;
color: #666;
}

/* =blog
-------- */
#blog .col-main {
margin: 10px 0 0 21px;
width: 605px;
}	
#blog h1 {
color: #07162c;
border-left: 3px solid #ff6600;
padding: 0 0 3px 10px;
margin-left: -13px;
font: normal 22px arial, sans-serif;
}

#comments, #respond {
color: #ff6600;
padding-bottom: 3px;
margin: 40px 0 10px 0;
font: bold 14px arial, sans-serif;
background: transparent url(img/bg/bg-blue-dotted.gif) repeat-x 0 100%;
}

.byline,
.arch-byline {
color: #666 !important;
margin: 3px 0 21px 0;
padding-left: 10px;
font: normal 11px arial, sans-serif;
}
.byline strong,
.arch-byline strong {color: #000; position: relative; }
.byline span { margin-top: -16px; overflow: hidden; float: right; font-weight: bold; }
.byline a,
.arch-byline, a
.post a {  text-decoration: none; }
.post { margin-bottom: 50px; }

/* archives / summary formatting */
#blog .arch-byline { margin: 0; }
#blog .arch-post { margin-bottom: 20px; }
#blog .arch-post p { margin: 2px 0 5px 0; }
#blog .arch-post h2 { margin: 0; background-image: none; font-size: 14px; font-weight: normal;}
#blog .arch-post .postmetadata { border-top: 1px solid #eee; }
#blog .arch-post .postmetadata strong { padding-left: 2px; }
#blog .arch-post .postmetadata span { float: right; background: #eee; padding: 0 5px; }
#blog .arch-post a {
color: #000033;
text-decoration: none;
border-bottom: 1px dotted #ff6600;
}
#blog .arch-post a:hover { border-bottom: 2px solid #ff6600; }

#content-wrap blockquote {
color: #000;
margin: 10px 10px 15px 10px;
padding: 0 10px;
border-left: 3px solid #ff6600;
font-style: italic;
}
#content-wrap blockquote p { margin-bottom: 5px; }

/* blog images */
.post img {
margin: 0 auto;
padding: 10px;
display: block;
background: #f2f2f2;
}
.post .wp-caption { text-align: center; margin: 0 auto; }
.post .wp-caption-text {font-style: italic; text-align: right; }

/* blog comments */
dl.commentlist dt {
color: #000;
padding-left: 10px;
font: bold 11px arial, sans-serif;
}
dl.commentlist dt em {
font-weight: normal;
color: #666;
padding-right: 20px;
background: transparent url(img/bg/bg-comments-dt.gif) no-repeat 100% 100%;
}
dl.commentlist dt em.moderate {
color: #e85300;
background-image: none;
font-weight: bold;
}
dl.commentlist dd {
background: #f2f2f2;
padding: 15px 15px 10px 15px; 
margin: 0 10px 20px 10px;
line-height: .8em;
}
dl.commentlist dd p { margin: 0 0 10px 0 !important; }

/* blog comment form */
#commentform div {
width: 292px;
float: left;
margin-bottom: 40px;
}
#commentform .col2 { margin-left: 20px; }
#commentform label {
display: block;
margin-left: 10px;
}
#commentform input {
margin: 0 0 15px 10px;
width: 272px;
border: 1px solid #ccc;
padding-left: 3px;
font: normal 12px arial, sans-serif;
}

#commentform textarea {
margin-left: 10px;
width: 272px;
height: 300px;
border: 1px solid #ccc;
font: normal 12px arial, sans-serif;
}
#commentform label em {
color: #666;
font-size: 11px;
}
#submit {
width: 98px !important;
height: 25px;
float: right;
border: none !important;
margin: 10px 10px 0 0 !important;
}
h1.pagetitle { margin-bottom: 20px; }

/* contact us form */
#contactus { margin-bottom: 30px; }
#contactus label {
display: block;
position: relative;
width: 272px; 
margin-left: 10px;
}
#contactus label.wide { width: 584px; }
#contactus label em {
color: #666;
padding-right: 2px;
font-size: 11px;
}
#contactus label em.error {
position: absolute;
right: 0;
color: red;
font-weight: bold;
text-align: right;
}
#contactus input,
#contactus select {
margin: 0 0 15px 10px;
width: 272px;
border: 1px solid #ccc;
}

#contactus textarea {
margin-left: 10px;
width: 584px;
height: 150px;
border: 1px solid #ccc;
}

/* older / newer post nav */
.arch-nav {
color: #000;
padding: 3px 0;
text-align: center;
margin: 15px 0;
}
.arch-nav a {
color: #000033;
text-decoration: none;
border-bottom: 1px dotted #ff6600;
}
.arch-nav a:hover {
border-bottom: 2px solid #ff6600;
}
.arch-nav .alignright { float: right; margin-left: 20px; }
.arch-nav .alignleft { float: left; }

/* blog search form */
#searchform { margin: -45px 0 21px 0; }
#searchform div {
height: 29px;
background: #fff url(img/bg/bg-blog-search-form.jpg) no-repeat 100% 100%;
}
#searchform input {
background: #fff;
margin-left: 10px;
position: relative;
top: 5px;
width: 172px;
padding-left: 2px;
border: 1px solid #ccc;
}
#searchsubmit {
background: none;
border: 0;
padding: 0;
margin: 0 0 0 5px;
color: #fff;
position: relative;
top: 5px;
font-weight: bold;
border-bottom: 1px dotted #ff6600;
}
#searchsubmit:hover {
cursor: pointer;
border-bottom: 2px solid #ff6600;
}


/* =sidebar
----------- */
#sidebar {
width: 296px;
float: left;
margin: 15px 0 21px 20px;
}
#home #sidebar { margin-left: 19px; }

.snippet { margin-bottom: 21px;  }
.snippet p,
.snippet .hevent { padding-left: 10px; }

.snippet h3 {
font: 18px regular arial, sans-serif;
border-bottom: 1px solid #ff6600;
margin-bottom: 5px;
}
.snippet h3 span {
padding: 0 10px;
border-bottom: 3px solid #ff6600;
}
div.sidebanner {
margin-bottom: 10px;
text-align: center;
}

/* =lists
--------- */
ul.feature {
color: #330000;
margin: 10px 0 15px 10px;
border-left: 3px solid #ff6600;
font: bold 1em arial, sans-serif;
}
ul.feature li {
padding-left: 10px;
margin: 5px 0;
}











ul.post,
ol.post {
margin: 15px 0 15px 10px;
font: normal 1em arial, sans-serif;
}
ul.post li,
ol.post li {
padding: 0 0 2px 10px;
margin: 0 0 20px 0;
line-height: 1.5em;
border-left: 1px solid #ff6600;
}

/* categories / archives list */
ul.cat-list,
ul.archlist,
ul.sidelist {
margin: 15px 0 0 10px;
padding-left: 10px;
border-left: 1px solid #ff6600;
}
ul.cat-list li,
ul.archlist li,
ul.sidelist li {
color: #666;
font-size: 11px;
margin-bottom: 4px;
}
ul.sidelist li { color: #000033; font-size: 12px; }
ul.cat-list li a,
ul.archlist li a {
color: #000033;
font-size: 12px;
text-decoration: none;
border-bottom: 1px dotted #ff6600;
}
ul.cat-list li a:hover,
ul.archlist li a:hover {
color: #000033;
font-size: 12px;
border-bottom: 2px solid #ff6600;
}
/* bio dl list */
dl.bio {
width: 292px;
float: left;
margin: 5px 0 10px 0;
}
dl.col2 {
margin-left: 20px;
}
dl.bio dt {
float: left;
margin-right: 10px;
}
dl.bio dd {
margin-bottom: 3px;
}

/* footer
--------- */
#footer {
height: 40px;
text-align: center;
padding: 13px;
position: relative;
top: 15px;
clear: both;
background: #2f1100 url(img/bg/bg-footer.gif) repeat-x 0 0;
}
#footer a,
#footer p {
color: #fff;
margin-bottom: 2px;
font: normal .9em verdana, sans-serif;
}

/* footer stick alt */
html { height: 100%; }
body { height: 100%; }

#wrap {
position: relative;
min-height: 100%;
}
* html #wrap { height: 100%; }
#content-wrap { padding-bottom: 40px; }

#footer {
position: relative;
margin-top: -80px;
}
.size-full { margin: 0 auto; }
/* random */
div.right { float: right; margin: 0 0 5px 10px; clear: both; }
div.left { float: left; margin: 0 10px 5px 0; clear: both; }
div.left img {display: block; }
div.row { clear: both; margin-bottom: 15px; }
div.row .left, div.row .right { clear: none; }
div.row .left { padding-right: 15px; }
div.row .right { padding-left: 15px; }
p.credit { text-align: right; }


/* images
---------- */
div.img-full {
text-align: center;
margin: 10px 0;
}
div.img-full img {
background: #F2F2F2;
padding: 10px;
}

/* shop
-------- */
/* =shop
-------- */
div.prod-list {
margin-left: -15px;
}
div.prod-intro {
padding: 0;
width: 287px;
border-bottom: 1px solid #ccc;
}
#content-wrap div.prod-intro p { margin-bottom: 10px; }
div.prod-intro span.footnote { font-size: 11px; font-style: italic; }
em.asterisk {
color: #ff6600;
margin: 0 4px 0 0;
padding: 1px 0 0 0;
font: bold 16px arial, sans-serif;
}

div.prod-preview {
position: relative;
width: 292px;
float: left;
margin: 15px 0 15px 17px;
}

div.prod-preview cite {
position: absolute;
right: 0;
top: 118px;
font-size: 10px;
}

div.prod-preview img {
background: #000;
margin: 0 20px 0 0; 
float: left;
border-bottom: 2px solid #ff6600;
display: block;
width: 146px;
}

div.money {
margin: 0;
font-size: 12px;
font-weight: bold;
position: relative;
margin-top: 3px;
font-family: arial, sans-serif;
}
div.large {
font-size: 24px;
margin: 9px 0 16px 0;
padding-bottom: 7px;
width: 287px;
border-bottom: 1px solid #ccc;
}
div.prod-foot { font-size: 11px; width: 287px; float: right; clear: both; position: relative; top: -85px; }
div.prod-foot p { margin-bottom: 5px !important; }
div.prod-form { width: 287px; }
#product-variants select { width: 287px; }

div.money .dollar {
font-weight: bold;
margin-right: 2px;
}
div.money em {
color: #666;
font-size: 10px;
}
div.large em { font-size: 18px; font-style: italic; }
img.prod-view {
height: 292px;
margin-bottom: 100px;
}
ul.prod-specs {
margin-bottom: 10px;
}
input.buyme {
width: 98px;
height: 25px;
float: right;
margin: 15px 10px 0 0;
}

#basket { width: 100%; }

#basket th {
padding: 10px 0 5px 0;
border-bottom: 1px solid #f2f2f2;
}

#basket td {
	vertical-align: top;
	border-bottom: 1px solid #f2f2f2;
}

#basket td.basket-column-one {
	padding: 7px 0;
	width: 250px;
}

#basket td.basket-column {
	width: 80px;
	padding-top: 12px;
}

.basket-images {
	margin: 0 10px 0 7px;
	float: left;
	border: 1px solid #e1ddc8;
}

.basket-images img {
	background-color: #e1ddc8;
	margin: 3px;
	padding: 5px;
	float: left;
}

.basket-images img:hover {
	background-color: #d0ccb9;
}

.basket-odd, .basket-even {
	padding: 7px 10px;
}

.basket-even {
	background-color: #fbf9f2;
}

#basket-right {
	text-align: right;
	width: 250px;
	float: right;
}

#basket-right h3 {
	font-size: 16px;
color: #000;
	font-weight: bold;
	padding: 5px 15px 15px 0;
}
#basket-right h3 em { color: #666; font-style: italic; font-size: 13px; }
#basket-right span.dollar { margin-left: 5px; }

#basket p {
	padding-bottom: 2px;
}
#shop h3 { margin-bottom: 4px; }