/*
Theme Name: Posted
Theme URI: http://postedprojects.co.uk/
Description: Wordpress theme for Posted Projects
Version: 1.0
Author: Takashi Irie
Author URI: http://takashiirie.com
Tags:
*/
/*------------------------------------------------------*/
/* =HTML ELEMENTS										*/
/*------------------------------------------------------*/
html {background: #fff;}
body {background: #fff url(images/bg.jpg) repeat-x;color: #333;font-family: "Gill Sans", Calibri, "Trebuchet MS", sans-serif;font-size: 12px;line-height: 18px;padding: 20px 0;}
/* SAFARI FIX (if the fix is needed. You can apply it for any element, or for all - on 'body')
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) { body {-webkit-text-stroke:0 black;}}
*/
img {vertical-align: top;}
a {color: #48add7;outline: none; /* removing outline in Mozilla */text-decoration: none;}
a:hover {text-decoration: underline;}
/* SETTING FORM ELEMENTS */
button,textarea,input[type="text"],input[type="submit"] {font-family: arial, "helvetica neue", helvetica, sans-serif;font-size: 12px;}
button:hover,input.submit:hover, /* class .submit (if developing for IE6) */input[type="submit"]:hover {cursor: pointer;}
textarea {margin: 0; 			/* removing margin in Mozilla */overflow: auto;/* for IE and older browsers */}
/* removing odd button padding/margin in Mozilla */
button::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner { border: 0;padding: 0;}
/* clears the float  */
.floatClear {overflow: hidden;}
/* usually for <br /> tag to clear the float (in cases where class .floatClear is not applicable) */
.clear {clear: both;line-height: 0;}
/*----------------------------------*/
/* =WRAPPER							*/
#wrapper {background: url(images/wrapper.png) no-repeat;height: 767px;margin: 0 auto;padding: 3px 5px 0 5px;width: 913px;position: relative;}
/*----------------------------------*/
/* =LOGO							*/
/*#logo {background: url(images/logo.gif) no-repeat;height: 132px;margin: 0 auto 3px auto;text-indent: -9999px;width: 697px;}*/
#logo a{display:block;height:132px;width:697px;}
/*----------------------------------*/
/* =MENU							*/
#menu {background: #fff url(images/date.gif) no-repeat 50% 223px;height: 243px;padding: 12px 10px;}
/*----------------------------------*/
/* =CONTENT							*/
#content {}
.box {background: #fff;}
.stamps {overflow: hidden;padding-top: 2px;padding-bottom: 1px;}
.stamps li {background: #fff;float: left;padding: 2px 1px 1px 1px;margin-left: 5px;}
.stamps li:first-child {margin-left: 0;}
.stamps img {filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;}
.stamps img:hover {filter: alpha(opacity=60);-khtml-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;}
/* LEFT SIDE */
#leftSide {float: left;height: 632px;width: 212px;position: relative;}
#keepMePosted {background: url(images/keep-me-posted.gif) no-repeat;height: 140px;text-indent: -9999px;width: 176px;}
#keepMePosted a {display: block;height: 140px;}
#showGroup {background: url(images/show-group.gif) no-repeat;display: block;height: 63px;text-indent: -9999px;width: 129px;}
#leftSide .stamps.first {margin-left: 108px;}
/*#leftSide .back {color: #333;height: 23px;padding: 41px 10px 0 10px;position: absolute;left: 0;right: 0;bottom: 230px;letter-spacing: 1px}*/
#leftSide .back a {color: #333;font-size: 15px;text-transform: uppercase;}
#leftSide .back span {font-size: 16px;}
/* MAIN */
#main {float: left;margin-left: 4px;width: 589px;}
#main .stamps {margin-bottom: 2px;}
#main .stamps li {padding-bottom: 2px;}
#main .mapSmall {float: right;}
#main .mapSmall img {filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;}
#main .mapSmall img:hover {filter: alpha(opacity=60);-khtml-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;}
#main .artists h3 {font-size: 18px;}
#main .artists p{font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;letter-spacing:2px;font-weight:lighter}
#main .stampsHolder {float: right;}
#main .stampsHolder .stamps {margin-bottom: 0;}
#main .stampsHolder .stamps:first-child {margin-top: -1px;}
#main .stampsHolder .stamps.last {margin-top: 1px;}
#main .stampsHolder .stamps li {padding: 1px;}
/* RIGHT SIDE */
#rightSide {float: right;height: 632px;width: 103px;position: relative;}
#rightSide .box {margin-bottom: 3px;}
#rightSide .stamps {margin-top: -1px;padding-top: 0;}
#rightSide img:hover {filter: alpha(opacity=60);-khtml-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;}
/* FOOTER LEFT */
#footerLeft {font-size: 10px;line-height: 16px;text-transform: uppercase;position: absolute;left: 0;bottom: 0;right: 0;}
#footerLeft h4 {font-size: 11px;font-weight: bold;}
#footerLeft a {color: #333;}
#footerLeft .box {margin-top: 3px;padding: 0 15px;}
#footerLeft .box:first-child {margin-top: 0;}
#footerLeft .info {height: 105px;padding-top: 15px;padding-bottom: 12px;}
#footerLeft .info img {margin-bottom: 15px;vertical-align: top;}
#footerLeft .openTimes {height: 45px;padding-top: 10px;padding-bottom: 10px;}
#footerLeft p.copyright {color: #000;font-size: 8px;height: 24px;line-height: 24px;}
/* FOOTER RIGHT */
#footerRight {font-size: 10px;line-height: 16px;text-transform: uppercase;position: absolute;left: 0;bottom: 27px;right: 0;}
#footerRight .box {margin: 4px 0 0 0;text-align: center;}
#footerRight .box:first-child {margin-top: 0;}
/* WAI CHANGES */
#main .homeText {color: #000;font-size: 12px;height: 118px;line-height: 21px;padding: 6px 10px 8px 10px;text-transform: uppercase;width: 353px;float:left;}
.playerHolder {height: 310px;padding: 5px 8px 20px;}
.player {margin: 0 auto;width: 572px;}
#leftSide .download {color: #333;height: 23px;padding: 6px 12px 36px 8px;position: absolute;left: 0;right: 0;bottom: 297px;}
#leftSide .download a {color: #333;font-size: 13px;text-transform: uppercase;}
#leftSide .download span {font-size: 16px;}
#main .artists {font-size: 20px;height: 237px;line-height: 25px;margin-bottom: 3px;padding: 8px 10px 22px;text-transform: uppercase;}
.stamps2 {overflow: hidden;}
.stamps2 li {background: #fff;float: left;padding: 2px 1px 2px 1px;margin-left: 5px;}
.stamps2 li:first-child {margin-left: 0;}
.stamps2 img {filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;}
.stamps2 img:hover {filter: alpha(opacity=60);-khtml-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;}
/* Links Page */
#main .links {font-size: 14px;line-height: 18px;margin-bottom: 3px;text-transform: uppercase;}
.title{font-size:18px;text-transform: uppercase;position:absolute;padding:16px 0 31px 10px;top:0;left:107px;letter-spacing: 2px;}

#homeleftSide {float: left;height: 297px;width: 212px;position: relative;}
.leftHolder{float:left;width:806px;}
.exhibition{float:left;width:266px;height:335px;margin:0 4px 0 0}
.homeTextHolder{float: left;width:353px;}
.homeTextHolder .homeText{float:none;}
.nav{width:94px;float:left;margin:3px 4px 0 0;padding:10px 0 13px 10px;text-transform: uppercase;font-size:12px;}
.nav span{font-size:18px;line-height:1.3em;letter-spacing:2px;}
.nav span a{color:#333;}


/*----------------------------------*/
/* =WAI UPDATES						*/
#leftSide .download p {line-height:1.4em;}
#main .homeText2 {color: #000;font-size: 12px;height: 186px;line-height: 21px;padding: 6px 10px 8px 10px;text-transform: uppercase;width: 353px;float:left;}
#menu2 {background: #fff url(images/pleasewrite-date.gif) no-repeat 50% 223px;height: 243px;padding: 12px 10px;}
#pleaseWrite {background: url(images/please-write.gif) no-repeat;height: 140px;text-indent: -9999px;width: 195px;}
#pleaseWrite a {display: block;height: 140px;}
#joBroughton {background: url(images/stationery-jo_broughton.gif) no-repeat;height: 254px;text-indent: -9999px;width: 199px;}
#joBroughton a {display: block;height: 140px;}
#traceyEmin {background: url(images/stationery-tracey_emin.gif) no-repeat;height: 254px;text-indent: -9999px;width: 199px;}
#traceyEmin a {display: block;height: 140px;}
#janeSimpson {background: url(images/stationery-jane_simpson.gif) no-repeat;height: 254px;text-indent: -9999px;width: 199px;}
#janeSimpson a {display: block;height: 140px;}
#georgieHopton {background: url(images/stationery-georgie_hopton.gif) no-repeat;height: 254px;text-indent: -9999px;width: 199px;}
#georgieHopton a {display: block;height: 140px;}
#incaStarzinsky {background: url(images/inca_starzinsky.jpg) no-repeat;height: 254px;text-indent: -9999px;width: 199px;}
#incaStarzinsky a {display: block;height: 140px;}
#main .homeText3 {color: #039;font-size: 12px;height: 186px;line-height: 21px;padding: 6px 10px 8px 10px;text-transform: uppercase;width: 353px;float:left;}
#main .homeText3 p{padding-bottom: 24px; letter-spacing:0.2px;}
#main .homeText4 {color: #C33;font-size: 12px;height: 186px;line-height: 21px;padding: 6px 10px 8px 10px;text-transform: uppercase;width: 353px;float:left;}
#main .homeText4 p{padding-bottom: 24px; letter-spacing:0.2px;}
#menu3 {background: #fff ; height: 254px;padding: 7px 7px;}
#main .artists2 {font-size: 20px;height: 237px;line-height: 25px;margin-bottom: 3px;padding: 8px 10px 22px;text-transform: uppercase;}
#main .artists2 h3 {font-size: 24px;color: #039;letter-spacing:2px;padding:7px 0 29px;}
#main .artists2 p{font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;color: #039;letter-spacing:2px;font-weight:lighter;}
#main .artists3 {font-size: 20px;height: 237px;line-height: 25px;margin-bottom: 3px;padding: 8px 10px 22px;text-transform: uppercase;}
#main .artists3 h3 {font-size: 22px;color: #C33;letter-spacing:2px;padding:7px 0 11px;}
#main .artists3 p{font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;color: #C33;letter-spacing:2px;font-weight:lighter;font-size:17px;line-height:23px;}

ul, li {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
/************************************************
*	stationery nav settings							    *
************************************************/
#stationery_nav_holder{float:left;width:266px;height:335px;margin:0 4px 0 0;background-color:#FFF;}
#stationery_nav{width:266px;height:335px;background:url(images/stationary_projects_by_artists_full.gif) no-repeat;float:left;}
#stationery_nav li{float:left;}
#stationery_nav li a{height:22px;display:block;text-indent:-9999px;}
li#navJoBroughton a{ background:url(images/jo_broughton.gif) no-repeat; background-position:0 0; width:266px; left:275px; position:absolute; top:331px;}
li#navJoBroughton a:hover{ background-position:0 -22px }
body#JoBroughton li#navJoBroughton a{ background-position:0 -22px }
li#navTraceyEmin a{ background:url(images/tracey_emin.gif) no-repeat; background-position:0 0; width:266px; left:275px; position:absolute; top:353px;}
li#navTraceyEmin a:hover{ background-position:0 -22px }
body#TraceyEmin li#navTraceyEmin a{ background-position:0 -22px }
li#navGeorgieHopton a{ background:url(images/georgie_hopton.gif) no-repeat; background-position:0 0; width:266px; left:275px; position:absolute; top:375px;}
li#navGeorgieHopton a:hover{ background-position:0 -22px }
body#GeorgieHopton li#navGeorgieHopton a{ background-position:0 -22px }
li#navJaneSimpson a{ background:url(images/jane_simpson.gif) no-repeat; background-position:0 0; width:266px; left:275px; position:absolute; top:397px;}
li#navJaneSimpson a:hover{ background-position:0 -22px }
body#JaneSimpson li#navJaneSimpson a{ background-position:0 -22px }
/************************************************
*	MORE CHANGES							    *
************************************************/
#logo {background: url(images/logo-v3.gif) no-repeat;height: 132px;margin: 0 auto 3px auto;text-indent: -9999px;width: 697px;}
#leftSide .back {color: #333;height: 23px;padding: 41px 10px 0 10px;position: absolute;left: 0;right: 0;bottom: 162px;letter-spacing: 1px}
#main .artists4 {font-size: 20px;height: 237px;line-height: 25px;margin-bottom: 3px;padding: 8px 10px 22px;text-transform: uppercase;}
#main .artists4 h3 {font-size: 22px;color: #000;letter-spacing:2px;padding:7px 0 9px;}
#main .artists4 p{font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;color: #000;letter-spacing:1px;font-weight:lighter;font-size:14px;line-height:20px;}
#main .homeText5 {color: #000;font-size: 12px;height: 186px;line-height: 21px;padding: 6px 10px 8px 10px;text-transform: uppercase;width: 353px;float:left;}
#main .homeText5 p{padding-bottom: 24px; letter-spacing:0.2px;}
#main .homeText5 p a{color: #000; text-decoration:none;}
#main .homeText5 p a:hover{text-decoration:underline;}
#artCarBootFair {background: url(images/art-car-boot-fair-panel.gif) no-repeat;height: 254px;text-indent: -9999px;width: 199px;}
#artCarBootFair a {display: block;height: 140px;}
#main .stampsHolderLeft {float: left;}
.stampsLeft {overflow: hidden;padding-top: 2px;padding-bottom: 1px;}
.stampsLeft li {background: #fff;float: left;padding: 0 1px 1px 1px;margin-left: 5px;}
.stampsLeft li:first-child {margin-left: 1;}
.stampsLeft img {filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;}
.stampsLeft img:hover {filter: alpha(opacity=60);-khtml-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;}
#main .artCarBootFairStamp {float: right; margin:2px 1px;}
#main .artCarBootFairStamp img {filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;}
#main .artCarBootFairStamp img:hover {filter: alpha(opacity=60);-khtml-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;}