/* 
Castle Gibson CSS
Author: Alastair Mucklow and Simon Tokumine
Version: #2 - 14/4/09
*/

/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(blueprint/lib/typography.css);

/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */


body {
	text-align: center;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* Header */
#header {
	height: 90px;
}

#header #logo {
	padding-top: 30px;
}

#header #sections {
	float: right;
	margin-top: -20px;
}

ul#section_menu {
	display: inline;
}

li.section {
	display: inline;
	margin: 0 4px 0 0;
}

li.section a {
	text-decoration: none;
}

li.section a:hover {
	text-decoration: underline;
}

#header_fade {
	background: url('../images/header_fade.png') repeat-x top left;
	height: 42px;
	margin: 0 0 24px 0;
}

#dashboard {
	background-color: #fffacc;
	border-bottom: 2px solid #FF9900;
	height:26px;
}

#dashboard_inner {
	width: 960px;
	margin: 0 auto;
	padding: 4px 0;
	text-align: right;
}

#dashboard_inner a {
	color: #ff9900;
}

/* Thumbs */
#thumb_panel {
	width: 254px;
	float: left;
	margin: 0 15px 0 2px;
}

#thumb_header, #categories {
	margin: 0 0 10px 0;
}

#thumb_header {
	font-weight: bold;
}

ul#section_menu, ul#thumblist, ul#category_list, ul#category_list_a {
	list-style-type: none;
	margin: 0;
}

li.thumb {
	display: inline;
	width:80px;
	position:relative;
}
div.thumb_tab{
position:absolute;
top:-100px; 
background:url(../images/black_overlay60.png);
color:white;
padding:1px 4px;
}

div.main_tab, div#link_tab, div#edit_tab{
	position:absolute;
	background:url(../images/black_overlay60.png);
	color:white;
	z-index:1;
	top:15px;
	left:15px;
	font-size:2em;
	padding:2px 8px;	
}

div#link_tab a, div#edit_tab a{
	color:white;
	text-decoration:none;
}

div#edit_tab a:hover, div#link_tab a:hover{
	text-decoration:underline;
}

div#link_tab{
	top:70px;
}

div#edit_tab{
	left:auto;
	right:15px;
}

li.thumb a, li.cat a {
	text-decoration: none;
	border: 0;
}

li.thumb img {
	margin: 0 2px 1px 0;
}

img.is_thumb{
	border:2px solid #ff4444;
	border-width:2px 0;
}

#thumb_nav {
	background: url('../images/header_fade.png') repeat-x top left;
	padding: 8px 6px 36px;
	margin-top: 4px;	
	width: 241px;
}

#thumb_nav .prev {float: left;}

#thumb_nav .next {float: right;}

#thumb_nav .paginator {
	float: left;
	margin: 0 56px;
}

/* Main */
#mainframe {
	width: 688px;
	float: left;
	text-align:left;
	margin-bottom: 40px;
}

li.cat {
	display: inline;
	margin: 0 4px 0 0;
	color: #333;
}

li.cat a {
	color: #999;
}

li.cat a:hover {
	text-decoration: underline;
}

/* Image area */
#image img {
	vertical-align:top;
}

#image.two-up img {
	margin: 0 2px 0 0; 
}

#image.splash {
	background: url('../images/splash.jpg') top left no-repeat;
	height: 384px;
}

.props #image.splash {
	background: url('../images/props_splash.jpg') top left no-repeat;
	height: 512px;
}

#image #splash_text {
	background:transparent url('../images/black_overlay60.png') repeat scroll left top;
	color:#FFFFFF;
	float:left;
	font-size:0.92em;
	margin:15px 0pt 0pt 15px;
	padding:20px;
	width:270px;
}

#image_meta {
	float: left;
	width: 688px;
	margin-top: 8px;
}

.image_desc {
	float: left;
}

.cart_link {
	float: right;
	padding: 0 4px 0 0;
}

.cart_link img.plus_button {
	padding: 0 2px;
	margin-bottom: -4px;
}

/* Type */
#header h1, #header h2 {
	position: absolute;
	left: -999em;
}

#image_meta, #thumb_nav {
	font-size: 0.9em;
}

/* Footer just in case */
#footer {
	clear: both;
	padding: 5px 8px 4px 8px;
	margin: 0px 0 0px 0;
	background: url('../images/footer_fade.png') repeat-x top left;
	border-top:2px solid #ccc;
	text-align: right;
	font-size: 0.85em;
	letter-spacing: 1.5px;
}

/* Props Section */
#thumb_panel form {
	margin: 0 0 20px 0;
}



/* NEW LOCATIONS */
#cols {
	width: 100%;
	float: left;
}

.column {
  float: left;
  width: 32%;
	margin-right: 2%;
}

.column.last {
	margin-right: 0;
}

.column-text {
	font-size: 0.9em;
	float: left;
}

.column-title {
	float: left;
	width: 100%;
}

.column-title h2 {
	font-size: 0.95em;
	font-weight: bold;
	text-transform: uppercase;
}

.tour-link {
	padding: 4px 0 4px 4px;
	float: left;
	background-color: #e7e7e7;
	width: 302px;
	margin: 0 0 20px;
}

.tour-link.tour {
	background: #e7e7e7 url(../images/film_go.png) 288px 4px no-repeat;
}

.tour-link a {
	color: #333;
}

.column-image {
	float: left;
	margin: 0 0 12px;
}

.column-image a {
	display: block;
}

.column-image img {
	float: left;
}

.thumbnails div.ngg-gallery-thumbnail {
	float: left;
	margin: 0 4px 4px 0;
	background-color: #fff;
	border: 1px #e7e7e7 solid;
}

.thumbnails div.ngg-gallery-thumbnail:hover {
	background-color: #e7e7e7;
	border-color: #999;
}

.thumbnails a img {
	border: none;
	margin: 4px;
	display: block;
}

/* SOCIAL MEDIA ICONS */
#social {
	position: absolute;
	top: 4px;
	right: 0;
	width: 300px;
	height: 20px;
}

#social div {
	z-index: 2;
}

#social a {
	display: block;
	float:right;
	width: 20px;
	height: 16px;
}

#twitter a { background: url(../images/twitter-16x16.png) top left no-repeat;}
#facebook a { background: url(../images/facebook-16x16.png) top left no-repeat;}

/* VIRTUAL TOUR PAGES */
.locations #mainframe {
	width: 960px;
	margin-bottom: 50px;
}

/* General extras */
.clear {
	border: 0;
	clear: both;
	height: 0;
}

/* ADMIN STYLES */
#add_item_title, #add_category_name{
	width:380px;
	float:right;
	text-align:right;
	padding:10px;
	background: #FF9900;
}

#add_item_title #item_title, #add_category_name #category_name{
	padding:2px;
	font-size:1.2em;
	border:1px solid #bbb;
}

.blur {
	color:#bbb;
}

.admin_thumb_panel img{
	vertical_align: top;
}

#admin_layout_preview {
	margin-bottom:5px;	
}

#admin_layout_preview img {
	vertical-align:top;
}
#admin_layout_preview img#preview_left{
	float:left;
}
#admin_layout_preview img#preview_right{
	float:right;
}

/*GENERAL BOX STYLES*/
.grbox, .rbox, .bbox, .ybox, .gbox, .wbox{padding:10px; margin:10px 0;}

.wbox{
    border: 1px solid #ccc;
    background: #fff;
}


.bbox{
    border: 1px solid #CCE3F0;
    background: #E4EBF0;
}

.grbox{
    border: 1px solid #ccc;
    background: #ddd;		
}

.rbox{
    border: 1px solid #FF9D9D;
    background: #FFBBBB;	
}

.ybox{
	
    border: 1px solid #FFFFA6;
    background: #FFFFBF;
}
.gbox{
    border: 1px solid #B0E494;
    background: #C6E4B6;
}
.box{
    border: 1px solid #ccc;
    padding: 2px 4px;
}

/* ERROR */
#errorExplanation {
  width: 300px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #ffffff;
}

#item_status{
	margin-bottom:10px;
	font-weight: bold;
	font-size:1.2em;
}

#item_status span{
	padding:2px 4px;
	color:white;
}

#state_published{
	background:red;
}

#state_draft{
	background: #24CC00;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 10px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

h3#flash{
	float:right;
	border-bottom:5px solid #FF9900;
	background: #FF9900;
	padding:5px;
	color:white;
}

/*EDIT FORM*/
/* Text fields */
input.title { 
	width: 400px; 
	margin:0.5em 0.5em 0.5em 0;
	border:1px solid #bbb; 
	border-color: #bbb #ccc #ccc #bbb;
	background:#ffffff url(../images/inputBg.gif) top left no-repeat;
	padding:5px; 
	font-size:1.5em;
}

input.title:focus { 
	border:1px solid #999; 
}

/* Textareas */
textarea.description { 
	width: 400px; 
	height: 150px; 
	margin:0.5em 0.5em 0.5em 0;
	border:1px solid #bbb; 
	border-color: #bbb #ccc #ccc #bbb;
	background:#ffffff url(../images/inputBg.gif) top left no-repeat;
	padding:5px; 
	font-size:1.2em;
	}
textarea.description:focus { 
	border:1px solid #999; 
}

input[type="password"]{
	padding:0.5em;
	background:#ffffff url(../images/inputBg.gif) top left no-repeat;
}

.props-error{
	padding:0.8em;
	margin-bottom:1em;
	border:2px solid #FBC2C4;
	background:#FBE3E4;
	color:#8a1f11;
}