@import url("layout.css");
@import url("typography.css");
@import url("sIFR-screen.css");

* {margin:0; padding:0;}
body{background:#fff; text-align:center;}
		
ul li{list-style:none;}
a img{border:0}
.clear{clear:both;}
.hide{position:absolute; left:-5000px}

/*============================ GLOBAL INFO =========================*/

#global_nav form p{background:#000; color:#000; padding:3px 2px 3px 4px;}
#global_nav form input{border:1px solid #000;padding:1px; width:182px }
#global_nav form #ajaxSearch_submit{padding:0 2px 0 2px;margin-left:2px; width:auto; background:#eee}

#global_nav ul{float:right;margin-top:4px}
#global_nav li{float:left;text-align:right; margin-left:20px}


/*============================ MAIN NAV =========================*/

#main_nav a {background:#000; width:116px; padding:18px 6px 7px 4px;float:left; text-align:right;display:block; border-right:1px solid #fff}
#mnav_6 a{border-right:0}

/*============================ CONTENT =========================*/

#content{overflow:hidden; background:url(../images/page-end.gif) right bottom no-repeat}

ul.exhibitions{margin:0.6em 0 1em 0}
ul.exhibitions li{margin:0.5em 0 0.5em  0}

#main_content .colpic{float:right;margin:0 0 1em 20px; border:1px solid #000}

/*Home Themes Images */
#main_content #home_themes li{list-style:none;float:left; margin:0 0 10px 0}
#main_content #home_themes li.workli, #main_content #home_themes li.worshipli{margin-left:20px }
#main_content #home_themes img {border:1px solid #000; }

#site-features img{margin-top:5px}

.home-spence-pic{border:1px solid #000;margin:5px 0 15px 0}

#main_content img.col2{margin-left:20px}

#main_content .news {margin-bottom:1em; border-bottom:1px solid #ccc; padding-bottom:1em}
#acroimage{border:none;float:left; margin:0 1em 1.5em 0}

.midpic{margin:auto;display:block; border:1px solid#000}

.cred-logo{float:right;}
.rightpic{float:right;margin:1em 0 1em 2em;border:1px solid #000}
.leftpic{float:left;margin:1em 0 1em 0;border:1px solid #000}

.vid-thum{float:right; margin:1em 0 1em 2em; width:150px}
.vid-thum img{border:1px solid #000}


.highlighted{background:#eee;padding:15px 10px 0 10px;margin-bottom:1em; border:1px solid #ccc}
.highlight{background:#eee;padding:15px 10px 15px 10px;border:1px solid #ccc}

/* Contemporary Responses Banner */
.response_page #intro_banner ul li.david-a{position:absolute; top:30px; left:50px}
.response_page #intro_banner ul li.jonathan-g{position:absolute; top:10px; left:266px}
.response_page #intro_banner ul li#toby-podcast{position:absolute; top:60px; left:450px; background:url(../images/toby-patterson-bg.jpg) left top no-repeat;width:213px; height:88px; padding:10px 0 0 100px; line-height:1.7 }
.response_page #intro_banner ul li#toby-podcast strong{font-size:1.4em; }

/*============================ SUB CONTENT =========================*/

#sub_content .thumbs {margin-top:7px}
	#sub_content .thumbs li{margin:10px 0 10px 0}
#sub_content .thumbs img {border:1px solid #000}
#sub_content .thumbs.vid img{margin-bottom:5px}

/*============================ SUB NAV =========================*/

body.sub_page #sub_nav h3, body.proj_page #sub_nav h3, body.response_page #sub_nav h3{width:220px; padding:4px 0 4px 20px;}
body.sub_page #sub_nav li a, body.proj_page #sub_nav li a, body.response_page #sub_nav li a{display:block;width:210px; padding:4px 0 4px 30px;  border-bottom:1px solid #fff}

#content #sub_nav ul ul li a{padding:4px 0 4px 40px; width:200px}

/*============================ FORMS =========================*/

#mshare-form{overflow:hidden}
#mshare-form p{clear:both}
#mshare-form p.submit{text-align:right;}
#mshare-form label{float:left; width:8em;margin-bottom:10px}
#mshare-form input, #mshare-form textarea{float:left;padding:1px}
#mshare-form input[type="text"], #mshare-form input[type="file"], #mshare-form textarea{ border:1px solid #000;}
#mshare-form textarea{margin-bottom:10px}
#mshare-form p.submit input{float:none;  margin:1em 1em 1em 0}

/*============================ SITE INF0 =========================*/

#site_info{padding:1.5em 10px 1.5em 10px; background:#000}
#site_info ul{float:right}
#site_info ul li, #site_info p{float:left}
#site_info ul li{margin-left:10px}

/*============================ THICKBOX =========================*/

#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;height:100%;width:100%;}
#TB_window {position: fixed; background: #ccc;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto; text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:0px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%; margin: -6px 0 0 -104px; }
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;margin-bottom:1px;}

/*============================ VIDEO PAGES =========================*/

#video_page{margin:0;padding:0; background:#ccc;}

#video_large{width:640px;margin:0 auto;padding:0}
#video_medium{width:322px;margin:0 auto;padding:0}