/*
Theme Name: Podsurgeon
Theme URI: http://jigowatt.co.uk/
Description: WordPress theme designed and developed by jigowatt.co.uk.
Version: 1.0
Author: Jigowatt
Author URI: http://jigowatt.co.uk/
Tags: jigowatt
*/




body {
color:#315984;
background:url(/wp-content/themes/podsurgeon/images/body.png) top repeat-x #042934;
font: 12px/24px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

* {
margin:0;
padding:0;
outline:none;
}

.clear {
clear:both;
}

.course {
	width:250px;
	float:left;
	height:200px;
	overflow:hidden;
	margin-right:3px;
}

#content .course h3 {
	padding:0;
	margin:0 0 10px 0;
}

#content .course h3 a {
	text-decoration:none;
}

#sidebar ul a {
	color:#333;
	font-weight:bold;
}

#content .course p {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:18px;
}

a { color:#66CCFF;}


body, td, th {
	color: #074050;
}

fieldset {
	border:1px solid #eee;
	padding:20px;
	margin:15px 0;
}

legend {
	background:#fff;
	border:1px solid #eee;
	padding:5px 15px;
	font-weight:bold;
	font-size:120%;
	color:#111;
}

input, textarea {
	padding:4px;
	font:14px Arial, Helvetica, sans-serif;
	color:#444;
	border:1px solid #ccc;
	margin:3px 0;
}

#top {
height:115px;
width:800px;
margin:0 auto;
background:url(/wp-content/themes/podsurgeon/images/top.png) top no-repeat;
}

#container {
width:800px;
margin:0 auto 20px auto;
background:#fff;
}

#header {
width:790px;
margin:0 auto;
}

#nav {
background:#24262B;
height:33px;
padding-left:5px;
}

#nav-bot {
background:#042934;
height:33px;
padding-left:5px;
}

#wrapper, #wrapper-wide {
width:790px;
margin:0 5px;
background:url(/wp-content/themes/podsurgeon/images/cont-bg.gif) no-repeat;
float:left;
display:inline;
}

#wrapper-wide {
background:none;
}

#content {
width:510px;
float:left;
margin:35px;
display:inline;
}

#content-wide {
width:720px;
float:left;
margin:35px;
display:inline;
}


#sidebar {
margin-left:582px;
font-size:11px;
color:#444;
line-height:20px;
background:url(/wp-content/themes/podsurgeon/images/sidebar.png) top left no-repeat;
}

#footer {
padding:23px 20px 0 20px;
height:32px;
clear:both;
background:url(/wp-content/themes/podsurgeon/images/footer.png) no-repeat;
color:#fff;
}


#nav li, #nav-bot li {
display:inline;
list-style:none;
line-height:34px;
margin:0 2px;
}

#nav li a, #nav-bot li a {
color:#999;
text-decoration:none;
padding:5px;
}

#nav li a:hover, #nav-bot li a:hover {
background:#121316;
color:#fff;
}

#intro {
height:138px;
background:url(/wp-content/themes/podsurgeon/images/intro.jpg) no-repeat;
position:relative;
}

#head2 {
height:138px;
background:url(/wp-content/themes/podsurgeon/images/head2.jpg) no-repeat;
position:relative;
}

#head2 h2 {
font: 35px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-weight:100;
letter-spacing:-2px;
color:#FFF;
padding:45px 0 0 24px;
width:500px;
float:left;
}

#head3 {
height:138px;
background:url(/wp-content/themes/podsurgeon/images/head3.jpg) no-repeat;
position:relative;
}

#head3 h2 {
font: 35px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-weight:100;
letter-spacing:-2px;
color:#FFF;
padding:45px 0 0 24px;
width:500px;
float:left;
}

#head4 {
height:138px;
background:url(/wp-content/themes/podsurgeon/images/head4.jpg) no-repeat;
position:relative;
}

#head4 h2 {
font: 35px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-weight:100;
letter-spacing:-2px;
color:#FFF;
padding:45px 0 0 24px;
width:500px;
float:left;
}

#head5 {
height:138px;
background:url(/wp-content/themes/podsurgeon/images/head5.jpg) no-repeat;
position:relative;
}

#head5 h2 {
font: 35px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-weight:100;
letter-spacing:-2px;
color:#FFF;
padding:45px 0 0 24px;
width:500px;
float:left;
}

#head6 {
height:138px;
background:url(/wp-content/themes/podsurgeon/images/head6.jpg) no-repeat;
position:relative;
}

#head6 h2 {
font: 35px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-weight:100;
letter-spacing:-2px;
color:#FFF;
padding:45px 0 0 24px;
width:500px;
float:left;
}


#top ul {
float:right;
}

#top ul li {
font-size:11px;
list-style:none;
display:inline;
margin:0 5px;
}

#top ul li a {
color:#1D59A6;
text-decoration:none;
}


#top h1 {
font:20px Arial;
font-weight:normal;
color:#1BB6C2;
padding:25px 0 0 15px;
line-height:30px;
}


#top h1 .sub {
font:14px Arial;
color:#047781;
text-decoration:none;
}

#top h1 a {
	text-decoration:none;
	color:#1BB6C2;
	
}


#top .small {
font-size:10px;

}
#intro h2 {
font: 35px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-weight:100;
letter-spacing:-2px;
color:#FFF;
padding:45px 0 0 24px;
width:500px;
float:left;
}

#intro .text {
margin:0 0 0 280px;
padding:20px 24px 0 24px;
color:#fff;
border-left:1px solid #4991C2;
}

#content h3, #content-wide h3 {
font-size:16px;
color:#80ADC2;
margin:20px 0 10px 0;
border-bottom:1px solid #e7e7e7;
}

#content h4, #content-wide h4 {
font-size:11px;
text-transform:uppercase;
font-weight:bold;
color:#000;
letter-spacing:1px;
margin:10px 0 5px 0;
padding:0;
}

#content p, #content-wide p {
margin:5px 0 10px 0;
padding:0;
}

#content a, #content-wide a {
	color:#04515E;
}

#content a:hover, #content-wide a:hover {
color:#440000;
}

#content ul, #content-wide ul {
margin:5px 0 20px 40px;
font-size:11px;
color:#666666;
}

#content table, #content-wide table {
width:100%;
}

#content li, #content-wide li {
	border-bottom:1px solid #e7e7e7;
	padding:5px 0;
	list-style-position: outside;
	list-style-image: url(/wp-content/themes/podsurgeon/images/0159_flobullet.png);
}

#content table tr.alt td, #content-wide table tr.alt td {
border-top:1px solid #CEE8FF;
border-bottom:1px solid #CEE8FF;
background:#F2F9FF;
}

#content table td, #content-wide table td {
text-align:left;
color:#666666;
padding:0 0 0 10px;
}

#content table th, #content-wide table th {
border-bottom:3px solid #CEE8FF;
color:#333;
padding:0 0 0 10px;
}

#content table, #content-wide table {
margin:10px 0;
}


#content img, #content-wide img {
border:#CCC solid 3px;

}

#sidebar h3 {
font-size:12px;
color:#333;
font-weight:bold;
margin:0 0 10px;
padding:35px 20px 0 20px;


}

#sidebar p{
padding:0 20px;


}

#sidebar ul {
margin:10px 0 10px 20px;
padding:0 20px;

}

#sidebar ul.links {
margin:10px 0;
list-style:none;

}

#sidebar ul.links li {
padding:14px 0 0 0;
list-style:none;
line-height:14px;
}

#sidebar ul.links li a {
color:#333;
text-decoration:none;
font-weight:bold;
}
#sidebar ul.links li a:hover {
text-decoration:underline;

}

#sidebar h4 {
font-size:11px;
text-transform:uppercase;
font-weight:bold;
color:#000;
letter-spacing:1px;
margin:0;
}

#footer a.at {
display:block;
float:right;
text-align:left;
text-indent:-9999px;
height:25px;
width:25px;
background:url(/wp-content/themes/podsurgeon/images/atlogo.gif) no-repeat;
}

#footer a {
color:#96C8E0;
text-decoration:none;
}

#mugshot {
margin:0 0 0 20px;
}

#caption {

margin:0 20px 10px 20px;



}
.leftalign {
	text-align:left;
}
.rightalign {
	float:right;
}
.fl_right {float:right; margin: 10px 0 10px 10px; }
.fl_left { float:left; margin:10px 10px 10px 0; }

.table-leading{
line-height:26px;

}


/* ====Contact form==== */
#myform { width:500px; }
#myform .form-row { width:500px; margin:5px 0 0 0; }
form label { font-size:11px; color:#999; }
.col1 { width:90px; float:left; text-align:right; padding:0 10px 0 0; margin:3px 0 0 0; display:inline; }
.col2 { width:400px; float:left; margin:3px 0 0 0; }

.res-col { float:left; margin: 3px 0 0 100px; display:inline; }
.sub-col { float:left; margin: 3px 0 0 10px; display:inline; }

/* ====End Contact Form==== */

/* Location */

#hosp_bar { 
	width: 510px; 
	float:left; 
	margin:10px 0 10px 10px; 
	display:inline;
	text-align:center;
}

#hosp_bar a { 
	display:inline-block;
	width:210px;
	height:30px;
	float:left;
	font-size:14px; 
	font-weight:bold; 
	color:#767676; 
	line-height:22px; 
	margin:0;
	text-align:center;
}

#hosp_bar a:hover { color:#333; }

@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font-size:15px;
	color:#80ADC2;
	margin:0;
	border-bottom:1px solid #e7e7e7;
	background-color: #fff;
	margin: 0px;
	padding: 8px 0px 4px 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}


/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #fff;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #fff;
	color: #3087b0;
}


/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #fff;
	color: #3087b0;
}

