/*
Theme Name: ArtVault
Theme URI: http://www.artvault.co.za/
Description: A custom theme for ArtVault.co.za
Version: 1.0
Author: Jason Norwood-Young
Tags: variable width, three columns, header column, widgets

Customised theme for ArtVault.co.za - the home of South African Art
Built for Pexicon cc by Jason Norwood-Young
*/

/*---------------
DOM elements
-----------------*/

body {
	margin: 0px;
	font-family: arial;
	font-size: 9pt;
	
/* 	height: 100%; */
/* 	min-height: 800px; */
/* 	margin: 0 15px; */
	
/* 	border-left: 1px #DDDDDD solid; */
/* 	border-right: 1px #DDDDDD solid; */
	min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
/* 	overflow: auto; */
}

img {
	border: none;
}

h1 {
	font-size: 14pt;
	color: #fdc503;
}

h1.grey, h1.grey a, h2.grey, h2.grey a, h3.grey, h3.grey a {
	color: #72706f;
	text-decoration: none;
}

h2, h2 a {
	font-size: 12pt;
	color: #b8984c;
}

h3, h3 a {
	font-size: 16pt;
	color: #fdc503;
	text-decoration: none;
}

a {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

a.bold {
	font-weight: bold;
}

.clickable {
	cursor: pointer;
}

/*-----------------
Header & Footer
------------------*/

div#footer {
	text-align: center;
	background-color: #DDD;
	color: #FFF;
	padding: 5px;
}

div#header {
	width: 100%;
/* 	margin: 0px; */
	height: 185px;
	/*background-image: url("images/headerbg.png");
	background-repeat: repeat-x;*/
	color: #000000;
	font-size: 9pt;
	font-family: arial, sans-serif;
	border-bottom: 1px #DDDDDD solid;
	
}

div#header a {
	text-decoration: none;
}

div#loginmanager {
	position: absolute;
	top: 10px;
	right: 5px;
	background-image: url("images/loginbox_bg.png");
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 5px;
	height: 150px;
}

span#logo {
	position: relative;
	left: 25px;
	top: 15px;
}

span#topmenu {
	position: absolute;
	top: 150px;
	left: 0px;
/* 	padding-right: 5px; */
}

div#catmenu {
	position: absolute;
	right: 18px;
	top: 60px;
	padding-right: 5px;
	text-align: right;
}

span#catname {
	font-size: 14pt;
	font-weight: bold;
	color: #72706f
}

div#maincatmenu {
	color: #b8984c;
	margin-top: 5px;
}



div#maincatmenu a {
	color: #b8984c;
}

span#topmenu li {
	color: #000000;
	font-size: 9pt;
	font-family: arial, sans-serif;
}

span#topmenu ul {
	padding-left: 15px;
	min-height: 23px;
}

span#topmenu li.page_item {
	display: inline;
	background-image:url("images/button_bg.png");
	background-position:right;
	background-repeat:no-repeat;
	min-width: 68px;
	min-height: 23px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 15px;
	padding-top: 15px;
	
}

span#topmenu li.current_page_item {
	font-weight: bold;
}

/*span#topmenu li.page_item:before {
	content: " | ";
}*/

/*span#topmenu li#first_item:before {
	content: "";
}*/


/*------------------
Columns
------------------*/

#container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 205px;     /* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 10px 0px 0px 0px;       /* CC padding */
	width: 100%;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
}

#left {
	width: 200px;             /* LC width */
	padding: 0 0px;          /* LC padding */
	margin-left: -100%;
	left: 200px;              /* RC fullwidth for IE6 */
}

#left a {
	text-decoration: none;
}

#container > #left {
	left: -200px;             /* -(LC fullwidth + CC padding) */
	margin-left: expression(
	document.all.center.offsetWidth * -1 +
	parseFloat(document.all.center.currentStyle.paddingLeft) +
	parseFloat(document.all.left.currentStyle.paddingLeft) +
	parseFloat(document.all.left.currentStyle.paddingRight)
	); /* Fix for IE7 */
}

#right {
	width: 200px;             /* RC width */
	padding: 0 0px;          /* RC padding */
	margin-right: -100%;
}

#footer {
	clear: both;
}

/*------------------
Menu blocks
------------------*/

div.menublock {
	padding: 5px;
	border-bottom: 1px #DDDDDD solid;
}

div.menuhead {
	color: #fdc503;
	/*background-color: #00CC00;*/
/* 	width: 100%; */
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 2px;
	text-transform:capitalize;
}

div#sponsorhead {
	padding-left: 5px;
}

input#search {
/* 	width: 130px; */
	font-size: 9pt;
	border: 1px #000000 solid;
}

div.menublock img {
/* 	max-width: 140px; */
}

div.menublock span.imgtitle {
	font-size: 8pt;
}

span.menuhighlight {
	font-weight: bold;
}

#ads img {
	margin-top: 5px;
}

#ads {
	padding-bottom: 5px;
	border-bottom: 1px #DDD solid;
}

/*------------------
Content
------------------*/

div.contentblock {
	padding: 0px 10px 5px 10px;
	margin-top: 0px;
	border-bottom: 1px #DDDDDD solid;
	/*min-height: 200px;*/
}

div.contenthead {
	color: #72706f;
	font-size: 14pt;
	font-weight: bold;
	padding: 5px;
/* 	width: 100%; */
	/*border-bottom: 1px #DDDDDD solid;*/
	/*font-family: tahoma;*/
}



div.content {
	margin-top: 10px;
	font-size: 10pt;
	float: left;
	width: 350px;
}

div.content p:first-letter {
	font-size: 20pt;
	color: #fdc503;
	vertical-align: bottom;
	/*font-family: tahoma;*/
	font-weight: bold;
}

img.contentimg {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*max-width: 100px;*/
	/*max-height: 100px;*/
	/*padding: 10px;*/
	border: 0px #DDD solid;
	clear: right;
	cursor: pointer;
}

span.contentimg {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*max-width: 100px;*/
	max-height: 150px;
	/*padding: 10px;*/
	position: inline;
	clear: right;
}

img.editimg, span.editimg {
	padding-top: 15px;
	margin-bottom: 10px;
	max-height: 150px;
	position: relative;
	left: 150px;
}

div.tags {
	/*font-style: italic;*/
	color: #000000;
	font-size: 9pt;
	clear: both;
	padding-top: 10px;
}

span.more {
	font-size: 9pt;
	font-style: italic;
}

div.info {
	padding-left: 20px;
	font-size: 9pt;
	clear: both;
/* 	float: left; */
}

div.info span.title {
	font-weight: bold;
	float: left;
	width: 100px;
	text-align: right;
}

div.info span.data {
	float: left;
	width: 220px;
	margin-left: 10px;
	text-align: left;
}

div.actions {
	color: #b8984c;
	margin-top: 10px;
}

div.actions a {
	color: #b8984c;
}

img.thumbimg {
	float: left;
	/*width: 40px;*/
	padding: 3px;
}

div.post {
	border-bottom: 1px #DDD solid;
	padding-bottom: 5px;
	padding: 10px;
}

#loginmanager form input {
	margin: 2px 0;
}

#loginmanager span.title {
	font-weight: normal;
}

#loginmanager #title {
	font-weight: bold;
/* 	color: #FDC503; */
	padding-bottom: 3px;
}

span.infoicon {
	margin-left: 10px;
	cursor: pointer;
	vertical-align: middle;
}

#gallery_description {
	font-size: 12pt;
/* 	font-style:italic; */
	margin-top: 5px;
/* 	border-top: 1px #DDD solid; */
}

a.emaillink {
	color: #FDC503;
	top: -10px;
	position: relative;
}

/*------------------
Pagination
------------------*/

.currentpage {
	font-size: 12pt;
	font-weight: bold;
}

#topnavbar {
/* 	right: 10px; */
/* 	height: 200px; */
/* 	width: 100%; */
/* 	position: relative; */
/* 	position: absolute; */
}

#topnavbar #showall {
/* 	margin-left: 10px; */
/* 	position: absolute; */
/* 	float: right; */
}

span#pagenumbers {
/* 	width: 520px; */
/* 	padding-right: 100px; */
/* 	float: left; */
	width: 500px;
	z-index: 200;
}

/*------------
Tag cloud
--------------*/

span.cloud1 {
	font-size: normal;
}

span.cloud2 {
	font-size: larger;
}

span.cloud3 {
	font-size: large;
}

span.cloud4 {
	font-size: x-large;
}

span.cloud5 {
	font-size: xx-large;
}

/*------------
Forms
--------------*/

form {
	margin: 0;
	padding: 0;
/* 	min-width: 500px; */
/* 	max-width: 600px; */
/* 	width: 560px; */
}

form label {
	display: block;
	float: left;
/* 	width: 150px; */
	padding: 0;
	padding-right: 5px;
	margin: 5px 0 0;
	text-align: right;
}

form input, form textarea, form select {
/* 	width: auto; */
	margin: 5px 0 10px;
	border: 1px #999999 solid;
/* 	min-width: 250px; */
}

textarea#comment {
/* 	width: 600px; */
}

form#commentform {
	width: 500px;
	padding-left: 15px;
}

#commentform input {
	float: right;
/* 	margin-left: 200px; */
}

#commentform label {
	float: left;
	
}

#commentform p {
	clear: both;
}

form input.required, form textarea.required {
	border: 2px #999999 solid;
}

form input#submit, form input#reset, form input#button {
	border: 1px #FDC502 solid;
/* 	min-width: 50px; */
}

form legend {
	color: #72706f;
	font-size: 14pt;
	font-weight: bold;
}

form fieldset {
	border: 1px #72706F solid;
	padding: 10px;
	margin: 0;
}

form br {
	clear: left;
}

form input.tinyinput {
/* 	width: 20px; */
	font-size: 9pt;
	display: inline;
}

.menublock form {
/* 	min-width: 150px; */
/* 	width: 150px; */
}

.menublock form label {
	display: block;
	float: none;
/* 	width: 150px; */
	padding: 0;
	padding-right: 5px;
	margin: 5px 0 0;
	text-align: left;
}

.menublock form select {
/* 	max-width: 150px; */
/* 	min-width: 100px; */
	
}

.menublock form input, .menublock form select {
/* 	margin-right: 5px; */
	vertical-align: middle;
/* 	min-width: 80px; */
/* 	max-width: 150px; */
}

div#calendar form input. div#calendar form select{
	margin-right: 0px;
}

.menublock label {
	font-weight: bold;
}

.form-error {
	border-color: #FF0000;
}

.menublock #advancedsearch_click {
	cursor: pointer;
}

form #ajaxuploadfile {
/* 	min-width: 10px; */
}

form iframe#uploadframe {
	height: 380px;
}

#right input {
	max-width: 120px;
}

#sortfilter select {
	width: 200px;
	border: 1px #999999 solid;
}

#left select, #right select {
	width: 120px;
	border: 1px #999999 solid;
}

#left select {
	width: 160px;
}

/*------------
Ajax stuff
--------------*/

.ajax_link {
	cursor: pointer;
}

/*------------
Calendar
--------------*/

#dateselector_table { 
	border-collapse:collapse;
	border:1px #CCC solid;
	width:100%; 
} 

#dateselector_table td { 
	border: 1px #CCC solid; 
	width: 14%; 
	padding: 0px; 
} 

#dateselector_table tr.days td.day { 
	height: 100px; 
	vertical-align: top;
	background-color: #d1b475;
}

#dateselector_table div.calevent_odd {
	background-color: #b8984c;
}

#dateselector_table div.calevent_even {
	background-color: #FDC503;
}

#dateselector_table tr.dayhead td.day {
	background-color: #7a6945;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
}

#dateselector_table div.daynum { 
	background-color: #7a6945;
	color: #FFF;
	width: 100%; 
	font-weight: bold;
	text-align: right;
	border-bottom: 1px #cccccc dotted;
	
}

#datesidebar_table { 
	font-size: 8pt; 
	border-collapse:collapse;
	width:100%; 
	cursor: pointer; 
} 

#datesidebar_table td { 
	width: 14%; 
	padding: 0px; 
} 

#datesidebar_table tr.days td.day { 
	vertical-align: top; 
} 

#datesidebar_table div.daynum { 
	width: 100%; 
	text-align: right; 
	background-color: #FFF; 
	font-weight: normal; 
} 

#datesidebar_table tr.dayhead { 
	font-weight: bold; 
	text-align: right; 
} 

#datesidebar_table #jcal_monthselect { 
	width: auto; 
} 

#datesidebar_table tr.days td.marked_day { 
	color: #FF0000; 
}

table.calendar {
	font-size: 8pt;
	padding: 1px;
	margin:1px;
	border-collapse: collapse;
/* 	left: 0px; */
}

table.calendar td {
/* 	font-size: 8pt; */
	padding: 0px 1px;
	margin:0px;
	text-align: right;
	
}

#date_day_selector {
	font-family: arial;
	font-size: 8pt;
	border-collapse: collapse;
}

.dateselector {
	/*width: 300px;*/
	position: relative;
	/*border: 1px #000000 solid;*/
}
.date_day {
/* 	width: 80px; */
	text-align: center;
	/*padding-left: 12px;*/
	border: 1px #000000 solid;
}

.date_current_day {
	text-align: center;
	border: 1px #000000 solid;
	font-weight: bold;
	background-color: #b8984c;
	color: #FFFFFF;
}

#date_day_head {
	font-weight: bold;
	background-color: #DDDDDD;
}

.date_input {
/* 	width: auto; */
	margin: 5px 0 10px;
	border: 1px #999999 solid;
/* 	min-width: 25px; */
}

#mmonth {
	vertical-align:middle;
}

/*------------
Floater
--------------*/

.floaterpos {
	position: fixed;
	*position:absolute;
}

#toplevel {
	position: absolute;
	background-color: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70; 
	z-index: 500;
/* 	width: 100%; */
/* 	height: 100%; */
}

#toplevel.show {
	display: block;
	z-index: 500;
	width: 100%;
	height: 100%;
}

#toplevel.hide {
	display:none;
	z-index: 1;
	width: 0px;
	height: 0px;
}

#floater {
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	color: #444444;
/* 	width: 200px; */
	height: 150px;
	border: 1px #DDDDDD solid;
	padding: 4px;
	display: none;
}

#floater h2 {
	font-size: 10pt;
	font-weight: bold;
}

span.small {
	font-weight: normal;
	font-size: 9pt;
	font-style:italic;
}

.floater {
	background-color: #FFFFFF;
	color: #444444;
	border: 1px #DDDDDD solid;
	padding: 4px;
	z-index: 100;
	position: absolute;
	position: fixed;
}

.closefloater {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
/* 	width: 20px; */
	height: 20px;
	z-index: 110;
}

.floater .bigimg {
	position: absolute;
	top: 30px;
	left: 10px;
	z-index: 110;
}

.floater .title {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #b8984c;
	z-index: 100;
}

.floater iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 30px;
	padding-left: 10px;
	z-index: 110;
	border: none;
/* 	width: 100%; */
/* 	height: 80%; */
/* 	overflow:hidden; */
}

.floater_msg {
	margin-top: 50px;
	margin-left: 20px;
	font-size: 20pt;
}

/*----------
Frames
-------------*/

iframe.attachment {
	border: none;
/* 	width: 320px; */
	height: 260px;
	float: right;
}

#uploadframe {
   border: none;
/*    min-width: 500px; */
/*    max-width: 600px; */
/*    width: 560px; */
	height: 500px;
}

iframe.attachment_edit {
	border: none;
/* 	width: 100%; */
	height: 260px;
}

body#frame {
   margin: 0px 0px 0px 0px;
   font-family: arial;
   font-size: 9pt;
   
   height: 100%;
   
   border-left: none;
   border-right: none;
   min-width: 0px;
}

iframe.imgframe {
	float: right;
   margin-right: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   /*max-width: 100px;*/
   /*max-height: 100px;*/
   /*padding: 10px;*/
   border: 4px #000000 solid;
   clear: right;
/* 	width: 200px; */
	height: 180px;
	border: 0px #CCCCCC solid;
}

img.tinyimg {
/* 	max-width: 200px; */
/* 	max-height: 180px; */
}

img.iconimg {
	top: 200px;
	position: relative;
	left: 450px;
}

#frame span.data {
	width: 440px;
}

#frame div.content {
	width: 580px;
}

/*----------
Attachment stuff
-------------*/

#imagebar {
	padding: 15px;
	top: 220px;
/* 	position: fixed; */
}

#imagetitle {
	padding: 15px;
	top: 190px;
/* 	position: fixed; */
}

#imagebar img {
	margin-left: 15px;
	cursor: pointer;
}

#imagelist {
	float: right;
	/*position: absolute;
	top: 0px;
	right: 0px;*/
}

#imagelist .thumbimg {
	margin-bottom: 15px;
}

#imagelist .thumbimg_selected {
	margin-bottom: 15px;
	border: 5px #FDC503 solid;
}

#imagepreview .main_attachment {
/* 	position: fixed; */
}

#imagepreview {
/* 	width: 300px; */
}

/*---------------
Wordpress stuff
----------------*/

h3#respond {
	font-weight: normal;
	font-size: 10pt;
}

#contentform p {
	font-weight: normal;
	font-size: 10pt;
}

textarea#comment {
	width: 500px;
}

div.tags {
	color: #B8984C;
	font-size: 10pt;
}

div.tags a {
	text-decoration: underline;
	color: #B8984C;
}

div.dateline, div.meta {
	color: #b8984c;
	margin-top: 10px;
}

div.meta a {
	color: #b8984c;
	text-decoration: underline;
}

table#auctionresults {
	border: 1px #DDD solid;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}

table#auctionresults td  {
	border: 1px #999 dotted;
	padding: 2px;
	vertical-align: top;
}

table#auctionresults tr.odd {
	background-color: #DDD;
}

table#auctionresults tr.even {
	background-color: #EEE;
}

table#auctionresults th {
	background-color: #999;
	color: #EEE;
	border: 1px #EEE solid;
	padding: 2px;
}

table#auctionresults th a {
	text-decoration: none;
	color: #EEE;
}

div#auctionmedia {
	margin: 10px 0px 5px 0px;
	color: #FDC503;
	width: 100%;
	text-align: center;
}

div#auctionmedia a {
	font-weight: bold;
	color: #FDC503;
}

div#auctionmedia a.selected {
	font-weight: bold;
	color: #B8984C;
}

div.auctiongraphhead {
	color: #B8984C;
	font-size: 12pt;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	width: 500px;
	text-align: center;
}

span#whatismanager {
	margin-left: 10px;
	font-size: 8pt;
	padding-left: 65px;
}