/*   
Theme Name: Nobrow02
Theme URI: http://conormaxwell.net/wordpress/nobrow02
Description: Trial version of Nobrow layout 2 Feb 10
Author: Conor Maxwell
Author URI: http://conormaxwell.com
Version: 0.2
.
This theme is part of the development of the Nobrow project
.
*/

/* 26 Feb 10    make #contentdiv formats, for entering posts */
/*  7 Mar 10    Tom's tweaks 2 */
/* 15 Mar 10    Text size changes */
/* 14 Apr 10    Refinements in testing */
/* 19 Apr 10    Shipping rates table; remove .hometext - unreliable */
/*  9 Aug 10    shipzoneplease for checking if shipzone selected */

@charset "utf-8";

/* to force firefox vert scrollbar and avoid alignment jump */
html {
min-height: 101%;
}
/* for centring etc */
body {
	margin:0px; padding:0px;
	background-color:#FFFFFF;
}
.container {
	width:941px;
	margin:0 auto;
	position:relative;
}

/* position divs */
#logodiv{ position: absolute; width: 283px; height: 104px; left:  0px; top: 0px;}
#cartdiv{ position: absolute; width: 200px; height: 26px; left: 741px; top: 56px; 
	text-align: right;
	font-family: Arial,Helvetica, sans-serif;
	color: #666666;
	font-size:14px;
}
#cartdiv a {
	text-decoration:none;
	color:#666666;
}
#cartdiv a:hover {
	text-decoration: underline;
}
.pinkbold {
	color:#ED1E79;
	font-weight:bold;
}
#menudiv{ position: absolute; width: 567px; height: 22px; left: 374px; top: 82px;}
#topbluerectdiv{ position: absolute; width: 941px; height: 35px; left: 0px; top: 112px;}

/* home page layout divs */
#homediv { position: absolute; width: 941px; left:  0px; top: 155px;}
/* #hometextdiv{position: absolute;width: 941px;left: 0px;top: 138px;} */
#homepicdiv{ position: relative; margin-bottom: 12px;} 
#blackrectdiv{ position: absolute; width: 941px; height: 55px; left:  0px; top: 435px; background-image: url(images/layout/blackgradient02a.png);} 
/*#tablediv{ position: absolute; width: 941px; left:  0px; top: 540px;} */

/* home page text - also allow for <p> inside (don't use .hometext - unreliable) */
#homediv>p {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color:#1A1A1A;
}
#homediv>p a {
	color:#00ADD8;
	text-decoration: none;
}
#homediv>p a:hover {
	text-decoration: underline;
}
#homediv>p>p {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color:#1A1A1A;
}

.blackrectblue {
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0px 0px 10px; 
	padding: 0px;
	font-size:14pt;
	line-height: 16pt;
	font-weight: bold;
	color:#00ADD8;
}
.blackrectblue a {
	color:#00ADD8;
	text-decoration: none;
}
.blackrectblue a:hover {
	text-decoration: underline;
}
.whitetext {
	font-size:10pt;
	font-weight: normal;
	color:#FFFFFF;
}

.hometitle {
	font-family:Arial, Helvetica, sans-serif;
	margin:2px 0px 18px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color:#1A1A1A;   /* was #00ADD8; */
	display:block;   /* 26feb10 to force titles to go under thumbnails even when span */
}
.hometitle a {
	color:#1A1A1A;
	text-decoration: none;
}
.hometitle a:hover {
	text-decoration: underline;
}

#hometable td a img{
	border: #FFFFFF 1px solid;
	border-bottom: #B3B3B3 1px solid;
}
#hometable td a:hover img{
	border: #00ADD8 1px solid;	
}

.greyborder {
	background:url(images/layout/thingreybkgd.gif);
	background-repeat:repeat-x;
}

.hometagclass {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 3px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight:bold;
	color:#999999;
}
.hometagclass a {
	color:#999999;
	text-decoration: none;
}
.hometagclass a:hover {
	text-decoration: underline;
}
/* end of home page divs */


/* main divs for product etc pages */
#headerdiv {
	top: 5px;
	left: 0px;
	width: 941px;
	height: 151px;
	margin: 0;
	padding: 0;
	position: absolute;
}
#footerdiv {
	top: 2000px;  /* but overruled by jQuery on doc ready */
	left: 0px;
	width: 941px;
	margin: 0;
	padding: 0;
	position: relative;
}
#leftsidebardiv {
	top: 157px;  /* 140 */
	left: 0px;
	width: 229px;
	margin: 0; 	
	padding: 0;
	position: absolute;
}
#contentdiv {
	top: 157px;  /* 140px */
	left: 229px;
	width: 700px;
	margin: 0; 	
	padding: 0px 0px 0px 12px;
	position: absolute;
	border-left: #999 1px solid;
}
/* blog page is reversed */
#blogdiv {
	top: 157px;  /* 140px */
	left: 0px;
	width: 700px;
	margin: 0px 0px 0px 0px; 	
	padding: 0px 11px 0px 0px;
	position: absolute;
	border-right: #999 1px solid;
}
#rightsidebardiv {
	top: 157px;  /* 140 */
	left: 723px;
	width: 218px;
	margin: 0px; 	
	padding: 0px 0px 0px 0px;
	position: absolute;
}



/* left sidebar classes */
.lsbtitleclass {
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0px 6px 0px;
	font-size:14pt;
	font-weight:normal;
	color:#1A1A1A;
}
.taglistclass {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding: 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight:bold;
	color:#999999;
}
.taglistclass a {
	color:#999999;
	text-decoration: none;
}
.taglistclass a:hover {
	text-decoration: underline;
}
.selectedtag {
	color:#00ADD8;
}
/* to make underlines blue if selected - and had to change php code */
.taglistclass .selectedtag a {
	color:#00ADD8;
	text-decoration: none;
}
.taglistclass .selectedtag a:hover {
	color:#00ADD8;
	text-decoration: underline;
}

.sidebarsubhdg {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding: 0px 16px 0px 0px;
	font-size:10pt;
	line-height:15pt;
	font-weight:bold;
	color:#4D4D4D;
}
.sidebartext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	padding: 0px 16px 0px 0px;
	font-size:10pt;
	line-height:15pt;
	font-weight:normal;
	color:#4D4D4D;
}
/* used for sidebar posts */
#leftsidebardiv h3, #rightsidebardiv h3{
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0px 0px 0px;
	font-size:14pt;
	line-height:17pt;
	font-weight:normal;
	color:#1A1A1A;
}
#leftsidebardiv p {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	padding: 0px 16px 0px 0px;
	font-size:10pt;
	line-height:17pt;
	font-weight:normal;
	color:#4D4D4D;
}
/* end of left sidebar */

/* right sidebar classes for blog */
.archivelistclass {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding: 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight:bold;
	color:#999999;
}


.archivelistclass a {
	color:#999999;
	text-decoration: none;
}
.archivelistclass a:hover {
	text-decoration: underline;
}
/* end of right sidebar */

/* ****************************** standard post classes ******************************* */
/* these are specified so that post editors can easily use 'standard' formats in the content and blog divs*/
#contentdiv h1, #blogdiv h1 {
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0px 0px 0px;
	font-size:14pt;
	line-height:17pt;
	font-weight: bold;
	color:#1A1A1A;
}
#contentdiv h2, #blogdiv h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0px 6px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color: #1A1A1A;
}
#contentdiv h2 a, #blogdiv h2 a {
	color:#00ADD8;
	text-decoration: none;
}
#contentdiv h2 a:hover,  #blogdiv h2 a:hover {
	text-decoration: underline;
}

/* not used by me */
#contentdiv h3, #blogdiv h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	padding: 0px;
	font-size:13pt;
	line-height:16pt;
	font-weight:bold;
	color:#4D4D4D;
}

#contentdiv h4, #blogdiv h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding: 0px;
	font-size:10pt;
	line-height:15pt;
	font-weight:bold;
	color:#4D4D4D;
}
/* the standard body text for all posts - products, artists, blogs etc, same as producttext*/
#contentdiv p, #blogdiv p {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	padding: 0px;
	font-size:10pt;
	line-height:17pt;
	font-weight:normal;
	color:#4D4D4D;
}
#contentdiv p a, #contentdiv p a:visited {
	color:#00ADD8;
	text-decoration:none;
}
#contentdiv p a:hover{
	color:#00ADD8;
	text-decoration:none;
}
#blogdiv p a, #blogdiv p a:visited {
	color:#00ADD8;
	text-decoration:none;
}
#blogdiv p a:hover{
	color:#00ADD8;
	text-decoration:none;
}
/* used by select currency in shop cart  */
#contentdiv .productsmall {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	padding: 0px;
	font-size:8pt;
	line-height:12pt;
	font-weight:normal;
	color:#1A1A1A;
}
/* used for 'posted by' in blog pages, note negative top margin to move it closer to line  */
#blogdiv .blogpostedby {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:-5px 0px 20px 0px;
	padding: 0px;
	font-size:8pt;
	line-height:12pt;
	font-weight:normal;
	color:#999999;
}


img {border:0}

#contentdiv img.alignright {float:right; margin:0 0 12px 12px; border: 0}
#contentdiv img.alignleft {float:left; margin:0 12px 12px 0; border: 0}
#contentdiv img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 0}
#contentdiv img.alignnone {margin:0 12px 12px 0; border: 0}
#contentdiv a img.alignright {float:right; margin:0 0 12px 12px; border: 0}
#contentdiv a img.alignleft {float:left; margin:0 12px 12px 0; border: 0}
#contentdiv a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 0}
#contentdiv a img.alignnone {margin:0 12px 12px 0; border: 0}

#blogdiv img.alignright {float:right; margin:0 0 12px 12px; border: 0}
#blogdiv img.alignleft {float:left; margin:0 12px 12px 0; border: 0}
#blogdiv img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 0}
#blogdiv img.alignnone {margin:0 12px 12px 0; border: 0}
#blogdiv a img.alignright {float:right; margin:0 0 12px 12px; border: 0}
#blogdiv a img.alignleft {float:left; margin:0 12px 12px 0; border: 0}
#blogdiv a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 0}
#blogdiv a img.alignnone {margin:0 12px 12px 0; border: 0}



/* *********** end of standard post formats **************** */

#producttable td a img{	
	border: #FFFFFF 1px solid;
	border-bottom: #B3B3B3 1px solid;
}

#producttable td a:hover img{
	border: #00ADD8 1px solid;	
}

.productsubhdg {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding: 0px;
	font-size:8pt;
	font-weight:bold;
	line-height:10pt;
	color:#4D4D4D;
}
.producttext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	padding: 0px;
	font-size:10pt;
	line-height:15pt;
	font-weight:normal;
	color:#4D4D4D;
}
.productlink {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:14pt;
	line-height:17pt;
	color:#00ADD8;
}
.productsmall {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:-5px 0px 12px 0px;
	padding: 0px;
	font-size:8pt;
	line-height:10pt;
	/* font-weight:normal; */
	color:#999999;
}
img.floatLeft { 
    float: left; 
    margin: 5px 10px 10px 0px; 
}
.clearBoth {
	clear: both;
}
.imgMargin1 {
	margin-top: 4px;
	margin-bottom: 10px;
}
.buyImg {
	float: right;
}
/* end of product pages */



/* footer */
.footerline1{
	width: 941px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding: 0px;
	font-size:10pt;
	color:#999999;
	display:inline;
}
.footerline1 table {
	margin-top: 5px;
	margin-bottom:5px;
}
.footertext {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	font-size:14px;
	color:#666666;
	display:inline;
}
.footerboldblue {
	color:#00ADD8;
	font-weight:bold;
	display:inline;
}

.inlinedisplay {
	display:inline;
}

/* bottom nav bar */
.footernavbar {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	font-size: 10pt;
	font-weight:bold;
	color:#00ADD8;
}
.footernavbar a {
	text-decoration: none;
	color:#00ADD8;
}
.footernavbar a:hover {
	text-decoration: underline;
}

.footersignup {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	font-size: 10pt;
	font-weight:bold;
	color:#1A1A1A;
}
.footersignup a {
	text-decoration: none;
	color:#1A1A1A;
}
.footersignup a:hover {
	text-decoration: none;
	color:#00ADD8;
}

.footerline2{
	width: 941px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding: 0px;
	font-size:8pt;
	color:#1A1A1A;
	display:inline;
}
.designtext {
	font-size: 7pt;
	color:#999999;
}
/* text justified left and right in footer */
/* left text pushed down a bit to line up because it will be smaller size  */
.footeralignleft {
	float: left;
	margin-top:7px;
}
.footeralignright {
	float: right;
	margin-top:7px;
}


/* These are eshop cart classes ie defining the classes already in eshop
/* used for Test mode ..., same as hometext */
.testing {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 12px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color:#666666;
}
/* used by all errors on shop cart page */
/* same as H2 + pink */
.error {
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0px 6px 0px;
	font-size:14pt;
	line-height:16pt;
	font-weight: bold;
	color: #ED1E79;
}
/* to avoid italic of <dfn> in Quantity in eshop, why ? */
dfn {
	font-style: normal;
}
/* out of stock in AddToCart ie product page, same as H2 + pink + text-right */
/* specify contendiv in order to get right CSS cascade priority */
#contentdiv .eshopnostock {
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0px 6px 0px;
	font-size:14pt;
	line-height:16pt;
	text-align: right;
	font-weight: bold;
	color: #ED1E79;
}


/* used for column headers in cart, similar to h2 */
.cartheader {
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0px 6px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color: #1A1A1A;
	text-align: left;
}
/* used for bigger gap above Postage options */
.cartpostageheader {
	font-family:Arial, Helvetica, sans-serif;
	margin: 7px 0px 6px 0px;
	padding: 10px 0 0 0;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color: #1A1A1A;
	text-align: left;
}
/* same as hometitle */
.carttext {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;  /*7px 0px 6px 0px;*/
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color:#00ADD8;
}
.carttext a {
	color:#00ADD8;
	text-decoration: none;
}
.carttext a:hover {
	text-decoration: underline;
}



/* used for Shipping */
.carttextunbold {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;  /*7px 0px 6px 0px;*/
	font-size:12pt;
	line-height:16pt;
	font-weight: normal;
	color:#1A1A1A;
}
/* left and right just for view cart table */
.cartleftjust {
	text-align: left;
}
.cartrightjust {
	text-align: right;
}
/* used by qty field in shopcart */
.cartnomargin {
	margin: 0px;
}
/* used by Checkout Button under shopcart */
.checkButton {
	float: right;
}
/* used for all cart buttons */
.cartbutton {
	border: #FFFFFF 1px solid;	
}
.cartbutton:hover{
	border: #1A1A1A 1px solid;	
}
/* used for Please select! on shipzone line in shopcart */
#shipzoneplease {
	font-weight: bold;
	color:#1A1A1A;
	background-color: #00ADD8;
	display:none;
}
.redBorder {border: 2px solid #FF0000;}



/* used for checkout instructions, eg required field */
.cartsmall {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;  
	font-size:8pt;
	font-weight: normal;
	color:#1A1A1A;
}
/* checkout form */
/* input text, this is an eshop class */
.med {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;  /*7px 0px 6px 0px;*/
	font-size:10pt;
	font-weight: normal;
	color:#00ADD8;
}
/* confirmation page headers, similar to hometext, but margin = 0 */
.checkoutheader {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	font-size:12pt;
	line-height:16pt;
	font-weight: bold;
	color:#666666;
}
/* used for confirmation address text, same as product text but less bottom margin,*/
.confirmtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 3px 0px;
	padding: 0px;
	font-size:10pt;
	line-height:15pt;
	font-weight:normal;
	color:#4D4D4D;
}
/* shipping rates (not seen by users, only by admin) */
table#eshopshiprates td {
	padding-left: 40px;
	text-align:right;
}
table#eshopshiprates tr.alt td {
	border-bottom: solid #999999 1px;
}
table#eshopshiprates td.center {
	text-align:center;
}
table#eshopshiprates thead th {
	padding:2px;
	font-weight: bold;
}
table#eshopshiprates {
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0px 6px 0px;
	font-size:12pt;
	line-height:16pt;
	color: #1A1A1A;
	text-align: right;
	
}
/* general classes, need to be at end so applied last */
/* this used to reduce gap below Search by image on home page */
.negmargin3 {
	margin: 0 0 -6px 0;
	padding 0;
}
.blue {
	color: #00ADD8;
}
.pink {
	color :#ED1E79;
}
.darkgrey {
	color :#1A1A1A;
}