/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
    text-align: center;
    background: #333333;
    font: normal 100% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

ul,
li  { list-style-type: none; }
img { border: 0; }
a   { outline: none; }

table,
tr,
td {
    border: 0;
    border-collapse: collapse;
    vertical-align: top;
}

div.clear {
	position: relative;
	clear: both;
}

.hidden { display: none; }


/*****************************************************
* Typography
*****************************************************/

body#home h1 {
	text-indent: -7777px;
}

h2,
h3 {
	font: bold 220% "Century Schoolbook", Georgia, Times, serif;
	color: #333;
	line-height: 90%;
	margin: .2em 0 .4em 0;
	letter-spacing: -2px;
}
h3 {
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 150%;
	margin-bottom: .7em;
	color: #fff;
}
	#whole_post h3 {
		margin: .1em 0 .4em 0;
		padding: 0 0 .5em 0;
		border-bottom: 1px solid #1e4979;
		font-size: 180%;
		font-weight: bold;
	}

h5 {
	font: normal 70% Georgia, "Century Schoolbook", Times, serif;
	color: #fff;
	letter-spacing: 4px;
	margin: 5px 2px;
	line-height: 100%;
	text-transform: uppercase;
}
	.column_right h5 {
		margin-top: 40px;
		letter-spacing: 3px;
	}

	
	#hotness h5 {
		margin-left: 10px;
	}
	
h6 {
	font: helvetica ;
	font-size:12px;
	color: #ffffff;
	margin: 20px 0;
	font-style: normal; 
	font-weight: normal; 
	line-height: 125%;
	}



ul.contenttab {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:  #yellow; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 125%;
	font-style: normal; 
	font-weight: normal; 
	margin: 0em 2em 0em 2em}   /* top margin 1em, right margin 2em, bottom margin 3em, left margin 4em */

ul.contenttab2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:  #191919; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 125%;
	font-style: normal; 
	font-weight: normal; 
	margin: 0em 2em 0em 4em}   /* top margin 1em, right margin 2em, bottom margin 3em, left margin 4em */


.service {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:  #999999; 
	line-height: 100%;
	font-style: normal; 
	font-weight: normal;
	letter-spacing: .1em;
	margin: 0em 2em 0em 2em}
}



	#flickrness h5,
	#virb_friends h5,
	#virb_tunes h5 {
		margin: 7px 0 15px 0;
	}
	
	.column_small_right h5.alt {
		margin-bottom: 10px;
	}
	.column_right h5.solo { margin-top: 0; }
	
em { font-family: Georgia, "Century Schoolbook", Times, serif; }

p {
	font-size: 80%;
	color: #6691be;
	line-height: 100%;
}

p {
	font-size: 80%;
	color: #6691be;
	line-height: 100%;
}

	#cover_story p {
		font-size: 75%;
		color: #76879b;
	}
	
	a#intro_link p,
	a#intro_link:visited p {
		float: left;
		width: 740px;
		font-size: 70%;
		color: white;
		padding: 10px 0 0 0;
		line-height: 140%;
	}
		a#intro_link p em,
		a#intro_link:visited p em {
			display: block;
		}
	
	p.post_date,
	#cover_story p strong {
		font-size: 85%;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	#cover_story p strong {
		color: #bbb;
		font-size: 70%;
	}
	
	.column_left p {
		font-size: 75%;
		color: #90b0d2;
		line-height: 150%;
	}		
		#whole_post p,
		body#soldiers .column_left .full_post p,
		.noob_bio p {
			color: #b5cae1;
			margin: 0 0 1.8em 0;
			padding: 0 2em 0 0;
		}
		#whole_post p strong,
		#whole_post p b,
		.noob_bio p strong {
			color: #e9f0f7;
		}
	
	p.post_date {
		font-size: 70%;
		color: #5a84b1;
	}
	#whole_post p.post_date b { color: #5a84b1; }
		#whole_post p.post_date {
			color: #6691be;
			margin: 0;
		}
	
	p.extras,
	p.continue {
		font-size: 70%;
		margin: 1em 0 0 0;
		color: #5a84b1;
	}
		#whole_post p.extras {
			margin: 0 0 2em 0;
			color: #6691be;
		}
		
	p.float_date {
		float: right;
		text-align: right;
		font-size: 65%;
		color: #5a84b1;
	}
		
	p.feed_icon {
		font-size: 15px;
		color: #5a84b1;
		padding: 0;
		margin: 0 0 .6em 0;
		line-height: 100%;
	}
	
	.column_right p, 
	.hot_spot p {
		font-size: 65%;
		line-height: 150%;
	}
	
	#the_author p    { margin: 0 0 1em 0; }
	#the_author p em { font: normal 100% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }
	
		#the_author p img {
			float: left;
			margin: 2px 12px 5px 0;
		}
	
	p#authentic_jobs {
		width: 150px;
                height: 70px;
                background: url(/_graphics/authentic_jobs.gif) no-repeat;
	}
		p#authentic_jobs a,
		p#authentic_jobs a:visited {
			display: block;
			text-indent: -7777px;
			width: 100%;
			height: 50px;
			border: 0;
		}
                
	p#post_job {
		border: 1px solid #1e4979;
		border-left: 0; border-right: 0;
		padding: 1.8em 10px 1.8em 0;
	}
	
	.popular p {
		text-align: center;
		padding: 0 3px;
		font-size: 65%;
	}

	#footer p {
		font-size: 65%;
		line-height: 170%;
	}


/*****************************************************
* Linkage
*****************************************************/

a,
a:visited {
	color: #9fe722;
	text-decoration: none;
	border-bottom: 1px solid #2c5d11;
}
a:hover {
	color: #fff;
	border-color: #b8cade;
}

	a#cover_link,
	a#cover_link:visited {
		display: block;
		position: absolute;
		width: 940px;
		height: 280px;
		top: 0;
		left: 0;
		border: 10px solid transparent;
		text-indent: -7777px;
		opacity: .18;
	}
	a#cover_link:hover {
		border: 10px solid #08376c;
	}
	
	a#author_link,
	a#author_link:visited {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 920px;
		height: 50px;
		opacity: .3;
		padding: 20px;
		border: 0;
	}
	a#author_link:hover {
		opacity: 1;
	}
	
	.extras em a,
	.extras em a:visited { color: #5a84b1; }
	.extras em a:hover   { color: #fff; }

	a.comments,
	a.comments:visited {
		color: #90b0d2;
		padding: 0 0 0 15px;
		margin: 0 0 0 8px;
		background: url(/_graphics/comments.gif) no-repeat left top;
	}
	a.comments:hover {
		color: #fff;
		background: url(/_graphics/comments.gif) no-repeat left bottom;
		border: 0;
	}
	.mini_post a.comments,
	.mini_post a.comments:visited { font-size: 95%; }
	
	body#home .full_post .post p a,
	body#home .full_post .post p a:visited,
	#whole_post .post p a,
	#whole_post .post p a:visited {
		border-color: #032a56;
		background: #032a56;
		padding: 1px 1px 0 1px;
	}
	body#home .full_post .post p a:hover,
	#whole_post .post p a:hover {
		border-color: #b8cade;
		background: none;
	}
	
	#nav a,
	#nav a:visited,
	a.noborder,
	a.noborder:visited, 
	.jobsinc li a,
	.jobsinc li a:visited,
	#post_job a,
	#post_job a:visited,
	.popular a,
	.popular a:visited,
	.hot_spot a,
	.hot_spot a:visited,
	#google_ad a,
	#google_ad a:visited {
		border: 0;
	}
	
	.jobsinc li a,
	.jobsinc li a:visited,
	.post_list li a,
	.post_list li a:visited {
		color: #72b338;
	}
	.jobsinc li a:hover,
	.post_list li a:hover {
		color: #fff;
	}
	
	.post_list li strong a,
	.post_list li strong a:visited {
		color: #9fe722;
	}
	
	#post_job a,
	#post_job a:visited {
		color: #fff;
	}
	#post_job a:hover,
	.post_list li strong a:hover {
		color: #fff;
		border-bottom: 1px solid #b8cade;
	}
	
	body#archive .mini_post p a,
	body#archive .mini_post p a:visited,
	body#archive .full_post p a,
	body#archive .full_post p a:visited {
		color: #90b0d2;
	}
	body#archive .mini_post p strong a,
	body#archive .mini_post p strong a:visited,
	body#archive .full_post p strong a,
	body#archive .full_post p strong a:visited {
		color: #b5cae1;
	}
	body#archive .full_post p strong a,
	body#archive .full_post p strong a:visited {
		font-size: 120%;
	}
	body#archive .mini_post p a:hover,
	body#archive .full_post p a:hover {
		color: #fff;
	}
	
	.feed_icon a,
	.feed_icon a:visited {
		padding: 0 0 0 17px;
		background: url(/_graphics/feed_menu.gif) no-repeat left 3px;
	}

h3 a, 
h3 a:visited,
h5 a,
h5 a:visited {
	color: #fff;
}


/*****************************************************
* Layout
*****************************************************/
div.container {
 	margin-left: auto;
 	margin-right: auto;
 	width: 880px;
 	text-align: left;
 	}

div.thumbspacer {

	padding: 10px;
	margin: 8px;
	text-align: center;
}

div#billboard {
	height: 100%;
	width: 100%;
	background: url(..//_graphics/bg_gradient.jpg) repeat-x;
}



	div#mast {
		position: relative;
		display: block;
		height: 140px;
	}
		
		#mast h1 {
			display: block;
			width: 375px;
			height: 95px;
			padding-top: 30px;
			background: url(..//_graphics/logo.png) no-repeat left 30px;
		}
			#mast h1 a,
			#mast h1 a:visited {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -7777px;
				border: 0;
			}
		

		div#nav {
			position: absolute;
			bottom: 40px;
			right: 0;
			width: 560px;
		}
		
		div#nav {
			position: absolute;
			bottom: 40px;
			right: 0;
			width: 560px;
		}
			#nav ul li {
				float: right;
				padding: 0 0 0 1em;
			}
				#nav ul li a,
				#nav ul li a:visited {
					font-size: 70%;
					color: #808080;
					padding: 5px 0 5px 5px;
				}
				#nav ul li a.selected,
				#nav ul li a.selected:visited {
					color: #527B38;
					cursor: default;
				}
				#nav ul li a:hover {
					color: #fff;
				}

	
	div#header,
	div.header {
		position: center;
		display: block;
		height: 102px;
		width: 880px;
		margin:0


	}
	div.canvas {
		height: 340px;
		background: url(..//_graphics/canvas_shadow.jpg) no-repeat left bottom;
	}
	
		div#cover_story {
			position: absolute;
			bottom: 20px;
			right: 40px;
			width: 460px;
			text-align: left;
		}
		.canvas div#cover_story {
			bottom: 90px;
		}
		
		.canvas ul {
			position: absolute;
			top: 70px;
			right: 80px;
			width: 320px;
			height: 160px;
			background: url(..//_graphics/3questions.gif) no-repeat;
		}
			.canvas ul li {
				display: block;
			}
			li#q_read { height: 50px; }
			li#q_whom { height: 75px; }
			li#q_what { height: 35px; }
			
				.canvas ul li a,
				.canvas ul li a:visited {
					display: block;
					width: 100%;
					height: 100%;
					text-indent: -7777px;
					border: 0;
				}
				li#q_read a:hover { background: url(/_graphics/3questions.gif) left -160px; }
				li#q_whom a:hover { background: url(/_graphics/3questions.gif) left -210px; }
				li#q_what a:hover { background: url(/_graphics/3questions.gif) left bottom; }
		
	div#intro {
		position: relative;
		display: block;
		color: white;
		margin: 0 0 0 0;
		background: white url(..//_graphics/bg_author.jpg) repeat-x;
		text-align: left;
	}

	div#stroke  {
		height: 15px;
		display: block;
		margin: 0 0 0 0;
		background: #398031;
		text-align: left;
	}
	
	div#intro_services  {
		position: relative;
		display: block;
		height: 770px;
		color: #373737;
		margin: 0 0 0 0;
		background: #686767 ;
		text-align: left;
	}
		
		#intro div {
			display: block;
			padding: 20px;
			height: 100%;
			opacity: .9;
		}

	
		#intro a img,
		#intro a:visited img {
			float: left;
			margin: 0 15px 0 0;
		}
	
	div.column_1,
	div.column_2,
	div.column_3,
	div.column_4,
	div.column_5 {
		padding: 5px 20px 5px 5px;
		float: left;
		text-align: left;
		width: 150px;
		bottom=0;
	}

	div.service_1,
	div.service_2,
	div.service_3,
	div.service_4{
	
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border: 1px solid #333333;	
		margin: 5px 5px 5px 5px;
		padding: 10px 10px 10px 10px;
		float: left;
		text-align: left;
		width: 195px;
		height: 170px;
		background: #4c4c4c;
		bottom=0;
	}



	div#footer {
		border-top: 15px solid #398031;
		padding: 10px 0;
		text-align: center;
	}

.copyright { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color:  #7f7f7f; font-style: normal; font-weight: normal; align: center; margin: 2em 1em 1em 1em}   /* top margin 1em, right margin 2em, bottom margin 3em, left margin 4em */
	

	
/*****************************************************
* Crossfader
*****************************************************/

	div.cf_wrapper
	{position: static; } 
	
	div.cf_element div.content
	{
		padding: 0px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}




#rotator
{
	cursor: pointer;
	overflow: hidden;
	height: 260px;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 425px;

}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 425px;
	height: 260px;

}