/*
Theme Name: Mark Chadwick Art
Theme URI: http://www.markchadwick.co.uk
Description: Fine art portfolio website
Template: marks theme
Author: David Chadwick
Author URI: http://www.david-chadwick.com
Version: 2
*/



/* --------- 1. defaults  --------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF url(images/canvasBG.gif) 0 0 repeat;
	font: 62.5%/1.5 Verdana, Tahoma, Arial;
}

		
/*  --------- 2. structure  --------- */

#wrapper {
	width: 940px;
	margin: 0 auto;
	background: #FFF url(images/wrapperbtmBG.png) 0 100% no-repeat;
}	

#header {
	width: 940px;
	background: url(images/headerBG.jpg) 0 0 no-repeat;
}	

#topContainer {
	width: 940px;
	overflow: auto;
}
		
#logo {
	width: 610px;
	height: 195px;
	float: left;
}

#topInfo {
	width: 300px;
	height: 98px;
	float: left;
	margin-top: 70px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/welcome.png) 0 0 no-repeat;
}

#topInfo2 {
	width: 300px;
	height: 98px;
	float: left;
	margin-top: 70px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/searchthearchives.png) 0 0 no-repeat;
}

#featuredCarousel {
	width: 900px;
	height: 128px;
	margin-bottom: 24px;
	overflow-y: hidden;
}

#featuredCarousel ul {
	list-style-type: none;
}

#featuredCarousel li {
	padding-bottom: 12px;
}
		
#content {
	background: url(images/contentBG.jpg) 0 0 no-repeat;
	padding: 38px 20px 40px;
}

#page {
	padding-top: 62px;
	overflow: auto;
}

#update {
	width: 880px;
	height: 248px;
	padding: 10px;
	background: #504f41;
	margin-bottom: 20px;
}

#updatesInfo {
	width: 537px;
	float: left;
}

.newadditions {
	width: 940px;
	background: url(images/newadditions.png) 50% 0 no-repeat;
	overflow: auto;
        margin-bottom: 15px;
}

.artwork {
	list-style-type: none;
}

#page .artwork {
	padding-top: 0;
}

.artwork li {
	width: 225px;
        height: 260px;
	float: left;
	text-align: center;
}

#page .artwork li {
	border-bottom: 1px solid #ccc;
}

.artwork li:hover {
	background: #EEE;
}

#sidebar {
	width: 220px;
	float: left;
}

#sidebar ul {
	margin-bottom: 2em;
}

#sidebar li {
	margin-left: 8px;
}

#arc {
	width: 680px;
        overflow: auto;
}
#posts {
	width: 680px;
	float: left;
        margin-bottom: 20px;
}

#singleItem {
	width: 680px; 
	height: 299px;
	margin-bottom: 20px;
}

.itemThumbs {
	width: 448px;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
	margin-bottom: 20px;
}

#footer {
	width: 940px;
	height: 180px;
	margin: 0 auto;
	background: url(images/footerBG.jpg) 0 0 no-repeat;
}

#footer ul {
        list-style-type: none;
        text-align: center;
}

#footer li {
        display: inline;
	font: 1.2em Verdana, Tahoma, Arial;
	text-align: center;
        border-right: 1px solid #222;
        padding-right: 10px;
        margin-right: 10px;
}

#footer li .last {
        border-right: none;
} 

div#topOfPageAnchor {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
}

os0 {
	width: 120px;
}

#singleItem select {
	width: 180px;
}

.postform {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	background-color:#FFF;
	border: 1px solid #cdcdcd;
	width: 170px;
	padding: 4px 2px;
	margin-right: 4px;
	float: left;
}

.go {
	width: 20px;
	float: left;
}

.shippingHolder {
        width: 410px;
        overflow: auto;
}

.shipping {
        width: 80px;
        float: left;
}

.shippingOptions {
        width: 250px;
        float: left;
}

.fblike {
	width: 300px;
	float: left;
}

.socialNetworks {
	float: right;
}

	/* float-clearing rules */
.separator {
	clear: both;
}

.separatorInvisible {
	clear: both;
	height: 1px;
}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
}		
		
/* ---------- 3. links and navigation ---------- */

a {
	font-weight: normal;
	text-decoration: underline;
	color: #222;
}
		
a:hover {
	color: #555;
}

#update a {
	color: #e6e4c6;
	font-weight: bold;
}

#update a:hover {
	color: #FFF;
}

#topInfo a {
	color: #f5f20f;
	font: 1.2em Verdana, Tahoma, Arial;
}

.artwork a {
	font: 1em Arial, Verdana, Tahoma;
	text-decoration: none;
}

.artwork a:hover {
	color: #222;
	text-decoration: underline;
}

#sidebar a {
	font: 1.2em Verdana, Tahoma, Arial;
	font-weight: normal;
}

.returnArc a {
	font-weight: normal;
}	

#footer a {
	font-weight: normal;
}

#navigation {
	width: 940px;
	height: 48px;
        overflow: hidden;
}

#navigation a {
	display: block;
	font: 1.2em Verdana, Tahoma, Arial;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	padding: 13px 20px;
	width: 80px;
	height: 22px;
}

#navigation a:hover {
	background: url(images/navHover.png) 0 0 no-repeat;
}

#navigation ul {
	list-style-type: none;
}

#navigation li {
	float: left;
}
		
/* ---------- 4. fonts ---------- */

html {
	font-size: 100%;
}

body {
	font-size: 62.5%;
}

h1, h2, h3, h4, p, ul {
		}

h1 {
	font-size: 1.6em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

h2 {
	font-size: 1.5em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

h2.intro {
	width: 157px;
	height: 19px;
	background: url(images/introduction.png) 0 0 no-repeat;
}

h2.newupdates {
         width: 537px;
         height: 19px;
	 background: url(images/newupdates.png) 0 0 no-repeat;
         margin-top: 10px;
float: left;
}

h2.about {
	width: 176px;
	height: 19px;
	background: url(images/aboutmywork.png) 0 0 no-repeat;
}

h2.categories {
	width: 124px;
	height: 19px;
	background: url(images/categories.png) 0 0 no-repeat;
}

h2.status {
	width: 74px;
	height: 19px;
	background: url(images/status.png) 0 0 no-repeat;
}

h2.price {
	width: 56px;
	height: 19px;
	background: url(images/price.png) 0 0 no-repeat;
}

h2.archive {
	width: 88px;
	height: 19px;
	background: url(images/archive.png) 0 0 no-repeat;
}

h2.shippingInfo {
	width: 271px;
	height: 19px;
	background: url(images/shipping.png) 0 0 no-repeat;
	margin: 0 auto;
	margin-bottom: 16px;
}

h2.leaveacomment {
	width: 195px;
	height: 19px;
	background: url(images/leaveacomment.png) 0 0 no-repeat;
	margin: 0 auto;
	margin-bottom: 16px;
}

h2.contactme {
         width: 133px;
         height: 19px;
	 background: url(images/contactme.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.processGallery {
         width: 186px;
         height: 19px;
	 background: url(images/processgallery.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.exhibitions {
         width: 126px;
         height: 19px;
	 background: url(images/exhibitions.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.photography {
         width: 156px;
         height: 19px;
	 background: url(images/photography.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.virtualgallery {
         width: 182px;
         height: 19px;
	 background: url(images/virtual.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.detailed {
         width: 169px;
         height: 19px;
	 background: url(images/detailedshots.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h3 {
	font-size: 1.4em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

#arc h3 {
	text-align: center;
}
		
h4 {
	font-size: 1.2em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

p {
	font: 1.4em Verdana, Tahoma, Arial;
	color: #454545;
	margin-bottom: 1.5em;
}

#topContainer p {
	font: 1.1em Tahoma, Verdana, Arial;
	color: #FFF;
	margin-top: 26px;
	margin-bottom: 7px;
	padding-top: 4px;
	border-top: 1px solid #c2cfc0;
}

#update p {
	color: #FFF;
}

.artwork p {
	font: 1.4em Verdana, Tahoma;
	padding: 0 24px;
}

.image-left {
        margin-bottom: 0;
}

.exhibitionDesc {
        height: 130px;
}

.value {   
	color: #383737;
}

.status {
        font-size: 1.1em; 
        font-family: Arial;
        text-transform: uppercase;
        color: #c33131;
}

span.itemNo {
	color: #585858;
}

span.price {
	color: #ff6c1b;
}

.returnArc {
	font-size: 1.2em;
	margin-top: 1.5em;
}

.storeLink {
        margin-top: 22px;
        font-size: 1.2em;
        text-align: center;
}

#footer p {
	font-size: 1.2em;
	text-align: center;
}

#footer .return {
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	margin-bottom: 0;
}

#footer .channels {
	font-size: 1.2em;
        font-weight: bold;
	text-align: center;
        margin-bottom: 0;
}


/* ---------- 5. images ---------- */

a img {
	border: 0;
}

#logo img {
	margin: 106px 0 0 42px;
}

#featuredCarousel img {
    border: 5px solid #504f41;
}

#featuredCarousel a img:hover {
    border: 5px solid #FFF;
}	

#update img {
	float: left;
	border: 1px solid #e6e4c6;
	margin-right: 10px;
}

.artwork li img {
	width: 225px;
	height: 182px;
}

.singleMainImage {
	width: 260px;
	float: left;
	margin-right: 10px;
}

.itemThumbs img {
	float: left;
	margin-right: 10px;
}

img.figure {
	float: left;
	margin-right: 10px;
	border: 1px solid #27271f;
}

.gallery img {
border: 0;
}

/* ---------- 5. contact form ---------- */



#scf2 label {
	font: 1.4em Verdana, Tahoma, Arial;
}

#scf2 input.text, #scf2 input[type='text'] {
margin-top: 5px;
}

#scf2 textarea {
margin-top: 5px;
}

#scf2_submit {
        width: 90px;
        height: 30px;
        font-weight: bold;
	color: #fff;
	background: #504f41;
        border: 1px solid #cdcdcd;
	cursor: pointer; /*hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#scf2_submit:hover {
	border: 1px solid #000;
	background: #000;
}

#contactInfo {
	float: left;
	width: 260px;
	height: 350px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-right: 15px;
}

#contactInfo img {
	border: 1px solid #cdcdcd;
	margin-bottom: 0px;
}

#scf2 {
float: left;
width: 625px;
}





.comments .login {
	margin-bottom: 1.5em;
}

.comments #comments-count {
	background: #f8f8f8;
	color: #000;
	margin-left: 2px;
}

.comments .said {
	font: 1.2em Verdana, Tahoma, Arial;
        font-style: italic;
}

.comments .comment-author {
	font: 1.2em Verdana, Tahoma, Arial;
        font-weight: bold;
        color: #333;
}

.comments #author, .comments #email, .comments #url {
	padding: 2px;
	border: 1px solid #cdcdcd;
}

.comments .comment-text {
        margin-top: 0.5em;
}

.comments .comment-text p {
	color: #000;
}

.comments .commentmetadata {
	font: 1.3em Verdana, Tahoma, Arial;
}

.comments .commentlist {
        margin-bottom: 1.2em;
}

.comments .commentlist li {
        padding: 10px 0;
}

.comments textarea { 
	border: 1px solid #cdcdcd;
	padding: 2px;
        margin-bottom: 1.5em;
}

.alt{
	background: #f8f8f8;
}

#respond {
	padding: 0;
}

.comments #submit {
        width: 90px;
        height: 30px;
        font-weight: bold;
	color: #fff;
	background: #504f41;
        border: 1px solid #cdcdcd;
	cursor: pointer; /*hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.comments #submit:hover {
	background: #000;
}	

.comments img.wp-smiley {
	float: none;
	border: 0;
}


/* ----- Gallery ----- */


.gallery {
	padding: 10px;
	border: 1px solid #27271f;
	height: 280px;
	background: #FFF url(images/wallpaper.gif) repeat-x 0 80%;
	margin-bottom: 10px;
	top: 0;
}

.xy {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}

.galleryLengthMain {
	width: 5400px;
	height: 280px;
}

.galleryLengthFluid {
	width: 3290px;
	height: 280px;
}

.galleryLengthEarly {
	width: 1820px;
	height: 280px;
}

.gallery .verticalFluid {
	float: left;
	width: 100px;
	margin-top: 50px;
	margin-right: 80px;
}


.gallery .squareFluid {
	float: left;
	width: 110px;
	margin-top: 60px;
	margin-right: 80px;
}

.gallery .horizontalFluid {
	float: left;
	width: 140px;
	margin-top: 60px;
	margin-right: 80px;
}

.gallery .horizontalFluidLong {
	float: left;
	width: 222px;
	margin-top: 60px;
	margin-right: 80px;
}

.gallery .horizontalMechanical {
	float: left;
	width: 196px;
	margin-top: 35px;
	margin-right: 80px;
	align: left;
}

.gallery .horizontalMechanical2 {
	float: left;
	width: 196px;
	margin-top: 47px;
	margin-right: 60px;
	align: left;
}

.gallery .horizontalMechanicalLong {
	float: left;
	width: 232px;
	margin-top: 35px;
	margin-right: 80px;
}

.gallery .verticalMechanical {
	float: left;
	width: 152px;
	margin-top: 20px;
	margin-right: 80px;
}

.gallery .verticalMechanical2 {
	float: left;
	width: 125px;
	margin-top: 34px;
	margin-right: 80px;
}

.gallery .verticalMechanical3 {
	float: left;
	width: 125px;
	margin-top: 42px;
	margin-right: 80px;
}

.gallery .verticalMechanicalSmall {
	float: left;
	width: 82px;
	margin-top: 43px;
	margin-right: 80px;
}

.gallery .squareMechanical {
	float: left;
	width: 120px;
	margin-top: 52px;
	margin-right: 85px;
}

.gallery .squareMechanical2 {
	float: left;
	width: 120px;
	margin-top: 32px;
	margin-right: 85px;
}

.gallery .verticalEarly {
	float: left;
	width: 120px;
	margin-top: 38px;
	margin-right: 90px;
}

.gallery .verticalEarlySmall {
	float: left;
	width: 120px;
	margin-top: 50px;
	margin-right: 90px;
}

.gallery .horizontalEarlyLong {
	float: left;
	width: 232px;
	margin-top: 45px;
	margin-right: 75px;
}

.gallery .plaque {
	float: left;
	width: 80px;
	margin-top: 95px;
}

.gallery .door {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-right: 50px;
}

.gallery .doorLeft {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-right: 50px;
	margin-left: 20px;
}

.gallery .doorRight {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 50px;
}

.gallery .radiator {
	float: left;
	width: 200px;
	margin-top: 170px;
	margin-right: 50px;
}