/*  
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
*/

*{margin:0;padding:0}
body{margin:0;padding:0;background:#F0F0F0 url(./images/bkg_body.png) repeat-x;font-family:'Verdana';color:#777;font-size:10px}
* html .container{height:450px}
.container{width:900px;min-height:450px;float:left;margin-bottom:15px;margin-top:34px}

/************************************************
General Links
************************************************/
a:link{text-decoration:none;color:#FE8D00;border:0}
a:active{text-decoration:underline;color:#FE8D00;border:0}
a:visited{text-decoration:none;color:#FE8D00;border:0}
a:hover{text-decoration:underline;color:#ffb400;border:0}
img{padding:0;margin:0;border:none}
hr{border-left:0 solid #abb0b5;border-right:0 solid #abb0b5;border-top:1px dotted #abb0b5;border-bottom:0 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:0;margin:0 auto}

/************************************************
Header
************************************************/
.Header{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;color:#FFF}
.Header h1 a:hover{text-decoration:none;color:#FFF}
.Header h3{margin:0;padding-top:5px;color:#FFF;float:left}
.Header .TopHeader{color:#E1D0D0;position:absolute;padding-top:2px;top:-25px;left:0;font-size:11px}
.Header .TopHeader a{color:#E1D0D0}

/* Header TopTools */
.Header .TopTools{position:absolute;top:-1px;right:0;background:url(./images/bkg_search.png) no-repeat left top;width:291px;color:#000;height:105px}
.Header .TopTools fieldset{border:none;padding:0;margin:0}
.Header .TopTools legend{text-indent:-5000px;margin:0;padding:0}
.Header .TopTools form{padding:0 0 0 20px;margin:0}
.Header .TopTools input{color:#333333;font-size:12px;padding:1px}
.Header .TopTools .dropdown_menu{margin-top:26px}
.dropdown_menu select {color:#333333;font-size:12px }
.Header .TopTools .search{margin-top:23px}
.Header .SubRss{position:absolute;top:128px;right:0;width:291px;color:#fff;height:37px}
.SocialButtons{margin-left:12px;padding-bottom:10px;float:left}
.SocialButtons img{padding-right:5px}
.MainMenu{position:absolute;top:128px;left:0}

/* Main Menu */
ul.one{/* 50 - 28 = 22 */height:28px}
ul.one li{background:url(./images/menu/utm_li.png) no-repeat top right;display:block;float:left;padding:0;/* width of utm_li */height:28px;/* height of 1 unit */width:auto}
ul.one li a:link,ul.one li a:visited{background:url(./images/menu/utm_a.png) no-repeat left 0;color:#212121;display:block;font-weight:bold !important;font:13px "Trebuchet MS",verdana,sans-serif;text-decoration:none;padding:0;height:28px}
ul.one li a:link span,ul.one li a:visited span{background:url(./images/menu/utm_span.png) no-repeat right 0;display:block;padding:7px 25px 0;height:21px}
/* Hover */
ul.one li a:hover{background-position:left -56px}
ul.one li a:hover span{background-position:right -56px;cursor:pointer}
/* Current State */
.home{background-position:left -56px !important}
.home span{background-position:right -56px !important}

/************************************************
Central Column
************************************************/
.SC{float:left;width:568px;min-height:500px;color:#333333;background-color:#ffffff;border-bottom:1px solid #E1E1E1;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;padding:0 15px}
/* Post */
.Post{padding:0;position:relative;clear:left;width:568px;margin-bottom:30px;margin-top:30px}
.Post h1{font-size:2.3em;letter-spacing:-1px;color:#ffffff;font-weight:normal;font-family:Arial;padding:4px 0 2px 10px;margin:0;display:block;text-transform:capitalize}
.Post h1 a{color:#F6ECEC;text-decoration:none}
.Post h1 a:visited{color:#F6ECEC;text-decoration:none}
.Post h1 a:hover{color:#F6ECEC;text-decoration:none}
.PostHead{padding-left:50px;margin-bottom:10px}
.PostPersonalityName{padding-left:10px;font-weight:700;font-size:19px;font-family:Arial;color:#4D4D4D}
.PostPersonalityTitle{display:block;padding-left:10px;margin-right:10px;font-weight:normal;font-size:14px;font-family:Arial;color:#4D4D4D}
.PostPersonalityDate{font-size:17px;font-family:Arial;font-weight:bold;color:#4D4D4D}
.PostPersonalityComments{font-size:14px;font-family:Arial}
.PostPersonalityTitle_td{background:#9A0000 url(./images/bkg_title.png) repeat-x center top}
.PostPersonalityRead{font-size:12px;font-family:Arial}
.PostPersonalityShare{font-size:12px}
/* Post Info */
.PostInfo{padding:4px 0 2px;margin-top:11px;font-size:11px;color:#7fa1a9;border-top:solid 1px #C6C6C6}
.PostInfo ul{padding:0;margin:0}
.PostInfo li{padding:0;margin:0;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}
/* Post Content*/
.PostContent{padding:10px 0;line-height:21px}
.PostContent h1{font-size:22px;letter-spacing:-1px;font-weight:normal;padding:2px 0;margin:0}
.PostContent h2{font-size:19px;letter-spacing:-1px;font-weight:normal;padding:2px 0;margin:0}
.PostContent h3{font-size:17px;font-weight:normal;padding:2px 0;margin:0}
.PostContent ul{font-size:12px;margin-left:18px}
.PostContent ol{font-size:12px;margin-left:18px}
.PostContent p{font-size:12px;color:#333333;padding:6px 0;margin:6px 0}
.PostContent img{float:left;border:solid 1px #f0f0f0;padding:6px;margin:0 12px 7px 0}
.PostContent blockquote{padding:5px 0;margin:5px 0;color:#bee6e9}
.PostContent blockquote p{font-size:10px;padding:3px 0;margin:3px 0;line-height:12px;color:#bee6e9}
.PostContent .ReadOn{background:url(./images/PostDetails_Read.png) no-repeat left center;padding:5px 0 5px 16px}
/* Post Details */
.PostDetails{padding:6px 0;margin:0;font-size:11px;border-bottom:solid 1px #C6C6C6}
.PostDetails a{text-decoration:underline}
.PostDetails a:visited{text-decoration:underline}
.PostDetails a:hover{text-decoration:underline}
.PostDetails .ReadOn{background:url(./images/PostDetails_Read.png) no-repeat left center;padding:5px 0 5px 15px}
.PostDetails .Subscribe{background:url(./images/PostDetails_Rss.png) no-repeat left center;padding:5px 0 5px 15px;margin-left:5px}
.PostDetails .Reactions{padding:5px 0;margin-left:5px}
.PostDetails .Reactions a:link{text-decoration:underline;color:#FE8D00 !important;font-size:11px}
.PostDetails .Reactions a:active{text-decoration:underline;color:#FE8D00 !important}
.PostDetails .Reactions a:visited{text-decoration:underline;color:#FE8D00 !important}
.PostDetails .Reactions a:hover{text-decoration:underline;color:#ffb400 !important}
.PostDetails .NrComments{background:url(./images/PostDetails_Comments.png) no-repeat left center;padding:5px 0 5px 15px;margin-left:5px}
.PostDetails .AddOpinion{background:url(./images/PostDetailsOpinionIco.png) no-repeat left center;padding:5px 0 5px 15px;margin-left:5px}
/* Single Page */
.SinglePage{margin-top:14px;padding:10px 0;line-height:20px;min-height:532px}
.SinglePage h1{font-size:2.4em;letter-spacing:-1px;color:#980000;font-weight:normal;font-family:Arial;margin:0;display:block;text-transform:capitalize}
.SinglePage h2{font-size:19px;letter-spacing:-1px;font-weight:normal;padding:2px 0;margin:0}
.SinglePage h3{font-size:17px;font-weight:normal;padding:2px 0;margin:0}
.SinglePage ul{font-size:12px}
.SinglePage ol{font-size:12px}
.SinglePage p{font-size:12px;color:#333333;padding:6px 0;margin:6px 0}
.SinglePage blockquote{padding:5px 0;margin:5px 0;color:#bee6e9}
.SinglePage blockquote p{font-size:10px;padding:3px 0;margin:3px 0;line-height:12px;color:#bee6e9}
.SinglePage .biophoto{padding:5px;margin-right:10px;border:1px solid #CCCCCC}

/* Archives */
.Archives{margin-top:14px;padding:10px 0 0 0;line-height:20px}
.Archives h2{font-size:2.4em;letter-spacing:-1px;color:#980000;font-weight:normal;font-family:Arial;margin:0;display:block;text-transform:capitalize}

/* Bookmarks */
#bookmarks{padding-bottom:14px}
#bookmarks ul{margin-left:3px;padding-left:0;list-style:none}
#bookmarks li{padding-left:19px;padding-bottom:8px;background:url(./images/Icon_Category.png) no-repeat;font-size:11px}
#bookmarks h2 { padding-bottom:4px }
/* Comments */
.Comments{background:#7d7d7d;padding:20px 10px 0;margin:30px 0}
.Comments .List h3{background:url(./images/bkg_h3_PostComments.png) no-repeat left center;font-size:14px;font-weight:normal;color:#ffffff;margin:0;padding:0 0 0 60px}
.Comments .List h3 strong{font-size:22px;font-weight:normal;text-transform:uppercase;color:#ffffff;border-bottom:dashed 1px #87909e;display:block;padding-bottom:2px;margin-bottom:2px}
.Comments .List ol{padding:10px 0 0;margin:0}
.Comments .List li{position:relative;background:#333333;padding:10px;margin:10px 0;list-style-type:none;color:#fff;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:0 0 0 50px;padding:0;font-size:11px;letter-spacing:-1px}
.Comments .List .ListUser a{color:#FE8D00}
.Comments .List .ListUser a:visited{color:#FE8D00}
.Comments .List .ListUser a:hover{color:#FFB400}
.Comments .List .ListDate{color:#cac7b8;padding:1px 0;margin:0 0 0 50px}
.Comments .List .ListDate a{color:#a7bac5;text-decoration:underline}
.Comments .List .ListContent{margin-left:50px;margin-right:10px;color:#fff}
.Comments .List .ListContent a{color:#FE8D00}
.Comments .List .ListContent a:visited{color:#FE8D00}
.Comments .List .ListContent a:hover{color:#FFB400}
.Comments .Form{background:#7d7d7d;margin:0 0 30px;padding:0 0 20px}
.Comments .Form h3{background:url(./images/bkg_h3_PostForm.png) no-repeat left center;font-size:14px;font-weight:normal;color:#ffffff;margin:0;padding:0 0 0 60px}
.Comments .Form h3 strong{font-size:22px;font-weight:normal;text-transform:uppercase;color:#ffffff;border-bottom:dashed 1px #87909e;display:block;padding-bottom:2px;margin-bottom:2px}
.Comments .Form form{padding:0;margin:20px 0 0 60px}
.Comments .Form p{padding:5px 0;margin:0;font-size:10px}
.Comments .Form p label{padding-bottom:10px;display:block}
.Comments .Form p label small{font-size:10px;color:#FE8D00}
.Comments .Form .Note{margin:5px 0;width:395px}
.Comments .Form .Note small{font-size:10px}
.Comments .Form .TextField{background:#BCBCBC;border:solid 1px #fff;padding:5px;color:#424e65;font-size:12px}
.Comments .Form .TextArea{background:#BCBCBC;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 0}

/************************************************
Right Column
************************************************/
.SR{background:#333333;float:left;width:300px;margin-left:0px;padding-top:10px}
.SR h2{font-family:'Helvetica';font-size:18px;letter-spacing:-1px;font-weight:normal;color:#fff;padding:15px 0 7px;margin:0;text-transform:uppercase;border-bottom:solid 1px #C5C5C5}
/* Side Menu */
.CreativeCommons{margin-bottom:10px;padding:0 10px;width:280px;float:left}
.AboutPersonality{ font-size:11px;clear:both; padding:0 10px; width:280px; float:left; color:#EEEEEE; margin-top: 10px; }
.BlogRoll{margin-bottom:10px;clear:both;padding:0 10px;width:280px;float:left;color:#EEEEEE}
.BlogRoll ul{font-size:11px;list-style:none;padding:1px 0 0;margin:0;line-height:1}
.BlogRoll li{margin:0;padding:3px 0 0;background:none;min-height:18px;width:280px;display:block;border-bottom:1px solid #7C7C7C;position:relative}
.RecentPosts{margin-bottom:10px;clear:both;padding:0 10px;width:280px;float:left;color:#EEEEEE}
.RecentPosts ul{font-size:11px;list-style:none;padding:1px 0 0;margin:0;line-height:1}
.RecentPosts li{margin:0;padding:3px 0 0;background:none;min-height:18px;width:280px;display:block;border-bottom:1px solid #7C7C7C;position:relative}
.Contributors{clear:both;padding:0 10px 10px;width:280px;float:left;color:#EEEEEE}
.Contributors h2{margin-bottom:3px}
.Contributors .Image{padding-right:9px}
.Contributors .Name{line-height:15px;font-weight:700;font-size:17px;font-family:Arial;color:#EEEEEE}
.Contributors .Title{display:block;font-weight:normal;font-size:12px;font-family:Arial;color:#EEEEEE}
.Contributors table{margin:10px 0 0;padding-bottom:10px;border-bottom:solid 1px #7C7C7C}
.Posts{margin-bottom:10px;clear:both;padding:0 10px;width:280px;float:left;color:#EEEEEE}
.Posts ul{font-size:11px;list-style:none;padding:1px 0 0;margin:0;line-height:1}
.Posts li{margin:0;padding:3px 0 0;background:none;min-height:18px;width:280px;display:block;border-bottom:1px solid #7C7C7C;position:relative}
#catcloud{margin-top:3px}
.Cloud{margin-bottom:10px;padding:10px 10px 0;width:280px;float:left; line-height: 16px;}
.Cloud a{}
.Cloud a:link{}
.Cloud a:hover{}
.Cloud h2 { margin-bottom: 10px; }
.Syndication{margin-bottom:10px;padding:0 10px;width:280px;float:left}
.Syndication em{display:none}
.Syndication ul{padding:10px 0;margin:0;height:16px}
.Syndication li{float:left;padding:0;margin:0;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}

/* Footer */
/*\ IE/Win min height hack */
* html .FooterContain{height:330px}
/* */.FooterContain{width:100%;background:#333333;clear:both;min-height:230px;padding:12px 0 0;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:#fff;padding:10px 0;margin:0;text-transform:uppercase}
/*\ IE/Win min height hack */
* html .Footer ul{height:100px}
/* */.Footer ul{min-height:100px;padding:0;margin:10px 0;border-top:solid 1px #364f59}
.Footer li{margin:0;padding-bottom:6px;list-style-type:none;border-bottom:solid 1px #364f59}
.Footer li small{font-size:10px}
.Footer li a{display:block;color:#FE8D00;padding:6px 0 0;font-size:11px}
.Footer li a:visited{display:block;color:#FE8D00;padding:6px 0 0;font-size:11px}
.Footer li a:hover{display:block;color:#ffb400;padding:6px 0 0;font-size:11px}
.FooterRecent{float:left;width:290px}
.FooterLinkHere{float:left;width:290px;margin:0 14px}
.FooterReaders{float:left;width:290px}
.FooterCopy{background:#8F8F8F;width:900px;color:#fff;float:left}
.FooterCopy p{padding:10px;margin:0;font-size:10px;color:#eeeeee}
.FooterCopy p a {color: #fff;text-decoration: underline;}