/*
Theme Name: Clinical Coding
Theme URI: http://www.clinicalcodingservices.co.uk/
Description: Custom developed template for Clinical Coding Services.
Version: 1.0
Author: Nigel Evans
Author URI: http://enzudesign.com/
Tags: blue, purple, clean, professional
*/

/* YUI CSS RESET*/
html{color:#000; height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body {
	background: #555454 url('images/body_bg.jpg') repeat-x top;
	color: #b3b0b4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/****Common Style Attributes****/

/*Links*/

a {
	color:#FFF;
	text-decoration: none;
}

a:hover {
	color: #00c2ee;
}


/*Headings*/

h1, h2, h3, h4, h5, h6, h7 {
	color: #a305ef;
	font-weight: bold;
	margin-bottom: 10px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {
	color: #a305ef;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	color:#00C2EE;
}

h1 {
	font-size: 30px;	
}

h1.article_title {
	margin: 0;
}

h2 {
	font-size: 27px;	
}

h3 {
	font-size: 24px;	
}

h4 {
	font-size: 20px;	
}

.clear {
	clear: both;
}

.clear-right {
	clear: left;
}

span.subtitle {
	display: block;
	margin: 10px 0 18px 0;
}

p.postmetadata {
	line-height: normal !important;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.entry img {
	border: 4px solid #000;
}

.entry img.alignleft, .wp-caption.alignleft {
	margin: 0 15px 0 0;
}

.entry img.alignright, .wp-caption.alignright {
	margin: 0 0 0 15px;
}

.wp-caption {
	background: #000;
}

p.wp-caption-text {
	line-height: 12px !important;
	padding: 6px 10px 10px 10px;
	text-align: center;
}

.navigation {
	padding: 0 0 25px 0;
}

/****Layout Structure****/

#container {
	margin: 0 auto; /*centers layout*/
	width: 924px;
}

#header {
	margin: 57px 0  24px 0;
}

/*Logo & Slogan*/
#header .identity {
	float:left;	
}

#header .identity img#logo { /*Logo Position*/
	margin: 0 0 12px 0;
	float: left;
}

#header .identity span.slogan { /*Slogan Placement*/
	color: #b3b0b4;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 15px 0 0 15px;
}

/*Mini Header Icons*/
#header .mini_icon_links {
	float: right;
	margin: 35px 15px 24px 0;
}

#header .mini_icon_links img {
	margin-left: 5px;
	
}
	
/****Main Navigation****/
#main_navigation{
	position: relative;
	background: url('images/main_nav_bg.jpg') repeat-x top;
	height:53px;
}
#main_navigation li { 
	background: url('images/main_nav_split.jpg') no-repeat right;
	float:left;
	margin:0;
	height: 53px;
	width: 132px; /*132px * 7 = 924px (width of layout)*/	
}

#main_navigation ul li:hover, #main_navigation li.current_page_item, #main_navigation li#home.current_page_item, #main_navigation ul li.current_page_ancestor {
	background: url('images/main_nav_bg.jpg') repeat-x 0 -319px;	
}

#main_navigation ul li.current_page_parent #main_navigation li.current_page_item {
	background: none;
}

#main_navigation li a {
	color: #FFF;
	display: block;
	height: 38px; /*53px - 15px of padding*/
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0 0 0;
	text-align: center;
	text-decoration: none;
	widows: 132px;
}


#main_navigation li#home a  { /*hometab*/
	background: url('images/main_nav_bg.jpg') no-repeat left -212px;
}

#main_navigation ul li:hover a {
	color: #00c2ee;	
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 15px 0 0 0;
	}

#main_navigation ul li ul li:hover a {
	color: #00c2ee;	
	}
	
#main_navigation ul li ul li ul li:hover a {
	color: #00c2ee;	
	}

	
#main_navigation li.current_page_item#home a, #main_navigation li#home:hover a { /*hometab*/
	background: url('images/main_nav_bg.jpg') no-repeat left -265px;
	border-left: 0;
	border-right: 1px solid #000;
}

/*dropdowns*/
#main_navigation li ul li {
	padding: 0 20px;
	background: url('images/transparent_bg_blk.png');
	border-top: 1px solid #595959;
	width: 200px;
}

#main_navigation li ul li.current_page_item ul a {
	color: #FFF !important;	
}

#main_navigation li:hover ul a, #main_navigation li ul li:hover ul a {
	color: #FFF;
	border:0;
}

#main_navigation li ul li:hover a, #main_navigation li ul li:hover ul li:hover a  {
	border:0;
}

#main_navigation li ul li:hover, #main_navigation li ul li.current_page_item, #main_navigation li ul li.current_page_ancestor {

	background: url('images/transparent_bg_wht.png');
}

/*level1*/

#main_navigation li ul li a{
	text-align: left;
}

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 14px }
#pagenav a{display:block }
#pagenav li{float:left; font-weight:normal;}
/*controls drop down navigation hover*/
#pagenav li ul{position:absolute; width:200px; left:-999em; }
#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:1000 }

#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li ul ul{margin:-54px 0 0 220px }
#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; }
#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }
#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }
select, #pagenav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:12px; color:#000000; font-weight:normal }


#main_navigation li.current_page_parent a{
    color: #00C2EE;
}#main_navigation li.current_page_parent a:hover{
    color: #FFF;
}
#main_navigation li.current_page_parent li a {
    color: #FFF;
}
#main_navigation li.current_page_parent li.current_page_item a, #main_navigation li.current_page_ancestor li.current_page_parent li.current_page_item a{
  color: #A305EF;
}

/****Box Styles****/

/*Box1*/
.box1 {
	margin-bottom: 16px;
}

.box1 .t, .box1 .t i,
.box1 .b, .box1 .b i {
  background: url('images/box1_corners.png') no-repeat;
  display: block;
  height: 16px;
}
.box1 .t { padding-left: 16px; }
.box1 .t i.tr { background-position: 100% -16px; padding-right: 16px; } /*top right*/
.box1 .t i.tt { background-position: 0 -64px; background-repeat: repeat-x; } /*top tile*/

.box1 .box1_content {
	background: #000 url('images/box1_content_bg.png') repeat-x top;
  	min-height: 86px; /*min-height required or box breaks due to vertical gradients*/
  	height: auto !important;
  	height: 86px;
	padding: 10px 30px;
}

.box1_content p {
	line-height: 35px;
}

.box1 .b { background-position: 0 -32px; padding-left: 16px;} /*bottom left*/
.box1 .b i.br { background-position: 100% -48px; padding-right: 16px; } /*bottom right*/
.box1 .b i.bt { background-position: 0 -80px; background-repeat: repeat-x;} /*bottom tile*/

/*Box2*/
.box2 {
	margin-bottom: 10px;
}

.box2 .t, .box2 .t i,
.box2 .b, .box2 .b i {
  background: url('images/box2_corners.png') no-repeat;
  display: block;
  height: 18px;
}
.box2 .t { padding-left: 18px; }
.box2 .t i.tr { background-position: 100% -18px; padding-right: 18px; } /*top right*/
.box2 .t i.tt { background: #242424 none;} /*top tile*/

.box2 .box2_content {
	background: #242424;
	padding: 11px 30px;
}

.box2_content p {
	line-height: 35px;
}

.box2 .b { background-position: 0 -36px; padding-left: 18px;} /*bottom left*/
.box2 .b i.br { background-position: 100% -54px; padding-right: 18px; } /*bottom right*/
.box2 .b i.bt { background: #242424 none; } /*bottom tile*/

/*Box3*/
.box3 {
	margin-bottom: 16px;
}

.box3 .t, .box3 .t i,
.box3 .b, .box3 .b i {
  background: url('images/box3_corners.png') no-repeat;
  display: block;
  height: 15px;
}
.box3 .t { padding-left: 15px; }
.box3 .t i.tr { background-position: 100% -15px; padding-right: 15px; } /*top right*/
.box3 .t i.tt { background-position: 0 -60px; background-repeat: repeat-x;} /*top tile*/

.box3 .box3_content {
	background: #000;
	padding: 11px 30px;
}

.box3_content p {
	line-height: 35px;
}

.box3 .b { background-position: 0 -30px; padding-left: 15px;} /*bottom left*/
.box3 .b i.br { background-position: 100% -45px; padding-right: 15px; } /*bottom right*/
.box3 .b i.bt { background: #000 none; } /*bottom tile*/

/*PurpleBox*/
.purplebox {
	margin-bottom: 16px;
}

.purplebox.widgetbox {
	background: #8701bd url('images/widget_content_bg_footer.jpg') repeat-x bottom;
}

.purplebox h1, .purplebox h2, .purplebox h3, .purplebox h4, .purplebox h5, .purplebox h6, .purplebox h7, .purplebox p {
	color: #FFF;
}

.purplebox .t, .purplebox .t i,
.purplebox .b, .purplebox .b i {
  background: url('images/purplebox_corners.png') no-repeat;
  display: block;
  height: 16px;
}
.purplebox .t { padding-left: 16px; }
.purplebox .t i.tr { background-position: 100% -16px; padding-right: 16px; } /*top right*/
.purplebox .t i.tt { background-position: 0 -64px; background-repeat: repeat-x; } /*top tile*/

/*purplebox alt heading*/


.purplebox h4.widgettitle {
	background: url('images/widget_title_bg_footer.jpg') no-repeat center;
	display: block;
	font-size: 16px; 
	height: 34px; 
	padding: 18px 18px 5px 18px;
	margin: 0 0 10px 0; 
}

.purplebox .althead { background-position: left -96px; padding-left: 16px; } /*top tile*/

.purplebox .althead_r { background-position: 100% -153px; padding-right: 16px; } /*top right*/

.purplebox .purplebox_content {
	background: #8701bd url('images/purplebox_content_bg.png') repeat-x bottom;
	padding: 5px 15px;
}

.purplebox_content {
	color: #FFF;
}

.purplebox hr {
	border-top: 1px solid #110031;
	border-bottom: 1px solid #8208a8;
	border-left: none;
	border-right: none;
	;	
}

.purplebox_content p {
	line-height: 35px;
}

.purplebox .b { background-position: 0 -32px; padding-left: 16px;} /*bottom left*/
.purplebox .b i.br { background-position: 100% -48px; padding-right: 16px; } /*bottom right*/
.purplebox .b i.bt { background: url('images/purplebox_corners.png') no-repeat; background-position: 0 -80px; background-repeat: repeat-x;} /*bottom tile*/

.purplebox.widgetbox {
	padding-bottom: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}

.widgetbox ul, .widgetbox p, .widgetbox form, .widgetbox div.wrap {
	margin: 10px 20px;
}

.widgetbox hr {
	margin: 10px 20px;
}

.widgetbox #searchform {
	padding: 20px 0 0 0;
}

/****Buttons & Such****/

div.button_wrap { /*required, or IE6 will start breaking boxes >=O */
	width: 100%;
}

/*button1*/
span.button1, span.button1 a {
	color: #FFF;
	background: url('images/button1_bg.png') no-repeat; padding-right: 13px;
	display: block;
	outline: none;
}
span.button1 { background-position: right -30px; float: right;}
span.button1 a {
	padding: 8px 0 7px 15px;
}

/*button1 hover*/
span.button1:hover {
	background-position: right -90px;
}

span.button1:hover a {
	color: #e7c0f9;
	background-position: left -60px;
}

/****Sidebar & Main Content Configurations****/

#sidebar {
	width: 280px;
}

#content.narrowcontent {
	width: 624px;
}
#content.alignleft, #sidebar.alignleft {
	float: left;
}

#content.alignright, #sidebar.alignright {
	float: right;
}

#sidebar .purplebox_content {
	padding-top: 20px;
}

/* #sidebar .purplebox .b { background-image: url('images/purplebox_widget_bg.png'); background-position: 0 0; padding-left: 16px;}
#sidebar .purplebox .b i.br { background-image: url('images/purplebox_widget_bg.png'); background-position: 100% -16px; padding-right: 16px; } 
#sidebar .purplebox .b i.bt { background: url('images/purplebox_widget_bg.png') no-repeat; background-position: 0 -32px; background-repeat: repeat-x;} */


/****Widgets****/

#calendar_wrap #wp-calendar {
	color: #FFF;
	margin: 0 auto;
}
#calendar_wrap #wp-calendar caption {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
}

#calendar_wrap #wp-calendar thead tr {
	background: #2f0147;
}
#calendar_wrap #wp-calendar thead tr th {
	padding: 5px;
}
#calendar_wrap #wp-calendar tbody {
	background: #5f048e;
}


#calendar_wrap #wp-calendar td {
	padding: 5px;
}

/***Comments***/

#commentlist .box2.comment_body .box2_content {
	padding: 0 30px !important;	
}

#commentform p.submit_wrap {
	padding: 0 0 0 200px;
}

#commentform #submit {
	margin-top: 5px;
}

#commentform label{
	width: 200px; 
	float:left; 
}

#commentform p {
	padding: 10px 0 0 0;
	line-height: 15px;
}

#commentform input.looksgood, #commentform textarea{
	padding: 10px;
	border: 1px solid #dbd8d3;
	width: 250px;
}

#commentform label.error{
color: #ad0000;
font-size: 11px; 
margin-left: 200px;
background: #feadad url('images/icons/cancel.png') no-repeat 5px 10px;
border:1px solid #ad0000;
width:225px;;
margin-top:4px;
padding: 10px 10px 10px 35px;
}


#commentform p { clear: both; }




/****Footer Widgets*****/

#footer_widgets .box3_content {
	padding: 11px 0;
}

#footer_widgets .purplebox.widgetbox {
	float: left;
	margin: 0 0 0 21px;
	width: 280px;
}

#footer_widgets #widget_2.purplebox.widgetbox {
	margin: 0 20px;
}

#footer_widgets .purplebox_content {
	background-size: 100%;
	min-height: 200px; /*min-height required or box breaks due to vertical gradients*/
  	height: auto !important;
  	height: 200px;
	padding-top: 20px;
}

#footer_widgets a, #sidebar a {
	color: #FFF;
}

#sidebar a:hover {
	color: #00c2ee;
}

#footer_widgets ul li, #sidebar ul li {
	line-height: 30px;
}

#footer_widgets .purplebox.widgetbox {
	overflow: hidden;
	height: 310px;
}

/****Footer****/

#footer {
	margin: 20px 0;
	width: 924px;
}

#footer span.copyright {
	display: block;
	text-align: center;
}

	#footer span.copyright span.enzu {
		float: right;
		text-transform: uppercase;
	}
	
	#footer span.copyright span.enzu a {
		color: #b3b0b4;
		text-decoration: underline;
	}
	

/****Modifications****/

#searchform .screen-reader-text {
	display: none;
}