/*
Theme Name: Optometry's Charity
Theme URI: http://optometryscharity.org/
Description: 
Version: 0.1
Author: 
Author URI: 
*/

@charset "utf-8";
/* CSS Document */



body {margin-top:15px;margin-bottom:15px;background:#6F9ECC url(blue-pattern.jpg) repeat}
#header-menu {}

#header-photo {height:250px;background-color:#dfdfdf}

.front-column {height:250px;}















#header-menu ul {
      list-style-type:none;
      margin-left:65px;
      margin-top:65px;
      position:relative;
      width:400px;
     
}








#header-menu ul li {float:left;}

#header-menu ul li a{font: 14px trebuchet ms, Arial, Helvetica, sans-serif; float:left;margin-right:8px;text-decoration:none;padding:5px 15px;color:#fff;background:#102a42;font-weight:bold}

#header-menu ul li a:hover {background:#2f79c2;}


/* .menu-last {margin-right:5px} */

/* Image slider styles */
#slider1 {
    width: 950px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
   background:#fff;
}

#slider1Content {
    width: 950px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
	position: absolute;
	font: 12px/15px Georgia, "Times New Roman", Times, serif;
	padding: 10px 13px;
	width: 694px;
	background-color: #000;
	filter: alpha(opacity=80);  /* controls the opacity of the image rotator overlay */
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 210px !important;
	height: 260px;
}
.right {
	right: 0;
	bottom: 0;
	width: 190px !important;
	height: 250px;
}
ul { list-style-type: none;}

/* end Image slider styles */

#slider1 h2 {
	color:#fff;
	font-weight:normal;
	font-size:24px;
	margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:27px;
}

/* footer stlyes */

#footer {background-color:#dfdfdf;margin-top:30px;height:20px;height:auto;}



#footer p {font-size:10px;padding:10px}
#footer img {margin-left:5px;margin-bottom:5px;float:right} /* for sponsor ad */

ul#side-menu {position:relative;right:35px} 

#footer p.adcopy {font-size:12px;line-height:1.2em}

/* end footer styles */

/* front page styles */
.front #footer {margin-top:100px}
.front h2 a {text-decoration:none;color:#000}
.front h2 a:hover {text-decoration:underline}
.front .breadcrumb {height:15px}




#disclaimer {margin-top:20px; margin-bottom:50px;text-align:center;font-size:12px;border-top:solid 1px #efefef;padding-top:15px;color:#333}

#sidebar {height:100px;margin-top:10px;}


.container {background:#fff;padding:10px 20px;}

.side-title {
background-color:#102a42;
	/* border-top:1px solid; */
	color:#fff;
	display:block;
	padding:10px;
	text-align:center;
	width:190px;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:7px;
        font-family:Georgia, serif;
}

.side-title a {color:#fff;text-decoration:none;}
.side-title a:hover {text-decoration:underline}



ul#side-menu  {position:relative;right:15px} 

ul#side-menu li a {
	background-color:#dfdfdf;
	/* border-top:1px solid; */
	color:#102a42;
	display:block;
	padding:10px ;
	text-align:left;
	width:190px;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	margin-top:-10px;
	position:relative;
	right: 3px;




}

ul#side-menu li{border-top:solid 1px #fff;padding-top:5px;padding-bottom:5px}


#menu-background {position:relative;right:38px}

ul#side-menu li a:hover {color:#fff;background:#777;}

ul#side-menu li ul li a {background:#dfdfdf;margin-left:-18px;color:#102a42;text-align:left;font-size:1.0em}
ul#side-menu li ul li a:hover {text-decoration:underline}

/* breadcrumb styles */
.breadcrumb {font-size:11px;margin: -25px 0 15px;color:#333;padding:10px 20px 10px 33px;background:#efefef}




.breadcrumb a {color:#666;text-decoration:none}
.breadcrumb a:hover {text-decoration:underline}

#page {margin-top:20px}

/* comment styles */
.comments {margin-top:20px;padding:10px;background:#dfdfdf}
.comments textarea {width:340px;height:100px}

.comment-body {
background:#EFEFEF none repeat scroll 0 0;
margin-bottom:20px;
padding:10px;
}

.comment-author {font-weight:bold}

/* end comment styles */

h2 {font-size:2.5em;margin-bottom:0.25em;Font-family:Georgia,serif}

.front-column h2 {margin-bottom:5px;font-size:18px;border-bottom:solid 1px #dfdfdf;}

.front-column ul {list-style:disc}
.front-column li {margin-bottom:10px;text-indent:-1em;margin-left:5px}
.front-column p {margin-top:15px}

.alignleft {float:left;margin-right:15px}
.alignright {float:right;margin-left:15px}

h3 {background: #efefef;padding:10px}

.post p {padding-left:10px}
.post li {margin-bottom:20px;width:450px}
.post ul.narrow li {margin-bottom:5px}


.right-sidebar {position:absolute;left:540px}




.post ul.narrow li {margin-bottom:5px}

/* styles for About Page template */

.page-template-about-php .post p {width:400px}
#extra-info {margin-top:55px;width:470px}

.address {line-height:15px}

/* styles for Entities item overlay in main menu */
.qtip-content ul {padding-top:5px;margin-bottom:0px}
.qtip-content li {padding-bottom:5px;font-family:trebuchet ms, Arial, Helvetica, sans-serif;}
.qtip-content li a {text-decoration:none;color:#2f79c2}
.qtip-content li a:hover {text-decoration:underline}

#search {
float:right;
position:relative;
top:20px;
left:160px
}


/*search results page styles */
.search p {margin: 10px 15px;}
.search .quiet p {margin:0;font-size:10px}
.search h4 {margin-bottom:0;font-weight:bold}

#page-content ul {list-style-type:disc;width:400;margin-left:60px}

#page-content ul.narrow {margin-left:20px}

.wp-caption-text {text-align:center;color:#444;font-style:italic;}








#post-118 {height:700px} /* minimum height for Historical Gems page */

blockquote {padding:10px;background:#efefef;color:#000}

#meta-links {position:relative;float:right;margin-top:-10px;right:55px}
#meta-links p a {font-size:10px}