/*----------------------*/
/*----JCS Stylesheet----*/
/*----------------------*/

/* -------- Backgrounds -------- */

body, #container { background: #E5E4E2; }

#header_wrap { background: #B3AFAE url(../images/topborder_jcs.gif) repeat-x top; }

#header { background: url(../images/headerbg_jcs.gif) no-repeat top center; }

#footer_wrap { background: #231F1E; }

#footer a.feed { background-image: url(../images/rss_jcs.gif); }

#searchform { background: #B3AFAE; }

#searchform input#s {
	background-color: #F5F4F3;
	border: solid 1px #444;
	height: 20px;
}

.list { background-color: #B3AFAE; }

#project_wrap {
	background: #231F1E;
	z-index: 100;
}

.pagetitle { background: #231F1E; }

#content_wrap {
	background: #E5E4E2;
	z-index: 1;
}

.info a.nextproject { background: url(../images/nextproject_jcs.gif) no-repeat top left; }

.navigation a { background: #4145c7; }

input.text, textarea { background: #FFFFFF; }

input.submit { background: #797878; }

.project { padding:10px 0; }
.project_screen { background: #797878; }
.project_screen img { height: 350px; widht: 585px; }

/* -------- Borders -------- */

#header_wrap { border-bottom: 1px solid #444444; }

#footer_wrap { border-top: 1px solid #444444; }

#content_wrap { border-top: 1px solid #444444; }

hr {
	border-top: 1px solid #B3AFAE;
	border-bottom: 1px solid #e0dbcd;
	height: 2px;
}

ul.main_nav li { border-left: 1px solid #cec9bb; margin-bottom:10px; }

ul.main_nav li.current_page_item a, #home li.left a, ul.main_nav a:hover { color: #0061BE;  }

ul.main_nav li.left { border: none; }

#project_wrap, .pagetitle {
	border-top: 1px solid #1d1e1f;
	border-bottom: 1px solid #444444;
}

.project_screen {
	border: 1px solid #797878;
	z-index: 100;
}

.flickr img { border: 1px solid #797878; }

.list h4 { border-bottom: 1px solid #797878; }

.commentlist { border-top: 1px solid #B3AFAE; }

.comment { border-bottom: 1px solid #B3AFAE; }

.name { border-right: 1px solid #B3AFAE; }

.text { border-left: 1px solid #B3AFAE; }

.no-crop { border: 1px solid #B3AFAE; }

.crop_image { border: 1px solid #B3AFAE; }

input.text, #commentform textarea { border: 1px solid #797878; }

/* -------- Fonts -------- */

#header_wrap, #footer_wrap, h1.logo, .text_left, .post h1, .post h2, .post h2.posttitle, .post h3, .post h4, .post h5, .post h6, p.comments, .info h2, .module h4, h3.pagetitle, .commentarea h4 { font-family: Georgia, 'Times New Roman', serif; }

h1.logo { font-weight: normal; }

.post h1, .post h2, .post h2.posttitle, .post h3, .post h4, .post h5, .post h6, .info h2, .module h4, h1.logo, .commentarea h4 {
	font-style: italic;
	font-weight: normal;
}

p.description { font-size: 0.95em; }

/* -------- Colors -------- */

body { color: #444444; }

input#s { color: #797878; }

.info p { color:#878787; }

#header_wrap { color: #857f73; }

#footer_wrap { color: #797878; }

a { color: #4145c7; }

#footer_wrap a, .info a { color: #9193E1; }

.info h2 a, .info h2 { color: #B3AFAE; }

h1.logo, h1.logo a, h2.posttitle, h2.posttitle a, h4.title { color: #4145c7; }

p.comments, p.comments a, .text_left, p.description, .pagetitle { color: #AEAAA9; }

.info a.nextproject { color: #9193E1; }

.module h4 { color: #878787; }

.navigation a { color: #fff; }

input.text, textarea { color: #878787; }

input.submit { color: #fff; }

div#categories h4 { color: #444; }

div#main p { color: #797878;}


/* -------- Miscellaneous -------- */

/* use logo */
h1.logo, h1.logo a, p.description { text-indent: -9999px }

div.logoarea { margin-top: -47px; }

div#header {
	padding-bottom: 5px;
	overflow: hidden;
}

div#header ul.main_nav li a:link,
div#header ul.main_nav li a:visited{ color: #231F1E; }

div#header ul.main_nav li a:hover {	
	color: #0061BE;
	border-bottom: none
}

/* Move menubar up */
ul.main_nav { margin-top: -25px; }
body#home ul.main_nav { margin-top: -10px; }

ul.main_nav li { text-decoration: none; }

div.post {
	background-color: #F5F4F3;
	border: solid 1px #797878;
	padding: 10px;
}

table#personal-info {
	width: 225px;
}

div#main-contact .post {
	width: 550px;
}

.aktt_tweets {
	background-color:#F5F4F3;
	border: 1px solid #797878;
}

.hide {
	text-indent: -9999px;
}