/*  
Theme Name: State of the Art Gallery
Theme URI: http://knowledgetown.com
Description: A custom theme developed for State of the Art Gallery by Knowledge Town.
Version: 1.0
Author: Larry Clarkberg
Author URI: http://knowledgetown.com
*/


/**************** Main Structure ****************/

body {
 	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	/* It is no longer necessary to specify font sizes in ems since Firefox 3 
	resizes whole pages correctly, and other browsers should follow suit soon. */
}

#page_wrapper {
	margin: 20px;
	width: 1000px;
	text-align: left;
}

#left_wrapper {
	float: left;
}

#top_wrapper {
	height: 130px;
	display: block;
	width: 810px;
}

#top_left {
	width: 150px;
	height: 130px;
	float: left;
	background: url(images/logo.gif) no-repeat top right;
}

#top_right {
	width: 620px;
	margin: 0 0 0 40px;
	float: left;
}

#bottom_wrapper {
	display: block;
	width: 810px;
}

#bottom_wrapper_calendar {
	display: block;
	width: 1000px;
}

#sidebar_left {
	width: 150px;
	float: left;
	text-align: right;
}

#content {
	width: 600px;
	float: left;
	padding: 0 20px 0 40px;
}

#content_calendar {
	width: 810px;
	float: left;
	padding: 0 0px 0 40px;
}

#sidebar_right {
	float: left;
	width: 170px;
}
 

/**************** Common Elements ****************/

p {
	font-size: 16px;
	color: black;
	margin-top: 0;
}

h1 {
	font-weight: bold;
	font-size: 20px;
	color: black;
	margin-top: 8px;
	margin-bottom: 0;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	color: black;
	margin-top: 8px;
	margin-bottom: 0;
}

h3 {
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: black;
	margin-top: 8px;
	margin-bottom: 0;
}

h4 {
	font-size: 11px;
	color: black;
	margin-bottom: 0;
}

a {
	color:  #0376da;
	text-decoration: none;
	border-bottom: none;
}	

a:hover {
	color: #0376da;
	text-decoration: none;
	border-bottom: 1px solid #9cd1ff;
}

td {
	font-size: 14px;
	color: black;
	margin-top: 0;
	vertical-align: top;
}

thead {
	font-weight: bold;
}

img {
	border: none;
}

dl {
	margin: 0;
}

/**************** In the Header ****************/

#top_right img {
	border: 0;
}

#top_right a:hover img {
	border-bottom: none;
}

#top_right a:hover {
	border-bottom: none;
}

#top_right ul {
	margin: 13px 0 0 0;
	padding: 0;
}

#top_right li {
	float: left;
	list-style-type: none;
}

#top_right li a {
	font-size: 11px;
	font-weight: bold;
	color: #a4a4a4;
	border-right: 2px #a4a4a4 solid;
	padding: 0 12px 0 12px;
	border-bottom: none;
}	

#top_right li a:hover {
	color: black;
	vertical-align: 2px;
/*	position: relative;
	top: -2px;
*/}	

#top_right .current_page_item a, #top_right .current_page_ancestor a {
	color: black;
}

/* The following two rules turn off the borders of the main navigation at the beginning and end.
For them to work properly they must be set to the page ids of the first and last main level pages. */

#top_right .page-item-3 a {
	border-left: none;
	padding: 0 12px 0 0;
}

#top_right .page-item-158 a {
	border-right: none;
}

/**************** In the Left Sidebar ****************/

#second_level_navigation li {
	font-size: 12px;
	list-style-type: none;
	padding-bottom: 12px;
}

#second_level_navigation .current_page_item a, #second_level_navigation .current_page_ancestor a {
	color: black;
}

#second_level_navigation .current_page_item a:hover, #second_level_navigation .current_page_ancestor a:hover {
	border-bottom: none;
}

#sidebar_left #address p {
	font-size: 11px;
	color: black;
	font-weight: normal;
	margin-bottom: 20px;
}

#sidebar_left #now_showing h1, #sidebar_left #second_level_navigation h1 {
	font-size: 12px;
	color: black;
	font-weight: bold;
	margin-top: 12px;
}

#second_level_navigation h1 a {
	color: black;
	border-bottom: 1px solid #eee;
}

#second_level_navigation h1 a:hover {
	border-bottom: 1px solid black;
}

#sidebar_left #now_showing p {
	font-size: 11px;
	color: #727272;
	margin-top: 4px;
}

#sidebar_left #now_showing a {
	color: #0376da;
	border-bottom: none /*1px solid #9cd1ff*/;
}

#sidebar_left #now_showing a:hover {
/*	color: #0069c4;
*/	border-bottom: 1px solid #9cd1ff;
}

#sidebar_left #kt_credit p {
	font-size: 10px;
	margin-top: 100px;
	margin-bottom: 30px;
	color: black;	
}

#sidebar_left #kt_credit_higher p {
	font-size: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: black;	
}

#sidebar_left #kt_credit a, #sidebar_left #kt_credit_higher a {
	color: black;
	border-bottom: 1px solid #ddd;
}

#sidebar_left #kt_credit a:hover, #sidebar_left #kt_credit_higher a:hover {
	color: #black;
	border-bottom: 1px solid black;
}

#sidebar_left #credits p {
	font-size: 10px;
	color: #727272;
}

#sidebar_left #credits a {
	color: #727272;
	border-bottom: 1px solid #ddd;
}

#sidebar_left #credits a:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

/**************** In the Right Sidebar ****************/

#sidebar_right .member_image {
	margin-top: 131px;
}

#sidebar_right .member_image img {
	margin-bottom: 6px;
}

#sidebar_right #member_detail h1 {
	font-size: 12px;
	color: black;
	font-weight: bold;
	margin-top: 24px;
}

#sidebar_right #member_detail ul {
	margin: 0;
	padding: 0;
}

#sidebar_right #member_detail li, #sidebar_right #member_detail .parent_link {
	font-size: 11px;
	list-style-type: none;
	padding-bottom: 12px;
	margin-bottom: 0;
	margin-left: 0;
}

#sidebar_right #member_detail a {
	color:  #0376da;
	text-decoration: none;
	border-bottom: none;
}

#sidebar_right #member_detail a:hover {
	color: #0376da;
	text-decoration: none;
	border-bottom: 1px solid #9cd1ff;
}

#sidebar_right #member_detail .member_page_current, #sidebar_right #member_detail .current_page_item a  {
	color: black;
}

#sidebar_right #member_detail .current_page_item a:hover {
	border-bottom: none;
}

#sidebar_right /*#home_text*/ p {
	font-size: 11px;
	color: #727272;
	margin-top: 8px;
}

#sidebar_right a {
	color: #727272;
	border-bottom: 1px solid #ddd;
}

#sidebar_right a:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

/**************** In the Content ****************/

.gallery {
	margin:10px 0;
}

.gallery-item {
	text-align: left !important;
}

.gallery-caption {
	font-size: 12px;
	padding-bottom: 12px;
	text-align: left;
	width: 120px;
}

.gallery-icon a:hover {
	border-bottom: none;
	text-decoration: none;
}

.wp-caption {
	float: left;
}

.wp-caption a:hover {
	border-bottom: none;
}

.wp-caption-text {
	font-size: 12px;
	margin-top: 4px;
}

.artist_name {
	margin-bottom: 0;
}

#content_posts {
	width: 600px;
	float: left;
	padding: 0 20px 0 40px;
}

#content_posts h2  {
	margin-top: 0px;
}

#content_posts h3  {
	margin-top: 40px;
}

#content_posts h2 a {
	color: black;
	border-bottom: 1px solid #eee;
}

#content_posts h2 a:hover {
	border-bottom: 1px solid black;
}

small {
	color: #727272;
}

.postmetadata {
	font-size: 11px;
}

#content_links {
	width: 600px;
	float: left;
	padding: 0 20px 0 40px;
}

#content_links ul {
	margin: 0;
	padding: 0;
	width: 450px;
}

#content_links .linkcat h2 {
	list-style-type: none;
	margin-bottom: 6px;
}

#content_links li {
	list-style-type: none;
	margin-left: 40px;
	font-size: 14px;
	margin-bottom: 12px;
}

#content_links li a {
	font-size: 14px;
}

/**************** In Knowledge Town Framework Views ****************/

#show_calendar {
	margin-top: 20px;
}

.event_table thead {
	font-size: 14px;
}

.event_table td {
	color: gray;
}

.event_table .previous_show td {
	color: gray;
}

.event_table .previous_show a {
	color: gray;
	border-bottom: 1px solid #eee;
}

.event_table .previous_show a:hover {
	color: black;
	border-bottom: 1px solid black;
}

.event_table .current_show td, .event_table .current_show a {
	color: red !important;
}

.event_table .current_show a:hover {
	border-bottom: 1px solid red !important;
}

.event_table .coming_show td {
	color: black;
}

.event_table .coming_show a {
	color: black;
	border-bottom: 1px solid #eee;
}

.event_table .coming_show a:hover {
	color: black;
	border-bottom: 1px solid black;
}

.previous_page {
	font-size: 12px;
	text-align: left; 
	width: 100px; 
	float: left;
}

.now_page {
	font-size: 12px;
	width: 100px; 
	float: left;
	margin-left: 200px;
}

.now_page_disabled {
	color: gray;
	font-size: 12px;
	width: 100px; 
	float: left;
	margin-left: 200px;
}

.next_page {
	font-size: 12px;
	text-align: right; 
	width: 100px; 
	float: right;
}