/* CSS Document */
@import url(reset.css);
@import url(fonts.css);
body{
	text-align:left;
	/* background-color: #3F5556; */
	background-color: #333;
}

#container{
background-color: #FFF;
color:#333333;
width:1125px;
font-family: Georgia,  Times, serif;
font-size:12px;
margin-top:10px;
margin: 10px auto 10px auto;
}

\* Hides from IE-Mac \*/
* html #container{
	height: 1%;
}
/* Ends hide */

div{
overflow:hidden;
}

h1{
font-size:140%;
}

h2{
font-size:130%;
line-height: 25px;
margin-bottom: 10px;
}

h3{
font-size:120%;
margin-bottom:0.25em;
}

h4{
font-size:115%;
margin-bottom:0.25em;
}

h5{
font-size:110%;
margin-bottom:0.25em;
/* font-style:italic; */

}

p{
padding:0;
margin:0 0 1em 0;
padding-bottom:10px;
line-height:1.5em;
}

li{
line-height:1.5em;
}

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

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

label{
font-size:1.2em;
font-weight:bold;
}

.warning{
color:#FF0033;
font-weight:bold;
}

.success{
color:#FFFFFF;
background-color:#c2dd55;
font-size: 110%;
padding: 0.4em;
font-weight:bold;
}

.bold{
font-weight:bold;
}

ul.validate_failed{
margin-bottom:1em;
}

ul.validate_failed li{
margin-bottom:0.5em;
}


.main_input_label, h4.main_input_label{
font-size:1.2em;
font-weight:bold;
background:#f6f6f6;
margin-bottom:2px;
display:block;
}


fieldset input, fieldset textarea, fieldset.publish_status,  input#cat_title{
font-size: 110%;
margin-bottom:1em;
border: 1px solid #999999;
}


fieldset input, fieldset textarea,  input#cat_title{
margin-bottom:1em;
	padding:0.4em;
}

fieldset input:hover, fieldset textarea:hover,  input#cat_title:hover{ 
	border-color:#0099FF;
}
fieldset input:active, fieldset input:focus, fieldset textarea:active, fieldset textarea:focus,  input#cat_title:active,  input#cat_title:focus{
	border-color : #2FA5C9; 
}
fieldset {
	overflow:hidden;
}

select{
border:1px solid #CCCCCC;
height:1.75em;
width:15em;
font-family:"Lucida Sans", Verdana, Arial, sans-serif;
}

option{
padding:0.4em;
}

input.checkbox{
position:relative;
top:0.21em;
}

table.admin{
width:100%;
}

th{
background:#BAC6AB;
font-weight:bold;
font-size:110%;

}

th, td{
padding:0.4em;

}

tr.row_alt1{
background:#ffffff;
}

tr.row_alt2{
background:#f6f6f6;

}




#main_content, #footer, #nav_bar{
padding-left:20px;
padding-right:20px;
}

#main_content{
position:relative;
min-height: 400px;
}

#nav_bar{
padding-bottom:20px;
margin-bottom:20px;
background: url(../images/resources/nav_divider.jpg) no-repeat bottom;
position:relative;
}


.karenHeader{
float:left;
background-image:url(../images/resources/KH_name_horiz.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin-top:20px;
width:176px;
height:25px;
}

h1.karenHeader a, h1.karenHeader a:hover{
display: block;
border: none;
outline: none;
width:100%;
}


ul#main_nav{
position:absolute;
bottom:19px;
left:240px;
overflow:hidden;
}

ul#main_nav li{
float:left;
margin-right:30px;
display:block;
font-size: 130%;
}

#footer{
background: url(../images/resources/footer_divider.jpg) no-repeat top #f6f6f6;
background-color:#f6f6f6;
margin-top:40px;
padding-top:2em;
display: block;
padding-bottom:1em;
}

p.caption{
font-style:italic;

}


div.plug, .credits{
width:250px;
float:left;
display: inline;
padding:10px 20px 20px 0px;
margin:0 40px 0 0;
}

.credits{
margin-left: 190px;
margin-right: 0;

}

#journal_nav{
overflow: hidden;
display: block;
}

.post_title{
/* font-style: italic; */
margin-bottom: 20px;
margin-right: 40px;
}

#journal_post{
margin-top: 30px;
}

.journal_back{
position: absolute;
top:3px;
right: 30px;
}


form.cat_nav{
width:50%;
margin-bottom:15px;
margin-top: 7px;
float: left;
display: inline;
}

form.cat_nav label{
margin-right:10px;
}

#slider{
	width: 1085px;
	height: 420px;
	display: block;
	padding: 20px 0 20px 0;	
	clear: both;
	position:relative;
	overflow:hidden;
}

div#project_holder{
padding-top: 80px;
position: relative;
}

#journal_head{
position: absolute;
top:0;
left:0;
}

#journal_head h2{
margin-bottom: 10px;
}

div.project{
position:relative;
width: 175px;
height:400px;
overflow: hidden;
padding: 15px 15px 40px 15px;
margin: 0 15px 15px 0;
float: left;
display: block;
background: #f6f6f6;
}

div.project p{
padding: 0 0 10px 0;
margin: 0;
}


div.project .post_info{
position:absolute;
bottom:20px;
left:15px;
padding: 0;
margin: 0;
display: block;
}

div.project img.project_thumb{
padding: 0;
margin: 0 0 10px 0;
/*border:1px solid #CCCCCC;
padding:2px;*/
}

div.project .summary{
display: block;
height: 150px;
}

div.project .posted_by{
margin-bottom: 20px;
}



.pagination{
display: block;
overflow: hidden;
width: 200px;
float: right;
position: absolute;
top:30px;
right:0;
}

.pagination .page_no{
width: 49%;
float: left;
}


.list_nav{
overflow: hidden;
width: 49%;
float: right;
}

.list_nav .next{
float: right;
}

.list_nav .prev{
float: left;
}




.scroll{
	height:44em;
	position:relative;	
	}


div #slider_holder div.panel{
position: relative;
float:left;
display: inline;
}

div.panel{
width: 1100px;
}



div.thePost{
padding:0;
width:505px;
float:left;
display: inline;
font-size: 1.1em;
line-height: 1.5em;
position: relative;
}

.blurb{
font-size: 1.1em;
line-height: 1.5em;
}

#noimg{
margin-right: 30px;

}


div.sub_content{
width:550px;
float:left;
display: inline;
margin:0 0 0 0;

}

div.img_detail{
margin: 0 30px 30px 0;
float: left;
width: 550px;
}


div.img_detail img{
padding:0 0 0 0;
}

div.img_info_holder p{
background:#f6f6f6;
padding:0.4em;
overflow:hidden;
}

div.img_info_holder p span{
float:left;
display: inline;
width:490px;
}


a.full_img_link{
float:right;
display:block;
width:50px;
height:100%;
text-align:right;

}



p.intro{
font-weight:bold;
font-size:110%;
color:#666666;
}

ul.tiny_thumbs{
padding:0 1px 0 1px;
margin:0;
overflow:hidden;
}

ul.tiny_thumbs li{
float:left;
display:block;
margin:2px 4px 2px 0;
padding: 0;
}

ul.tiny_thumbs li.last{
margin-right:0;
}

ul.tiny_thumbs li a{
padding: 0;
margin:0;
width: 40px;
height: 40px; 
display: block;
border: 1px solid #FFFFFF;
}

ul.tiny_thumbs li a:hover{
border: 1px solid #999999;
}


ul.tiny_thumbs li img{
padding: 0;
margin:0;
}

ul.posts_nav{
border-top:1px dashed #CCCCCC;
border-bottom:1px dashed #CCCCCC;
overflow:hidden;
margin-top: 0;
}

ul.posts_nav li{
float:left;
display: inline;
padding: 0;
margin: 0 20px 0 0;
}

ul.posts_nav li a{
margin: 0;
padding: 10px 0;
display: block;

line-height: 1em;

}

ul#posts_nav_top{
margin-bottom:40px;
margin-top: 0;

}

.top_journal_prev, .top_journal_next{
float: right;
margin-left: 10px;
margin-top: 28px;
padding-right: 10px;
}


.cat_header, .profile_header, .contact_header{
border-bottom:1px dashed #CCCCCC;
margin-bottom: 10px;
padding-bottom: 4px;
}

h2.cat_header{
padding-top: 2em;
}

div.about_column{
width:220px;
padding:0 15px 10px 0px;
margin:0 40px 20px 0;
float:left;
display: inline;
min-height:35em;
}

div.last{
margin-right: 0;
}

div.about_column p, div.about_column ul, div.about_column h3{
margin-left:2px;

}

ul.exhibition_list{
margin-bottom:1em;
margin-top: 0;
padding-top: 0;
}

ul.quicknav li{
float:left;
display: inline;
padding-right:10px;
}

img.profile_pic{
margin-bottom:1em;
padding:2px;
border:1px solid #CCCCCC;

}

img.contact_img{
float:left;
display: inline;
margin-right:20px;
}





form.admin fieldset input, form.admin fieldset textarea, form.admin fieldset label, h4.main_input_label{
	padding:0.4em;
	width:550px;
}

form.admin fieldset label, form.admin h4.main_input_label{
width:551px;
}



ul.colour_pick{
	width:400px;
	overflow:hidden;
	margin-bottom:1em;
}

ul.colour_pick li{
	float:left;
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	border:1px solid #CCCCCC;
	margin:0 5px 5px 0;
	background-color:#999999;
	}

ul.colour_pick li:hover{
	border:1px solid #000000;
	cursor:pointer;
}



form#journal_form fieldset{
overflow: hidden;
position: relative;
}

form#journal_form fieldset.publish_status{
width:395px;
padding:0.4em;
border:1px solid #999999;
}

fieldset.publish_status label{
padding-left:0;

}

fieldset.publish_status p{
margin-bottom:0;
padding-bottom:0;


}

div.submit_details{
border:1px solid #999999;
padding:0.4em;
margin-bottom:10px;
}

div.image_details div.thumbs_holder{
width:100%;
}

div.image_details ul.tiny_thumbs{
width:185px;

}


div.submit_details p{
margin-bottom:0;
padding-bottom:0;
}
div.form_submit h4{
padding:0.4em;
background:#3C8065;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
margin-bottom:2px;
width:449px;

}

form.admin fieldset, div.checkbox_holder{
width:600px;
float:left;
display: inline;
}

#image_form_holder{
margin-top:2em;

}

#image_form_holder ul{
float:left;
display: inline;
}

#image_form_holder ul li{
float:left;
display: inline;
margin-left:0;
margin-right:5px;
}

label.checkbox{
margin-left:0;
padding-left:0;
position:relative;
left:-5px;
font-family: "Lucida Sans", geneva, sans-serif;

}

div.img_preview{
float:left;
display: inline;
width:185px;

}

div.img_file{
width:175px;
}

form#image_form{
overflow:hidden;
display:block;
width:250px;
}

form#image_form label.main_input_label{
	width:231px;
}

form#image_form label.checkbox{
	display:inline;
	padding:0 0 10px 10px;
	top:1px;
}

form#image_form .checkbox_holder{
	margin-bottom:20px;
	
}

form#image_form input#alt, form#image_form input#caption, form#image_form input#order, form#image_form p{
	width:230px;
}

form#image_form input#upload_file_input{
	margin-bottom:1em;
}


div.new_cat_form_holder{
float:left;
display: inline;
margin-top:10px;

}

#cat_title{
	float:left;
	display: inline;
	
}

#image_form label{
display:block;
margin-bottom:0.4em;

}

div.image_form_container{


}

div.image_details{
float:left;
display: inline;
margin-right:10px;
}

div.image_form_contents, div.new_cat_holder{
border:1px solid  #999999;
padding:0.4em;

}

ul.form_thumbs{
margin-top:5px;
width:180px;
}

ul.form_thumbs li{
float:left;
display: inline;
margin-right:5px;

}

#image_file{
margin-bottom:1em;

}

.image_submit_buttons #submit_image{
float:right;
display: inline;

}

.image_submit_buttons #delete_image{
float:left;
display: inline;

}

label.cat_title{
display:block;
margin-bottom:0.4em;

}

#submit_cat{
margin: 0.4em 0 0 0.4em;

}

#cat_title{
width:250px;
}

body.iframe_body{
background:#FFFFFF;
}

body.iframe_body #container{
	width:449px;
	padding:0.4em 0.4em 5em 0.4em;
	margin:0;
	border:1px solid #999999;

}
div.iframe_content{

}

iframe{
	border:none;
	overflow:hidden;
	padding:0;
	margin:0;
}

div.submit_details p{
	padding-bottom: 1em;
}

a.cancel{
margin-left: 30px;

}

div.image_upload_form_holder{
float: left;
display: block;
width: 600px;
margin-right: 20px;
margin-bottom: 60px;

}

input#complete_submit{
float: right;
display: inline;
}

ul.admin_browse{
margin:1em 0 0 0;
width:100%;
border-top:1px dashed #CCCCCC;
padding:0.4em;
}

ul.admin_browse li{
display:inline;
margin: 0 1em 0 0;
width:1.5em;
height:1.5em;

}

div.cat_checkbox_holder{
float: left;
display: inline;
width: 50%;
}

#loading, #loading_panel{
background-image:  url(../images/resources/ajax_load.gif) ;
background-repeat: no-repeat;
height:16px;
width: 16px;
text-indent: -9999px;
}

#loading_panel{
float: right;
display: inline;
margin-right: 20px;
}

ul#journal_nav{
float: right;
display: inline;
overflow: hidden;
width: 130px;
}

ul#journal_nav li.next{
float: right;
width: 55px;
}

ul#journal_nav li.prev{
float: left;
width: 55px;
}

ul#journal_nav li a{
text-indent: -9999px;
}


ul#journal_nav .btn_next, .scroll_next{
background: url(../images/resources/arrow.jpg) ;
background-position: -58px;
display: block;
height: 34px;
width: 54px;
}

ul#journal_nav a.btn_next:hover, .scroll_next:hover{
background-position: 1px;
}

ul#journal_nav .btn_prev, .scroll_prev {
background: url(../images/resources/arrow-prev.jpg) ;
background-position: 0;
display: block;
height: 34px;
width: 54px;
}

ul#journal_nav a.btn_prev:hover, .scroll_prev:hover{
background-position: -59px;
}


.scroll_next, .scroll_prev{
float: right;
margin-left: 20px;
text-indent: -9999px;
}

img.holding_page{
padding: 20px 0 40px 0;
}

ul.admin_nav{
width: 100%;
overflow: hidden;
padding: 1em 0 1em 0;
border-bottom: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
margin-bottom: 1em;
}
ul.admin_nav li{
float: left;
display: inline;
margin-right: 30px;
font-size: 110%;

}

.prominent{
font-size: 120%;
font-weight: bold;
margin-top: 2em;

}

#entries-container{
	width: 1081px;
    padding: 20px 0px;
}

#entries-clip{
    width:  1080px;
    height: 46em;
}



#entries-list li{
float: left;
	width: 215px;
    height: 45em;
    border-right: 1px solid #ccc;
    margin-right: 0px;
}

.entries-block{
float: left;

}

.address{
padding-bottom: 2em;
}

#img_holder{
position: relative;
}

#img_holder .loading_small{
background: #ffffff;
padding: 5px;
display: block;
position: absolute;
top:0;
left: 0;
}

.holding_image{
float: left;
margin-right: 30px;
}