/*  
Theme Name: HSEC
Description: Theme for Harvard Square Eye Care
Version: 1.0
Author: Redstone Uniseo
*/



body,html {
background: url(images/stripeback.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-image: url(images/stripeback.gif);
background-color: #BB8A3C;
margin: 0;
padding: 0;
color: #333333;
}

h1, h2, h3, p, a {
padding: 0px;
margin: 0;
}

#wrap {
margin:0 auto;
width: 815px;
background: #e8d69f;
}

/********************************** GLOBAL TEXT STYLES **********************************/

* :focus { outline:none;}

img.alignright {float:right;}

a img {border: none;}

sup { font-size:60%; margin:1px; }

ul#sources{margin:0 !important;padding:0 0 0 14px !important;}
ul#sources li{padding:0 0 5px !important;}

/********************************** HEADER **********************************/

#header {
padding:5px 10px;
background:#ddd;
}

/********************************** NAV **********************************/

#nav {
padding:10px 10px 0px 25px;
background-color: #895523;
height: 50px;
}

* html #nav { display:inline; } /* IE6 hack to prevent double padding between the header and the nav */

#nav ul {
margin:0 !important;
padding: 10px 0 0 0 !important;
list-style:none;
}

#nav li {
margin:0;
padding: 15px 0 0 10px;
list-style-type: none;
float: left;
}

#nav li.page_item {
margin: 0;
padding: 0;
}

#nav a { 
color:#DECB97;
text-decoration: none;
display: block;
height: auto !important;
background-image: url(images/bullet_dark.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 14px 10px 0px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 16px;
text-indent: 0;
}

#nav ul li ul a { !Sub Menu
color:#DECB97;
text-decoration: none;
display: block;
height: auto !important;
background-image: none;
padding: 5px 14px 5px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 16px;
text-indent: 0;
}

#nav a:hover, #nav a:active, #nav a:focus {
color:#FFFFFF;
letter-spacing:0.01px;
}

/********************************** MAIN **********************************/

#main {
font-size:10pt;
float:right;
width:600px;
background:#FFF;
min-height: 750px;
}

#main h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #333333;
padding: 15px 0px 10px 0px;
}

#main h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 12px 0;
padding: 10px 0 2px 0;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
}
#main h3 {font-size: 12pt; font-family: Verdana, Arial, sans-serif; color: #434343; letter-spacing: 1px; 

font-weight: normal; padding: 15px 0px 10px 0px;}
#main h4 {font-size: 15pt; font-family: Arial, sans-serif; color: #888888; letter-spacing: 1px; padding: 15px 

0px 10px 0px;}
#main h5 {font-size: 14pt; font-family: Arial, sans-serif; color: #888888; letter-spacing: 0px; padding: 15px 

0px 10px 0px;}
#main h6 {font-size: 13pt; font-family: Arial, sans-serif; color: #888888; letter-spacing: 0px; padding: 15px 

0px 10px 0px;}
#main p {
color: #444444;
padding-bottom: 12px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 16px;
}
#main p.first {
font-size: 12pt;
color: #555555;
font-family: Geneva, Arial, sans-serif;
font-weight: normal;
line-height: 150%;
}
#main ul {margin: 0px 20px 7px 20px; padding: 0 0 0 20px;}
#main ul li {
font-size: 12px;
font-family: Arial, sans-serif;
color: #555555;
line-height: 130%;
padding-bottom: 4px;
padding-left: 10px;
}

.home ul {
list-style:none;
}
#main ol {margin: 0px 20px 7px 20px; padding: 0 0 0 20px;}
#main ol li {
font-size: 10pt;
font-family: Arial, sans-serif;
color: #555555;
line-height: 130%;
padding-bottom: 4px;
padding-left: 10px;
text-indent: -6px;
}

#main img {
margin: 12px 12px 0px 12px;
}

#main #home-flash-header img {
margin: 0;
}

#main table{
font-size: .9em;
width: 95%;
}

#main table tr td{
padding: 2px 0;
margin: 0px;
vertical-align:top;
}

#main table tr td p {
padding: 0;
margin-bottom: 5px;
line-height: 108%;
}

#main table tr.d0 td {
background-color: #eee;	
font-weight: bold;
text-align: center;
vertical-align: middle;
}

#main table tr.d1 td {
background-color: #ccc;	
}
#main table tr.d2 td {
background-color: #dfdfdf;	
}
#main-wrap {
margin: 25px 40px;
}
#main-wrap a:link {
color: #EA7A27;
}
#main-wrap a:visited {
color: #fcaf60;
}
#main-wrap a:active {
color: #E36A1D;
}
#main-wrap a:hover {
color: #fcc893;
text-decoration: underline;
}
/********************************** SIDEBAR **********************************/

#sidebar {
float:left;
background: #e8d69f;
min-height:400px;
width: 215px;
padding: 29px 0 0;
}

#sidebar h1 {font-size: 16pt; font-family: Verdana, Geneva, sans-serif; color: #5297c4; letter-spacing: 1px; 

padding-bottom: 10px;}
#sidebar h2 {font-size: 15pt; font-family: Verdana, Geneva, sans-serif; color: #5297c4; letter-spacing: 1px; 

padding-bottom: 10px;}
#sidebar h4 {font-size: 13pt; font-family: Verdana, Geneva, sans-serif; color: #5297c4; letter-spacing: 1px; 

padding-bottom: 10px;}
#sidebar h5 {font-size: 12pt; font-family: Verdana, Geneva, sans-serif; color: #5297c4; letter-spacing: 1px; 

padding-bottom: 10px;}
#sidebar h6 {font-size: 11pt; font-family: Verdana, Geneva, sans-serif; color: #5297c4; letter-spacing: 1px; 

padding-bottom: 10px;}
#sidebar ul {padding-bottom: 5px;}
ul#sidemenu {margin-top:10px}
#sidemenu ul li {padding-bottom: 2px;}
#sidemenu li a {font-size: 10pt; text-decoration: none; font-family: Arial, sans-serif; color: #666666;}
#sidemenu li a:visited {color: #666666;}
#sidemenu li a:hover {color: #666; text-decoration: underline;}
#sidemenu ol {list-style: none;}
#sidemenu ol li {padding-bottom: 2px;}
#sidemenu ol li a {font-size: 10pt; text-decoration: none; font-family: Arial, sans-serif; color: #666666;}
#sidemenu ul li a:visited {color: #666666;}
#sidemenu ul li a:hover {color: #666; text-decoration: underline;}
#sidemenu li ul { padding-left: 15px; margin-left:0px}

#sidebar p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
padding-left: 40px;
color: #000000; !7E3C22
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#sidebar h3, h3.special {
font-family: Verdana, Arial, Helvetica, sans-serif; !important;
font-size: 11px !important;
text-transform: uppercase;
padding-left: 40px;
color: #000000 !important 7E3C22;
padding-bottom: 0px;
margin: 0px;
padding-top: 20px;
letter-spacing: .075em !important;
}

#contact-info {
padding: 145px 0 0;
}

/********************************** FOOTER **********************************/

#footer {
margin: 0 auto;
text-align: right;
color: #704219;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
clear:both;
width: 815px;
height: 40px;
padding: 5px 10px 5px 0;
background: url(images/stripeback.gif);
}

#footer p {
font-family: Verdana, Geneva, sans-serif;
font-size: 8pt;
text-align: right;
margin: 0;
}

#footer a {
color: #704219;
text-decoration: underline;
}

#footer a, a:link, a:visited{
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#footer p { margin:0; }

* html #footer { height:1px; } /* ie6 hack? */

#footer-more-fields, #about-footer {
margin: 5px 0;
text-align: right;
font-family: Arial, sans-serif;
font-size: 8pt;
letter-spacing: 0.075em;
}

#footer-more-fields a, #about-footer, #page-footer, #page-footer a {
color: #864f1e;
}

#page-footer { font-size: 8pt; }
#page-footer-more { display: inline; }
#about-footer { text-align: center; }

/********************************** CUSTOM STYLES **********************************/

#home-flash-header { height: 150px; width: 600px; position: relative; }
.header-slideshow img { }
.hidden { display: none; }
#header-slideshow { width: 600px; height: 150px; }
.header-slideshow { float: left; }
#main #designer-glasses table { width: 80%; }
#main #designer-glasses table, #main #designer-glasses tr, #main #designer-glasses td { 
padding: 0;
}
#main #designers {
color: #545454;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: normal;
}

/*** Image Alignment ***/
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 7px 0 2px 7px!important;
display: inline;
border:1px solid #CCC;
}

img.alignleft {
padding: 4px;
margin: 7px 7px 2px 0!important;
display: inline;
border:1px solid #CCC;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}