@charset "utf-8";

/*  
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: #003549 url(./images/bkg_body.jpg) repeat-x; font-family:Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #777; font-size: 12px;}

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


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: #6a5555; font-size: 10px; }
textarea { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }
select { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }

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

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

.Header { margin-top: 31px; position: relative; clear: left; width: 900px; margin: 0 auto; margin-top: 31px;}
.Header h1 { margin: 0; padding-top: 40px; color: #FFF;}
.Header h1 a { width: 320px; height: 90px; 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 { position: absolute; top: 0px; height:150px; width:900px; left: 0px; color:#86aab2; font-size: 11px; background-image:url(./images/header.jpg)}
.Header .TopHeader img{margin-top:-1px}
.Header .TopHeader a { background: url(./images/top_ico.gif) no-repeat left center; color:#86aab2; padding-left: 15px;}

.Header .Search { position: absolute; top: -1px; right: 0px; background: url(./images/bkg_search.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/bkg_rss.gif) no-repeat left bottom; width: 291px; color:#fff; height: 37px}
.Header .SubRss ul em { display: none}
.Header .SubRss ul { margin: 0px; padding: 12px 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/SubRssButton.png) no-repeat left top; }
.Header .SubRss ul li a:hover { background-position: left bottom; }

.MainMenu { position: absolute; top: 127px; left: 0px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.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-right: 2px; background: url(./images/MainMenuLeft.png) no-repeat left top; float: left;}
.MainMenu a span { padding: 8px 15px 8px 4px; display: block; background: url(./images/MainMenuRight.png) no-repeat right top; float: left; }
.MainMenu a span { float: none; color: #385d02;}
.MainMenu a:hover span { color: #3d474e;}
.MainMenu a:hover { background-position: 0% -38px; color: #fff; text-decoration: none;}
.MainMenu a:hover span { background-position: 100% -38px; 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: #ffeadd;}

.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; position: relative; clear: left; width: 588px; margin-bottom: 30px; margin-top: 30px;}
.Post h1, .SinglePage h1 { font-family: 'Helvetica'; font-size: 18px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px 3px 0px; margin: 0px; display: block; text-transform: uppercase;  color: #e1f15d; border-bottom:1px solid #637f89;}
.Post h1 a,  .SinglePage h1 a { color: #e1f15d; text-decoration: none;}
.Post h1 a:visited,  .SinglePage h1 a:visited { color: #e1f15d; text-decoration: none;}
.Post h1 a:hover,  .SinglePage h1 a:hover { color: #ffffff; text-decoration: none;}

.PostHeadSimple {}
.PostHead { padding-left: 55px; }

.PostInfo { padding: 6px 0px 2px 0px; margin-left: 55px; font-size: 11px; color: #7fa1a9; }
.PostInfo ul { padding: 0px; margin: 0px;}
.PostInfo li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.PostInfo a { color:#7fa1a9; text-decoration: underline;}
.PostInfo a:visited { color:#7fa1a9; text-decoration: underline; }
.PostInfo a:hover { color:#7fa1a9; 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-family: 'Arial'; font-size: 14px; letter-spacing: -1px; font-weight: bold;color: #fff; padding: 2px 0px; margin: 0px;}
.PostContent ul { font-size: 11px;}
.PostContent ol { font-size: 11px;}
.PostContent p { font-size: 12px; line-height: 17px; color: #bbdad9; padding: 6px 0px; margin: 6px 0px;}
.PostContent blockquote { padding: 5px 0px; margin: 5px 0px; color:#bee6e9;}
.PostContent blockquote p { font-size: 10px; padding: 3px 0px; margin: 3px 0px; line-height: 12px; color: #bee6e9;}

.PostDetails { padding: 10px 0px 4px 0px; margin: 0px; font-size: 11px;}
.PostDetails a { text-decoration: underline;}
.PostDetails a:visited { text-decoration: underline; }
.PostDetails a:hover { 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;}
.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: #ffff99; padding-top: 4px; }

.contact input, .contact textarea{
border:1px solid #637F89;
padding:2px 0px;
margin-top:6px;
background-color:#003549;
width:200px}
.contact textarea{
height:120px; width:250px}
.button input{
cursor:pointer;
width:100px !important;
background-image:url(./images/bg_button.gif);
color:#FFFFFF;
font-size:12px;
padding:1px 0px 3px 0px}

/* Right Column */
.SR { background: #195b73; float: left; width: 289px; margin-left: 21px;  border-left: solid 1px #367288; border-right: solid 1px #367288; border-bottom: solid 1px #367288; padding-top: 10px;}
.SR h2 {font-family: 'Arial'; font-size: 14px; letter-spacing: -1px; font-weight: bold;color: #fff; padding: 8px 0px 4px 0px; margin: 0px; text-transform: uppercase; background-image:url(images/h2.gif); background-position:bottom; background-repeat:no-repeat }


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


.Comments {}
.Comments .List h3, .Comments .Form h3 { background: url(./images/bkg_h3_PostComments.png) no-repeat left center; font-size: 12px; font-weight: normal; color:#d5f3ff; margin: 0px; padding: 0px 0px 0px 0px; text-align:right }
.Comments .List h3 strong, .Comments .Form h3 strong { font-family: 'Arial'; font-size: 14px; letter-spacing: -1px; font-weight: bold;color: #fff; text-transform: uppercase; border-bottom: solid 1px #87909e; display: block; padding-bottom: 2px; margin-bottom: 2px; }
.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; background-image:url(./images/Comment_bg.gif); background-repeat:repeat-x; padding: 10px; margin: 10px 0px; list-style-type: none;   color:#fff; font-size: 11px; border-bottom: 3px double #125771; position: relative;  }

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

.Comments .List .ListNr { position: absolute; top: 15px; left: 12px; font-size: 22px; font-family: 'Arial'; line-height: 22px;}
.Comments .List .ListDate { font-size: 11px; color:#29363a;}
.Comments .List .ListDate a { color:#29363a; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: underline;}
.Comments .List .ListUser { margin: 0px 0px 0px 50px; padding: 0px; font-size: 13px; color:#57a2bd; font-weight:bold }
.Comments .List .ListUser a { color: #57a2bd; }
.Comments .List .ListUser a:visited { color: #57a2bd; }
.Comments .List .ListUser a:hover { color: #e1f15d; }
.Comments .List .ListDate { color:#cac7b8; padding: 1px 0px; margin: 0px 0px 0px 50px;}
.Comments .List .ListDate a { color: #a7bac5; text-decoration: underline;}
.Comments .List .ListContent { margin-left: 50px; margin-right: 10px; color:#fff; font-size:13px;}
.Comments .List .ListContent a { color: #ff9999; }
.Comments .List .ListContent a:visited { color: #ff9999; }
.Comments .List .ListContent a:hover { color: #e1f15d; }

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

.Comments .Form {}

.Comments .Form form { padding: 0px; margin: 20px 0px 0px 0px;}
.Comments .Form p { padding: 5px 0px; margin: 0px; font-size: 12px; color: #9EC5C4}
.Comments .Form p label { padding-bottom: 10px; display: block;}
.Comments .Form p label small { font-size: 12px; color: #9EC5C4}

.Comments .Form .Note {  margin: 5px 0px; width: 395px;}
.Comments .Form .Note small { font-size: 11px;}
.Comments .Form .TextField { background: #003549; border: solid 1px #637F89; padding: 5px; color: #9EC5C4; font-size: 12px;}
.Comments .Form .TextArea { background: #003549; border: solid 1px #637F89; padding: 5px; color: #9EC5C4; font-size: 13px;}

.Comments .Form input.SubmitComment { width: 150px; height: 26px; background: url(./images/SubmitComment.gif) no-repeat;margin-top: 7px;}
.Comments .Form input.SubmitComment:hover { background: url(./images/SubmitComment.gif) no-repeat 0 -26px; }
.Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(./images/SubmitComment.gif) no-repeat 0 -26px;margin-top: 7px; }
.Comments .Form input.Subscribe { background: #eaf4ff; border: 1px #fff solid; font-weight: bold; padding: 2px 0px;}

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

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

.Categ, .WPads, .NewPosts { margin-bottom: 10px; padding: 0px 10px; width: 269px; float: left; }
.Categ ul, .goodies ul, .NewPosts ul { font-size: 11px; list-style: none; border-top: 1px solid #276e88; padding: 0px 0px 0px 0px; margin: 0; line-height: 1; }
.goodies {margin:0px !important; padding:0px 0px 8px 0px !important;}
.Categ li, .goodies li, .NewPosts li { margin: 0; padding: 0; background: none; min-height: 18px; width: 269px; display: block; border-bottom: 1px solid #276e88; position: relative; }
.goodies li {border:0px; padding:1px 0px}
.Categ li a, .goodies li a, .NewPosts li a { display: block; padding: 3px 0px 4px 20px; text-decoration: none; color: #C0DDE9; background: url(./images/cat.gif) no-repeat 0px 2px; border-bottom: 2px solid #619ab2f; }
.goodies li a{ background: url(./images/check.gif) no-repeat 0px 2px; }
.NewPosts li a{ background: url(./images/page_new.gif) no-repeat 0px 2px; }
.Categ li a:hover, .goodies li a:hover, .NewPosts li a:hover { background-color: #276e88; text-decoration: none; color: #e1f15d;  }
.children li{margin-left:16px; border:0px; width:253px;}
.children li a{background:url(./images/arrow_right.gif) no-repeat 0px 1px; padding: 3px 0px 4px 18px;}
.Lang li a{ color: #fff; background-image:none}
.LangEn a{background:url(./images/english.gif) left no-repeat !important;}
.LangNL a{background:url(./images/dutch.gif) left no-repeat !important;}

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

#googleads{width:256px;padding:0 5px 8px 8px;text-align:center}

/********** TWITTER *******/
#twitter_update_list li a{
font-size: 12px !important;
color:#FFF;
text-decoration:  none;
}
#twitter_update_list span{
display: block;
}
a#twitter-link{
display:block;
color:#FFF;
padding:4px 0px 0px 0px;
margin-bottom:16px;
}
#twitter_update_list li{
display:    block;
color:#C0DDE9;
padding:    8px 0px 9px 5px;
margin:    0px;
border-bottom:    1px solid #CCC;
}

.Flickr { margin-bottom: 2px; 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 8px 0px 0px; padding: 0px;}
.Flickr ul li a img, .WPads a img { background:#195B73; padding: 1px; margin: 0px 0px 8px 0px; border: solid 2px #619AB2;}
.Flickr ul li a:hover img, .WPads a:hover img { background:#195B73; padding: 1px; margin: 0px 0px 8px 0px; border: solid 2px #eee;}
.WPads a img, .WPads a:hover img{ margin:6px 3px 0px 0px}

.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: 1px; margin: 0px 0px 10px 0px; border: solid 2px #a1e8ff; }
.Flinx ul li a:hover img { background:#000; padding: 2px; margin: 0px 0px 10px 0px; border: solid 1px #cc6666;}

.SinglePage{font-size:12px; padding:22px 0px 0px 4px; color: #9EC5C4}

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

.Syndication li a.RSS{ background: url(./images/syndicate_ico_rss.png) no-repeat left top;}
.Syndication li a.delicius { background: url(./images/syndicate_ico_delicius.png) no-repeat left top; }
.Syndication li a.Technorati { background: url(./images/syndicate_ico_Technorati.png) no-repeat left top;}
.Syndication li a.Twittericon { background: url(./images/twitter.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; }

#wp-calendar { margin: 0pt;
text-align: center;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
margin-left:-4px;
}

#wp-calendar caption { font-size: 11px;
color:#37839F;
font-weight:bold;
border-bottom:1px solid #276E88;
padding:5px 0px 3px 0px;
text-transform:uppercase;
}

#wp-calendar th { font-size: 11px;
color:#d0cdcd;
}

#wp-calendar td { height: 24px;
width: 25px;
line-height: 25px;
background-image: url(./images/cal_day.gif);
background-repeat: no-repeat;
background-position: center;
font-size: 10px;
color: #003549;
}

#wp-calendar .pad { 
background-image:none;
}

#wp-calendar td a { display: block;
width: 25px;
height: 25px;
color: rgb(255, 255, 255);
font-weight: bold;
text-decoration: none;
background-image: url(./images/cal_link_day.gif);
background-position: center;
line-height: 25px;
background-repeat: no-repeat;
}

#wp-calendar #prev, #wp-calendar #next {
background-image:none;
}

#wp-calendar #prev a { width: 49px;
background-image: url(./images/cal_prev.gif);
background-position: center;
margin-left:2px;
padding-right:1px;
}

#wp-calendar #next a { margin: 0pt 0pt 0pt 30px;
width: 49px;
background-image: url(./images/cal_prev.gif);
background-position: center;
}

#wp-calendar #today { background-image: url(./images/cal_today.gif);
background-position: center;
color: rgb(255, 255, 255);
background-repeat: no-repeat;
}

#wp-calendar #today a { background-image: url(./images/cal_today.gif);
background-position: center;
color: rgb(255, 255, 255);
font-weight: bold;
background-repeat: no-repeat;
}

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

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


/*\ IE/Win min height hack */ * html .FooterContain { height: 240px;} /* */ 
.FooterContain { width: 100%; background: #001d29; clear: both; min-height: 240px; padding: 16px 0px 0px 0px; border-top: solid 1px #114f66;}


.Footer { width: 900px; margin: 0 auto; color: #859494; clear: both;} 
.Footer h2 {  font-family: 'Arial'; font-size: 14px; letter-spacing: -1px; font-weight: bold; color: #9ec5c4; padding: 10px 0px 14px 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 #364f59;} 
.Footer li { margin: 0px; padding-bottom: 6px; list-style-type: none; border-bottom: solid 1px #364f59;} 
.Footer li small { font-size: 10px;} 

.Footer li a { display: block; color: #bad022; padding: 6px 0px 0px 0px; font-size: 11px; }
.Footer li a:visited { display: block; color: #bad022; padding: 6px 0px 0px 0px; font-size: 11px; }
.Footer li a:hover {  display: block; color:#ffffff; padding: 6px 0px 0px 0px; font-size: 11px; }

.FooterRecent { float: left; width: 290px; background-image:url(images/sticker_articles.gif);
background-position:top right; background-repeat:no-repeat}
.FooterCommented { float: left; width: 290px; margin: 0px 14px; background-image:url(images/sticker_comments.gif);
background-position:top right; background-repeat:no-repeat; font-size:11px;}
.FooterPartners {float: left; width: 290px; background-image:url(images/sticker_links.gif);
background-position:top right; background-repeat:no-repeat }
.Footer li{
background-image:url(images/li_fav.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;}

.FooterCopy { border-top:3px double #445966; width: 100%; color: #fff; float: left; margin-top:8px} 
.FooterCopy p { padding: 10px 0px; margin: 0px; font-size: 11px; color: #b2b2b2; } 
.footerright{text-align:right; float:right; width:300px;}
.footerleft{text-align:left; float:left; width:300px;}

.pictureright{
padding:4px; 
background-color:#276e88;
border-right:1px solid #000;
border-bottom:1px solid #000;
margin:0px 0px 2px 8px;}

.pictureleft{
float:left;
padding:4px; 
background-color:#276e88;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:1px solid #579fb9;
border-left:1px solid #579fb9;
margin:6px 12px 2px 0px !important;}

.picture{
padding:4px; 
background-color:#276e88;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:1px solid #579fb9;
border-left:1px solid #579fb9;
margin:2px 10px 2px 0px;}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.navigation {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	}
	#cat-index h2.title {
margin: 0;
padding: 20px 0 30px;
color: red;
}

.table {border-right:#006699; border-bottom:#006699;}
.table td{
border:1px solid #10526b;
padding:6px !important;
vertical-align:top !important;
font-size:11px;}
.table th{
text-align:left}