/*
Theme Name: NF-K2
Theme URI: http://nightforceradiology.com/
Description: Based off of K2.
Version: Alpha
Author: Damon K Hopkins
Author URI: http://damonomania.com/



/*- Page Structure */
html {
	background: url(images/bg_color.png);
}
body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	background: url(images/bg.png) repeat-x;
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	background: white url(images/bg_main_content.png) no-repeat top right;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	/* The entire template's width is set in this class. */
	width: 770px;
	/*border: green solid 1px;*/
	border-right: 1px solid #000;
	}

#header {
	padding: 0;
	margin: 0;
	height: 124px;
	background: url(images/bg_header_1.jpg) no-repeat top;
	}
#header h1, #header p {
	margin: 0;
	text-indent: -9999px;
}
#header p {
	display: none;
}
#header h1 {
	background: url(images/logo_header.png) no-repeat 32px 8px;
	height: 116px;
}
#text-tag h4 {
	background: url(images/text_tag_1.png) no-repeat top right;
	position: absolute;
	top: 100px;
	height: 41px;
	width: 750px;
	text-indent: -9999px;
	margin: 0;
}

#our-services {
	background: url(images/text_our_services.png) no-repeat top right;
	position: absolute;
	top: 28px;
	z-index: 111;
	height: 41px;
	width: 670px;
	/*border: solid green 1px;*/
}

img.default-img {
	margin: 0 0 0 12px;
	}
	
#pre-header {
	background: white url(images/bg_pre_header.png) no-repeat top;
	height: 33px;
	}
#pre-header h2{
	margin: 0;
	padding: 6px 0 0 12px;
	font-family: Arial;
	font-size: 16px;
}	
.primary {
	background: white url(images/bg_main_content.png) 0 40px no-repeat;
	width: 576px;
	float: right;
	padding: 0;
	margin: 0;
	/*border: 1px solid green;*/
	display: inline; /* requires this to avoid a double margin bug in ie */ 
	}

.secondary {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 0;
	margin: 0;
	width: 194px;
	color: #666;
	display: inline; /* requires this to avoid a double margin bug in ie */
	/*border: solid yellow 1px;*/
	}

.content {
	margin: 0;
	padding: 0;
	}

#nav {
	background: #7BC3EE url(images/bg_nav.png) no-repeat top;
	text-align: center;
}
/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	/*width: 770px;*/ /* putting a width screws up IE */
	line-height: 2.8em;
	/*height: 33px; */
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 10px 6px;
	}

ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: #2D4F70;
	margin: 0;
	}

ul.menu li a:hover {
	color: #666;
	text-decoration: none;
	}
#nav ul.menu li a:hover {
	color: #666 !important;
	}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #2D4F70;
	text-decoration: none;
	}
	
#nav ul.menu li.current_page_item a,
#nav ul.menu li.current_page_item a:hover {
	color: #2D4F70 !important;
	}

a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}

/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { /* H1 is used for the title of your blog */
	
	width: 100%;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: #000;
	}
h1:hover {
	text-decoration: underline;
	}
#header h1 {
}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	/*margin: 0 0 0 40px;*/
	/* Checking for IE bug. If people start having problems with header width, then this is it */
	}
.pagetitle { /* Used on static pages and archives */
	background: url(images/bg_section_title.png) top left no-repeat;
	height: 40px;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2em;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 4px 0 0 12px;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}

#news , #contact {
	margin: 0;
	width: 194px;
	float: left;
	display: inline;
	
	}
#news {
	background: white url(images/bg_sidebar.png) no-repeat top left;
	}
#news p, #news div , #news dl {
	padding: 0 12px 0 12px;
	}
#news dl dd {
	margin-left: 12px;
}
#news .date {
	/*padding-top: 12px;*/
	font-style: italic;
	font-weight: bold;	
	}
#news .more {
	text-align: right;
	padding-bottom: 12px
} 
#news h2 { /* Secondary H2 is sidebar headlines */
	background: #474747 url(images/bg_news_header.png) no-repeat top left;
	font-size: 2em;
	font-weight: bold;
	color: white;
	line-height: 1.6em;
	padding: 0 0 0 18px;
	}
#contact {
	background: url(images/bg_contact_content.png) no-repeat top left;
}
#contact h2 { /* Secondary H2 is sidebar headlines */
	background: #474747 url(images/bg_contact_header.png) no-repeat top left;
	font-size: 2em;
	font-weight: bold;
	color: white;
	line-height: 1.6em;
	padding: 0 0 0 18px;
	}
#contact div, #contact address, #contact h3, #contact ul {
	padding: 0 12px 0 12px;
	}
#contact h3.address {
	margin-bottom: 0;
	}
#contact address{
	font-style: normal;
	}
#contact h3 {
	font-size: 120%;
	}
#quicklinks dl {
	padding: 0;
	}
#quicklinks dt {
	font-weight: bold;
	font-size: 120%;
	}
#quicklinks dl dd {
	background: url(images/bg_bullet.png) 0 3px no-repeat;
	padding-left: 12px;
	}
hr.quicklinks {
	background: white;
	display: block;
	border-bottom: 1px solid #fefefe;
	margin: 0 12px 0 12px;
	width: 170px;
}

ul.link-list {
	margin-left: 4px !important;
}
ul.link-list li {
	background: url(images/bg_bullet.png) 0 4px no-repeat !important;
	padding-left: 12px !important;
}
.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}

.primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemhead {
	margin-top: 10px;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 0;
	padding: 0;
	}

.secondary div div div {
    margin: 0;
    }
	
.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */

.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink .primary .aside .itemtext {
	font-size: 1.4em;
	color: #999;
	}

.comments .primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	border: none;
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}



.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata a {
	color: #777;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	}

.chronodata:after {
	content: ".";
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}


/*- Primary Contents */

.primary .item {
	margin: 0;
	padding: 0;
	
	/* IE hack 
	_width: 483px;*/
	}


.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext dl,
.primary .item .itemtext div,
.primary .item .itemtext h3,
.primary .item .itemtext blockquote {
	margin: 13px 0;
	padding: 5px 20px 0 32px;
	}

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext dl,
.primary .aside .itemtext div,
.primary .aside .itemtext h3,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext dl,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext h3,
.permalink .primary .aside .itemtext blockquote {
	margin: 13px 0;
	}
	
#recaptcha_area p,
#recaptcha_area ul,
#recaptcha_area ol,
#recaptcha_area dl,
#recaptcha_area div,
#recaptcha_area h3,
#recaptcha_area blockquote {
	margin: 0;
	padding: 0;
}
	

.primary .item .itemtext ul li {
	margin-left: 32px;
	}
.primary .item .itemtext {
	/*background: url(images/bg_itemtext_bottom.png) bottom no-repeat;*/
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #444;
	padding-bottom: 12px;
	margin: 0;
	}
	
.metalinks {
	margin-top: 3px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}


input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

#footer {
	margin: 0 auto;
	text-align: center;
	background: #474747 url(images/bg_footer.png) top no-repeat;
	padding: 0;
	width: 770px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	/*border: green solid 1px;*/
	}

#footer a {
	color: white;
	}
#nav-foot {
	padding-top: 4px;
	}
#nav-foot li a:hover {
	text-decoration: underline;
	}
#nav-foot ul.menu {
	line-height: 1.5em;
	}
#nav-foot li a {
	font-weight: normal;
	}
	
#copyright {
	background: white;
	margin: 0 auto;
	color: #3a3a3a;
	padding: 6px;
	}

/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #2D4F70;
	text-decoration: none;
	}

.itemtext a:visited {
	color: #333;
	}


/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.primary img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
	}


.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

.favorite img {
	padding: 0;
	border: none;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, monospace;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	background: url('images/quote.png') 5% no-repeat;
	border: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0 10px;
	padding: 0;
	width: 100%;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}



/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}


/*
	Contact Form
*/

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}

#address {
	/*margin-top: 248px;*/
	position: absolute;
	top: 222px;
}


#tbl-setup-steps {
	width: 528px;
	margin-left: 32px;
	clear: both;
}

#tbl-setup-steps th {
	text-align: center;
	font-size: 110%;
	}
#tbl-setup-steps .col-task, #tbl-setup-steps .col-nightforce, #tbl-setup-steps .col-client {
	background: #1F3343;
	color: #77C1EE;
	padding: 5px 4px 2px 4px;
}
#tbl-setup-steps td.step {
	text-align: left;
}
#tbl-setup-steps td.check {
	background: url(images/check.gif) center no-repeat;
	text-indent: -9999px;
}
#tbl-setup-steps .col-nightforce, #tbl-setup-steps .col-client {
	width: 82px;
}
#tbl-setup-steps td {
	padding: 4px;
	border-bottom: solid 1px #373737;
}

.itemtext address {
	margin-left: 32px;
	font-style: normal;
}
dl dt {
	font-weight: bold;
	margin-top: 8px;
	}
	
.call-today {
	font-weight: bold;
	font-size: 110%;
	font-style: normal;
	}

#blocks {
	position: relative;
	/*top: 46px;*/
	margin: 0;
	padding: 0;
	_margin-top: 80px;
	}
#blocks h3 a:hover {
	text-decoration: none;
	}
#blocks p a:hover {
	text-decoration: none;
	}
#blocks p span a:hover {
	text-decoration: underline;
	}
#blocks p span {
	white-space: nowrap;
	}
#block-tech h3 {
	background: url(images/block_tech.jpg) 0 24px no-repeat;
	margin: 4px 0 0 0;
	height: 50px;
}
#block-about h3 {
	background: url(images/block_about.jpg) 0 24px no-repeat;
	margin: 4px 0 0 0;
	height: 50px;
}
#block-about h3 a {
	color: white;
}
#block-partnership h3 {
	background: url(images/block_partnership.jpg) 0 24px no-repeat;
	margin: 4px 0 0 0;
	height: 50px;
	
	}
#block-tech h3, #block-about h3, #block-partnership h3 {
	font-size: 150%;
	padding: 0 6px 34px 12px;
	display: block;
	font-weight: bold;
	}
#block-tech p, #block-about p, #block-partnership p {
	padding: 0 6px 0 12px;
}
#block-tech {
	background: url(images/bg_block_a.png) no-repeat;
	width: 194px;
	float: left;
	height: 172px;
	margin: 0;
}

#block-about {
	background: url(images/bg_block_b.png) no-repeat;
	width: 180px;
	float: left;
	height: 172px;
}

#block-partnership {
	background: url(images/bg_block_c.png) repeat-x;
	width: 201px;
	float: left;
	height: 172px;
}