/*
JoinSources
Main Screen CSS
*/

body {
	margin:0;
	padding:0;
	background:#f90;
	color:#333;
}

body, table, td, th, p {
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica;
	font-size:11px;
	line-height: 16px;
	color: #777;
        vertical-align: top;
}

h1	{
	font: bold 11px/15px 'Lucida Grande', Verdana, Arial, Helvetica;
	color: #FFDA90;
	margin: 0px 0 14px 8px;
	padding-top: 10px;
}

h2, #js_comment_header {
font: normal 18px/22px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 0px;
margin-bottom: 5px;
color: #000;
}

h3 {
font: normal 14px/20px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 0px 0px 12px 0px;
padding: 0px;
color: #999;
border: 0px;
}

h4, .js_comment_form_heading, .js_comment_heading {
font: bold 12px/16px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 0px;
margin-bottom: 2px;
color: #000;
}

h5 {
font: normal 12px/18px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 15px 0px 15px 30px;
padding: 0px 0px 0px 10px;
color: #666;
border-left: 3px solid #DDD;
}

p, ul, ol {
font: normal 11px/16px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 0px 0px 8px 0px;
color: #666;
}

ul, ol {
margin: 5px 0px 8px 10px;
}

li {
font: normal 11px/16px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 0px 0px 4px 0px;
color: #666;
}

pre {
font: normal 11px/16px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 15px 0px 15px 0px;
padding: 11px 0px 18px 36px;
color: #c00;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
background:url("/assets/line-numbers.png") 0px 0px no-repeat;
}

address {
font: italic 10px/15px 'Lucida Grande', Arial, Verdana, sans-serif;
margin: 0px 0px 8px 0px;
color: #000;
}

a {
color: #005CAF;
text-decoration: underline;
}

a:hover {
color: #F90;
text-decoration: none;
}

blockquote {
background:url("/assets/blockquote.gif") 0px -2px no-repeat;
color:#aaa;
margin-left:30px;
padding-left:30px;
line-height:1.6em;
margin-bottom:15px;
}

.clear {
	clear:both;
}

#container {
	background:#fff;
}

#header, #content, #footer {
	text-align:left;
}

.border_top, #js_comment_header {
padding-top: 6px;
border-top: 1px solid #F90;
}


/* -----------------------------------------------------------------------------
Form Elements
----------------------------------------------------------------------------- */

input	{
	font-family: 		'Lucida Grande', Arial, Verdana, Helvetica;
	font-size:		16px;
	line-height:		19px;
	border:			1px solid #C0CADD;
	border-bottom:		1px solid #DDE4F4;
	border-right:		1px solid #DDE4F4;
	background-color:	#F4F6F7;
	padding:		5px;
	height:			18px;
	vertical-align: 	middle;
}

select, textarea	{
	font-family: 		'Lucida Grande', Arial, Verdana, Helvetica;
	font-size:		16px;
	line-height:		19px;
	border:			1px solid #C0CADD;
	border-bottom:		1px solid #DDE4F4;
	border-right:		1px solid #DDE4F4;
	background-color:	#F4F6F7;
	padding:		5px;
}


.cmsButton {
	font: 				bold 13px/13px 'Lucida Grande',Arial, Verdana, sans-serif;
	padding:			7px 10px 8px 8px;
	margin:				0px 5px 0px 0px;
	display:			inline;
	text-align:			center;
	text-decoration:	none;
	background-image: 	url(/assets/body_bkgd.gif);
	color: 			#FFF;
	border:			2px solid #0c4e9d;
	border-top:		1px solid #62a5f4;
	border-left:		1px solid #62a5f4;
	}
	
.buttonLink {
	text-decoration:	none;
	display:			inline;
	color:				#316AC5;
	}

a.buttonLink:hover .cmsButton {
	text-decoration:	none;
	background-image: 	none;
	background-color:	#0c4e9d;
	border-color:		#0c4e9d;
	color:				#FFF;
	border-width:		1px;
	margin-right:		6px;
	}
	
a.buttonLink:hover {
	text-decoration:	none;
}	
/* -----------------------------------------------------------------------------
Header
----------------------------------------------------------------------------- */

#header_wrapper {
	background:#fff url("/assets/bg.gif") 0px 0px repeat-x;
	z-index: 1000;
}

#header {
	position:relative;
	margin:0 auto;
	width:930px;
	background:url("/assets/header.gif") 100% 0px no-repeat;
	height:100px;
	z-index: 2000;
}
#header h1 {
	/* display:none; */
}

/* -----------------------------------------------------------------------------
Content
----------------------------------------------------------------------------- */

#content_wrapper {
	z-index: 20;
}

#content {
	position:relative;
	margin:0 auto;
	margin-top: 0px;
	padding:0 0 100px 14px;
	width:940px;
	border: 0px solid #F90;
}


/* -----------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------- */

#footer_wrapper {
	position:relative;
	background:#f90 url("http://www.joinsources.com/assets/footer-bg.gif") 0px 0px repeat-x;
}

#footer {
	position:relative;
	margin:0 auto;
	width:930px;
	padding-top:30px;
	height:90px;
	color:#f8f8f8;
        padding-left: 14px;
}

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

#footer a:hover {
	text-decoration:underline;
}

/* ------------------------------------------------------------------------------------------
Link styles
------------------------------------------------------------------------------------------ */
a, 
a:link,
a:visited,
a:active {
   	color: #005CAF;
}

a:hover {
   	color: #F90;
	text-decoration: underline;
}

img {
  border: none;
}

.screens {
float: left;
margin-right: 20px;
margin-bottom: 8px;
width: 290px;
}

#js_Nav_Section ul {
list-style-type: none;
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 0;
width: 250px;
}

.js_Nav_Section_Children {
display: none;
}

/* Articles */
.article {
clear: both;
margin: 10px 0px;
padding-top: 20px;
border-top: 1px solid #FFDA90;
}

.article_date, .article_title, .article_content {
float: left;
margin-right: 25px;
}

.article_month {
font: bold 11px/11px 'Lucida Grande', Arial, Verdana, sans-serif;
color: #FFDA90;
}

.article_day {
font: bold 16px/19px 'Lucida Grande', Arial, Verdana, sans-serif;
color: #FFF;
}

.article_date {
border: 1px solid #DDD;
border-left: none;
border-top: none;
background-color: #F90;
padding: 5px 0;
width: 50px;
text-align: center;
}

.article_title {
width: 200px;
font: normal 18px/22px 'Lucida Grande', Arial, Verdana, sans-serif;
color: #000;
}

.article_content {
width: 500px;
}


/* Comments Formatting */
.js_comments_wrapper {
margin-bottom: 20px;
}

.js_comment_form_wrapper, #js_comment_header, .js_comment, #js_comment_tally {
margin-left: 300px;
}

.js_comment, #js_comment_tally {
padding: 10px 10px 15px 0;
border-bottom: 1px solid #FFDA90;
}

#js_comment_tally {
color: #000;
padding-bottom: 5px;
}

.js_comment_clear {
clear: both;
}

.js_comment_heading, #js_comment_header {
color: #F60;
}

#js_comment_header {
margin-top: 50px;
}

.js_comment_form_heading {
margin-top: 10px;
}

.js_comment_form_field {
height: 22px;
width: 400px;
}

.js_comment_form_comments {
width: 400px;
}

.js_comment_number {
float: left;
width: 30px;
color: #000;
font-weight: bold;
}

.js_comment_author {
color: #000;
font-weight: bold;
}

.js_comment_timestamp {
float: left;
width: 110px;
}

.js_comment_content {
float: left;
width: 470px;
}


.button, #js_comment_form_submit { 
font: 			bold 13px/13px 'Lucida Grande',Arial, Verdana, sans-serif;
padding:			6px 8px 8px 8px;
margin:			10px 5px 0px 0px;
height:			36px;
text-align:		center;
text-decoration:	        none;
background-image: 	url(/assets/body_bkgd.gif);
color: 			#FFF;
border:			2px solid #0c4e9d;
border-top:		1px solid #62a5f4;
border-left:		1px solid #62a5f4;
}