/*  
Theme Name: Salmon
Theme URI: http://justinshattuck.com/salmon/
Description: A soft and clean salmon and blue colored theme.
Version: 1.0
Author: Justin Shattuck
Author URI: http://justinshattuck.com

	Information about the theme and its components here

*/

body { margin: 0; padding: 0; background: #ffffff url(./images/bkg_body.gif) repeat-x; font-family: verdana, arial, Helvetica; color: #000000; font-size: 14px;}

/* General Links */
a:link { text-decoration : none; color : #000000; border: 0px;} 
a:active { text-decoration : underline; color : #8e4fae; border: 0px;} 
a:visited { text-decoration : none; color : #8e4fae; border: 0px;} 
a:hover { text-decoration : underline; color : #000000; border: 0px;} 

#comments {
	clear: both;
}
	
	#comments h3 {
		font-size: 2.4em;
		margin: 0 0 5px 0;
		font-weight: bold;
		text-transform: uppercase;
		font-family: 'arial black', arial, verdana, sans-serif;
	}
	
	.gravatar img {
		float: left; 
	}
	
	.commentnew {
		clear: both;
		font-size: 0.9em;
		margin: 0 0 20px 0;
		background: #f1f1f1;
		padding: 15px;
		border: 1px solid #cccccc;
		min-height: 85px;
	}
	
	.commentnew p, .userdata {
		padding-left:100px;
	}
	
	.username {
		color: #000;
		font-size: 1.3em;
		font-weight: bold;
	}
	
	 .username a {
	 	color: #2c5c95;
	}		
	
	.username a:hover {
		color: #000;
	}
	
	.form-textarea {
		background: #f1f1f1;
		padding: 10px;
		border: 1px solid #cccccc;
		margin-bottom: 15px;
	}
	
	textarea#comment
{
width: 540px;
height: 160px;
color: #000;
border: 2px solid #ccc;
} 

input#submit {
	color: #fff;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
		background: #8e4fae;
		float: right;
	}

	.subscribe-to-comments {
		float: right;
	}
	


img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { font-family: 'Verdana'; color: #ffffff; font-size: 10px; }
textarea { font-family: 'Verdana'; color: #ffffff; font-size: 10px;  }
select { font-family: 'Verdana'; color: #ffffff; font-size: 10px;  }

h1, h2, h3 { font-family: 'Helvetica';}

#bgcontain { width: 900px; padding: 0px; margin: 0 auto; } 

.Header { position: relative; clear: left; width: 900px; margin: 0 auto; margin-top: 31px;}
.Header h1 { background-image:url(./images/logo.png);width:407px;height:120px;text-indent:-5000px;margin:0px; margin-left: 10px; color: #FFF;}
.Header h1 a { width: 407px; height: 120px; cursor: hand; float: left; text-decoration: none;}
.Header h1 a:hover { text-decoration: none; color: #FFF;}
.Header h3 { margin: 0; padding-top: 5px; color: #FFF; float: left; }

.Header .TopHeader { margin: 0 auto; position: absolute; top: -25px; left: 0px; color:#fff; font-size: 12px; letter-spacing: 2px;}
.Header .TopHeader a { background: url(./images/top_ico.gif) no-repeat left center; color:#fff; padding-left: 15px;}

.Header .Search { position: absolute; top: -1px; right: 0px; background: url(./images/uksearch.png) no-repeat left top; width: 291px; color:#000; height: 92px;}
.Header .Search fieldset { border: none; padding: 0px; margin: 0px;}
.Header .Search legend { text-indent: -5000px; margin: 0; padding: 0;}
.Header .Search form { padding: 25px 0px 0px 20px; margin: 0px 0px 0px 0px;}
.Header .Search input { color: #666; font-size: 12px;}
.Header .Search input.search { width: 32px; height: 29px; background: url(./images/SearchButton.png) no-repeat;}
.Header .Search input.search:hover { background: url(./images/SearchButton.png) no-repeat 0 -29px; }
.Header .Search input.searchIE { width: 32px; height: 29px; background: url(./images/SearchButton.png) no-repeat 0 -29px; }
.Header .Search input.keyword { border: none; background: #fff url(./images/SearchKeyword.png) no-repeat; padding: 7px 0px 7px 10px; width: 237px; border: none; } 

/*\ IE/Win min height hack */ * html #buttonsearch { margin: -29px 0px 0px 216px; } /* */ 
#buttonsearch { padding: 0px; margin: -28px 0px 0px 216px; top: 0px; background: none; }


.Header .SubRss { position: absolute; top: 128px; right: 0px; background: url(./images/rss_bkg.gif) no-repeat left top; width: 291px; color:#fff; height: 37px}
.Header .SubRss ul em { display: none}
.Header .SubRss ul { margin: 0px; padding: 9px 8px 9px 8px;}
.Header .SubRss ul li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Header .SubRss ul li a { DISPLAY: block; HEIGHT: 29px }
.Header .SubRss ul li a.subscribe{ background: url(./images/rssbtn.png) no-repeat left bottom; }
.Header .SubRss ul li a:hover { background-position: left top; }

.MainMenu { position: absolute; top: 129px; left: 0px; }
.MainMenu ul { padding: 0px; margin: 0px; }
.MainMenu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;}
.MainMenu a { padding: 0px 0px 0px 12px; margin-left: 1px; background: url(./images/navmenu.png) no-repeat left top; float: left;}
.MainMenu a span { padding: 10px 15px 10px 4px; display: block; background: url(./images/navmenuright.png) no-repeat right top; float: left; }
.MainMenu a span { float: none; color: #fff;}
.MainMenu a:hover span { color: #3d474e;}
.MainMenu a:hover { background-position: 0% -34px; color: #fff; text-decoration: none;}
.MainMenu a:hover span { background-position: 100% -34px; color: #fff;}

* html .container { height: 450px;} 
.container { width: 900px; min-height: 450px; float: left; margin-bottom: 15px; margin-top: 34px; }

/* Central Column */
.SC { float: left; width: 588px; color: #000000;}

.DateHeader { background: #f0f0f0; margin-bottom: 20px; margin-top: 20px;}
.DateHeader p { background:url(./images/DateHeaderIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 18px; font-family: 'Helvetica'; }

.Post {	padding: 0px 0px 5px 0; position: relative; clear: left;  margin-bottom: 30px; margin-top: 30px;}
.Post h2 { font-size: 2.5em; letter-spacing: -1px; font-weight: bold; line-height: 1em; font-family: verdana, arial, Helvetica; padding: 2px 0px; margin: 0px; display: block;}
.Post h2 a { color: #6b2c8b; text-decoration: none;}
.Post h2 a:visited { color: #6b2c8b; text-decoration: none;}
.Post h2 a:hover { color: #000000; text-decoration: none;}

.PostHeadSimple {}

.PostInfo { padding: 2px 0px;  font-size: 11px; color: #8e4fae; border-top: dashed 1px #ad6ecd; }
.PostInfo ul { padding: 0px; margin: 0px;}
.PostInfo li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.PostInfo a { color:#9455b4; text-decoration: underline;}
.PostInfo a:visited { color:#7d3e9d; text-decoration: underline; }
.PostInfo a:hover { color:#7d3e9d; text-decoration: underline; }

.PostContent { padding: 10px 0px;}
.PostContent h1 { font-size: 22px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent h2 { font-size: 19px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent h3 { font-size: 17px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent ul { font-size: 11px;}
.PostContent ol { font-size: 11px;}
.PostContent p { line-height: 1.5em; font-size: 13px; line-height: 16px; color: #000000; padding: 6px 0px; margin: 6px 0px;}
.PostContent img { float: left; padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.PostContent blockquote { padding: 5px 0px; margin: 5px 0px; color:#006699;}
.PostContent blockquote p { font-size: 13px; padding: 3px 0px; margin: 3px 0px; line-height: 12px; color: #006699;}

.PostDetails { padding: 10px 0px; margin: 0px; font-size: 11px; text-transform: uppercase; font-weight: bold}
.PostDetails a { color: #7d3e9d; text-decoration: none;}
.PostDetails a:visited { color: #7d3e9d; text-decoration: none; }
.PostDetails a:hover { color: #7d3e9d; text-decoration: underline; }

.PostDetails .ReadOn { background: url(./images/PostDetailsReadIco.png) no-repeat left center; padding: 5px 0px 5px 15px;}
.PostDetails .Subscribe { background: url(./images/PostDetailsRssIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}
.PostDetails .NrComments { background: url(./images/PostDetailsCommentsIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}
.PostDetails .AddOpinion { background: url(./images/PostDetailsOpinionIco.png) no-repeat left center; padding: 5px 0px 5px 15px; margin-left: 5px;}

.PostDate { position: absolute; top: 0.5em; left: 0; text-align: center; margin: 0; padding: 0px 5px 5px 5px; list-style: none; background: url(./images/PostNrBkg.png) no-repeat left top; width: 32px; }
.PostDate .month {display: block; font-size: 11px; letter-spacing: -1px; text-transform: lowercase;  line-height: 16px; color: #fff;}
.PostDate .day { display: block; font-size: 16px; font-family: 'Arial'; font-weight: bold; line-height: 18px; color: #d9ff2a; padding-top: 4px; }





/* Right Column */
.SR { background: #6b2c8b; float: left; width: 289px; margin-left: 21px;  border-left: solid 1px #430662; border-right: solid 1px #430662; border-bottom: solid 1px #430662; padding-top: 10px;}
.SR h2 { font-family: 'Helvetica'; font-size: 18px; letter-spacing: -1px; font-weight: normal; color: #fff; padding: 15px 0px; margin: 0px; text-transform: uppercase; }

/***** Side Menu *****/

.Categ { margin-bottom: 10px; padding: 0px 10px; width: 269px; float: left; }
.Categ ul { font-size: 11px; list-style: none; border-top: 1px solid #9b5cbb; padding: 1px 0px 0px 0px; margin: 0; line-height: 1; }
.Categ li { margin: 0; padding: 0; background: none; min-height: 18px; width: 269px; display: block; border-bottom: 1px solid #9b5cbb; position: relative; }
.Categ li a { display: block; padding: 3px 0px 4px 20px; text-decoration: none; color: #b895ca; background: url(./images/CategoriesIco.png) no-repeat left top; border-bottom: 2px solid #619ab2f; }
.Categ li a:hover { background: #9c5dbc url(./images/CategoriesIcoOn.png) no-repeat left top; text-decoration: none; color: #430662;  }

/***
.Categ li.toggle { background: none; border-bottom: 1px solid #8e4fae; } 
.Categ li.toggle a { width: 246px; display: block; border-bottom: 1px solid #276e88; text-decoration: none; color: #a1e8ff;}
.Categ li.toggle a:hover { background: #276e88 url(./images/CategoriesIcoOn.png) no-repeat left top; border-bottom: 1px solid #276e88; text-decoration: none; color: #e1f15d; }
.Categ li a.toggle { background: none; width: 29px; position: absolute; top: 0; right: 0; padding-left: 0; text-align: center; border-bottom: none; color:#5da7bf;} 
***/

* html .Categ li a { right: 0px; color:#5da7bf; }


.Flickr { margin-bottom: 10px; padding: 0px 10px; width: 269px; float: left; }
.Flickr h2 { margin-bottom: 10px; }
.Flickr ul li em { display: none;}
.Flickr ul { padding: 0px; margin: 0px;} 
.Flickr ul li { margin: 0px; padding: 0px; list-style-type: none; display: inline;}
.Flickr ul li a { margin: 0px 9px 0px 0px; padding: 0px;}
.Flickr ul li a img { background:#000; padding: 2px; margin: 0px 0px 10px 0px; border: solid 1px #f94cc0; width: 70px; height: 70px;}
.Flickr ul li a:hover img { background:#000; padding: 2px; margin: 0px 0px 10px 0px; border: solid 1px #f94cc0;}

.Flinx { margin-bottom: 10px; padding: 0px 10px; width: 269px; float: left; }
.Flinx h2 { margin-bottom: 10px; }
.Flinx ul li em { display: none;}
.Flinx ul { padding: 0px; margin: 0px;} 
.Flinx ul li { margin: 0px; padding: 0px; list-style-type: none; display: inline;}
.Flinx ul li a { margin: 0px 9px 0px 0px; padding: 0px;}
.Flinx ul li a img { background:#000; padding: 2px; margin: 0px 0px 10px 0px; border: solid 1px #a1e8ff; }
.Flinx ul li a:hover img { background:#000; padding: 2px; margin: 0px 0px 10px 0px; border: solid 1px #cc6666;}



.Syndication { margin-bottom: 10px; padding: 0px 10px; width: 269px; float: left; }
.Syndication em { display: none}
.Syndication ul { padding: 10px 0px; margin: 0px; height: 16px;  }
.Syndication li { float: left; padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Syndication li a { DISPLAY: block; HEIGHT: 16px; width: 16px; margin-right: 10px }

.Syndication li a.RSS{ background: url(./images/syndicate_ico_rss.png) no-repeat left top;}
.Syndication li a.BlogMarks { background: url(./images/syndicate_ico_BlogMarks.png) no-repeat left top;}
.Syndication li a.delicius { background: url(./images/syndicate_ico_delicius.png) no-repeat left top; }
.Syndication li a.NewsWine { background: url(./images/syndicate_ico_NewsWine.png) no-repeat left top;}
.Syndication li a.Simpy { background: url(./images/syndicate_ico_Simpy.png) no-repeat left top; }
.Syndication li a.Spurl { background: url(./images/syndicate_ico_Spurl.png) no-repeat left top; }
.Syndication li a.comments { background: url(./images/syndicate_ico_comments.png) no-repeat left top; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Sponsors { margin-bottom: 12px; width: 289px; }


/*\ IE/Win min height hack */ * html .FooterContain { height: 330px;} /* */ 
.FooterContain { width: 100%; background: #430662; clear: both; min-height: 330px; padding: 12px 0px 0px 0px; border-top: solid 5px #6b2c8b;}


.Footer { width: 900px; margin: 0 auto; color: #b575d5; clear: both;} 
.Footer h2 {  font-family: 'Arial'; font-size: 14px; letter-spacing: -1px; font-weight: bold; color: #ffffff; padding: 10px 0px; margin: 0px; text-transform: uppercase; } 

/*\ IE/Win min height hack */ * html .Footer ul { height: 100px;} /* */ 
.Footer ul { min-height: 100px; padding: 0px; margin: 10px 0px; border-top: solid 1px #6c2d8c;} 
.Footer li { margin: 0px; padding-bottom: 6px; list-style-type: none; border-bottom: solid 1px #6c2d8c;} 
.Footer li small { font-size: 10px;} 

.Footer li a { display: block; color: #b895ca; padding: 6px 0px 0px 0px;  }
.Footer li a:visited { display: block; color: #b895ca; padding: 6px 0px 0px 0px;  }
.Footer li a:hover {  display: block; color:#fa4cc3; padding: 6px 0px 0px 0px; }

.FooterRecent { float: left; width: 290px; }
.FooterCommented { float: left; width: 290px; margin: 0px 14px; }
.FooterPartners {float: left; width: 290px; }

.FooterCopy { background: #6b2c8b; width: 900px; color: #fff; float: left; } 
.FooterCopy p { padding: 10px; margin: 0px; font-size: 9px; color: #b2b2b2; }