/* general & defaults */
* { margin:0; padding:0; }
body { font:80% Trebuchet MS, sans-serif; color:#333; line-height:1.25em; }
hr { display:none; }

a { color:#569; text-decoration:none; }
a:focus, a:hover, a:active { color:#69c; 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#topnav {  }
#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 #ccc; 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:#224 url(/images/vista/html.png); }
body { background:transparent url(/images/vista/body.png) repeat-x; }

#header { background:transparent url(/images/vista/header.png) no-repeat; }
#csslink a { background:transparent url(/images/vista/css.png) top left no-repeat; }
#csslink a:focus, #csslink a:hover, #csslink a:active { background:transparent url(/images/vista/css.png) bottom left no-repeat; border:0; }

#content { background:transparent url(/images/vista/content.png) repeat-y; }

#footer { background:transparent url(/images/vista/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:#bcf; border:0; }
h1 small { color:#ccd; font-size:14px; font-weight:normal; }
#navigation, #navigation a { color:#fff; font-size:14px; font-weight:bold; }
#navigation a:focus, #navigation a:hover, #navigation a:active { color:#bbd; border:0; }
#navigation h2 { display:none; }

#content h1 { font-size: 1.6em; color: #036; font-weight: bold; }

#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:#666; 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:#569; }
#side a:focus, #side a:hover, #side a:active { color:#69c; }

#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:#78b; border-bottom:1px dotted #999; }


/* comments section */
#comments { width: 480px; background:url(/images/vista/comments.png) center repeat-y; color:#666; text-align: left; margin: 0 auto 0 auto;}
#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; }


#wallpaper_ctrl { text-align: left; width: 500px; margin: 5px auto 5px auto; border: 1px solid #ccc; padding: 5px; }
#rateform { vertical-align: middle; } 
/*

*/

ul.new {
	list-style-type: none;
	width: 90%;
	margin: 0;
	padding: 0;
}

ul.new li.colored { background-color: #ECECEC; }

ul.new li {
	margin-top: 5px;
	padding: 5px;
	border-bottom: 1px dashed #ccc;
	clear: both;
	background: transparent;
}

ul.new li div.box { 
	float: left;
	margin-left: 5px;
	padding: 5px;
	height: 100%;
} 

ul.new li div.image { 
	padding: 5px;
	float: left;
} 

ul.new li div.box h2 { margin: 0; padding: 0; font-size: 12px; }
ul.new li div.box h3 { margin: 0; padding: 0; color: #999; }
ul.new li div.box h4 { margin: 0; padding: 0; color: #999; }
ul.new li div.box p { color: #CCC; }

h1#newtitle { padding-left: 0px; }

ul.slides {
  	margin:0;
  	margin-top: 15px;
  	padding:0;
  	list-style:none;
  	line-height:1.4em;
}
  
.slides li {
  	display:block;
	float:left;
  	margin:0 10px 10px 0;
  	padding:0;
	width: auto;
	height: auto;
}

.thumbnail img {
	padding: 5px;
	text-align: center;
	margin: 4px;
	background: #FFF;
	border-width: 1px;
	border-color: #778899;
}


.thumbnail a:hover img {
    border-width: 2px;
    border-color: #38c;
	margin: 3px;
}

.photos {
	padding: 5px;
	margin: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

.meta-header { 
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #8b0000;
	text-align: center;
}