/*
File:			custom.css
Description:	Custom styles for Dr. Simon Permezel – Eye Surgeon
Author:			Thesisthemes (www.thesisthemes.com), December 2009
*/

/* General */
.clearall { clear: both; }
body.custom { background: url(images/bg-top.png) repeat-x; }
.custom .page { background: none; }

/* Header */
.custom #header_area { height: 195px; overflow: visible; }
.custom #header_area .page { padding-top: 0; }
.custom .main_logo { float: left; position: absolute; }
.custom .main_logo a { width: 182px; height: 215px; display: block; background: url(images/logo-main.png) no-repeat; text-indent: -9999px; }
.custom #header { clear: none; padding: 2em 0; height: 107px; margin-left: 200px; }
.custom #header #tagline { font-weight: bold; text-shadow: #024b66 1px 1px; font-size: 18px; }
.custom #logo a { text-shadow: #024b66 1px 1px; font-size: 26px; }
.custom #logo a:hover { color: #fff; }
.custom .header_phone a.callus { float: right; background: url(images/graphic-phone.png) no-repeat; height: 90px; width: 202px; display: block; text-indent: -9999px; margin-top: 2.5em; }
.custom .header_phone a.callus:hover { opacity:0.8; }

/* NAV */
	/* RESET */
	.custom .menu a { letter-spacing: normal; text-transform: none; border: none; background: none; } .custom .menu { border: none; } .custom .menu a:hover { background: none; }
	
.custom .menu { float: right; clear: both; margin-top: 32px; background: url(images/bg-nav.gif) left repeat-y; padding-left: 2px; width: auto; }
.custom .menu a { background: url(images/bg-nav.gif) right repeat-y; line-height: 48px; padding: 0 20px; font-weight: bold; text-shadow: #024b66 1px 1px; font-size: 1.8em; }
.custom .menu .tab-home a { padding-left: 18px; }
.custom .menu a:hover { background: #349eb1 url(images/bg-nav.gif) right repeat-y; }

/* Content */
.custom #content_area { background: #fff url(images/bg-content.png) top repeat-x; }
.custom .headline_area h1, .custom .entry-title a { font-weight: bold; }

/* Sidebars */
.custom #sidebar_1 .widget { padding: 10px; background: #eee; border: solid #e5e5e5; border-width: 1px 0px;  }
.custom #sidebar_1 .widget h3 { letter-spacing: normal; font-variant: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px dotted #ddd; font-weight: bold; font-size: 1.2em; }
.custom #sidebar_1 ul.sidebar_list { padding-right: 2em; }

/* Home Page Specific */
.home #content_area .page { padding: 4em 2.2em; }
.home #content_area h2 { font-size: 2.4em; font-weight: bold; margin-bottom: 1em; }
.custom .col_articles{ float: left; width:465px; }
.custom .col_gmaps { float: right; }
.custom .col_gmaps iframe { border: 1px solid #8c8c8c; padding: 5px; background: #dedede; }
.custom .resource_thumb { margin: 5px 20px 10px 0; float: left; padding: 5px; background: #d0d0d0; border: 1px solid #929292; }
.custom .home_resource .format_teaser { height:1%; overflow:hidden; }
.custom .home_resource { margin-bottom: 4em; }
.home #content_area .home_resource h2 { margin-bottom: 15px; line-height:20px; }
.custom .home_resource h2 a { text-transform: uppercase; color: #128396; font-size: 16px; }
.custom .home_resource h2 a:hover { color: #000; }
.custom .home_resource .entry-content { font-size: 1.3em; font-weight: bold; line-height: 1.4em; height:55px; overflow: hidden; }

/* Above Fold */
.custom #featured_area { background: #dedede url(images/bg-fold.jpg) center repeat-y; height: 420px; }
.custom #featured_area .page { padding: 4.4em 2.2em; }
.custom #featured_area .col_image { float: left; }
.custom #featured_area .col_image img { padding: 5px; background: #fff; border: 1px solid #d9d9d9; margin-right: 3em; margin-top: .4em; /*IE6 fix: */ _margin-right: 2.8em;  }
.custom .col_content h2 { font-size: 3.4em; font-weight: bold; }
.custom #featured_area p { font-size: 1.6em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.5em; margin-top: 1.4em; }
.custom .col_content .ribbon { background: url(images/bg-bigbutton.png) no-repeat right; color: #fff; font-weight: bold; text-transform: uppercase; display: inline-block; width: 202px; height: 48px; line-height: 48px; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 1.2em; padding-right: 5px; margin: 20px 15px 0 -5px; }
.custom .col_content .ribbon:hover { text-decoration: underline; }

/* Footer */
.custom #footer_area { background: url(images/bg-footer.png) repeat-x; }
.custom #footer {  font-weight: bold; color: #fff; text-align: left;  text-shadow: #024b66 1px 1px; padding: 1em 0; }
.custom #footer a { color: #fff; border: none; }
.custom #footer_area .page { padding: 0; }