/*  
Theme Name: JSv4
Theme URI: http://www.justinshattuck.com/
Description: The fourth and best reconstruction of Justinshattuck.com, thanks to <a href="http://designdisease.com" title="Designdisease">Elena</a>.
Version: 4.0
Author: Justin Shattuck, <a href="http://www.designdisease.com">Elena</a>
Author URI: http://justinshattuck.com/
*/

body { margin: 0; padding: 0; background: #222d2d url(./images/bkg_body.png) repeat-x; font-family: 'Verdana'; color: #777; font-size: 12px;}

/* General Links */
a:link { text-decoration : none; color : #ff9999; border: 0px;} 
a:active { text-decoration : underline; color : #ff9999; border: 0px;} 
a:visited { text-decoration : none; color : #ff9999; border: 0px;} 
a:hover { text-decoration : underline; color : #e1f15d; 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: "Trebuchet MS"; }

#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 { text-indent: -5000px; margin: 0; padding: 0; }
.Header h1 a { width: 320px; height: 130px; background: url(./images/logo_js.png) no-repeat bottom; cursor: hand; float: left;}

.Header .TopHeader { position: absolute; top: -25px; left: 0px; color:#96bfcb; font-size: 10px;}
.Header .TopHeader a { background: url(./images/top_ico.gif) no-repeat left center; color:#78949f; padding-left: 15px; text-decoration: underline;}
.Header .TopHeader a.contact { background: url(./images/email_ico.gif) no-repeat left center; color:#78949f; padding-left: 15px; text-decoration: underline;}
.Header .TopHeader a.vitals { background: url(./images/line_ico.gif) no-repeat left center; color:#78949f; padding-left: 15px; text-decoration: underline;}
.Header .Search { position: absolute; top: -1px; right: 0px; background: url(./images/bkg_search.png) repeat-x left top; width: 291px; color:#000; height: 92px;}
.Header .Search p { padding: 0px 0px 5px 0px; margin: 0px; color:#bed3da; font-size: 10px; }
.Header .Search fieldset { border: none; padding: 0px; margin: 0px;}
.Header .Search form { padding: 20px 0px 0px 20px; margin: 0px 0px 0px 0px;}
.Header .Search input { color: #43495f; 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: 130px; right: 0px; }
.Header .SubRss ul em { display: none}
.Header .SubRss ul { margin: 0px; padding: 0px;}
.Header .SubRss ul li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Header .SubRss ul li a { background: #49c5ff url(./images/RSSICO.png) no-repeat left center; padding: 10px 10px 10px 33px; display: block; width: 248px; color:#fff; color:#fff;}
.Header .SubRss ul li a:hover {  background: #222d2d url(./images/RSSICO.png) no-repeat left center; padding: 10px 10px 10px 33px; display: block; width: 248px; float: left; color:#ff9999; }

.MainMenu { position: absolute; top: 135px; left: 0px; }
.MainMenu ul { padding: 0px; margin: 0px; }
.MainMenu li { padding: 0px; margin: 0px; display: inline; font-size: 14px; font-weight: bold; font-family: "Trebuchet MS"; text-transform: lowercase;}
.MainMenu li.current_page_item {background: #222d2d; color:#ff9999; }
.MainMenu a { background:#49c5ff; color: #fff; padding: 5px 15px 6px 15px; margin-right: 2px; float: left;}
.MainMenu a:visited { color: #fff; }
.MainMenu a:hover { background:#222d2d; color: #ff9999; text-decoration: none;}


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

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


.SinglePage {}
.SinglePage h1 { font-size: 29px; letter-spacing: -1px; font-weight: normal; font-family: "Trebuchet MS"; padding: 10px 0px; margin: 10px 0px; color:#ff9999; }
.SinglePage h2 { font-size: 25px; letter-spacing: 0px; font-weight: bold; padding: 2px 0px; margin: 0px; color:#cfe4ea; }
.SinglePage h3 {  font-size: 14px; letter-spacing: 0px; font-weight: bold; padding: 2px 0px; margin: 0px; color:#cfe4ea; }
.SinglePage ul { font-size: 11px; line-height: 14px; padding: 0px 10px; margin: 15px; color:#cfe4ea; }
.SinglePage ol { font-size: 11px; line-height: 14px; padding: 0px 10px; margin: 15px; color:#cfe4ea; }
.SinglePage li { padding: 5px 0px;}
.SinglePage p { font-size: 9pt; line-height: 17px; color: #96bfcb; padding: 6px 0px; margin: 6px 0px;}
.SinglePage img { float: left; padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.SinglePage blockquote { background:#2f3e3e; padding: 5px 10px; margin: 0px; color:#cfe4ea;}
.SinglePage blockquote p { color: #cfe4ea; font-size: 11px; line-height: 14px;}


.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'; }

.Heading { font-size: 29px; letter-spacing: -1px; font-weight: normal;  font-family: "Trebuchet MS"; padding: 1px 0px; margin: 30px 0px 0px 0px; color:#ff9999; }

.Post {	padding: 0px; position: relative; clear: left; width: 565px; margin-bottom: 40px; margin-top: 40px;}
.Post h1 { font-size: 25px; letter-spacing: -1px; font-weight: normal;  font-family: "Trebuchet MS"; padding: 1px 0px; margin: 0px; }
.Post h1 a { color: #d5f3ff; text-decoration: none;}
.Post h1 a:visited { color: #d5f3ff; text-decoration: none;}
.Post h1 a:hover { color: #ff9999; text-decoration: none;}

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

.PostInfo { padding: 2px 0px; margin-left: 55px; font-size: 9px; font-weight: bold; color: #a7bac5; border-top: dashed 1px #50666a;}
.PostInfo ul { padding: 0px; margin: 0px;}
.PostInfo li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.PostInfo a { color:#a7bac5; text-decoration: underline;}
.PostInfo a:visited { color:#a7bac5; text-decoration: underline; }
.PostInfo a:hover { color:#a7bac5; text-decoration: underline; }

.PostContent { padding: 10px 0px; }
.PostContent h1 { font-size: 18px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px; color:#cfe4ea; }
.PostContent h2 { font-size: 14px; letter-spacing: 0px; font-weight: bold; padding: 2px 0px; margin: 0px; color:#cfe4ea; }
.PostContent h3 {  font-size: 14px; letter-spacing: 0px; font-weight: bold; padding: 2px 0px; margin: 0px; color:#cfe4ea; }
.PostContent ul { font-size: 11px; line-height: 14px; padding: 0px 10px; margin: 15px; color:#cfe4ea; }
.PostContent ol { font-size: 11px; line-height: 14px; padding: 0px 10px; margin: 15px; color:#cfe4ea; }
.PostContent li { padding: 5px 0px;}
.PostContent p { font-size: 9pt; line-height: 17px; color: #96bfcb; padding: 6px 0px; margin: 6px 0px;}
.paid {font-size: 8pt; line-height: 15px; color: #9DB389; padding: 6px 0px; margin: 6px 0px;}
.PostContent img { float: left; padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.PostContent blockquote { background:#2f3e3e; padding: 5px 10px; margin: 0px; color:#cfe4ea;}
.PostContent blockquote p { color: #cfe4ea; font-size: 11px; line-height: 14px;}

.PostContent .banner { background:#375151; padding: 10px; margin: 0px; text-align: center; }
.PostContent .banner img { border: 0; }

.PostDetails { border-top: dashed 1px #4a6a6a; background:#375151; padding: 10px; margin: 0px; font-size: 12px;}
.PostDetails li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.PostDetails a { color:#9fd9ff; background-position: left top; text-decoration: none; }
.PostDetails a:visited { color:#9fd9ff; background-position: left top; text-decoration: none }
.PostDetails a:hover { color:#ff9999; background-position: left bottom; text-decoration: underline; }

.PostDetails .ReadOn { background: url(./images/PostDetailsReadIco.png) no-repeat left top; padding: 0px 0px 0px 17px;}
.PostDetails .Subscribe { background: url(./images/PostDetailsRssIco.png) no-repeat left top; padding: 0px 0px 0px 17px; margin-left: 10px;}
.PostDetails .NrComments a 
{ background: url(./images/PostDetailsCommentsIco.png) no-repeat left top; padding: 0px 0px 0px 17px; margin-left: 10px;}
.PostDetails .NrComments a:hover 
{ background: url(./images/PostDetailsCommentsIco.png) no-repeat left bottom; padding: 0px 0px 0px 17px; margin-left: 10px;}
.PostDetails .AddOpinion { background: url(./images/PostDetailsOpinionIco.png) no-repeat left top; padding: 0px 0px 0px 17px; margin-left: 10px;}
.PostDetails .ShareThis { background: url(./images/PostDetailsShareIco.png) no-repeat left top; padding: 0px 0px 0px 17px; margin-left: 10px;}

.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: #ae93c7;}
.PostDate .day { display: block; font-size: 16px; font-family: 'Arial'; font-weight: bold; line-height: 18px; color: #ffcccc; padding-top: 8px; }

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


.Comments { background:#496262; padding: 20px 10px 0px 10px; margin: 30px 0px 30px 0px ;}
.Comments .List h3 { background: url(./images/bkg_h3_PostComments.png) no-repeat left center; font-size: 14px; font-weight: normal; color:#d5f3ff; margin: 0px; padding: 0px 0px 0px 60px; }
.Comments .List h3 strong { font-size: 22px; font-weight: normal; text-transform: uppercase; color:#ff9999; border-bottom: dashed 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: #375151; padding: 10px; margin: 10px 0px; list-style-type: none;   color:#bee6e9; font-size: 11px; border: dashed 1px #4a6a6a; 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: 10px; 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: 11px; letter-spacing: -1px; }
.Comments .List .ListUser a { color: #ff9999; }
.Comments .List .ListUser a:visited { color: #ff9999; }
.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:#cac7b8;}
.Comments .List .ListContent a { color: #ff9999; }
.Comments .List .ListContent a:visited { color: #ff9999; }
.Comments .List .ListContent a:hover { color: #e1f15d; }

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

.Comments .Form { background: #496262; margin: 0px 0px 30px 0px; padding: 0px 0px 20px 0px; }
.Comments .Form h3 { background: url(./images/bkg_h3_PostForm.png) no-repeat left center; font-size: 14px; font-weight: normal; color:#d5f3ff; margin: 0px; padding: 0px 0px 0px 60px; }
.Comments .Form h3 strong { font-size: 22px; font-weight: normal; text-transform: uppercase; color:#ff9999; border-bottom: dashed 1px #87909e; display: block; padding-bottom: 2px; margin-bottom: 2px; }

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

.Comments .Form .Note {  margin: 5px 0px; width: 395px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #d5f3ff; border: solid 1px #fff; padding: 5px; color: #424e65; font-size: 12px;}
.Comments .Form .TextArea { background: #d5f3ff; border: solid 1px #fff; padding: 5px; color: #424e65; font-size: 13px;}

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

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

/* Right Column */
.SR { background:#3d606d url(./images/bkg_SR.jpg) no-repeat left bottom; float: right; width: 291px; margin-left: 21px; margin-top: 20px; padding-top: 10px; padding-bottom: 78px;}
.SR h2, .SRblock h2 { font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; text-transform:uppercase; color: #ffcdcd; padding: 6px 7px; margin: 0px; border-bottom: dashed 1px #537683; background:#2f4a54; }
.SRblock { background:#3d606d; float: right; width: 291px; margin-left: 21px; margin-top: 20px; padding-top: 10px; padding-bottom: 10px;}
.notice { padding: 10px; color: #fff; background: red; margin-bottom: 20px; font-weight: bold; }
.Categ { margin-bottom: 20px; padding: 0px 10px; width: 269px; float: left; }
.Categ h2 { }
.Categ ul { font-size: 13px; list-style: none; border-top: 1px solid #537683; padding: 0px; margin: 0px;}

.Categ li { margin: 0; padding: 0; position: relative;}
.Categ li a { display: block; padding: 4px 0px 6px 25px; text-decoration: none; color: #a1e8ff; background: url(./images/CategoriesIco.png) no-repeat left top; }
.Categ li a:hover { text-decoration: none; color: #e1f15d;}

.Categ li { background: none; border-bottom: 1px solid #3d606d; } 
.Categ li a { width: 244px; display: block; border-bottom: 1px solid #537683; text-decoration: none; color: #a1e8ff;}
.Categ li a:hover { background: #2f3e3e url(./images/CategoriesIcoOn.png) no-repeat left top; text-decoration: none; color: #ff9999; }

.Categ li a.toggle { width: 40px; position: absolute; top: 0; right: 0;text-align: center; border-bottom: none; color:#597b88;} 
* html .Categ li a.toggle { right: 0px; color:#597b88; }


.Flickr {margin-bottom: 20px; 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; padding: 0px;}
.Flickr ul li a img { background:#6e8e9a; padding: 1px; margin: 0px; border: solid 4px #537683;}
.Flickr ul li a:hover img { background:#6e8e9a; padding: 1px; margin: 0px; border: solid 4px #cc6666;}

.Flinx { margin-bottom: 20px; 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 { background:#222d2d; padding: 10px; margin: 10px 0px 0px 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; }

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

.Banners { margin-bottom: 10px; padding: 0px 10px; width: 269px; float: left; }
.Banners img { padding: 2px; }
.MyBlogLog { }
.MyBlogLog table { }
/*\ IE/Win min height hack */ * html .FooterContain { height: 370px;} /* */ 
.FooterContain { width: 100%; background: #2f3e3e; clear: both; min-height: 370px; padding: 12px 0px 0px 0px; border-top: dashed 1px #596868;}

.Footer { width: 900px; margin: 0 auto; color: #859494; clear: both;} 
.Footer h2 { font-family: "Trebuchet MS"; font-size: 22px; letter-spacing: -1px; font-weight: normal; color: #ffcdcd; padding: 15px 0px 10px 0px; margin: 0px; border-bottom: solid 5px #44545b; } 

.Footer ul { padding: 0px; margin: 20px 0px; border-top: dashed 1px #475f68; } 
.Footer li { background: url(./images/FooterIcoLi.png) no-repeat left top; margin: 0px; padding: 6px 0px 6px 15px; list-style-type: none; border-bottom: dashed 1px #475f68; display: block;  } 
.Footer li small { font-size: 10px; color:#5e7d8c;} 

.Footer li a { color: #9fd9ff; font-size: 12px; }
.Footer li a:visited { color: #9fd9ff; font-size: 12px; }
.Footer li a:hover {  color:#ff9999; font-size: 12px; }

.FooterRecent { float: left; width: 285px; }
.FooterRecent h2 { background: url(./images/FooterIcoArticles.png) no-repeat left center; padding-left: 30px;}
.FooterCommented { float: left; width: 285px; margin: 0px 22px; }
.FooterCommented h2 { background: url(./images/FooterIcoComments.png) no-repeat left center; padding-left: 30px;}
.FooterPartners {float: left; width: 285px; }
.FooterPartners h2 { background: url(./images/FooterIcoLinks.png) no-repeat left center; padding-left: 30px;}

.FooterCopy { background: #3b4b4b; width: 900px; color: #5e7d8c; float: left; } 
.FooterCopy .DesignDisease {} 
.FooterCopy .DesignDisease a { background: url(./images/designdisease.png) no-repeat left top; float: right; width: 275px; height: 32px;} 
.FooterCopy .DesignDisease em { display: none;} 

.FooterCopy p { padding: 10px; margin: 0px; font-size: 9px; color: #728a8a; } 
.FooterCopy a { text-decoration: underline; color: #728a8a; } 
.FooterCopy a:visited { text-decoration: underline; color: #728a8a; } 
.FooterCopy a:hoover { text-decoration: underline; color: #728a8a; } 

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

#map p { color: #000; }
ul.ads { list-style-type: none; margin: 0px; padding: 0px; width: 267px; }
ul.ads li { float: left; width: 126px; margin-right: 6px; }
.clear { clear: both; }