/* Copyright (c) 2010 CoffeeCup, All rights reserved - http://www.coffeecup.com/
----------------------------------------------------------------------------------------------------*/

/* Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset for HTML 5 Elements
----------------------------------------------------------------------------------------------------*/

/* tells browsers that don't read html 5 tags to render like divs */
header, footer, aside, nav, article, section {
	display: block;
	margin: 0;
	padding: 0;
}

/* clears containers with floated elements, no need for extra markup! */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Layout
----------------------------------------------------------------------------------------------------*/

body {

	margin: 0 auto;
	font: 20px/24px Puritan, Verdana, Arial, sans-serif;
    font-weight:400;
	width: 960px;
    height:100;
}

body#about {
      background-color:#ffffcc;
      background-image:url(../images/index-background.jpg);
      background-position:center top;
      background-repeat:no-repeat;
      background-size:100%;
      b

}

body#index {
      background-color:#ffffcc;
      background-image:url(../images/index-background.jpg);
      background-position:center top;
      background-repeat:no-repeat;
      background-size:100%;
      b

}



body#bank {
    background: #76e4ff;
    	color: #333;
}

body#art {
    background: #85ff86;
	color: #333;
}

body#antiques {
    background: #ffb3ff;
	color: #333;
}

body#barset {
      background-color:#303030;
      background-image:url(../images/barsetshire-page-background3.jpg);
      background-position:center top;
      background-repeat:no-repeat;
      background-size:100%;
      font: normal bold 16px/24px Lusitana, serif;
}



h1 {
	font: normal bold 38px/50px Puritan, Verdana, Arial, sans-serif;
        font-weight:700;
	padding-top: 30px;
}

h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 22px 0;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 11px 0;
}

h4 {
	font-size: 9px;
	line-height: 11px;
	padding: 2px 0;
    padding-bottom: 10px;
    color: #ffffff;
    padding-left: 42px;
    
}

h5 {
	font: normal bold 70px/80px Lusitana, serif;
	padding-top: 15px;
    padding-bottom: 15px;
}

/*  h6 formatting for pge: ...bank
*/
h6 {
	font: normal 48px/52px Schoolbell, cursive;
	padding-top: 30px;
    padding-bottom: 10px;
}

p {
	font-weight: normal;
	padding-bottom: 22px;
}

a {
	color: #606060;
	text-decoration: none;
}

a:visited {
	color: #606060;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #FF9900;
	text-decoration: underline;
}

a:active {
	color: #CC6600;
	outline: none;
	text-decoration: none;
}

a:focus {
	outline: 1px dotted;
}

#mast h1 {
	padding: 30px 0 20px 40px;
}

#mast h6 {
	padding: 30px 0 20px 40px;
}

#submast h1 {
    top: 40px;
	padding: 30px 0 20px 40px;
    
}

#submast h6 {
    margin-top: 80px;
	padding: 30px 0 0 40px;
}

#submast h5 {
    margin-top: 60px;
	padding: 30px 0 20px 40px;
    color: #ffffff;

}

/*
adding nav for back to previous pages
*/
nav#backbuttons {
	padding: 10px 0;
	position: absolute;
	left: 0px;
    top: 10px;
	width: 100%;
    height: 50px;
   	background-color: #404040;
}

nav#backbuttons ul {
	margin: 0 auto;
	border: none;
}

nav#backbuttons ul li {
	display: inline;
	list-style: none;
	padding-left: 20px;
}

nav#backbuttons ul li a {
	color: #c7c7c7;
	background-color: #606060;
	border: 2px solid #606060;
	padding: 10px;
	margin-right: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

nav#backbuttons ul li a:hover, nav#global ul li a:focus {
	color: #e10000;
	background-color: #ffffcc;
	border: 2px solid #444;
	text-decoration: none;
}

.prev a {
    color: #ffffff;
	font: normal 24px/44px Schoolbell, cursive;  
    margin-left:100px;
}

.next a {
    color: #ffffff;
	font: normal 24px/44px Schoolbell, cursive;  
    
}

/* end nv

*/

/*
Barsetshire backbutton?
*/

nav#barbackbut {
	padding: 10px 0;
	position: absolute;
	left: 2px;
    top: 2px;
	width: 100;
    height: 40px;
 
}

nav#barbackbut ul {
	margin: 0 auto;
	border: none;
}

nav#barbackbut ul li {
	display: inline;
	list-style: none;
	padding-left: 20px;
}

nav#barbackbut ul li a {

	background-color: #606060;
	border: 5px solid #606060;
    padding: 5px;
	margin-right: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

nav#barbackbut ul li a:hover, nav#global ul li a:focus {
	color: #e10000;
	background-color: #ffffcc;
	border: 5px solid #606060;
	text-decoration: none;
}




/*
*/

nav#global {
	padding: 10px 0;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #404040;
}

nav#global ul {
	margin: 0 auto;
	width: 960px;
	border: none;
}

nav#global ul li {
	display: inline;
	list-style: none;
	padding-left: 15px;
}

nav#global ul li a {
	color: #c7c7c7;
	background-color: #606060;
	border: 2px solid #606060;

	margin-right: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

nav#global ul li a:hover, nav#global ul li a:focus {
	color: #e10000;
	background-color: #c7c7c7;
	border: 2px solid #444;
	text-decoration: none;
}

nav#global ul li a.selected {
	color: #ffffff;
}

nav#global ul li a.selected:hover {
	color: #e10000;
}


nav#womenswork {
	padding: 10px 0;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #404040;
}

nav#womenswork ul {
	margin: 0 auto;
	width: 960px;
	border: none;
}

nav#womenswork ul li {
	display: inline;
	list-style: none;
	padding-left: 20px;
}

nav#womenswork ul li a {

	background-color: #606060;
	border: 2px solid #606060;

	padding: 10px;
	margin-right: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

.bank a {
    color: #76e4ff;
	font: normal 24px/44px Schoolbell, cursive;  
}

.art a {
    color: #85ff86;
	font: normal 24px/44px Schoolbell, cursive;  
}

.antiques a {
    color: #ffb3ff;
	font: normal 24px/44px Schoolbell, cursive;  
 }
 
 .home a {
    color: #ffffff;
  	font: normal bold 22px/44px Puritan, Verdana, Arial, sans-serif;
        font-weight:700;
}

 .womenswork a {
    color: #ffffff;
     	padding: 4px;
  	font: normal 24px/44px Schoolbell, cursive; 
}

 .womenswork2 a {
  	font: normal 16px/24px Schoolbell, cursive; 
}


.index a {
	font: normal bold 22px/44px Puritan, Verdana, Arial, sans-serif;    
        font-weight:700;
	padding: 10px;
 }
 
 .barset a {
     color: #cccccc;
	font: normal bold 18px/32px Puritan, Verdana, Arial, sans-serif;    
        font-weight:700;

 }
 
 .barset2 a {
	font: normal bold 22px/24px Lusitana, serif;  
    	padding: 10px;

 }
 
.drwebster a {
	font: normal 24px/44px 'Architects Daughter', cursive;    
 }



nav#womenswork ul li a:hover, a:focus {
	color: #e10000;
	background-color: #c7c7c7;
	border: 2px solid #444;
	text-decoration: none;
}




nav#womenswork ul li a.selected {
	color: #ffffff;
}

nav#womenswork ul li a.selected:hover {
	color: #FF9900;
}

/* Barsetshire stuff 
*/
#banner {
	background-color: #333;
	margin: 0 auto;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 100%;
	height: 200px;
    left: 0;
	text-align: center;
    position: absolute;    
    top: 0;
    z-index: -1;

}

#bannerphoto div {
	width: 100;
	height: 200px;
	text-align: center;

}



nav#barsetnav {
	padding: 10px 0;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #404040;

}

nav#barsetnav ul {
	margin: 0 auto;
	width: 960px;
	border: none;
    padding-left: 55px;
}

nav#barsetnav ul li {
	display: inline;
	list-style: none;
	padding-left: 15px;
}

nav#barsetnav ul li a {
	color: #c7c7c7;
	background-color: #606060;
	border: 2px solid #606060;
	margin-right: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;


nav#barsetnav ul li a:hover, nav#global ul li a:focus {
	color: #e10000;
	background-color: #c7c7c7;
	border: 2px solid #444;
	text-decoration: none;
}

nav#barsetnav ul li a.selected {
	color: #ffffff;
}

nav#barsetnav ul li a.selected:hover {
	color: #e10000;
}
}
/* end Barsetshire
*/


#intro {
	background-color: #b7f178;
	margin-top: 100px;
    margin-bottom: 40px;
	padding: 40px;

    

}

#intro header h2 {
       font: normal bold 24px/50px Verdana, Arial, sans-serif;
       font-weight:normal;
	line-height: 30px;
    padding: 0px 0px 10px 0px;
	width: 440px;
    
}

#intro header h3 {
       font: normal bold 16px/22px Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 16px;
	width: 440px;
   	font-size: 16px;
    padding: 0px 0px 5px 0px;
}





#intro p {
    padding: 20px 0px 10px 0px;
 	width: 420px;
}

#intro a {

}

#intro a:hover {
	color: #e10000;

	text-decoration: none;
}

#intro #wwslides {
	background-color: #b7f178;
  position:absolute;
   top:240px;
   right:200px;
	width: 300px;
	height: 400px;

}

#intro #photo {
	background-color: #ffffcc;
  position:absolute;
   top:220px;
   right:160px;
    
	-moz-box-shadow: 0 1px 10px #333;
	-webkit-box-shadow: 0  1px 10px #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 400px;
	height: 300px;
}

#photo div {
	background-color: #333;
	margin: 10px auto 0 auto;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 380px;
	height: 260px;
	text-align: center;
}


#photo div h3 {
	color: #ffffcc;
	font-size: 15px;
	line-height: 25px;
	padding: 115px 0 0 0;
}

#intro #aboutpage {
  	font: normal 22x/24px 'Architects Daughter', cursive; 
}

#intro #aboutpage h3 {
  	font: normal 24px/28px 'Architects Daughter', cursive; 
    padding-left: 0px;
}

/* start new intro#bank
*/

#introbank {
	background-color: #76e4ff;
	margin-top: 10px;
    padding-left:40px;
	padding-right: 40px;
    padding-bottom:40px;
    padding-top:20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    	width: 420px;
}

#introbank header h2 {
	font-weight: normal;
	line-height: 24px;
	padding: 0 0 15px 0;
	width: 400px;
    font-size: 24px;
}

#introbank p {
 	width: 400px;
}

#introbank a {
	color: #c7c7c7;
	background-color: #76e4ff;
	font: normal bold 18px/44px Puritan, Verdana, Arial, sans-serif;
        font-weight:700;
	padding: 10px;
	margin-right: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

#introbank a:hover {
	color: #e10000;
	background-color: #76e4ff;
	text-decoration: none;
}

#introbank #bookpic {
	background-color: #76e4ff;
  position:absolute;
   top:80px;
   right:140px;

	width: 300px;
	height: 400px;
    z-index: -1;
}

 #introbank #howtobuy {
 	background-color: #76e4ff;
  position:absolute;
   top:440px;
   right:160px;
   	width: 300px;
	height: 200px;
 }


/*
----end new intro#bank
*/

/* start new intro#art
*/

#introart {
	background-color: #85ff86;
	margin-top: 10px;
    padding-left:40px;
	padding-right: 40px;
    padding-bottom:40px;
    padding-top:20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    width: 420px;
}

#introart header h2 {
	font-weight: normal;
	line-height: 24px;
	padding: 0 0 15px 0;
	width: 400px;
    font-size: 24px;
}

#introart p {
 	width: 400px;
}

#introart a {
	color: #c7c7c7;
	background-color: #85ff86;
	font: normal bold 18px/44px Puritan, Verdana, Arial, sans-serif;
        font-weight:700;
	padding: 10px;
	margin-right: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

#introart a:hover {
	color: #e10000;
	background-color: #85ff86;
	text-decoration: none;
}

#introart #bookpic {
	background-color: #85ff86;
  position:absolute;
   top:80px;
   right:140px;
	-moz-box-shadow: 0 1px 10px #85ff86;
	-webkit-box-shadow: 0  1px 10px #85ff86;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 300px;
	height: 400px;
    z-index: -1;
}
 #introart #howtobuy {
 	background-color: #85ff86;
  position:absolute;
   top:440px;
   right:160px;
   	width: 300px;
	height: 200px;
 }


/*
----end new intro#art
*/
/* start new intro#antiques
*/

#introantiques {
	background-color: #ffb3ff;
	margin-top: 10px;
    padding-left:40px;
	padding-right: 40px;
    padding-bottom:40px;
    padding-top:20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    width: 420px;
}

#introantiques header h2 {
	font-weight: normal;
	line-height: 30px;
	padding: 0 0 15px 0;
	width: 400px;
}

#introantiques p {
 	width: 400px;
}

#introantiques a {
	color: #c7c7c7;
	background-color: #ffb3ff;
	font: normal bold 18px/44px Puritan, Verdana, Arial, sans-serif;
        font-weight:700;
	padding: 10px;
	margin-right: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

#introantiques a:hover {
	color: #e10000;
	background-color: #ffb3ff;
	text-decoration: none;
}

#introantiques #bookpic {
	background-color: #ffb3ff;
  position:absolute;
   top:80px;
   right:100px;
	-moz-box-shadow: 0 1px 10px #ffb3ff;
	-webkit-box-shadow: 0  1px 10px #ffb3ff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 300px;
	height: 400px;
    z-index: -1;
}
 #introantiques #howtobuy {
 	background-color: #ffb3ff;
  position:absolute;
   top:440px;
   right:120px;
   	width: 300px;
	height: 200px;
 }


/*
----end new intro#antiques
*/



#bookpic div {
	width: 300px;
	height: 400px;
	text-align: center;

}

#bookpic div h3 {
	color: #ffffcc;
	font-size: 25px;
	line-height: 25px;
	padding: 115px 0 0 0;
}

#howtobuy div { 

	margin: 10px auto 0 auto;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 300px;
	height: 200px;
	text-align: center;
}

/* start new introbarset
*/

#introbarset {
    background-color:transparent;
	margin-top: 20px;
	padding: 40px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    	width: 420px;
}

#introbarset header h2 {
	font-weight: normal;
	line-height: 30px;
	padding: 0 0 15px 0;
	width: 400px;
}

#introbarset p {
 	width: 400px;
    font-size: 18px;
}

#introbarset a {
	color: #c7c7c7;
	background-color: #85ff86;
	font: normal bold 18px/44px Puritan, Verdana, Arial, sans-serif;
        font-weight:700;
	padding: 10px;
	margin-right: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

#introbarset a:hover {
	color: #e10000;
	background-color: #85ff86;
	text-decoration: none;
}

#introbarset #slideshow {
	background-color: #404040;
  position:absolute;
   top:240px;
   right:40px;
	width: 400px;
	height: 350px;
    z-index: -1;
}
/* end introbarset
*/

#slideshow {
		    margin: 10px auto;
		    position: relative;
		    width: 400px;
		    height: 350px;
		    }

#slideshow > div {
		    position: absolute;
		    top: 10px;
		    left: 10px;
		    right: 10px;
		    bottom: 10px;
		}


#wwslides {
		    margin: 10px auto;
		    position: relative;
		    width: 300px;
		    height: 400px;
		    }

#wwslides > div {
		    position: absolute;

		}




div#main {
	border: none;
}

#main #articles {
	float: left;
	margin-left: 40px;
	width: 600px;
	border: none;
}

article {
	border-bottom: 1px dotted #aaa;
	padding: 15px 0;
}

article:last-child {
	border-bottom: none;
}

aside {
	float: right;
	margin-top: 40px;
	margin-right: 40px;
}

aside section {
	background-color: #F5F5F5;
	margin-bottom: 30px;
	padding: 20px 40px 20px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

aside h3 {
	padding: 0 0 11px 0;
}

nav#categories ul li, nav#archives ul li {
	list-style: none;
	margin: 5px 0;
}

footer {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #333;
}

footer div {
	margin: 0 auto;
	padding: 30px 0 20px 30px;
	width: 920px;
	border: none;
}

footer div section {
	color: #777;
	float: left;
	margin-right: 15px;
	width: 250px;
	border: none;
}

footer div section h3 {
	color: #fff;
}

nav#blogRoll ul li a, nav#siteMap ul li a {
	color: #ffffff;
	list-style: disc;
	margin-left: 15px;
}

footer #about {
	color: #ffffff;
	margin-right: 60px;
	width: 330px;
}