/*
Theme Name: That Vista Blog - Blue
Theme URI:
http://geek.tech.nu/
Description: WordPress theme by geektechnu.
Version: 1.0
Author: William Lay
Author URI:
http://geek.tech.nu/
*/
/* general & defaults */
* { margin:0; padding:0; }
body { font:80% Tahoma, Tahoma; color:#333; line-height:1.25em; }
hr { display:none; }
a { color:#38c; text-decoration:none; }
a:focus, a:hover, a:active { color:#8c3; text-decoration:underline; }
p, ul, ol, blockquote { padding-bottom:1em; }
img { border:0; }
.alignleft { display:inline; float:left; padding:0.5em 1em 0.25em 0; }
.alignright { display:inline; float:right; padding:0.5em 0 0.25em 1em; }
.item:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }
.aligncenter { display:block; clear:both; padding:0.5em 0 0.5em; margin:auto; }
/* layout */
body { padding:12px 0 25px; }
#header { width:720px; height:70px; margin:auto; overflow:hidden; padding:90px 0 0 40px; }
#header h1 small { position:absolute; top:125px; left:50%; margin-left:-340px; }
#csslink a { position:absolute; width:106px; height:26px; top:20px; left:50%; margin-left:250px; text-indent:-9000px; text-decoration:none; }
#navigation { position:absolute; top:128px; right:50%; margin-right:-340px; }
#navigation ul { list-style:none; }
#navigation li { display:inline; padding-left:25px; }
#content { width:680px; margin:auto; padding:0 40px 20px 40px; }
#content:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }
#main { float:left; width:480px; padding-right:40px; }
.item { border-bottom:1px solid #acf; margin-bottom:1em; }
#pagination:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }
#side { float:right; width:160px; }
input#s { width:120px; vertical-align:top; }
input#searchsubmit { width:30px; margin:0 0 1em 5px; vertical-align:top; }
#side img { padding-top:0.25em; }
#footer { width:760px; height:61px; margin:auto; padding-top:10px; }
/* backgrounds */
html { background:#058 url(html.png); }
body { background:transparent url(body.png) repeat-x; }
#header { background:transparent url(header.png) no-repeat; }
#csslink a { background:transparent url(css.png) top left no-repeat; }
#csslink a:focus, #csslink a:hover, #csslink a:active { background:transparent url(css.png) bottom left no-repeat; border:0; }
#content { background:transparent url(content.png) repeat-y; }
#footer { background:transparent url(footer.png) no-repeat; }
/* text styles */
h1 { font-size:24px; line-height:24px; color:#fff; }
h1 a { color:#fff; }
h1 a:focus, h1 a:hover, h1 a:active { color:#9f3; border:0; }
h1 small { color:#ccc; font-size:14px; font-weight:normal; }
#navigation, #navigation a { color:#fff; font-size:14px; font-weight:bold; }
#navigation h2 { display:none; }
#navigation a:focus, #navigation a:hover, #navigation a:active { color:#bf3; border:0; }
#content { text-align:justify; }
#content h2, #content h3, #side h2 { padding-bottom:0.5em; }
#content h2 { font-size:1.4em }
#content h3, #side h2 { font-size:1.2em; }
#content h3 small { color:#666; font-size:0.8em; font-weight:normal; }
#content ul, #content ol { padding-left:2em; }
#content blockquote { display:block; padding-left:1em; color:#69c; font-style:italic; }
#content pre { display:block; margin:0 1em 1em; padding-left:2em; color:#666; font:12px lucida console, monospace; background:url(pre.png) no-repeat; line-height:14px; }
#content code { color:#666; font:12px lucida console, monospace; }
#content del { color:#666; text-decoration: line-through; }
#side { color:#666; }
#side h2 { padding-bottom:0.2em; }
#side ul { list-style:none; padding-left:0; }
#side a { color:#38c; }
#side a:focus, #side a:hover, #side a:active { color:#8c3; }
#footer { color:#999; font-size:0.9em; text-align:center; }
#footer a { color:#999; font-weight:bold; }
#footer a:focus, #footer a:hover, #footer a:active { color:#7c4; border-bottom:1px dotted #999; }
/* comments section */
#comments { width:480px; background:url(comments.png) center repeat-y; color:#666; }
#comments h3 { background:url(comments.png) top left no-repeat; padding:0.5em 10px 0; font-size:1.1em; }
#comments form { width:460px; background:url(comments.png) bottom right no-repeat; padding:0.5em 10px 1em; }
#comments input { width:160px; color:#333; }
#comments textarea { width:99%; height:5em; color:#333; padding:0; margin:0; }
#comments #submit { width:100%; }
#comments form p { padding-bottom:0.5em; font-size:0.9em; }
#comments .comment+h3, #comments .commentalt+h3 { background:url(); }
.comment, .commentalt { padding:0.5em 10px; border-bottom:1px solid #d6d6d6; }
.comment h4, .comment p, .commentalt h4, .commentalt p { padding-bottom:0.5em; }
