/*
Theme Name: L.A Municipal Art gallery
Theme URI: http://www.ymarketinggroup.com
Description: This site was designed by Jae Yang of<a href="http://www.ymarketinggroup.com">Y Marketing Group</a> and this wordpress theme was created by Jennifer Field of <a href="http://www.fielddesign.net">Field Design</a> (built from the Starkers theme by Elliot Jay Stocks).
Version: 
Author: Jennifer Field
Author URI: http://www.fielddesign.net
Tags: lamag
*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bodybkd2.gif);
	background-repeat: repeat-x;
	background-color: #ede9de;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #545352;
}
#container {
	width: 1050px;
	background-color: #FFFFFF;
	margin: 0 auto; 
	border: none;
	text-align: left; 

}

/****** Begin header styles ******/
#header {
	width: 1050px;
	height: 153px;
	position: relative;
	border: none;
	background-color: #FFFFFF;
}

#header .logo {
	width: 200px;
	height: 67px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 29px;
	left: 78px;
	border: none;
}

/* added z-index to this style to compensate for slideshow overlap */
#navigation {
	width: 799px;
	height: 45px;
	position: absolute;
	top: 108px;
	background-color: #e33f00;
	padding: 0;
        z-index: 1;
}

#dropnav {
	list-style: none;
	padding: 0;
	border: none;
	text-align: left;
	margin: 10px 0 0 78px;
}

#dropnav li {
	float: left;
	/*display: inline;*/
	color: #FFFFFF;
	font-size: 0.72em;
	font-weight: normal;
	padding: 5px 30px 0 0;
	margin: 0;
	position: relative;
}

#dropnav a:link, #dropnav a:visited {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

#dropnav a:focus {
	outline-style: none;
}


#dropnav a:hover {
  color:#f2b7aa;
}

#dropnav li ul {
	position: absolute;
	padding: 10px 0 0 0;
	margin: 0;
	left: -999em;
	width: 150px;
	background-color: #e33f00;
	text-decoration: none;
	list-style: none;
	}

/* the class "sfhover" is applied to the li by the javascript being used
to fix IE drop down issues */
#dropnav li:hover ul, #dropnav li.sfhover ul { 
	display: block;
	left: auto; 
}

#dropnav li ul li a {
	display: block;
	width: 140px;
	text-decoration: none;
	color: #ffffff;
	padding: 5px 0 9px 10px;
	font-size: 120%;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#dropnav a:link, #dropnav a:visited {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

#dropnav a:focus {
	outline-style: none;
}


#dropnav a:hover {
  color:#f2b7aa;
}

#dropnav ul a:hover {
  color:#ffffff;
  font-style: italic;
}

/* this sets the style for the nav button of the wordpress current page */
#dropnav li.current_page_item a {
	font-weight: bold;
}


#socialmedia {
	width: 251px;
	height: 108px;
	float: right;
	background-color: #e33f00;
}

#socialmedia p {
	font-family: Verdana, Arial, Helvetica;
	font-size: .55em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 6px 0 0 18px;
	padding: 0;
}

#socialmedia img {
	border: none;
	margin: 0;
	padding: 0;
}

#socialmedia2 {
	width: 241px;
	height: 45px;
	position: absolute;
	top: 108px;
	right: 0;
	background-color: #FFFFFF;
	padding: 0 0 0 10px;
}

#socialmedia2 img {
	float: left;
	padding: 12px 5px 0 0;
	border: none;
}

#socialmedia2 a:link, #socialmedia2 a:visited {
	color: #e33f00;	
	text-decoration: none;
}

#socialmedia2 p {
	padding: 0;
	margin: 17px 0 0 85px;
	font-size: 0.6em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #e33f00;	
}

#socialmedia2 a:focus {
	outline-style: none;
}


#socialmedia2 a:link, #socialmedia2 a:visited {
	color: #e33f00;	
	text-decoration: none;
}

#socialmedia2 a:hover {
	color: #439bab;
	text-decoration: none;
}
/****** End header styles ******/



/****** Begin Main Content styles ******/

/* This div id contains everything below the header */
#mainContent {
	padding: 0;
	margin: 0;

}

#mainImage {
	width: 1050px;
	height: 343px;
	background-color: #a8976c;
	border:none;
	padding: 0;
	margin: 0;
}

/* added this ID for slideshow (replaces mainImage ID) */
#mainSlideshow {
	width: 1050px;
	height: 343px;
	background-color: #a8976c;
	border:none;
	padding: 0;
	margin: 0;
}

#mainImage img{
	width: 799px;
	height: 343px;
	padding: 0;
	margin: 0;
	float: left;
}

#mainImage h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #eae5d9;
	padding: 0;
	margin: 140px 0 0 0;
	float: right;
	width: 251px;
}

/* added this h2 for slideshow (duplicates mainImage h2) */
#mainSlideshow h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #eae5d9;
	padding: 0;
	margin: 140px 0 0 0;
	float: right;
	width: 251px;
}

/* added this ID for Flash tile promo */
#mainImage #anim, #mainSlideshow #anim { /**** wp3 change ****/
	padding: 0;
	margin: 10px 0 0 0;
	float: left;
	width: 225px;
	height: 320px;
}

#mainImage #anim h2, #mainSlideshow #anim h2 { /**** wp3 change ****/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #eae5d9;
	padding: 0;
	margin: 50px 0 0 0;
	width: 200px;
}

#content1 { /**** wp3 change ****/
	margin: 0 0 0 38px;
	padding: 25px 0 0 0;
	float: left;
	width: 724px;
}

#content1 img {
	border: none;
}


/* These the head styles topping the copy on each page  */
#content1 h1.home{ /**** wp3 change on all these h1s ****/
	margin: 0;
	padding: 0;
	width: 724px;
	height: 27px;
	background-image: url(images/Head_Home.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.about{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 27px;
	background-image: url(images/Head_About.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.exhib{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 27px;
	background-image: url(images/Head_Exhibitions.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.exhibs{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 27px;
	background-image: url(images/Head_ExhibitionsAlt.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.upcoming{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 31px;
	background-image: url(images/Head_Upcoming.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.past{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 31px;
	background-image: url(images/Head_Past.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.blog{
	margin: 0 0 -4px 0;
	padding: 0;
	width: 724px;
	height: 31px;
	background-image: url(images/Head_Blog.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.COLA{
	margin: 0 0 -4px 0;
	padding: 0;
	width: 724px;
	height: 64px;
	background-image: url(images/Head_COLA.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.special{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 31px;
	background-image: url(images/Head_special.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.calendar{ /**** wp3 change ****/
	margin: 0;
	padding: 0;
	width: 724px;
	height: 31px;
	background-image: url(images/Head_calendar.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.contact{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 27px;
	background-image: url(images/Head_ContactUs.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#content1 h1.thanks{
	margin: 0;
	padding: 0;
	width: 724px;
	height: 27px;
	background-image: url(images/Head_thankyou.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* This is the style for the post titles, an h2 */
#content1 h2 { /**** wp3 change ****/
	width: 221px;
	margin: 0 0 .75em 0;
	padding: 0 0 10px 15px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: normal;
	text-align: right;
	color: #7f7b75;
	line-height: 115%;
}

#content1 hr { /**** wp3 change ****/
	margin: 1.2em 0 1.3em 0;
	padding: 0;
	width: 100%;
	height: 1px;
	color: #999999;
	background-color: #999999;
	border: none;
	clear: left;
}

#content1 hr.long{/*not needed?*//**** wp3 change ****/
	margin: 1em 0 1.3em 0;
	padding: 0;
	width: 100%;
	height: 1px;
	color: #999999;
	background-color: #999999;
	border: none;
	clear: left;
}

#content1 p { /**** wp3 change ****/
	font-size: 0.7em;
	line-height: 150%;
	margin: 0 0 1em 261px;
	padding: 0;
	width: 423px;
}

#content1 h3 { /**** wp3 change ****/
	font-size: 0.7em;
	line-height: 130%;
	margin: 0 0 1em 261px;
	padding: 0;
	width: 423px;
	text-transform: uppercase;
	font-weight: bold;
	color: #439bab;
}

#content1 p span.orangeHead {
	font-size: 1.25em;
	font-weight: bold;
	color: #e33f00;
	line-height: 130%;
	padding: 0;
	width: 423px;
}

#content1 p.lead1 { /*not needed?*//**** wp3 change ****/
	font-size: 0.7em;
	line-height: 160%;
	margin: 0 0 1em 261px;
	padding: 0;
	width: 423px;
}


#content1 p.date {/**** wp3 change ****/
	font-weight: bold;
	margin: 2em 0 .7em 261px;
}

#content1 a:link.posttitle, #content1 a:visited.posttitle {/**** wp3 change ****/
	color: #7f7b75;
	text-decoration: none;
	font-weight: normal;
}

#content1 a:hover.posttitle {
	color: #D22D07;
	text-decoration: none;
	font-weight: normal;
}

#content1 li.comment {/**** wp3 change ****/
	margin-top: 1em;
}

/* style for h3 on search, archive page */
#content1 div.hentry h3 {
	margin: 0 0 1em 261px;
}

#content1 a:link, #content1 a:visited {/**** wp3 change ****/
	color: #D22D07;
	text-decoration: none;
}

#content1 a:hover { /**** wp3 change ****/
	color: #439bab;
	text-decoration: none;
}

#content1 a:focus {
	outline-style: none;
}


#section1, #section2, #section3 {
	width: 684px;
	margin: 0;
	padding: 0 0 .7em 0;
	position: relative;
}

#section1 h3, #section2 h3, #section3 h3 {
	width: 204px;
	margin: 0 0 1.5em 0;
	padding: 0 57px 0 0;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: right;
	color: #439bab;
	background-image: url(images/carrot.gif);
	background-repeat: no-repeat;
	background-position: 220px 0;
	line-height: 140%;
}

#section1 h3.oneline, #section2 h3.oneline, #section3 h3.oneline {
	height: 100px;
}

#section1 h4, #section2 h4, #section3 h4 {
	width: 204px;
	margin: 0;
	padding: 0 57px 0 0;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.65em;
	font-weight: bold;
	text-align: right;
	color: #000000;
	line-height: 140%;
}

#leftCol, #leftCol2, #leftCol3 {
	width: 261px;
	position: absolute;
	top: 0;
	left: 0;
}

#section1 #form1 {
	margin: 0 0 1em 261px;
	padding: 0;
	width: 423px;
	position: relative;
}


/* comments styles */
#respond {
	width: 423px;
	margin: 0 0 0 261px;
	padding: 0 0 .7em 0;
	position: relative;
}

#respond h3 {
	font-size: .85em;
	color: #e33f00;
}

#respond textarea#comment {
	width: 423px;
}

#respond input#submit {
	margin: .5em 0 0 0;
	padding: 0 3px;
	background-color: #EDE9DE;
	border: none;
	height: 20px;
}

#respond input#author, #respond input#email,
#respond input#url {
	margin: 0 0 5px 0;
	width: 205px;
}

#respond form p {
	margin: 0;
}

ol.commentlist {
	margin: 0 0 1em 261px;
	padding: 0;
	width: 423px;
	font-size: .7em;	
}


#content1 div.comment-body p{
	margin: .7em 0 0 0;
	padding: 5px;
	background-color: #EDE9DE;
	font-size: 100%;	
}

#content1 #searchform label.screen-reader-text {
	font-size: .8em;
	font-weight: normal;
}

#content1 #searchform input#s {
	margin-top: 5px;
}

#content1 #searchform input#searchsubmit {
	font-size: .8em;
	color: #ffffff;
	background-color: #439bab;
	border: none;
	padding: 1px 3px 2px 3px;
}

/* contact form */
#form1 .labels {
	font-size: .7em;
}

#form1 input.names {
	padding: 0;
	margin: 5px 0 5px 0;
	width: 205px;
}

#form1 input.city {
	padding: 0;
	margin: 5px 0 5px 0;
	width: 420px;
}

#form1 input.address {
	padding: 0;
	margin: 5px 0 5px 0;
	width: 420px;
}

#form1 input.submit {
	margin: 0;
	padding: 0 3px;
	background-color: #EDE9DE;
	border: none;
	height: 20px;
}

/****** End Main Content styles ******/


/****** Begin Footer Content styles ******/
#footer {
	float: left;
	width: 1022px;
	margin: 0;
	background-color: #FFFFFF;
	padding-left: 28px;
	background-image: url(images/footerbkg.gif);
	background-position: right 0;
	background-repeat: repeat-y;
	color: #909698;
}

#footer p.copyright {
	font-size: 0.56em;
	text-transform: uppercase;
	margin: 130px 0 0 0;
	float: left;
}

#footer p.credit {
	font-size: 0.57em;
	margin: 130px 0 0 270px;
	top: 0px;
}

#footer p.wptag {
	font-size: 0.57em;
	margin: 1em 0 2em 0;
	padding: 0;
}

#footer a:link, #footer a:visited {
	color: #909698;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color: #439bab;
	text-decoration: none;
	font-weight: normal;
}

#footer a:focus {
	outline-style: none;
}


/****** End Footer Content styles ******/

/****** Begin Sidebar Content styles ******/
#sidebar {
	width: 251px;
	padding: 0;
	margin: 0 0 0 799px;
	background-color: #EDE9DE;
}

#sidebar h1{
	width: 251px;
	height: 73px;
	margin: 0;
	padding: 0 0 10px 0;
	background-image: url(images/sbHead_glance.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#sidebar h2.widgettitle {
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 105%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #439bab;
	font-style: italic;
	font-weight: bold;
}
#sidebar ul{
	list-style: none;
	width: 220px;
	margin: 0;
	padding: 0 0 0 31px;
}


#sidebar p{
	margin: 1em 0 0 0;
	padding: 0 0 0 31px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	line-height: 130%;
	color: #333333;
}

#sidebar p .reception {
	font-size: 100%;
	color: #439bab;
	font-style: italic;
	font-weight: bold;
}

#sidebar #searchform {
	width: 251px;
	margin; 0;
	padding: 1em 0;
}

#sidebar #searchform label.screen-reader-text {
	font-size: 105%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #439bab;
	font-style: italic;
	font-weight: bold;
}

#sidebar #searchform input#s {
	margin-top: 5px;
        width: 120px;
}

#sidebar #searchform input#searchsubmit {
	font-size: .8em;
	color: #ffffff;
	background-color: #439bab;
	border: none;
	padding: 1px 3px 2px 3px;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 31px;
}

#sidebar ul ul{
	padding: 0;
	list-style: none;
	font-size: .8em;

}

#sidebar ul ul ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

#sidebar li a:link,
#sidebar li a:visited,
#sidebar li.page_item a:link,
#sidebar li.page_item a:visited,
#sidebar ul li.cat-item a:link,
#sidebar ul li.cat-item a:visited {
	display: block;
	text-decoration: none;
	color: #333333;
	margin: 2px 0 2px 0;
}

/*#sidebar ul li.cat-item {
	font-size: .8em;
	color: #333333;
}*/

#sidebar li a:hover,
#sidebar li.page_item a:hover {
	color: #e33f00;
}

/****** End Sidebar Content styles ******/


/* general styles */
.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

.ital {
	font-style:italic;	
}

.orange {
	color: #D22D07;
}

.black {
	color: #000000;
}
.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.increase {
	font-size: larger;
}