/* ------------------------------------------------------
  Filename:     weblog.css
  Created by:   Johan Edlund | www.edlunddesign.com
  Purpose:	CSS file for Rob's weblog
  Updated:	Feb 25th, 2009
--------------------------------------------------------- */

/****** General ******/
html {margin:0;padding:0;font-size:100%;color:#222; background:#f4f2f0 url(/i/graphics/mainTile.gif) repeat-x;}
body {margin:0; padding:0; text-align:center; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size:62.5%; font-weight:normal;background:transparent url(/i/graphics/headerGraphic.gif) 50% 0 no-repeat;}

/* Neutralize styling: */
form, fieldset {margin: 0;padding: 0;}
h2, h3, h4, h5, h6, p, pre,
blockquote, address {margin: 0.1em 0;padding: 0;}
/* Apply left margin: */
li, dd, blockquote {margin-left: 10px;}

/****** Various ******/
.small {float:left;margin:2em 8px 2px 0;padding:4px;color:#333;background:#fff;}
.archiveImage {width:50px;height:50px;}
a:hover .small,
a:active .small {border: 1px dotted #B07837;}
strong {color:#111;background:transparent;font-weight:900;}
span.amp {font-family: Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;font-style: italic; font-weight:normal; color:#505050; font-size:115%;}

.hidden {display:none;}
.hr {clear:both;height:10px;width:516px;margin:5px 0;padding-bottom:2px;line-height:2px;font-size:2px; color:#666;background:transparent;}
#Sidebar div.hr {width:253px;margin:10px 0;}
.hrLine {clear:both;margin:8px 21px 15px 7px;padding:
2px;color:#666;background:transparent url(/i/graphics/hrPlain.gif) bottom left repeat-x;}
#Sidebar .hrLine {clear:both;margin:8px 0 5px 0px;padding:
2px;width:253px;}
hr {display:none;}
.clearer {clear:both;margin:0;padding:0;height:1px;}
.clearBoth {clear:both;}
.right{float:right;}
.left{float:left;}
.off-left {position:absolute;left:-9999px;width:9999px;}
acronym, abbr {font-style:normal; text-decoration:none;} 
acronym[title], abbr[title] {border-bottom:1px dotted #aaa;}

/****** Default Links *****/
a:link {font-weight:bold;border-bottom:1px dotted #45595b;color:#77724e;padding:0;text-decoration:none;}
a:visited {font-weight:bold;border-bottom:1px dotted #45595b;color:#77724e;padding:0;text-decoration:none;}
a:hover {font-weight:bold;color:#333;}
a:active{font-weight:bold;color:#45595b;}

/****** Headerz ******/
h1, h2, h3{text-shadow: 1px 1px 2px #aaa;margin:3px 21px 3px 7px; padding:0; font-family:Cambria, Georgia,"Times New Roman",Times, times-roman,serif;font-size:3.2em;letter-spacing:-1px; line-height:1.1em;font-weight:bold;color:#333; background:transparent;}
h1{clear:both;font-size:1.8em;text-indent: -9999px;height: 20px;line-height: 20px;margin:0;}
h5{font-size:1.4em;margin:30px 21px 13px 7px;}
span.asterisk {color:red;}
body#Archive h3 {clear:both;padding-top:14px;}

/*h4*/
h4 {clear:both;font-size:1.8em;text-indent:-9999px;height: 20px;line-height:20px;margin:20px 0;padding:0; background:url(/i/titles/titlesAll.gif) no-repeat;}
h4.tLatestEntries{background-position:0 -180px;}
h4.tSmallTalk{background-position:0 -60px;}
h4.tAbout{background-position:0 -300px;}
h4.tResources{background-position:0 -120px;}
h4.tPrints{background-position:0 -150px;}
h4.tArchive{background-position:0 -270px;}
h4.tWeblogEntry{background-position:0 0}
h4.tComments{background-position:0 -240px;}
h4.tSearchResult{background-position:0 -90px;}
h4.tReadMore{background-position:0 -30px;}
h4.tFeeds{background-position:0 -210px;}
h4.tOops{background-position:0 -330px;}
h4.tPortfolio{background-position:0 -360px;}
h4.tVideo{background-position:0 -390px;}
h4.tCategories{background-position:0 -450px;}

#Content h4.tSmallTalk {margin-top:30px;}
#Content h4.tComments {margin-top:50px;}

#Sidebar h4{width:253px;margin:10px 0;}
#Sidebar h4.tLatestEntries{background-position:50% 0;}
#Sidebar h4.tSmallTalk{background-position:50% -60px;}
#Sidebar h4.tAbout{background-position:50% -300px;}
#Sidebar h4.tFeeds{background-position:50% -210px;}
#Sidebar h4.tPortfolio{background-position:50% -360px;}
#Sidebar h4.tVideo{background-position:50% -390px;}
#Sidebar h4.tAds{background-position:50% -420px;}

h2 a:link {text-shadow: 1px 1px 2px #aaa;margin:0;padding:0;text-decoration:none;color:#45595b; background:transparent; border:none;}
h2 a:visited {text-shadow: 1px 1px 2px #aaa; margin:0;padding:0;text-decoration:none;color:#525252; background:transparent;border:none;}
h2 a:hover, h2 a:active {text-shadow: 1px 1px 2px #aaa; margin:0;padding:0;text-decoration:none;color:#222; background:transparent;border:none;}

/****** Layout ******/
#Container {margin:0 auto;padding:0 0 0 15px;width:830px;text-align:left;color:#666;background:transparent;}
#Header{position:relative;margin:0;padding:0;height:113px;background:transparent}
#Nav{position:absolute;bottom:0; left:0;margin:0;padding:0;font-size:1em;color:#666;background:transparent;}
#Search{position:absolute;bottom:10px;right:22px;margin:0;padding:0;font-size:1.2em;text-align:right;}
#Sidebar {float:right; margin:0; padding:0; padding-bottom:50px; width:275px; color:#555; background:transparent;min-height:500px;}
#Content {float:left; margin:20px 0; padding:0; padding-bottom:50px; width:530px; color:#222; background:transparent;}

/******* Specific *********/
p {font-size:1.3em; line-height:1.8em; color:#222; background:transparent;padding:0;margin:0;}
#Content ul {font-size:1.3em; line-height:1.8em; color:#222;}
#Content p {margin:3px 21px 18px 7px;}
#Content p.center {clear:both;text-align:center;margin:18px 21px 18px 7px;color:#999;}

#Content div.entry {clear:both;padding-top:10px;}
#Content div.entryA p {margin:3px 21px 3px 7px;}
#Content div.entryA h5 {margin:10px 21px 3px 7px;color:#666;}
#Front #Content div.entry p{margin:6px 14px 0 7px; padding:0;}
p.readmore {color:#A9A7A5;background:transparent;text-align:right;
font-size:12px;margin:10px 14px 0 7px;padding:2px;}
#Content div.entryA p.readmoreLeft {color:#777;background:transparent;font-size:12px;margin:0 21px 5px 7px;padding:2px;}

#Content p.date {color:#777;background:url(/i/icons/calendar.gif) no-repeat 0 3px;font-size:1.1em;margin:6px 21px 15px 7px; padding:2px 0 2px 19px;}
#Content p.dateleft {float:left;color:#777;background:transparent url(/i/icons/calendar.gif) no-repeat 0 3px;font-size:1.1em;margin:6px 0 15px 7px; padding:2px 0 2px 19px;width:350px;}/*483*/
#Content p.dateshare {float:right;color:#777; background:transparent; font-size:1.1em; margin:6px 21px 15px 0; padding:3px 0 0 0; width:126px;}/*483*/

/* PDF Download */
#Content ul.pdf {margin:3px 21px 15px 7px;padding:2px 0 0 0;list-style:none;}
#Content ul.pdf li{font-size:13px;margin:0;padding:10px 0 10px 40px;color:#555; background:transparent url(/i/icons/PDF_32.png) 0 50% no-repeat;}

a.rm {padding: 0 0 0 16px;font-weight:normal;text-decoration:none; color:#A9A7A5;background:url(/i/icons/perm.gif) no-repeat 0 1px; border:none;}
a.rm:link {padding: 0 0 0 16px;font-weight:normal;text-decoration: none;color:#A9A7A5;background:url(/i/icons/perm.gif) no-repeat 0 1px;border:none;}
a.rm:visited {padding: 0 0 0 16px;font-weight:normal;text-decoration:none; color:#A9A7A5; background:url(/i/icons/perm.gif) no-repeat 0 1px;border:none;}
a.rm:hover {font-weight:normal;text-decoration:none;color:#555;border:none;}
a.rm:active {font-weight:normal;text-decoration:none;color:#555;border:none;}

a.cm {padding: 0 0 0 19px;font-weight:normal; text-decoration:none;color:#A9A7A5;background:url(/i/icons/comment.gif) no-repeat 0 1px;border:none;}
a.cm:link{padding: 0 0 0 19px;font-weight:normal;text-decoration:none;color:#A9A7A5;background:url(/i/icons/comment.gif) no-repeat 0 1px;border:none;}
a.cm:visited {padding: 0 0 0 19px;font-weight:normal;text-decoration:none;color:#A9A7A5;background:url(/i/icons/comment.gif) no-repeat 0 1px;border:none;}
a.cm:hover {font-weight:normal;text-decoration:none;color:#555;border:none;}
a.cm:active {font-weight:normal;text-decoration:none;color:#555;border:none;}

/* Small Talk */
ul#SmallTalk{font-size:1em;margin:0 16px 0 0;padding:2px 0 0 0;list-style:none;background:transparent url(/i/graphics/hrPlain.gif) top left repeat-x;}
ul#SmallTalk li{margin:0; padding:10px;color:#555; background:transparent url(/i/graphics/hrPlain.gif) bottom left repeat-x;}
ul#SmallTalk li p{font-size:1.2em; line-height:2; color:#555; display:inline; margin:0; padding:2px;}
ul#SmallTalk li p.readmore {margin:0 0 0 4px;}

/* Feeds */
div.feed{width:255px;height:70px;padding-bottom:10px;}
div.feed a:link, div.feed a:visited {margin:0;height:70px;width:260px;overflow:hidden;display:block;color:#666;text-indent: -9999px; background:#f4f2f0 url(/i/graphics/feed.gif) top left no-repeat;border:0;text-decoration: none;}
div.feed a:hover,div.feed a:active {background-position: 0px -80px;color:#999;border:0;}

/* Portfoliopush */
div.portfoliopush{width:255px;height:70px;padding-bottom:10px;}
div.portfoliopush a:link, div.portfoliopush a:visited {margin:0;height:70px;width:260px;overflow:hidden;display:block;color:#666;text-indent: -9999px; background:#f4f2f0 url(/i/graphics/portfolio.png) top left no-repeat; border:0;text-decoration: none;}
div.portfoliopush a:hover,div.portfoliopush a:active {background-position:0px -80px;color:#999;border:0;}

/* Sidebar specific */
#Sidebar p {line-height:1.7em;font-size:1.1em;margin-right:20px; color:#555;}
#Sidebar ul {font-size:1.1em;width:260px; margin:0 0 15px 0; padding:2px 0 0 0;}
#Sidebar ul li {padding:7px 2px;}
#Sidebar ul li p {font-size:1em;padding:0;margin:0;}

#Sidebar p.readmore {text-align:right; margin:2px 25px 0 0; padding:1px;}
#Sidebar ul#SmallTalk li p.readmore{margin:2px 0 0 4px; padding:2px;}
#Sidebar a.rm {background:url(/i/icons/perm.gif) no-repeat 0 0;}

/****** Navigation ******/
ul#MainNav{float:left; list-style:none; margin:0;padding:0 0 6px 0;}
ul#MainNav li{display:inline;margin:0 3px; padding:0;}
ul#MainNav li a{text-shadow: 1px 1px 2px #ccc;font-weight:normal;text-transform:uppercase;text-decoration:none;margin:0;padding:3px 3px 6px 3px;color:#999;background:transparent; border:none;}
ul#MainNav li a:link{}
ul#MainNav li a:visited{}
ul#MainNav li a:hover{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}
ul#MainNav li a:active{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}
ul#MainNav li a#current{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}
/* page id specific */
#Front ul#MainNav li a.front{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}
#Archive ul#MainNav li a.archive{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}
#About ul#MainNav li a.about{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}
#Resources ul#MainNav li a.resources{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}
#Prints ul#MainNav li a.prints{color:#45595b; background:url(/i/graphics/arrowUp.gif) no-repeat bottom center;}

/* Blockquote */
blockquote {margin:16px 21px 16px 7px; padding:20px; color:#444; background:transparent url(/i/graphics/quote.gif) repeat-y;}
blockquote p {color:#444; margin:0; padding:0;}

/****** Search ******/
#Search p{margin:0;padding:0;}
#Search form {margin:0;padding:0;}
#Search .textbox {font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-size:11px;width:194px;color:#555; background:#FBFAF9;border-top:1px solid #DAD3CD;border-left:1px solid #DAD3CD;border-right:1px solid #fff;border-bottom:1px solid #fff;vertical-align:middle;margin:0 1px;padding:2px 3px;}
#Search input:focus {background:#fff;}
#Search #btnSearch {width:48px;height:19px;padding: 0;margin: 0;border: 0;background: transparent url(/i/icons/btnSearch.gif) no-repeat 0 0;text-indent:-1000em;vertical-align: middle;}

/****** Footer ******/
#Footer {clear:both;margin:0; padding:16px 0; width:100%; height:250px; text-align:center; color:#bbb; background:#45595b url(/i/graphics/footerTile2.gif) repeat-x;}
#Footer #Cont {background:transparent url(/i/graphics/iMac.png) 0 10px no-repeat;margin:10px auto; width:850px; padding:0 0 0 10px; height:200px; text-align:left;}

#Footer p{margin:0;padding:5px 1px;color:#aaa; background:transparent;font-weight:normal;text-transform:none;font-size:1.1em;line-height:28px;}
#Footer p.left{float:left;width:340px;margin:20px 0 0 170px;}
#Footer p.right{float:right;width:265px;text-align:right;margin:20px 20px 0 0;}

#Footer a {text-decoration:none;color:#ccc;border-bottom:1px dotted #999;}
#Footer a:link {text-decoration:none;color:#ccc;border-bottom:1px dotted #999;}
#Footer a:visited {text-decoration:none;color:#ccc;}
#Footer a:hover {color:#eee;border-bottom:1px solid #efefef;}
#Footer a:active {color:#eee;border-bottom:1px solid #efefef;}
#Footer span {color:#777;background:transparent;}
/* rss icon */
#Footer a.rss {padding: 0 0 0 16px;background:url(/i/icons/feed-icon.gif) no-repeat 0 10%;border-bottom:none;}
#Footer a.rss:link {padding: 0 0 0 16px;background:url(/i/icons/feed-icon.gif) no-repeat 0 10%;border-bottom:none;}
#Footer a.rss:hover {padding: 0 0 0 16px;color:#eee; background:url(/i/icons/feed-icon.gif) no-repeat 0 10%;border-bottom:none;}
/* email icon */
#Footer a.email {padding: 0 0 0 20px;background:url(/i/icons/emailLight.gif) no-repeat 0 40%;border-bottom:none;}
#Footer a.email:link {padding: 0 0 0 20px;background:url(/i/icons/emailLight.gif) no-repeat 0 40%;border-bottom:none;}
#Footer a.email:hover {padding: 0 0 0 20px;color:#eee; background:url(/i/icons/emailLight.gif) no-repeat 0 40%;border-bottom:none;}
/* ed icon */
#Footer a.snow{float:right;width:16px;margin:0;padding:25px 0 0 0;overflow:hidden; display:block;border:none;color:#ccc;background: url(/i/icons/edicon.gif) 0 6px no-repeat;text-decoration:none; height:0px !important;height /**/:25px;/* for ie5.x */}
#Footer a.snow:hover {background-position:0 -24px;color:red; border:none;}

/* --------------------------------------------
  Dropshadow boxes & img
----------------------------------------------- */
#Content p img {float:left;border:none;border:1px solid #eee; background:#fff; padding:7px;margin:0 10px 5px 0;}
#Content p a img {background:#fff;border:1px solid #EAE7E2;padding:6px;margin-right:6px;}
#Content p a.last img {margin-right:0;}
#Content p a:hover img {background:#DAD3CD;}

#Sidebar p.ad {margin:5px 0;}
#Sidebar p.ad a {border:none;padding:0;margin:0;}
#Sidebar p.ad a img {background:#fff;border:1px solid #fff;padding:0;text-decoration:none;}
#Sidebar p.ad a:hover img {border:1px solid #DAD3CD;}

#Content a.addthis {border:none;}
#Content a.addthis img {border:none;background:transparent;padding:0;}
#Content a.addthis:hover img{background:transparent;}

img.full {width:500px;}
.bshade {float:left;background: url(/i/graphics/s.gif) no-repeat bottom right;margin: 10px 0 0 0;padding:0 0 0 9px;}
.smallthumb img {width:70px;height:70px;}
.bshadeRight {float:right;}
.bshade a:link {border:none; padding:0; margin:0;}
.bshade a:visited {border:none; padding:0; margin:0;}
.bshade a:hover {border:none; padding:0; margin:0;}
.bshade a:hover {border:none; padding:0; margin:0;}
.bshade img, .bshade div {display:block;position:relative; background-color:#fff;border:1px solid #f0eeec;margin: -11px 11px 11px -11px;padding: 7px;}
.bshade div#BshadeVideo img{margin: 0;padding:0;}
.bshade img:hover, .bshade div:hover {border:1px solid #DAD3CD;}

.bshade div#BshadeVideo img{margin: 0;padding:0;}
.bshade img:hover, .bshade div:hover {border:1px solid #DAD3CD;}

/* ---------------------------------------
  Forms -- txpCommentInputForm
----------------------------------------- */
#txpCommentInputForm {margin:10px 21px 15px 7px;padding:0;
color:#444;background:transparent;}
#txpCommentInputForm fieldset{padding:15px 20px;border:1px solid #DBE6DC;background:#E2EDE3;}
#txpCommentInputForm legend{color:#728283;background:#DEE9DF; margin:0px;padding:5px 10px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;border-top:1px solid #fff;border-left:1px solid #fff;}

#txpCommentInputForm .formrow {margin:7px 0 6px 0;width:225px;}
#txpCommentInputForm .formrow span.pipe {color:#A5BBBD; background:transparent;}
#txpCommentInputForm p.instructions{float:right; width:200px; margin:0;padding:30px 10px 10px 10px;font-size:11px;color:#555;}/*#EFE9E9*/

#txpCommentInputForm .label {font-size:11px;margin:0;padding:0; color:#666; background:transparent;}
#txpCommentInputForm .accesskey {text-decoration: underline;}
#txpCommentInputForm .comment_name_input,
#txpCommentInputForm .comment_email_input,
#txpCommentInputForm .comment_web_input,
#txpCommentInputForm .txpCommentInputMessage
{font-family:"Lucida Grande", Helvetica, Arial, sans-serif;font-size:11px;margin:0;padding:4px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#f8f8f8;width:204px;}
#txpCommentInputForm .txpCommentInputMessage {width:448px; height:100px;font-size:12px;}

#txpCommentInputForm input:focus, #txpCommentInputForm textarea:focus {background:#fff;}

p.checkbox {font-size:11px;color:#666;padding:2px 0;}
p.checkbox input {}

div.comment {background:#A5BBBD;margin:3px 21px 15px 7px; padding:15px 20px;border:1px solid #E0DFDE;}
div.odd {background:#EAE7E2;}
div.even {background:#F0EEEB;border:1px solid #EAE7E2;}
div.author {background:#f9f9f9;border:1px solid #CCD9D9;}
span.author-string {color:#728283;text-transform:uppercase;font-family:Cambria, Georgia, serif;font-weight:bold;}
#Content div.comment p {margin:0 0 5px 0; padding:0;font-size:12px;}
p.commentnumber {width:100px;float:right;text-align:right;}
p.commentname {width:260px;float:left;}
p.commentnumber a:link, p.commentnumber a:visited {color:#A5BBBD;border:none;}
p.commentnumber a:hover, p.commentnumber a:active {color:#333;border:none;}