/*-------------------------------------
ChrisSloan.info

Application

version: 	1.0
author: Chris Sloan
copyright:	(c)2009
---------------------------------------*/

/* @group STRUCTURE */

#header{
	margin-bottom: 10px;
	padding: 0 40px;
	height: 50px;
	background-color: #59595b;
}

#content{
	height: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../images/backgrounds/three_column.gif) repeat-y left top;
}

	#blog #content, #portfolio #content, #projects #content, #photography #content{
		background: url(../images/backgrounds/three_column-larger.gif) repeat-y left top;
	}

#bottom{
	clear: both;
	height: 100%;
	padding-top: 40px;
	background: url(../images/elements/headings/bottom_border.gif) repeat-x left 10px;
}

	#bottom .content{
		background: url(../images/backgrounds/bottom-3even_cols.gif) repeat-y 47% top;
	}
#footer{
	width: 950px;
	margin-top: 30px;
	padding-top: 15px;
	background: url(../images/elements/headings/bottom_border.gif) repeat-x left top;
}
/* @end */

/* @group MISCELLANEOUS */

.floatLeft{
	float: left !important;
}

.floatRight{
	float: right !important;
}

.clearLeft{
	clear: left;
}

.clearRight{
	clear: right;
}

.centerMargin{
	margin-left: auto;
	margin-right: auto;
}

.center{
	text-align: center !important;
}

.noMargin{
	margin: 0 !important;
}

.legroom{
	margin-bottom: 18px !important;
}

	.lessLegroom{
		margin-bottom: 8px !important;
	}
	
	.noLegroom{
		margin-bottom: 0 !important;
	}

.headroom{
	margin-top: 18px !important;
}

	.lessHeadroom{
		margin-top: 8px !important;
	}

	.noHeadroom{
		margin-top: 0!important;
	}

.inline{
	display: inline !important;
	margin-right: 5px;
}

.blockify{
	display: block !important;
}

.paddingAll{
	padding: 5px;
}
	
.paddingHorz{
	padding: 0 5px !important;
}

.paddingVert{
	padding: 5px 0 !important;
}

.noPadding{
	padding: 0 !important;
}

.spaceLeft{
	margin-left: 10px !important;
}

.spaceRight{
	margin-right: 10px !important;
}
 
.borderAll{
	border: 1px solid #f8f8f8;
}

.border_top{
	border-top: 1px solid #f0f0f0;
}

.border_bottom{
	border-bottom: 1px solid #f0f0f0;
}

.noBorders{
	border: none !important;
}

.nothing_to_show{
	font-size: 1.2em;
	padding: 10px;
	background-color: #eee;
	border: 2px dashed #bbb;
}

.look_at_me{
	background-color: #b4ff9b;
	border: 2px solid #9ee288;
	color: #4e8145;
	padding: 10px;
	font-size: 1.4em;
	margin-bottom: 20px;
}
/* @end */

/* @group NAVIGATION */

/* @group MAIN NAVIGATION */
ul#main_nav{
	height: 50px;
	margin: 0;
	padding: 0;
	width: 725px;
	float: left;
	list-style: none;
	text-indent: -9999px;
}

	ul#main_nav li{
	  margin: 0;
		float: left;
	}
	
	ul#main_nav li a{
		display: block;
		height: 50px;
	}
	
	ul#main_nav li a:hover{
		background-position: 0 -50px;
	}
	
	#home ul#main_nav li.nav_home a,
	#about ul#main_nav li.nav_about a,
	#blog ul#main_nav li.nav_blog a,
	#portfolio ul#main_nav li.nav_portfolio a,
	#photography ul#main_nav li.nav_photography a,
	#projects ul#main_nav li.nav_projects a,
	#contact ul#main_nav li.nav_contact a{
		background-position: 0 -100px;
	}

/* @group MAIN NAVIGATION - IMAGES */
ul#main_nav li.nav_home a{
	width: 45px;
	background-image: url(../images/navigation/main_nav/nav_home.gif);
}

ul#main_nav li.nav_about a{
	width: 92px;
	background-image: url(../images/navigation/main_nav/nav_about.gif);
}

ul#main_nav li.nav_blog a{
	width: 77px;
	background-image: url(../images/navigation/main_nav/nav_blog.gif);
}

ul#main_nav li.nav_portfolio a{
	width: 118px;
	background-image: url(../images/navigation/main_nav/nav_portfolio.gif);
}

ul#main_nav li.nav_projects a{
	width: 118px;
	background-image: url(../images/navigation/main_nav/nav_projects.gif);
}

ul#main_nav li.nav_photography a{
	width: 169px;
	background-image: url(../images/navigation/main_nav/nav_photography.gif);
}

ul#main_nav li.nav_contact a{
	width: 106px;
	background-image: url(../images/navigation/main_nav/nav_contact.gif);
}

/* @end */


/* @end */

/* @group FOOTER NAVIGATION */
ul#footer_nav{
	margin: 0 0 8px 0;
	padding: 0;
	height: 25px;
	list-style: none;
	line-height: 1.6em;
	font-size: 1.4em;
}

	ul#footer_nav li{
		float: left;
		margin: 0;
		margin-right: 10px;
	}
	
	ul#footer_nav li a{
		color: #888;
		padding: 0 5px;
		display: block;
		-moz-border-radius: 5px;  
    	-webkit-border-radius: 5px; 
	}
	
	ul#footer_nav li a:hover{
		color: #59595b;
	}
	
	#home ul#footer_nav li.nav_home a,
	#about ul#footer_nav li.nav_about a,
	#blog ul#footer_nav li.nav_blog a,
	#portfolio ul#footer_nav li.nav_portfolio a,
	#projects ul#footer_nav li.nav_projects a,
	#contact ul#footer_nav li.nav_contact a{
		background-color: #59595b;
		color: #fff;
	}


/* @end */

/* @group BUTTONS */

#cta-resume{
	background: url(../images/elements/miscellaneous/cta-resume.gif);
	display: block;
	height: 60px;
	width: 165px;
	position: absolute;
	top: 0;
	left: 785px;
	text-indent: -9999px;
}
#btn-rss_feed{
	display: block;
	text-indent: -9999px;
	width: 40px;
	height: 50px;
	float: right;
	background-image: url(../images/navigation/miscellaneous/rss_feed.jpg);
}

#btn-hire_freelancer{
	margin-bottom: 18px;
	display: block;
	text-indent: -9999px;
	height: 65px;
	background-image: url(../images/navigation/buttons/hire_tag.gif);
}
	
	#btn-hire_freelancer:hover{
		background-position: 0 -65px;
	}

.btn-top_of_page{
	display: block;
	background-image: url(../images/navigation/buttons/top_of_page.gif);
	height: 21px;
	width: 81px;
	text-indent: -9999px;
	float: right;
}
	
	.btn-top_of_page:hover{
		background-position: 0 -21px;
	}
/* @end */

/* @end */

/* @group ELEMENTS */
#copyright{
	font-size: 1.2em;
	clear: both;
	color: #aaa;
}

/* @group CALENDAR */
table.weblog_calendar{
	width: 100%;
}

	table.weblog_calendar td{
		padding: 5px;
		text-align: center;
		border-bottom: 1px solid #eee;
	}
		
		table.weblog_calendar td a{
			font-weight: bold;
			text-decoration: underline;
		}
		
	table.weblog_calendar th{
		border-bottom: 2px solid #ccc;
		text-align: center;
	}
	
	table.weblog_calendar tr.calendarDayHeading td{
		background-color: #f4f4f4;
		border-bottom: 1px solid #ddd;
		color: #333;
	}

	table.weblog_calendar tr td.calendarToday{
		background-color: #eee;
	}

	table.weblog_calendar tr td.calendarBlank{
		background-color: #f8f8f8;
	}

/* @end */

/* @group BUTTONS */
.visit_site{
	height: 30px;
	width: 85px;
	display: block;
	float: right;
	text-indent: -9999px;
	background-image: url(../images/elements/buttons/btn-visit_site.gif);
}

	.visit_site:hover{
		background-position: 0 -30px;
	}

a#flickr_link{
	margin-bottom: 18px;
	display: block;
	text-indent: -9999px;
	height: 70px;
	background-image: url(../images/elements/buttons/flickr_link.gif);
}

	a#flickr_link:hover{
		background-position: 0 -70px;
	}

/* @end */

/* @group PORTOLIO */
.portfolio_meta{
	margin-bottom: 10px;
	height: 100%;
	border-bottom: 2px solid #f4f4f4;
}

/* @group TYPES */
.tech_type{
	float: left;
	display: block;
	margin: 0 3px 3px 0;
	text-indent: -9999px;
}

.tech_type.expression_engine{
	height: 30px;
	width: 30px;
	background: url(../images/elements/icons/tech_icons/expression_engine.gif) no-repeat 0 0;
}

.tech_type.ios{
	height: 30px;
	width: 70px;
	background: url(../images/elements/icons/tech_icons/ios.gif) no-repeat 0 0;
}

.tech_type.flash{
	height: 30px;
	width: 30px;
	background: url(../images/elements/icons/tech_icons/flash.gif) no-repeat 0 0;
}

.tech_type.photoshop{
	height: 30px;
	width: 30px;
	background: url(../images/elements/icons/tech_icons/photoshop.gif) no-repeat 0 0;
}

.tech_type.illustrator{
	height: 30px;
	width: 30px;
	background: url(../images/elements/icons/tech_icons/illustrator.gif) no-repeat 0 0;
}

.tech_type.jquery_javascript{
	height: 30px;
	width: 98px;
	background: url(../images/elements/icons/tech_icons/jquery.gif) no-repeat 0 0;
}

.tech_type.prototype_javascript{
	height: 30px;
	width: 73px;
	background: url(../images/elements/icons/tech_icons/prototype.gif) no-repeat 0 0;
}

.tech_type.ruby_on_rails{
	height: 30px;
	width: 30px;
	background: url(../images/elements/icons/tech_icons/ruby.gif) no-repeat 0 0;
}

.tech_type.mootools_javascript{
	height: 30px;
	width: 128px;
	background: url(../images/elements/icons/tech_icons/mootools.gif) no-repeat 0 0;
}

/* @end */


/* @end */

/* @group ITEMS */
.item{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}


/* @end */

/* @group BLOGS */
.entry_list h3{
	line-height: normal;
	margin-bottom: 4px;
}

.meta{
	padding-bottom: 3px;
	margin-bottom: 5px;
	background: url(../images/elements/miscellaneous/small_dotted_line.gif) repeat-x left bottom;
}

.calendar{
	height: 70px;
	text-align: center;
	background: url(../images/elements/miscellaneous/calendar.gif) no-repeat left top;
}

	.calendar .month{
		margin: 3px 0 5px 0;
		color: #fff;
		text-transform: uppercase;
	}
	
	.calendar .day{
		font: normal 2.4em Georgia, "Times New Roman", Times, serif;
	}
	
	.calendar .year{
		font-size: .9em;
	}
	
#blog_entry{
	margin-bottom: 40px;
}

.meta{
	line-height: 24px;
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
}

#blog_entry .meta span{
	height: 18px;
	width: 18px;
	display: block;
	float: left;
	margin-right: 5px;
	background: url(../images/elements/icons/calendar.gif) no-repeat 0 0;
}

#blog_entry .entry_bottom{
	padding: 5px 0;
	border-top: 1px solid #eee;
}

/* @group COMMENTS */
.comment{
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: url(../images/elements/miscellaneous/small_dotted_line.gif) repeat-x left bottom}

	.comment .comment_author{
		font: italic 1.1em Georgia, "Times New Roman", Times, serif;
		line-height: 33px;
		height: 40px;
		padding: 0 5px;
		background: url(../images/elements/miscellaneous/comment_meta.gif) no-repeat left top;
	}
	
	.comment .comment_body{
		margin: 0 10px 10px;
	}


/* @end */


/* @end */

/* @group LINKS */
a.next_link{
	font-size: 1.2em;
	color: #555;
	padding-right: 20px;
	background: url(../images/elements/icons/arrow_next.gif) no-repeat right center;
}

a.back_link{
	font-size: 1.2em;
	color: #555;
	padding-left: 20px;
	background: url(../images/elements/icons/arrow_back.gif) no-repeat left center;
}

	a.next_link:hover, a.back_link:hover{
		color: #f16922;
	}


/* @end */

/* @group LISTS */
.simple_list{
	margin: 0;
	padding: 0;
	list-style: none;
}

	.simple_list li{
	  margin: 0;
		padding-bottom: 8px;
		margin-bottom: 8px;
		list-style: none;
		height: 100%;
		border-bottom: 1px solid #e0e0e0;
	}
	
.of_links li{
	padding-bottom: 4px;
	margin-bottom: 4px;
	font-size: 1.2em;
	line-height: normal;
}

	.of_links a{
		color: #888;
		padding-right: 15px;
		background: url(../images/elements/icons/external_link.gif) no-repeat right center;
		text-decoration: underline;
	}
	
		.of_links a:hover{
			color: #f16922;
			text-decoration: none;
			background-color: #f4f4f4;
		}
		
.button_list{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	list-style: none;
}

	.button_list li{
	  margin: 0;
		margin-bottom: 3px;
		line-height: normal;
	}
	
	.button_list li a{
		display: block;
		color: #939393;
		padding: 5px;
		border: 2px solid #f4f4f4;	
		background-color: #fafafa;
	}
	
	.button_list li a:hover{
		background-color: #eee;
		border-color: #ddd;
		text-decoration: none;
		color: #555;
	}
	
	.button_list li a.current{
		color: #fff;
		background-color: #f16922;
		border-color: #df5f1d;
		text-decoration: none;
	}	

/* @end */

/* @group FEATURED PROJECT */
#featured_project{
	margin-bottom: 30px;
}

	#featured_project .thumb img{
		margin-bottom: 5px;
	}
	
	#featured_project .project_info{
		font-size: 1.2em;
	}


/* @end */

/* @group IMAGES */
.thumb img{
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

	.thumb:hover img{
		border-color: #555;
	}
	
	.thumb:visited img{
		border-color: #000;
}


/* @end */

/* @group MAIN HEADINGS */
h1#main_heading{
	height: 115px;
	text-indent: -9999px;
}

#simple_heading{
	height: 65px;
	margin-bottom: 20px;
}

#home h1#main_heading{
	background-image: url(../images/elements/headings/main/home_page.gif);
}

#about h1#main_heading{
	background-image: url(../images/elements/headings/main/about_page.gif);
}

#blog h1#main_heading{
	background-image: url(../images/elements/headings/main/blog_page.gif);
}

	#blog #simple_heading{
		background-image: url(../images/elements/headings/main/blog_entry_page.gif);
	}

#portfolio h1#main_heading{
	background-image: url(../images/elements/headings/main/portfolio_page.gif);
}

	#portfolio #simple_heading{
		background-image: url(../images/elements/headings/main/portfolio_entry_page.gif);
	}

#projects h1#main_heading{
	background-image: url(../images/elements/headings/main/projects_page.gif);
}
	
	#projects #simple_heading{
		background-image: url(../images/elements/headings/main/projects_detail_page.gif);
	}
	
#photography h1#main_heading{
	background-image: url(../images/elements/headings/main/photos_page.gif);
}
	
	#photography #simple_heading{
		background-image: url(../images/elements/headings/main/photo_show_page.gif);
	}

#contact h1#main_heading{
	background-image: url(../images/elements/headings/main/contact_page.gif);
}

/* @end */

/* @group TWEETS */
.tweet{
	
}

	.tweet .quote{
		height: 29px;
		width: 29px;
	}
	
		.tweet .quote.open{
			background: url(../images/elements/miscellaneous/quote-open.gif) no-repeat 0 0;
		}
		
		.tweet .quote.close{
			float: right;
			background: url(../images/elements/miscellaneous/quote-close.gif) no-repeat 0 0;
		}

	.tweet .status{
		padding-bottom: 5px;
		margin-bottom: 5px;
		background: url(../images/elements/miscellaneous/small_dotted_line.gif) repeat-x left bottom;
		font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	}

/* @end */



/* @end */

/* @group MODULES */

.module{
	margin-bottom: 18px;
}

	.module .module_heading{
		margin-bottom: 10px;
		padding-bottom: 5px;
		background: url(../images/elements/headings/bottom_border.gif) repeat-x left bottom;
	}
	
	.module .module_heading h3{
		padding-left: 20px;
		color: #59595b;
		letter-spacing: -0.5px;
		margin-bottom: 5px;
	}
	
	#bottom .module .module_heading{
		background: none;
		background-color: #fafafa;
		border: 1px solid #f4f4f4;
		padding: 5px;
	}
		
		#bottom .module .module_heading h3{
			margin-bottom: 0;
			color: #888;
		}
/* @group MODULE TYPES */
#photo_navigation.module{
	font-size: 1.4em;
	text-align: center;
	border-top: 1px dashed #dadada;
	border-bottom: 1px dashed #dadada;
}

#more_projects .module_heading h3{
	background: url(../images/elements/icons/portfolio.gif) no-repeat left center;
}

#information .module_heading h3{
	background: url(../images/elements/icons/information.gif) no-repeat left center;
}

#blog_entries .module_heading h3{
	background: url(../images/elements/icons/blog.gif) no-repeat left center;
}

#last_fm .module_heading h3{
	background: url(../images/elements/icons/music.gif) no-repeat left center;
}

#other_items .module_heading h3{
	background: url(../images/elements/icons/folder_document.gif) no-repeat left center;
}

#photos_taken .module_heading h3{
	background: url(../images/elements/icons/photo_album.gif) no-repeat left center;
}

#find_me_here .module_heading h3{
	background: url(../images/elements/icons/magnifier.gif) no-repeat left center;
}

#inspiration_links .module_heading h3{
	background: url(../images/elements/icons/multiple_pages.gif) no-repeat left center;
}

#shout_out .module_heading h3{
	background: url(../images/elements/icons/speech_bubble.gif) no-repeat left center;
}

#comments .module_heading h3{
	background: url(../images/elements/icons/speech_bubbles.gif) no-repeat left center;
}

#blog_categories .module_heading h3, #portfolio_categories .module_heading h3{
	background: url(../images/elements/icons/categories.gif) no-repeat left center;
}

#technology_used .module_heading h3{
	background: url(../images/elements/icons/technology.gif) no-repeat left center;
}

#bottom #twitter_tweets.module .module_heading{
	height: 55px;
	background: none;
	border: none;
	background: url(../images/elements/modules/headings/twitter_heading.gif) no-repeat left top;
}
	
	#bottom #twitter_tweets.module .module_heading h3{
		padding-left: 60px;
	}


/* @end */



/* @end */


/* @group FORMS */
dl{
	margin: 0;
}

dl dt{
	
}

dl dd{
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #eee;
}

dl dd.submit_field{
	border: none;
	padding: 0;
}

form{
	margin-bottom: 18px;
	height: 100%;
}

	span.required{
		color: #b40000;
	}

	label{
		font-size: 1.2em;
		color: #555;
		display: block;
		line-height: normal;
	}
	
		dt span{
			font-size: .9em;
			font-weight: normal;
		}

	input[type="text"], input[type="password"], textarea{
		border: 2px solid #ccc;
		padding: 3px;
		width: 97%;
		color: #888;
		font: 1.6em Georgia, "Times New Roman", Times, serif;
	}
	
	textarea, input.text{
		border: 2px solid #ccc;
		padding: 3px;
		width: 97%;
		color: #888;
		font: 1.6em Georgia, "Times New Roman", Times, serif;
	}
	
	.select_multiple{
		border: 2px solid #ccc;
		padding: 3px;
		width: 97%;
		font: 1.4em Georgia, "Times New Roman", Times, serif;
	}

	input[type="submit"]{
		border: 2px solid #ddd;
		color: #555;
		background-color: #ccc;
		font-size: 1.2em;
		padding: 5px 10px;
		cursor: pointer;
		float: left;
		margin-right: 10px;
		-moz-border-radius: 5px 5px;
		-webkit-border-radius: 5px 5px;
		cursor: pointer;
	}

		input[type="submit"]:hover{
			color: #fff;
			background-color: #f16922;
			border-color: #db5d1b;
		}

/* @end */