/*
Theme Name: FSM
Description: Custom theme for Fourth Story Media
Version: 1.1
Author: Jason Chin
Author URL: http://jasonchin.net/
Tags: fourth story media, 

	FSM v1.0

	This theme was designed and built by Jason Chin,
	whose work you will find at http://jasonchin.net/


*/

/*COLORS
Dark Grey: #191919
Middle Grey: #606060
Light Grey: #b3b3b3
Very light grey: #ddd;
Pale Blue: #e5e8e9  
Blue: #1478c2
Red: #f00
*/

body {
    padding: 0;
    margin: 0;
    font-family: Georgia, Times, serif;
    font-size: 14px;
	background-image: url(images/bg-repeat.gif);
	color: #606060;
    line-height: 1.6em;
  	letter-spacing:.01em;
    }
p {padding: 0 0 .8em 0; margin: 0;}
h1, h2, h3, h4, h5, h6 { padding: 0 0 .4em 0; margin: 0; font-family:lucida grande, trebuchet, arial, helvetica, sans-serif;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1em;}
h6{font-size:.8em;}
a {text-decoration:none;color:#1478c2;}
a:hover {text-decoration: none;color:#ff0000;}

ul { padding: 0 0 .4em 0; margin: 0;}
ul li { padding: 0; margin: 0 0 0 0px;}
ol { padding: 0 0 .4em 0; margin: 0;}
ol li { padding: 0; margin: 0 0 0 0em;}

td { padding: 0; vertical-align: top;}
img { border: 0;}

.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.alignleft{float:left;margin:0 10px 10px 0; }
.alignright{float:right;margin:0 0 10px 10px;}

/* MAIN STRUCTURE 
---------------------------------------*/
.mainContainer{
	width:880px;
	margin:0 auto;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	background-color:#fff;
	}
.mainContentContainer{
	width:830px;
	margin:25px auto;
	}
.leftCol{
	width:185px;
	float:left;
	}
.rightCol{
	width:620px;
	float:right;
	}
.home .leftCol{
	width:255px;
	}
.home .rightCol{
	width:550px;
	}
.blog .leftCol{
	width:620px;
	}
.blog .rightCol{
	width:185px;
	}


/* HEADER
---------------------------------------*/
.header{
	background-color:#fff;
	border-bottom:1px solid #b3b3b3;
	background-image:url(images/header.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:220px;
	}
.header h1, .header h2{
	position:absolute;
	top:-10000px;
	left:-10000px;
	}
.header ul{
	list-style:none inside none;
	font-family:lucida grande, trebuchet, arial, helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.8em;
	float:right;
	}
.header ul li{
	float:left;
	padding:6px 8px;	
	border-left:1px solid #b3b3b3;
	display:block;
	}
.header ul li a{
	color:#606060;
	}
.header ul li a:hover{
	color:#f00;
	text-decoration:none;
	}
.header ul li.current a{
	color:#f00;
	text-decoration:none;	
	}
.header .level2{
	display:none;
	}	
.quote{
	background-color:#e5e8e9;
	color:#404040;
	font-size:1.6em;
	line-height:1.2em;
	letter-spacing:.02em;
	font-weight:normal;
	padding:20px 20px 8px 20px;
	/*background-image:url(images/bg-quote.gif);*/
	}
.quote h6{
	padding-right:10px;
	text-align:right;
	font-size:.6em;
	}
	
/* HOME
---------------------------------------*/
.featuredContent{
	border-bottom:1px solid #b3b3b3;
	}
.featuredContent .flash{
	height:360px;
	float:left;
	width:490px;
	border-right:1px solid #b3b3b3;
	}
.welcome{
	float:left;
	position:relative;
	height:360px;
	width:389px;
	background-image:url(images/welcome.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#e5e8e9;
	}
.welcome h3, .welcome p{	
	position:absolute;
	top:-10000px;
	left:-10000px;
	}
.welcome a{
	position:absolute;
	top:318px;
	left:30px;
	}
.reading{
	text-align:center;
	}	
.reading h3, .latest h3{
	font-size:1.1em;
	letter-spacing:.05em;
	border-bottom:2px solid #606060;
	color: #606060;
	text-align:left;
	padding-bottom:0;
	text-transform:uppercase;
	}
.home .post{
	font-size:1em;
	}	
.reading .post{
	border-bottom:1px solid #b3b3b3;
	}
.reading .post .entry img{
	border:1px solid #b3b3b3;
	padding:5px;
	margin-bottom:10px;
	}
.reading .post .entry a img:hover{
	border:1px solid #1478c2;
	}
.reading .post .entry h5{
	line-height:normal;
	}	
.latest{
	}
.latest .post img{
	float:right;
	padding: 0 0 10px 10px;
	}	
.homeQuote{
	color:#606060;
	font-size:1.7em;
	line-height:1.3em;
	letter-spacing:.02em;
	font-weight:normal;
	padding-top:30px;
	margin:0px 20px 30px 20px;
	background-image:url(images/home-quote-right.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	
	}
.homeQuote h6{
	text-align:right;
	font-size:.6em;
	}
.home	{
	background-image:url(images/home-quote-left.gif);	
	background-repeat:no-repeat;
	}

/* SIDEBAR
---------------------------------------*/
.sidebar{
	font-size:.9em;
	}
.sidebar .widgettitle{
	font-size:1em;
	border-bottom:1px solid #b3b3b3;
	border-top:1px solid #b3b3b3;
	background-color:#e5e8e9;
	padding-bottom:0;
	padding-top:2px;
	text-transform:uppercase;
	letter-spacing:.05em;
	text-align:center;
	}

.sidebar ul{
	list-style:none;
	}
.sidebar ul.sidebar_list{
	font-family:lucida grande, trebuchet, arial, helvetica, sans-serif;	
	}
.sidebar ul.sidebar_list li{
	margin-bottom:20px;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;	
	padding-bottom:5px;
	}
.sidebar ul.sidebar_list li ul li{
	border-bottom:1px solid #ddd;
	border-top:none;
	border-left:none;
	border-right:none;
	padding-top:3px;
	padding-bottom:0px;
	margin-left:8px;
	margin-right:8px;
	margin-top:0;
	margin-bottom:0;
	font-size:.9em;
	}	
.sidebar ul.sidebar_list li ul li a{
	color:#606060;
	font-weight:bold;
	display:block;
	}	
.sidebar ul.sidebar_list li ul li a:hover{
	color:#f00;
	text-decoration:none;
	}
.sidebar ul.sidebar_list li ul li.current a{
	color:#f00;
	text-decoration:none;	
	}	
.sidebar ul.sidebar_list #calendar_wrap{
	font-size:.9em;
	margin:0 auto;
	text-align:center;
	}
.sidebar ul.sidebar_list #calendar_wrap caption{
	padding:5px 0;
	}
.sidebar ul.sidebar_list #calendar_wrap table a{
	display:block;
	}
.sidebar ul.sidebar_list #calendar_wrap table a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#1478c2;
	}	
.sidebar ul.sidebar_list #calendar_wrap table{
	border:1px solid #b3b3b3;
	padding:3px;
	margin:0 auto;
	}
.sidebar ul.sidebar_list .widget_calendar td{
	padding:2px;
	background-color:#e5e8e9;
	}
.sidebar ul.sidebar_list .widget_calendar tfoot td{
 	border:none;
	}
.sidebar ul.sidebar_list .widget_search{
	border:1px solid #b3b3b3;
	padding:6px;
	background-color:#e5e8e9;
	}
.searchResults{
	width:171px;
	border:1px solid #b3b3b3;
	background-color:#e5e8e9;
	padding:5px;
	}
.searchtitle{
	font-size:1em;
	background-color:#e5e8e9;
	padding-bottom:2px;
	padding-top:0px;
	text-transform:uppercase;
	letter-spacing:.05em;
	text-align:center;
	color:#606060;
	}
.widget_search form #s{
	display:block;
	margin:3px auto 8px auto;
	}
.widget_search form #searchsubmit{
	background-image:url(images/btn-search_off.gif);
	height:25px;
	width:100px;
	border:none;
	cursor:pointer;
	margin:0 auto;
	display:block;
	}
.widget_search form #searchsubmit:hover{
	background-image:url(images/btn-search_on.gif);
	}
.sidebar ul.sidebar_list .widget_tag_cloud{
	font-family:georgia, times, serif;
	text-align:center;
	}
.sidebar ul.sidebar_list .widget_tag_cloud a{
	padding:2px;
	}
.sidebar ul.sidebar_list .widget_tag_cloud h2{
	margin-bottom:10px;
	}
.sidebar .parnterMessage{
	font-family:georgia, times, serif;
	padding:10px 10px 10px 10px;
	}
.sidebar .partnerLinks{
	border-top:1px solid #ddd;
	}
.sidebar .pressLinks a{
	line-height:1.3em;
	padding-bottom:3px;
	}


/* MAIN CONTENT
---------------------------------------*/
.mainContent{
	}
.mainContent h2{
	font-size:1.1em;
	letter-spacing:.05em;
	border-bottom:2px solid #606060;
	color: #606060;
	text-align:left;
	padding-bottom:0;
	text-transform:uppercase;
	}
.mainContent .navigation{	
	font-family:lucida grande, trebuchet, arial, helvetica, sans-serif;	
	font-size:.9em;
	text-align:right;
	}	
.mainContent .navigation a{	
	color:#606060;
	}	
.mainContent .navigation a:hover{
	color:#f00;
	text-decoration:none;
	}	
	
/* POSTS
---------------------------------------*/
.post{
	padding:20px 15px 0 15px; 
	font-size:1.1em;
	line-height:1.5em;
	font-size:#606060;
	}
.post a{color: #1478c2;}
.post a:hover{color: #ff0000;}
.post h1 a:hover, .post h2 a:hover, .post h3 a:hover, .post h4 a:hover{
	color:#606060;
	}
.post h4{
	line-height:1.3em; margin-bottom:10px;
	}
.postTitle{
	text-align:center;
	border-bottom:1px solid #ddd;
	font-family:georgia, times, serif;
	font-weight:normal;
	font-size:1.8em;
	margin-bottom:15px;
	padding-bottom:8px;
	}
.post h4, .post h3 {color: #1478c2;}
.post .date{
	font-family:lucida grande, trebuchet, arial, helvetica, sans-serif;	
	color: #b3b3b3;
	font-size:.8em;
	text-align:center;
	}
.post .tags{
	font-family:lucida grande, trebuchet, arial, helvetica, sans-serif;	
	padding:5px 10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:.8em;
	background-color:#f6f6f6;
	margin-top:10px;
	}
.post .tags .meta{
	border-top:1px solid #b3b3b3;
	font-size:.8em;
	line-height: 1.4em;
	padding:5px;
	}	
.post .entry{
	margin-bottom:15px;
	margin-top:10px;
	}
.post .entry p{
	padding:0;
	margin-bottom:0.8em;
	}
.post .entry blockquote{
	font-size:.9em;
	line-height:1.3em;
	margin:0 20px;
	}	
.post .entry img{

	}
.post .entry ul, .post .entry ol{
	margin-left:25px;
	}


/* COMMENTS
---------------------------------------*/
.commentForm{	
	margin:20px 0 0 30px;
	width:550px;
	}	
.commentForm h4{
	font-size:1.2em;
	color:#606060;
	}
.commentForm textarea{
	width:100%;
	}
.commentlist{
	border:1px solid #b3b3b3;
	padding:20px 20px 20px 40px;
	margin-bottom:20px;
	}
.commentlist li{
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
	}	

/* PAGES
---------------------------------------*/
.people .bio{
	padding:5px 10px 0 10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
.properties p{

	}
.properties h4{

	}
.properties h4.first{
	border:none;
	padding-top:0px;
	margin-top:0;
	}
.properties h5{
	line-height:1.3em;
	padding-top:50px;
	}
	
	
/* FOOTER
---------------------------------------*/
.footer{
	background-color:#e5e8e9;
	border-top:1px solid #b3b3b3;
	font-family:lucida grande, trebuchet, arial, helvetica, sans-serif;	
	color: #606060;
	font-size:.8em;	
	padding:5px 5px 50px 5px;
	/*background-image:url(images/bg-quote.gif);*/
	}	
.footer ul{
	clear:both;
	list-style:none;
	}
.footer ul li{
	float:left;
	padding:0 0 0 5px;
	}
.footer ul li a:hover{
	color:#ff0000;
	}
.footer ul li a{
	color:#606060;
	border-left:1px solid #b3b3b3;
	padding-left:5px;
	}
.footer .first a{
	border:none;
	padding-left:0;
	}