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

/* 1. Wrapper */

body {
	text-align:center; /* needed as safari 3.0 doesn't like the margin:auto on the wrapper */ 
}

.wrapper {
	width:973px;
	margin:auto;
	margin-bottom:1em;
}

#nav {
	text-align:left;
	padding:.25em 0 .7em 27px;
}

#nav ul li{
 	display:inline;
	margin-right:20px;
}

#header {
	padding-bottom:5px;
}


#header h1,
#header h1 span {
	width:973px;
	height:143px;
}

#footer {
	padding: 6em 0 2.77em 0;
	clear:left;
}

#footer ul li{
 	display:inline;
	margin: 0 7px;
	
}

#header {
	width:973px;
}

#header h1 span {
  margin-bottom:-125px;
  display: block;
  position: relative;
  z-index: 1;
}

.main-content {	
	padding: 0 27px;
	text-align:left;
}

#left,
#right{
	float:left;
}

.columns #left {
	width:500px;
}

.columns #right {
	width:394px;
	padding-left:25px;
}


#left {	
	padding-top:1em;
}

#left p {
	line-height:1.3;
	margin-bottom:1em;
}

#left h2 {
	margin-bottom:0.75em;
}

a.arrow-link {
	padding-right:12px;
}

#enter-expo {
	margin-top:0.92em;
	position:relative;
	height:14.5em;
	width:390px;
}

#enter-expo #button {
	position:absolute;
	top:-10px;
	left:341px;
	height:4.77em;
	width:64px;
	padding-top:2.5em;
	padding-left:12px;
}

#enter-expo #copy {
	width:123px;
	float:left;
	position:relative;
	top:6em;
	padding-left:15px;
}

#enter-expo h3 {
	padding-bottom:3em;
}


#enter-expo #flashcontent {
	float:left;
	height:160px;
	width:217px;
	margin-left:24px;
	margin-top:1.1em;
}

#enter-expo #flashcontent p{
	padding:1em;
}

/* 2. Homepage */

div.feature-box {
	width:155px;
	float:left;
	margin-right:6px;
}

div.feature-box h3{
  float:left;
  padding-left:10px;
  line-height:1;
}

div.feature-box#forum h3,
div.feature-box#treasures h3{
  width:64px;
}

div.feature-box#top5 h3{
  width:94px;
}

div.feature-box#forum h3,
div.feature-box#top5 h3 {
  margin-top:1.3em;
}

div.feature-box#treasures h3 {
	margin-top:0.15em;
	padding-bottom:1em;
	width:143px;
}

div.feature-box#top5 div {
	height:4.7em;
	width:155px;
 }

div.feature-box h4{
	width:44px;
	line-height:1;
	float:right;
	padding-top:0.9em;
}

div.feature-box#forum h4{
	height:3.92em;
	padding-left:10px;
}

div.feature-box span{
    width:155px;
   height:4px;
   display:block;
}

div.feature-box p {
   font-size:85%;
   padding-left: 9px;
}

div.feature-box#forum p{
   padding-bottom:3.4em;
}

div.feature-box#treasures p{
   padding-bottom:1em;
}

div.feature-box#top5 p{
   padding-bottom:.8em;
}

div.feature-box p img{
   position:relative;
   top:.25em;
   left:-7px;
}

div.feature-box img,
div.feature-box ol {
  clear:both;
  margin-left: 7px;
}


div.feature-box ol {
 	letter-spacing:-1px;
	padding-left:24px;
	width:115px;
	margin-bottom:3.7em;
}

div.feature-box ol li{
	margin-bottom:.25em;
}


div.feature-box#forum > img:first-child {
  margin-top:-.15em;
}

div.feature-box#treasures a > img:first-child {
  margin-top:.4em;
}


#home #intro{
/*	width:484px;*/
/*	float:left;*/
	padding-top:1em;
	margin-bottom:2.31em;
}


#home #flashcontent{
/*	width:435px;*/
	height:389px;
	padding-top:2em;
/*	margin-left:484px;*/
}

#home #flashcontent #video{
	width:352px;
	height:259px;
	position:relative;
	top:-4px;
	left:50px;
}

#home #flashcontent #video p{
	padding:.5em;
}

#home #flashcontent > p:first-child{
	position:relative;
	top:675px;
	left:840px;
	width:40px;
}

#about p{
/*	width:411px;*/
	line-height:1.3;
	margin-bottom:1em;
}

#about h2{
	margin-bottom:.75em;
}

#latest-treasures {
	float:left;
	width:318px;
	padding-right:4px;
}

#latest-treasures #t-heading {
	padding-top:7em;
	width:318px;
	margin-bottom:-3px;
}

#latest-treasures #t-heading h2{
	float:left;
	padding-left:15px;
}

#latest-treasures #t-heading p{
	left:40px;
	line-height:1;
	margin-left:200px;
	position:relative;
	text-align:center;
	top:-39px;
	width:40px;
}

#latest-treasures #t-content{
	padding:0 15px;
}

#latest-treasures #t-content p{
	width:279px;
}

#latest-treasures #t-content img {
	padding-right:7px;
}

#latest-treasures #t-content p,
#latest-treasures #t-content img{
	float:left;	
	margin-bottom:1em;
}

#latest-treasures #t-content small {
	display:block;
	margin-bottom:0.1em;
}

#btm-fade {
	height:96px;
}

#found-items {
	width:525px;
	margin-left:394px;
}

#found-items #details {
	width:222px;
	padding-right:4px;
	float:left;
	background:url('images/home/found-shadow-r.png') no-repeat; 
}

#found-items #details #btm div{
	position:relative;
	left:3px;
	top:1.38em;
	height:8px;
	background:url('images/shadowAlpha-fixedheight.png') no-repeat;
}


#found-items #details h3 {
	padding:.5em 10px 0;
}


#found-items #details dl {
	padding:0 10px; 
}

#found-items #details #btm {
	height:1.54em;
}

#found-items #details img {
	margin-top:.5em;
}

#found-items #details dd { 
	padding-bottom:.5em;
} 

#found-items #thumbnails {
	margin-left:235px;
}

#found-items #thumbnails img{
	float:left;
}

#found-items #thumbnails p {
	margin-bottom:0.5em;
}


/* 3. Blog */
#blog #map-container {
	height:635px;
}

#map {
	height:478px;
	left:16px;
	position:relative;
	top:3.1em;
	width:468px;
}

.infowindow {
	width:200px;
}

.add-location {
	width:250px;
}

.add-location img {
	margin-bottom:1em;
}

#posts {
	clear:left; /* just to clear the 'Enter Expo' floats */
	width:385px;
	margin-top:1.23em;
}

#posts #intro{
	padding:0 15px;
}

#posts-top{
	height:109px;
	width:385px;
}

.post {
	padding:1em 15px;
}

.navigation{
	width:100%;
}

.navigation div.alignright {
	float:right;
	text-align:right;
	width:40%;
	padding-right:15px;
}

.navigation div.alignleft {
	float:left;
	width:40%;
	padding-left:15px;
}


#posts-btm {
	height:89px;
	width:385px;
}

#posts-top h2 {
	width:70px;
	position:relative;
	text-align:center;
	top:37px;
	left:300px;;
}

#posts-top h2#author {
	left:287px;
	top:27px;
}

#posts-top h2#category {
	left:286px;
	top:46px;
}



.pagetitle {
	padding-left:15px;
	margin-bottom:.5em;
}

.main-content .single .post-ratings {
	margin-bottom:0.5em;
}

.main-content .entry p {
	margin-bottom:0.75em;
}

h3#comments {
	margin-bottom:0.5em;
	padding-left:15px;
}

ol.commentlist,
#comment-msg {
	padding:0 15px;
}

ol.commentlist li {
	margin-bottom:1em;
	padding:0.5em;
}

/* 4. Forum */
#forum #content {
	clear:left;
}

#forum .post {
	padding:0;
}

/* 5. About the Artists */

#artists #left { 
	width:479px;
}

#artists #right { 
	width:415px;
}

#artists #intro #img { 
	float:right;
	margin-left:10px;
}

#artists #intro p{
	clear:left; 
}

#artists-work img {
	float:left;
}

#friends {
	clear:left;
	left:30px;
	top:-301px;
}

#holbeck {
	left:217px;
	top:-322px;
}

#grizedale {
	left:15px;
	top:-93px;
}

#privacy {
	left:211px;
	top:-128px;
}

#artists-work div{
	position:relative;
	width:180px;
	line-height:1;
}

/* 6. User Registration/Login */

.form label input,
#cimy_uef_6,
#cimy_uef_7,
.smallprint{
	border:none;
}

div.error {
	margin-bottom:1em;
}

#registerform label {
	margin-right:15px;
}

#registerform {
	width:345px;
}

#registerform a {
	color:#1d89d2;
}

#registerform p,
#registerform div,
#registerform h2 {
	padding: 0 25px;
}

#registerform #inputs p,
#registerform #inputs div {
	padding: 0;
}



#registerform .smallprint label{
	margin-left: 5px;
}

#registerform p {
	margin:0;
}

#registerform #inputs div,
p#cimy_uef_p_field_1{
	text-align:right;
	width:245px;
	margin-bottom:.5em;
}

#inputs {
	width:100%;
}

p#cimy_uef_p_field_6 label,
p#cimy_uef_p_field_7 label {
	float:none;
}

p#cimy_uef_p_field_6,
p#cimy_uef_p_field_7 {
	width:50%;
	float:left;
	margin-bottom:1em;
}

p#cimy_uef_p_field_6 span{
	margin-right:42px;
}

p#cimy_uef_p_field_6 span {
	float:left;
	margin-left:23px;
}

#registerform p.smallprint {
	padding-bottom:.5em;
	padding-top:.5em;
}

#registerform h2 {
	margin-bottom:0;
}

div#register {
	text-align:right;
	width:245px;
	margin:.5em 0;
}

p.rssLink a,
li.pdfLink a {
	height:25px;
	margin:0pt;
	padding:3px 0pt 3px 25px;
}

#loginform,
#lostpass {
	width:225px;
	text-align:right;
}

#loginform div,
#lostpass div{
	margin-bottom:.5em;
}

#loginform .formButton,
#lostpass .formButton{
	margin-top:.5em;
}

/* Blog/Forum Login */
#blog #left .form,
#forum #left .form {
	text-align:left;
	width:506px;
}

#blog #left .form input,
#forum #left .form input{
	margin-right:15px;
	margin-left:5px;
}

#blog #left .form div,
#forum #left .form div{
	margin:1em 0 1.5em 0;
	font-size:85%;
}

#blog #left .form label input,
#forum #left .form label input{
	margin-right:5px;
	margin-left:15px;
}

/* 7. Forms */
.form input {
	padding:0.1em;
}

#commentform {
	text-align:right;
}

#commentform textarea {
	margin-bottom:1em;
	margin-right:15px;
	padding:0.5em 10px;
	width:335px;
}

#commentform input {
	margin-right:15px;
}


/* 8. Education */
#education .form {
	text-align:right;
	width:196px;
}

#education .form div{
	margin-bottom:.5em;
}

#education img {
	left:197px;
	position:relative;
	top:-136px;
}

#education p + p {
	padding-bottom:1em;
}

#education label {
	margin-right:5px;
}

/* 9. T&C/Privacy */
#static {
	margin-top:1em;
}

#static p, #static ul, #static dl, #static table {
	margin-bottom:0.5em;
}

/* 10. Press */
#press li {
	margin-bottom:1em;
}

.photos {
	 margin-bottom:1em;
}


.photos > div:first-child{
	  float:left; 
	  margin-right:20px;
}


/********** Float clearing rules start here */
		
/* Show to Anything but IE */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Show to IE Mac + Win 5.5+ */
/*.clearfix {display: inline-block;}*/ 	

/*********** Float clearing rules end here */