/*
Theme Name: Reg Lord Surgery
Theme URL: http://lordsurgery.com/
Version: 1.0
Description: Website design by Intervision
Author: Intervision Design
Author URI: http://www.intervisiondesign.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/







/************************************/
/************ START CSS *************/

html {height:100%;}
body {margin: 0px; line-height:20px; background:#3d6478;}
body,td,th {color: #333; font-family:Arial, Helvetica, sans-serif; font-weight: 400; font-size: 12px; }

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, img, p {padding:0; margin:0; font-size:12px; text-decoration:none; font-weight:normal; list-style:none; border:0;}
h1, h2, h3, h4, h5, h6 {line-height:1.6em;}
a { color:#2791cd ; outline:none;}
a:hover { color: #00a2ff;}
.clear {clear:both;}
#logo h1, #logo h2, #logo h4, #footcontact, #menu ul li a h2, ul#homeright li a h2, h2.pagetitle {font-family: 'Open Sans Condensed', sans-serif; font-weight:300;}

/************************************/
/********** SITE ALIGNMENT **********/

#header {width:980px; margin:0 auto; display:block; background:#fff;}
#wrapper {width:980px; margin:0 auto; position:relative; display: block; background: #fff; padding:5px 0 0 0;}

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

#logo { display:block; position:relative; padding:15px 50px; background:#224e64;}
#logo a {float: left;}
#logo h1 { color:#fff; font-size:36px; line-height:36px;}
#logo h2 { color:#fff; font-size:16px; padding:5px 0 0 0; width:240px}
#logo h4 { color: #83a8ba; font-size: 38px; float: right;}

/************************************/
/*************** MENU ***************/

#menu { width:980px; display:block;}
#menu ul { float:right; background:#83a8ba; margin:0 0 5px 0;}
#menu ul li { list-style:none; float:left; position:relative; display:block;}
#menu ul li a {}
#menu ul li a h2 { font-size:14px; color:#fff; padding:10px 10px; text-transform:uppercase;}
#menu ul li a:hover h2, #menu .current-menu-item h2, #menu .current-category-ancestor h2 { background:#192f3a;}
#menu li ul { display:block; z-index:99; position: absolute; top:39px; left:0; width:200px; background:#83a8ba;}
#menu li ul li:hover {}
#menu li ul li {}
#menu li ul li a h2 { width:180px; padding:5px 10px;}
#menu li.sfHover ul li a:hover h2 { color:#990000;}
#menu span {display:none;}

/************************************/
/*********** MAIN CONTENT ***********/

#left { float:left; position:relative; display:block; width:700px;}
#right { float:right; position:relative; display:block; width:280px;}
#full { position:relative; display:block; width:975px;}

.block { margin:0 0 5px 0;}

.lists { width:680px; border-bottom:1px dashed #022638; padding:5px; margin:0 10px 5px 10px;}
a .lists .fea { width: 60px; height: 60px; float: left;}
a .lists .bam { float:right; width:610px; color:#333;}
a .lists .bam h2 {color:#022638; font-size:16px; text-transform:uppercase;}
a:hover .img, a:hover .block { text-decoration:none;}

.search_dir { padding:20px 0 0 0;}
.search_dir h3 {font-size:14px}
.search_dir input[type="text"] {padding:5px; border:1px solid #ccc; background:#fff; width:150px;}

.sidebanner { padding:0 5px ;}

/************************************/
/*********** TEXT STYLING ***********/

h2.pagetitle { background:#c7c7c7; color:#fff; padding:6px 15px; font-size:20px; text-transform:uppercase; margin:0 0 0 5px;}
.text { padding:10px 15px;}
.text p { padding:5px 0;}
.text ul li { list-style:square; list-style-position:outside; margin:0 0 0 15px;}
.text ol li { list-style:decimal; list-style-position:outside; margin:0 0 0 15px;}
.text ul li ul { padding:5px 10px;}
.text a {}
.text a:hover {}
.text h6 { font-size:10px;}
.text h5 { font-size:12px; font-weight:bold;}
.text h4 { font-size:14px;}
.text h3 { font-size:16px;}
.text h2 { font-size:24px;}
.text h1 { font-size:30px;}
.text input, .text textarea { margin:3px 0; padding:5px; border:1px solid #ccc; background:#fff; color:#CC6666; width:300px; font-size:12px;}
.text textarea { height:100px; width:300px;}
.text input:focus, .text textarea:focus { background:#f1f1f1;}
.text input:hover, .text textarea:hover { border:1px solid #999;}
input[type="button"],input[type="submit"] { width:70px; border:1px solid #ccc; background:#ff9900; color:#fff; font-size:12px; cursor:pointer;}
input:hover[type="button"],input:hover[type="submit"] { border:1px solid #ccc; background:#ff9900;}

/************************************/
/************* GALLERY **************/

#featurpage { width:970px; height:150px; position:relative; display:block; background:#000; margin:0 5px 5px 5px;}
#feature {width:695px; height:300px; position:relative; display:block; float:left; margin:0 0 5px 5px;}
#featurehome {width:695px; height:300px; position:relative; display:block; margin:0 auto; background:#000;}
#featurehome .slide {width:695px; height:300px; float:left; overflow:hidden; position:relative; display:block;}
.caption { display:none;}
#feature #bullets { position:absolute; bottom:10px; right:10px; z-index:9999;}
#feature #bullets li {float:left; width:7px; height:7px; margin:3px;}
#feature #bullets li a img {background:url(images/bullet.png) no-repeat top; border:0;}
#feature #bullets li a.activeSlide img {background:url(images/bullet-hover.png) no-repeat top;}
#feature_nav { display: block; position:relative; width: 700px; overflow: hidden;}
#feature_nav li { display: block; width: 700px;}

ul#homeright { float:right; width:275px;}
ul#homeright li { background:#83a8ba; margin:0 0 5px 0;}
ul#homeright li a { display:block;}
ul#homeright li a h2 { font-size:20px; color:#fff; padding:12px; line-height:30px;}

#gallery { width:660px; height:390px; position:relative; display:block; float:left; background:#000;}
#gallery .slide { width:660px; height:390px; float:left; overflow:hidden; position:relative; display:block; text-align:right;}
#gallery .caption {position:absolute; display:block; bottom:0; left:0; background:url(images/clear.png) repeat; width:660px;}
#gallery .caption p {color:#fff; padding:15px;}

#galplay, #galpause { width:20px; height:20px; border:0; margin:0; padding:0; z-index:99999; position:absolute; top:50px; cursor:pointer;}
#galplay {background: url(images/play.png) no-repeat; right:310px;}
#galplay:hover { background-position:0 -20px;}
#galpause {background: url(images/pause.png) no-repeat; right:330px;}
#galpause:hover { background-position:0 -20px;}

#thumbs { width:120px; height:390px; position:absolute; top:0; right:180px; background:#1a1a1a;}
#thumbs li { float:left; list-style:none; width:60px; height:60px;}
#thumbs li a img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#thumbs li a img:hover { filter:alpha(opacity=100); -moz-opacity:100; -khtml-opacity:100; opacity:100;}
#thumbs li a.activeSlide img { filter:alpha(opacity=100); -moz-opacity:100; -khtml-opacity:100; opacity:100;}

#textblockmenu { float:right; width:180px; position:relative; height:390px; background:#000;}
#textblockmenu ul {}
#textblockmenu ul li { list-style:none; width:180px;}
#textblockmenu ul li a {}
#textblockmenu ul li a h2 { font-size:12px; color:#fff; padding:3px 0 3px 10px; text-align:left;}
#textblockmenu ul li a:hover h2 { color:#CC6666;}
#textblockmenu .current-menu-item h2 { color:#CC6666;}

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

#footer { text-align:center; padding:5px; color:#999; font-size:10px; width:980px; margin:0 auto;}
#footer a { color:#999; font-size:10px;}
#footcontact { background:#83a8ba; padding:10px; text-align:center; margin:0 auto; width:960px; color:#fff; font-size:18px;}
#footcontact a {font-size:18px; color:#fff;}

/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; padding:10px 0;}
.alignleft { float: left; padding:10px 0;}
img.alignleft { display:inline; float:left; margin-right:15px; margin-top: 6px; padding:10px 0;}
img.alignright { display:inline; float:right; margin-left:15px; padding:10px 0;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:12px; margin:0 auto; padding:20px;}
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff;}
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #333; background: #fff; }
.wp-pagenavi a:hover { border: 1px solid #999; color: #000; background-color: #fff; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #ccc; background: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #333; border: 1px solid #ccc; background: #fff; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #999; color: #000; background: #fff;}
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #ccc; color: #333; background: #fff; }

/************************************/
/************* END CSS! *************/