/* Designer: Huw Gwilliam; www.littlepixel.info; Jan 2007 */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -1em;
	font-size: 8px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 8px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 8px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 8px;
}


/* Primary layout */

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #555;
background: #bea17b url(http://www.littlepixel.info/twenty/blog/images/manilla.gif) repeat top left;
font: small heldustry, helvetica, arial, sans-serif;
text-indent: 0px; }

img.post {
display: block;
border-top: 1px #c6c4bf solid;
border-left: 1px #c6c4bf solid;
border-bottom: 1px #c6c4bf solid;
border-right: 1px #c6c4bf solid;
margin-left: 0px;
margin-bottom: 12px; }

img.portrait {
display: block;
}

img.quote {
display: block;
border: 1px #c6c4bf solid;
}

/* Wrapper */

#wrapper {margin: 0 auto;
padding: 0;
width: 690px;
text-align: left;
font-size:90%;
border-left: 2px #a28666 solid;
border-right: 2px #a28666 solid;
background-color: #f7f7f7; }

/* Header */

#blog-header {
	margin: 0 auto;
	padding: 0 0 0px 0;
	border-bottom: 1px #938864 solid; 
	background-color: #fff
	}

#banner1 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner1.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 100%;
	vertical-align: top;
	}
	
#banner2 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner2.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 100%;
	vertical-align: top;
	}

#banner3 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner3.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 100%;
	vertical-align: top;
	}
	
#banner4 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner4.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 100%;
	vertical-align: top;
	}
	
#banner5 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner5.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 100%;
	vertical-align: top;
	}
	
#banner6 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner6.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 100%;
	vertical-align: top;
	}

#banner7 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner7.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 100%;
	vertical-align: top;
	}
	
#banner8 {
	background: #d9d9d9 url(http://www.littlepixel.info/twenty/blog/banners/banner8.jpg) repeat-x bottom left;
	margin: 0;
	padding: 0;
	height: 200px;
	width: 100%;
	vertical-align: top;
	}

/* Inner layout */

#content {padding: 0em 0px 0em 0px;
border-top: 2px #d9d9d9 solid; }

#main {width: 441px;
float: left; }

#sidebar {width: 237px;
float: right;
margin-top:12px }

#searchbar {width: 186px;
float: left;
background-image: url(http://www.littlepixel.info/twenty/blog/images/paper.gif);
text-align: right;
padding-top: 6px;
border-left: 1px #d7dbdc solid;
border-bottom: 1px #d7dbdc solid;
border-top: 1px #d7dbdc solid;
margin-bottom: +6px;
padding-right: 3px;
margin-bottom: 24px; }

/* Bottom layout */

#footer {clear: left;
margin: 0;
padding: 0 20px;
text-align: left;
border-top: 2px #c9c9c9 solid;
background-color: #d9d9d9; }

#footer p {text-align: left;
margin: 0;
padding: 10px 0;
font-size: x-small;
background-color: transparent;
color: #999; }

/* Default links   */

a:link, a:visited {font-weight : bold;
text-decoration : none;
color: #859ba3;
; }

a:hover {font-weight : bold;
color: #2b5e79;
background: #e2f4fc; }

a:active {font-weight : bold;
text-decoration : none;
color: #998; }

/* Typography */

#main p {line-height: 190%;
display: block;
font-size: 100%;
margin-top: 0px;
margin-bottom: 0px;
font-family: georgia, "Lucida Grande", Times, "Times New Roman", serif;
border-bottom: 1px #d7dcdd solid;
border-right: 1px #d7dcdd solid;
border-left: 1px #ffffff solid;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 18px;
padding-right: 18px;
background-color: #ffffff;
background-image: url(http://www.littlepixel.info/twenty/blog/images/paper.gif); }

#sidebar p {line-height: 141%;
margin-top: 0px;
margin-bottom: 0px;
font-family: helvetica, arial, sans-serif;
border-bottom: 1px #d7dcdd solid;
border-left: 1px #d7dcdd solid;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 8px;
padding-right: 8px;
background-color: #ffffff;
background-image: url(http://www.littlepixel.info/twenty/blog/images/paper.gif);
font-size: 71%;
color: #889aa2; }

#searchbar p {line-height: 100%;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size: 85%;
color: #889aa2; }

blockquote {line-height: 190%;
display: block;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
border-left: 1px #ffffff solid;
border-right: 1px #d7dcdd solid;
font-family: "helvetica neue", helvetica, arial, sans-serif;padding: 18px;
background-color: #fffeea;
background-image: url(http://www.littlepixel.info/twenty/blog/images/paper_yellow.gif);
font-size: 71%; }

h2 {padding: 6px 0 6px 10px;
background: #d0d8da url(http://www.littlepixel.info/twenty/blog/images/corner_left.png) no-repeat left top;
font-size: 12px;
text-shadow: #b4babc 2px 2px 0px;
color: #ffffff;
letter-spacing: -.1em;
text-transform: lowercase;
margin-top: 0px;
margin-bottom: 0px; }

h2.date {margin: 12px 0 1px 0px;
padding: 6px 0 6px 18px;
background: #c7c5bf url(http://www.littlepixel.info/twenty/blog/images/corner_right.png) no-repeat right top;
font-size: 12px;
text-shadow: #a3a199 2px 2px 0px;
color: #ffffff;
border-right: 0px #c0cccf solid;
letter-spacing: -.1em;
text-transform: lowercase;
border-left: 1px #d6dddd solid; }

h2.profile {margin: 0px 0 0px 0px;
padding: 6px 0 6px 10px;
background: #c7b6b4 url(http://www.littlepixel.info/twenty/blog/images/corner_left.png) no-repeat left top;
font-size: 12px;
text-shadow: #a19593 2px 2px 0px;
color: #ffffff;
letter-spacing: -.1em;
text-transform: lowercase; }

h3 {margin: 15px 0 0 0;
border-top: 12px #d6dddd solid;
border-right: 1px #d6dddd solid;
font-size: medium;
padding: 6px 0 0px 0;
background: #ffffff url(http://www.littlepixel.info/twenty/blog/images/corner_inner.png) no-repeat right top; }

h3.post-title {margin: 0px 0 0 0px;
padding: 8px 10px 3px 18px;
font-size: 12px;
color: #3b4c53;
letter-spacing: -.12em;
background-color: #ffffff; }

h4 {margin: 150px 0 0 12px;
border-top: 6px #d6dddd solid;
padding: 5px 0 0 0; }

h5 {margin: 15px 0 0 0;
border-top: 6px #ededed solid;
padding: 5px 0 0 0; }

ul {background-color: #f2f2f2;
font-size: 85%;
margin-top: 0px;
margin-bottom: 24px;
border-bottom: 1px #ebeff1 solid;
border-left: 1px #ebeff1 solid; }

li {line-height: 200%;
border-bottom: 1px #ffffff solid;
border-top: 1px #e4edf1 solid;
padding-left: 6px; }

#sidebar ul {padding-left: 0px;
padding-top: 0px; }

#sidebar ul li {list-style-image: none;
list-style-type: none;
background-image: url(http://www.littlepixel.info/twenty/blog/images/paper.gif);
padding-left: 7px; }

#archive ul {padding-left: 0px;
padding-top: 0px; }

#archive ul li {list-style: disc url(http://www.littlepixel.info/twenty/blog/images/archive.png) inside; }

#other-blogs ul {padding-left: 0px;
padding-top: 0px; }

#other-blogs ul li {list-style: disc url(http://www.littlepixel.info/twenty/blog/images/user.png) inside; }

#forums ul {padding-left: 0px;
padding-top: 0px; }

#forums ul li {list-style: disc url(http://www.littlepixel.info/twenty/blog/images/forums.png) inside; }

#links ul {padding-left: 0px;
padding-top: 0px; }

#links ul li {list-style: disc url(http://www.littlepixel.info/twenty/blog/images/links.png) inside; }

#comments {
border: 0;
padding: 0; }

#comments h3 {
padding-left: 12px;
padding-top: 3px;
padding-bottom: 3px;}

#comments dl dt {font-weight: bold;
font-style: italic;
padding: 0px 0px 6px 12px;
color: #bba;
background-image: url(http://www.littlepixel.info/twenty/blog/images/paper.gif);
border-right: 1px #d7dbdc solid; }

#comments dl dd {padding: 0;
margin: 0; }

.deleted-comment {font-style: italic;
color:gray; }

.comment-link {margin-left: 0px;
font-size: 80%;
font-family: Helvetica, Arial, sans-serif;
background-color: #ffffff;
text-transform: uppercase; }

.tag-link {margin-left: 0px;
margin-top: 500px;
font-size: 80%;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #d6dddd; 
border-top: 1px #d7dcdd solid;
border-left: 1px #d7dcdd dotted;
padding-top: 4px; 
padding-bottom: 4px; 
padding-left: 6px;
padding-right: 6px;
}

.tag-title {margin-left: 0px;
margin-top: 500px;
font-size: 80%;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #d6dddd; 
border-top: 1px #d7dcdd solid;
border-left: 1px #d7dcdd solid;
border-bottom: 1px #d7dcdd dotted;
padding-top: 4px; 
padding-bottom: 4px; 
padding-left: 6px;
padding-right: 6px;
background: #e2f4fc; }
