/*
Theme Name: sns10
Theme URI: http://wmacdermid.net
Description: Skins 'n' Sharps redesign and restructure 2010
Version: 1
Author: Andrew Macdermid

*/

/*=============================================================
=Structure
==============================================================*/

@import url(reset.css);



/*=============================================================
=Colours
==============================================================

bground grey: #000030;
moron: #d1282b;
*/


/*=============================================================
=Structure
==============================================================*/


body {
	background-color:#393d45;
	background-color:#000;
	background-image:url(images/background.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}


#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
	}
	
	
#header {
	height:62px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(images/header.gif);
	background-repeat:repeat-x;
	width:100%;
	}	


#logo {
	height:173px;
	width:810px;
	position:absolute;
	top:76px;
	left:75px;
	}

#menu {
	width:810px;
	position:absolute;
	top:249px;
	right:75px;
	background-color:#d1282b;
	}

	
#footer {
	height:62px;
	background-image:url(images/footer.gif);
	background-repeat:repeat-x;
	width:100%;
	clear:both;
	}


#content {
	width:514px;
	float:left;
	margin:312px 0 0 75px;
	display:inline;
	}

.entry {
	clear:both;
	margin-top:1.2em;
	}

#sidebar {
	width:216px;
	float:right;
	margin:312px 75px 0 0;
	display:inline;
	}

#homesidebar, #exhibitionsidebar {
	width:216px;
	float:left;
	margin:312px 0 0 75px;
	display:inline;
	}

#homehero {
	width:514px;
	float:left;
	margin:312px 0 0 75px;
	display:inline;
	}

#herotag {
	position:absolute;
	top:580px;
	left:380px;
	width:210px;
	}

/*=============================================================
=Sticky footer
==============================================================*/

html {
	height: 100%;
	}

body {
	height: 100%;
	}

#wrapper {
	min-height: 100%;
	}


#content, #sidebar, #homehero, #homesidebar, #exhibitionsidebar  {
	padding-bottom: 62px;
	}


* html #wrapper {
	height: 100%;
	}

#footer {
	position: relative;
	margin:0 auto;
	margin-top: -62px;
	}	


/*=============================================================
=Navigation
==============================================================*/

#navigation ul  {
	list-style-type:none;
	line-height:32px;
	background-color:#d1282b;
	}
	
#navigation li, #navigation a {
	float:left;
	display:block;
	width:115px;
	color:#FFFFFF;
	text-align:center;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none; 
	line-height:32px;
	background-color:#d1282b;
	}
	
#navigation a:hover {
	color:#eeecf0;
	}
	
#navigation .current a {
	color:#cccbcf; 
	} 


/*=============================================================
=Typography
==============================================================*/

body { 
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
h2, h3, h2 a, h3 a, h2 a:hover, h3 a:hover {
	color:#d1282b;
	padding-bottom:0.6em;
	text-decoration:none;
	}
	
h2 a:hover, h3 a:hover {
	color:#000030;
	}

#content h1, h1 {
	font-size: 1.6em;
	color:#FFFFFF;
	background-color:#000;
	line-height:32px;
	padding:0px 6px;
	font-weight:bold;
	margin-bottom:12px;
	}

h1 a, h1 a:hover, #content h1 a:link, #content h1 a:visited, #content h1 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

h2 {
	padding-top:0.8em;
	padding-bottom:0.4em;
	font-size: 1.4em;
	}

h3 {
	padding-top:0.8em;
	padding-bottom:0.4em;
	font-size: 1.2em;
	}

p {
	font-size:1em;
	line-height:1.4em;
	padding-bottom:0.7em;
	}

#homesidebar p , #exhibitionsidebar p {
	padding-left:6px;
	padding-right:6px;
	
}

#content ul {
	font-size:1em;
	line-height:1.4em;
	padding-bottom:0.7em;
	list-style-type:disc;
	list-style-position:inside;
	}


small {
	font-size:0.9em;
	color:#000;
	text-align:right;
	float:right;
	}

#footer p {
	font-size:0.9em;
	color:#FFFFFF;
	line-height:26px;
	text-align:center;
	padding-bottom:0;
	padding-top:36px;
	}

#footer p a {
	color:#FFFFFF;
	text-decoration:none;
	}

#herotag p {
	color:#d1282b;
	font-size: 1.9em;
	line-height:1.9em;
	font-weight:bold;
	letter-spacing:-1px;
	}

#commentlist li {
	padding-bottom:2em;
	}

blockquote {
	padding-left:1em;
	padding-right:1em;
	}

/*=============================================================
=Sidebar
==============================================================*/


#sidebar h2, #homesidebar h2, #exhibitionsidebar h2, #homehero h2 {
	color:#FFFFFF;
	background-color:#000;
	font-size:1.2em;
	line-height:2.2em;
	padding:0px 6px;
	font-weight:bold;
	margin-bottom:6px;
}

#sidebar .linkslist, #homesidebar .linkslist, #exhibitionsidebar .linkslist {
	margin-top:6px;
	}


#sidebar ul, #homesidebar ul, #exhibitionsidebar ul {
	font-size:0.9em;
	line-height:1.4em;
	margin-bottom:2.2em;
	padding:0px 6px;
	}
	
	
#sidebar h3, #homesidebar h3, #exhibitionsidebar h3 {
	color:#d1282b;
	font-size:1.1em;
	line-height:1.1em;
	padding:3px 0 1px 0;
	font-weight:bold;
	}
#homesidebar img {
	padding:4px 6px;	
}

#homesidebar h2 {
	margin-top:12px;
}
	

/*=============================================================
=Lynx
==============================================================*/

#content a:link, #content a:active, #content a:visited, 
#sidebar a:link, #sidebar a:active, #sidebar a:visited  {
	color:#d1282b;
	text-decoration:none;
	}
	
#content a:hover {
	color:#d1282b;
	text-decoration:underline;
	}	

/*=============================================================
=Sidebar gallery
==============================================================*/
	
.sidebargallery {
	margin:4px;
	}	

.sbg {
	margin-bottom:2.2em;
	}	

/*=============================================================
=Images
==============================================================*/


.alignright {
	padding: 6px;
	margin: 0 0 2px 7px;
	display: inline;
}

.alignleft {
	padding: 6px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#homehero img {
	margin-bottom:20px;
	}

#exhibitionsidebar img {
	margin-bottom:4px;
}


/*=============================================================
=cleaner gallery
==============================================================*/

.gallery {
	display: block;
	clear: left;
	margin: 0;
	}	

.gallery .gallery-row {
	display: block;
	clear: both;
	margin: 0;
	width:100%;
	}
.gallery .gallery-item {
	float: left;
	margin: 4px 0px 0 0;
	text-align: center;
	}

.col-4 { width: 128px; }


/* Image sizes depending on the number of columns 
.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 32%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }*/


/*=============================================================
=email newsletter subscription
==============================================================*/


#homepagesubscribe {
	padding:0px 6px 12px 6px;
}

#homepagesubscribe label {
	width:100%;
	margin:4px 0;
	color:#d1282b;
	font-weight:bold;
}

#homepagesubscribe input {
	width:100%;
	margin:4px 0;
}

#homepagesubscribe .submit {
	width:60%;
	margin:4px 0;
}



/*=============================================================
=store
==============================================================*/

.storeitem {
	float:left;
	width:100%;
	border-bottom:#d1282b solid 1px;
	margin-bottom:20px;
}

.storeitem .alignleft {
	padding: 0px;
	margin: 0 2px 8px 2px;
	display: inline;
	float: left;
}


.storedescription {
	width:100%;
	clear:both;
}

.storeform {
	width:100%;
	clear:both;
}

.storeform input {
	margin:10px 0 0 0;
}

.shopping_cart td {
	padding: 6px 0 1px 0;
}

.wp_cart_checkout_button {
	margin-top:4px;
	margin-bottom:2.2em;
}

/*=============================================================
=store
==============================================================*/


#cdsample {
	padding:0px 6px 12px 6px;
}

#cdsample p {
	margin-top:2px;	
	padding-bottom:2px;
}

p.audioplayer_container {
	padding-bottom:8.4px;
}