/* Theme Name: CRJdesign */

/* global styles ----------------------------------------------- */
@font-face {
	font-family: 'BlueHighwayBold';
	src: url('../fonts/bluebold.eot');
	src: local('Blue Highway Bold'), local('Blue-Highway-Bold'), local('Blue Highway'), local('Blue-Highway'), url('../fonts/bluebold.ttf') format('truetype')}
/*
@font-face {
	font-family: 'BlueHighway';
	src: url('../fonts/bluehigh.eot');
	src: local('Blue Highway'), local('Blue-Highway'), url('../fonts/bluehigh.ttf') format('truetype')}
*/

html, body, form, fieldset, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	margin:0 0 100px;
	background:#9fb9c5 url(../images/bg.jpg) no-repeat 50% 0;
	color:#262626;
	font:.75em/1.75 Verdana,sans-serif}
p, ul, ol, blockquote, h1, h2, h3, h4, dl {margin:0 50px 1.5em; padding:0}

abbr, acronym {
	cursor:help}
.note {
	color:#666;
	font-size:.9167em}
code {
	color:#262626;
	font-size:1.0833em}
del {	
	color:#666}

h1, #sidebar {text-shadow:#000 0 0 0} /* make text pretty in Safari */

/* ---- links ---- */
a:link {color:#003D68; text-decoration:underline}
a:visited {color:#C75400; text-decoration:underline}
a:hover {color:#C75400; text-decoration:underline}
a:active {color:#BE6C22; text-decoration:none}

/* ---- blockquote ---- */
blockquote {
	padding:0 0 0 23px;
	border-left:2px solid #B3B3B3}
blockquote p {
	margin:0 0 1.5em}

/* ---- headings ---- */
h1 {
	margin:0 40px 1em;
	color:#F4F4F4;
/*	font:bold 2.667em/1.3125 "Gill Sans","Gill Sans MT","Tw Cen MT","Helvetica Neue",Helvetica,Arial,sans-serif; */
	font:3.167em/1 "BlueHighwayBold","Tw Cen MT","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
xxx	letter-spacing:.05em}
h1 strong {
	padding:5px 10px 3px;
	background:#262626}
#page-note h1,
#page-archive h1,
#page-404 h1 {
	margin:0 50px;
	color:#404040;
	font:bold 1.75em/1.75 Georgia,"Times New Roman",serif;
	text-transform:none}
#page-archive h1 {margin-bottom:2em}

h2 {
	margin-bottom:0;
	color:#262626;
	font:normal 1.75em/1.75 Georgia,"Times New Roman",serif}
h3 {
	margin-bottom:.5em;
	padding-top:1em;
	color:#262626;
	font:bold 1.333em Calibri,Arial,sans-serif;
	text-transform:uppercase}
h3#comments {
	margin-bottom:1em;
	border-bottom:1px solid #262626}
h3#related,
h3#respond {
	margin-top:2em;
	border-bottom:1px solid #262626}

#page-home h3 {
	margin-top:-2em}
#page-home .aside h3 {
	margin-top:0}

h4 {
	font:bold 1.1em Georgia,"Times New Roman",serif}

/* ---- lists ---- */
ul {
	list-style:none}
ol {
	margin-left:48px}
ol li {
	padding:0;
	background:none}
ol ul {
	margin-left:0}

li, ol li li {
	margin:0 0 1em;
	padding:0 0 0 15px;
	background:url(../images/bullet1.gif) no-repeat 0 .6em}

li h3 {
	margin:0 0 .5em;
	padding:0}
li p {
	margin:0 0 1.5em}

ul ul {
	margin-top:1em;
	margin-right:0}

/* ---- definition list ---- */
dt {
	margin:0 0 .25em;
	padding:0;
	font:bold 1.0833em Georgia,"Times New Roman",serif}
dd {
	margin:0 0 1.5em;
	padding:0}

/* ---- forms ---- */
fieldset {
	padding:1em 0}
fieldset dl p {
	margin-left:0;
	margin-right:0}
fieldset span {
	color:#F00;
	font-weight:bold}
label {
	color:#333;
	font-weight:bold;
	cursor:pointer}
input, textarea, select {
	margin:0;
	padding:6px 8px;
	width:316px;
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#F7F7F7;
	color:#000;
	font:1em Verdana,sans-serif}
textarea {
	display:block;
	overflow:auto}

input:hover, textarea:hover, select:hover {
	border-color:#555;
	background:#EEE}
input:focus, textarea:focus, select:focus {
	border-color:#265B73;
	background:#FFF}
input.radio, input.check {
	margin:0 5px;
	width:auto;
	border:0;
	background:none}
input#submit, input#search, input.reset {
	margin:.25em 0 0;
	padding:6px 1.5em;
	width:auto;
	background:#008CC3;
	color:#F7F7F7;
	font-weight:bold;
	cursor:pointer}
input#search {
	margin:0}
input#submit:hover, input#search:hover, input.reset:hover,
input#submit:focus, input#search:focus, input.reset:focus {
	border-color:#999;
	background:#265B73}

/* anti-spam */
dt.message,
dd.message {
	display:none;
	visibility:hidden}

/* ---- cForm ---- */
p#loadBar {
	padding:0 0 0 30px;
	background:url(../images/loading.gif) no-repeat 0 0}
p.success {
	color:green}

input#posCity {width:196px}
input#posState {width:30px}
input#posZip {width:46px}

input.error, textarea.error, select.error {
	border-color:#F00;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-radius:5px 5px 0 0;
	color:#F00}
label.error {
	display:block;
	margin:0 0 5px;
	padding:6px 8px;
	width:318px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius:0 0 5px 5px;
	background:#F00;
	color:#FFF;
	font:.9167em/1.5 Verdana,san-serif}

/* ---- faviconize ---- */
ul.faviconize li {
	position:relative;
	padding:0 0 0 25px;
	background:none}
img.faviconize,
span.faviconize {
	position:absolute;
	top:4px;
	left:0;
	width:16px;
	height:16px;
	background:#FFF}
.post img.faviconize {
	padding:0;
	background:#FFF;
	border:0}
span.faviconize {
	display:block;
	background:#FFF url(../images/external.gif) no-repeat 0 0}
span.faviconize span {
	display:block;
	width:16px;
	height:16px;
	background:transparent url(../images/external.gif) no-repeat 0 0}

/* header ----------------------------------------------- */
#header {
	position:relative;
	margin:0 auto 2px;
	width:940px;
	height:111px}
a#logo {
	display:block;
	position:absolute;
	top:42px;
	left:10px;
	width:228px;
	height:55px;
	background:url(../images/logo.png) no-repeat 0 0}
a#logo img {
	display:none}

/* ---- nav ---- */
ul#nav {
	position:absolute;
	bottom:30px;
	right:0;
	margin:0;
	padding:0}
ul#nav li {
	float:left;
	margin:0 0 0 13px;
	padding:0;
	background:none}
ul#nav a {
	display:block;
	width:80px;
	height:30px;
	background:url(../images/nav.png) no-repeat 0 0;
	color:#262626;
	font:bold .9167em/30px Arial,sans-serif;
	text-decoration:none;
	text-indent:-9999px;
	text-transform:uppercase;
	overflow:hidden}
ul#nav a:hover {
	background-color:#E1F1F8}

li#nav-home a {background-position:0 0; width:61px}			li#nav-home.selected a {background-position:0 -30px}
li#nav-about a {background-position:-73px 0; width:67px}		li#nav-about.selected a {background-position:-73px -30px}
li#nav-services a {background-position:-152px 0}			li#nav-services.selected a {background-position:-152px -30px}
li#nav-portfolio a {background-position:-244px 0; width:92px}	li#nav-portfolio.selected a {background-position:-244px -30px}
li#nav-contact a {background-position:-348px 0}				li#nav-contact.selected a {background-position:-348px -30px}

/* container ----------------------------------------------- */
#container {
	margin:0 auto;
	width:940px;
	overflow:hidden}

/* content ----------------------------------------------- */
#wrapper {
	float:left;
	margin:0 0 20px;
	padding:10px;
	width:600px;
	background:url(../images/wrapper.png) repeat 0 0}
#content {
	padding:50px 0;
	width:600px;
	min-height:50em; height:auto !important; height:50em;
	background:#FFF}
#page-home #content {
	padding-bottom:0}

/* ---- portfolio ---- */
#page-portfolio #wrapper,
#page-portfolio #content,
#page-portfolio #footer {
	width:920px}

/* ---- Accessible News Slider ---- */
.news_slider {
	position:relative;
	margin:0 50px;
	width:500px}
.news_slider p.title {
	display:none}

/* navigation */
.news_slider a.prev,
.news_slider a.next {
	display:none;
	position:absolute;
	top:51px;
	width:33px;
	height:46px;
	background:url(../images/slider.gif) no-repeat 0 0;
	cursor:pointer}

.news_slider a.prev {left:-33px; background-position:0 0}
.news_slider a.prev:hover {background-position:0 -46px}

.news_slider a.next {right:-33px; background-position:-33px 0}
.news_slider a.next:hover {background-position:-33px -46px}

/* items */
.news_slider .news_items {
	position:relative;
	top:0;
	left:0;
	width:500px;
	overflow:hidden}

.news_slider ul.container {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:500px;
	overflow:hidden}
.news_slider ul.container li {
	display:inline;
	float:left;
	margin:0 90px 20px 0;
	padding:0;
	width:205px;
	font:.9167em/1.5 Verdana,sans-serif}
.news_slider ul.container a img {
	border:4px solid #E0E0E0}
.news_slider ul.container a:hover img {
	border-color:#008CC3}
.news_slider ul.container p {
	margin:.5em 0 0;
	padding:4px;
	width:199px}

/* ---- Portfolio cycle ---- */
.portfolio {
	position:relative;
	margin:0 0 3em;
	padding:0 0 1em;
	border-bottom:1px solid #F0F0F0}
.portfolio h2 {
	margin-bottom:.5em}
.portfolio p {
	clear:both}

ul.samples {
	margin-bottom:1.5em;
	width:567px;
	height:270px}
ul.samples li {
	margin:0;
	padding:0}
ul.samples img {
	padding:12px;
	width:543px;
	height:246px;
	background:#E0E0E0}

.samples-nav {
	position:absolute;
	top:2.25em;
	right:267px}
.samples-nav a {
	display:block;
	margin:6px 0 0;
	width:25px;
	height:25px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#E0E0E0;
	color:#262626;
	font:.9167em/24px Verdana,sans-serif;
	text-align:center;
	text-decoration:none}
.samples-nav a:visited {
	color:#262626;
	text-decoration:none}
.samples-nav a:hover {
	background:#97BFE0}

.samples-nav a.activeSlide,
.samples-nav a.activeSlide:visited {
	background:#262626;
	color:#F4F4F4}

/* ---- the post ---- */
h2 a:link,
h2 a:visited {}

.date {
	margin-top:.25em;
	color:#B3B3B3;
	font:bold 1.0833em Calibri,Helvetica,Arial,sans-serif;
	text-transform:uppercase}

.post {
	margin:0 0 4em}
.post img {
	padding:5px;
	background:#F9F9F9;
	border:1px solid #B3B3B3}
.post a:hover img {
	border-color:#265B73}

.entry {}

.postmetadata {
	font-size:.9167em;
	color:#666}
.postmetadata a {}

/* ---- comments ---- */
ol.commentlist li {
	position:relative;
	border-bottom:1px solid #F0F0F0}
ol.commentlist img {
	position:absolute;
	top:0;
	right:0;
	padding:6px;
	background:#E0E0E0}
p.commentmetadata {
	color:#666;
	font-size:.9167em}

/* ---- Notebook ---- */
ul#posts {
	overflow:hidden}
ul#posts li {
	float:left;
	margin:0 14px 13px 0;
	padding:.5em 10px;
	width:223px;
	min-height:15em; height:auto !important; height:15em;
	background:#EEE}
ul#posts li:first-child {
	background:#DBEEF7}
ul#posts li.even {
	margin-right:0}
ul#posts li h2 {
	margin:0 0 1em;
	padding:.25em 0 0;
	font-size:1.4em;
	line-height:1.3}

/* sidebar ----------------------------------------------- */
#sidebar {
	float:right;
	margin:50px 0 0;
	width:300px}
.aside {
	margin:0 0 20px;
	border-bottom:1px solid #4e4e4e;
	background:#262626 url(../images/aside.gif) no-repeat 276px 9px;
	color:#CCC;
	font:.9167em/1.667 Verdana,sans-serif}
.aside h3 {
	position:relative;
	margin:0 0 1em;
	padding:7px 10px;
	color:#f4f4f4;
	font-size:1.3636em}
.aside h3 em {
	margin:0 0 0 .25em;
	text-transform:none}
.aside h3 a {
	color:#FFF;
	text-decoration:none}
.aside h3 a:visited {
	color:#FFF;
	text-decoration:none}
.aside h3 a:hover {
	color:#E1F1F8;
	text-decoration:underline}

.aside p,
.aside ul,
.aside dl {
	margin:0 10px .75em}

.aside ul {
	overflow:hidden}
.aside li a {
	color:#008CC3;
	font-size:1.1em}
.aside li span.date {
	margin:0 0 0 .5em;
	color:#3D3D3D;
	text-transform:none}

.aside p.notebook {
	padding:.75em 0 1em;
	border-top:1px solid #333}

.aside.featured {
	border:0}
.aside.featured img {
	margin:0 0 10px 10px;
	border:1px solid #4e4e4e}
.aside.featured img#artsfund {
	padding:28px 77px;
	background:#FFF}

.aside.link h3 {
	padding-left:0}
.aside.link a {
	padding:0 0 0 70px}
.aside.link img {
	position:absolute;
	top:-7px;
	left:10px}

/* ---- sidebar-image ---- */
#sidebar-image {
	position:relative;
	padding:0}
#sidebar-image h3 a {
	font-size:.9167em;
	text-transform:lowercase}
#sidebar-image h3 a:link {
	color:#C75400}
#sidebar-image img {
	margin:0 0 10px 10px;
	width:278px;
	height:257px;
	border:1px solid #4e4e4e;
	background:#404040}
#sidebar-image p {
	position:absolute;
	bottom:.75em;
	left:10px;
	color:#262626;
	font-size:1em}
#sidebar-image p a {
	color:#262626}
#sidebar-image p a:hover {
	color:#000}

/* ---- tabber ---- */
.tabber {}	/* (before js) */

/* (after js) */
.tabberlive {
	padding:.5em 0 0;
	background:#262626}
.tabberlive .hide {
	display:none}	/* Hide non-active tab content (don't hide in print stylesheet) */

ul.tabbernav {
	margin:0 14px;
	padding:0;
	list-style:none;
	overflow:hidden}
ul.tabbernav li {
	margin:0;
	padding:0;
	float:left}
ul.tabbernav a {
	display:block;
	padding:5px 14px;
	background:#262626;
	color:#d9d9d9;
	font:bold 1.05em Calibri,Arial,sans-serif;
	text-decoration:none;
	text-transform:uppercase}
ul.tabbernav a:hover {
	text-decoration:underline}
ul.tabbernav li.active a {
	background:#DBEEF7;
	color:#262626}

.tab {
	clear:both;
	padding:2em 0;
	background:#DBEEF7}

/* hide the header */
.tabberlive .tab h3 {
	display:none}

/* footer ----------------------------------------------- */
#footer {
	clear:both;
	width:600px;
	padding:10px;
	background:url(../images/wrapper.png) repeat 0 0}

/* ---- copyright ---- */
p#copyright {
	clear:both;
	margin:0;
	padding:20px 28px;
	background:#1f1f1f;
	color:#D9D9D9;
	font-size:.9167em}
p#copyright a {
	color:#E1F1F8}
p#copyright a:hover {
	color:#97BFE0}
p#copyright span {
	margin:0 13px;
	color:#666}

/* misc. ----------------------------------------------- */

/* ---- search form ---- */
#searchform {}
#searchform input {}
#searchform #s {}
#searchform #search {}

/* ---- sIFR 3 ----------------------------------------------- */
@media screen {
	.sIFR-flash {visibility:visible !important; margin:0; padding:0}
	.sIFR-replaced {visibility:visible !important}

	.sIFR-active h2 {
		visibility:hidden;
		margin-bottom:0;
		font-size:21px;	/* set font size here */
		line-height:1}
	.sIFR-active #page-notebook h2 {
		visibility:hidden;
		margin-bottom:.5em;
		font-size:20px;	/* set font size here */
		line-height:1}
	.sIFR-active #page-note h1, .sIFR-active #page-404 h1 {
		visibility:hidden;
		font-size:25px;	/* set font size here */
		line-height:1}
	.sIFR-alternate {display:block; position:absolute; left:0; top:0; width:0; height:0; overflow:hidden}
	.sIFR-replaced > div {display:none !important}
}