/*
Theme Name: Xune Folio
Theme URL: http://www.xune.net
Date: Summer 2009
Description: 2 Column theme
Author: Erika Varga
Comments: My second Wordpress theme! :)
*/

/*
Green:9EFF6D
Blue: 67E5FF
Purple:B78DF0
*/

* {margin:0; padding:0;}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
html, body {height: 100%;}
body {font:normal 12px Helvetica, Arial; background: url('images/bg.jpg') repeat;}
a, a:visited, a:active {color:#9EFF6D; text-decoration:underline; background:none;}
a:hover {color:#fff; text-decoration:none; background:none;}
h1, h2, h3, h4 {margin:0; padding:0;}
h1 {font-weight:normal; font-size:30px; color:#fff; margin-bottom:20px; line-height:1em;}/*page*/
h2 {font-weight:normal; font-size:20px; color:#fff; margin-bottom:6px;}/*page sub*/
ul.h2 {font-size:22px; line-height:1.4em;}/*photos list*/
#sidebar h2 {color:#666; font-weight:normal; font-size:18px; margin-bottom:4px; padding-bottom:4px; text-transform:uppercase; border-bottom:1px solid #666;}
h3, h3 a, h3 a:visited, h3 a:active {font-weight:normal; font-size:25px; color: #B78DF0; text-decoration:none; clear:both; margin-bottom:6px;} /*blog post and subpage*/
h3 a:hover {color:#fff; text-decoration:underline;}
h4 {font-size:12px; font-weight:bold; color:#fff;} /*page sub sub and sidebar sub*/
ul {list-style:none;}
p.para {margin:0 0 3em 0;}
#content hr{border:0px; height:1px; background:#666;}

textarea, input {font-family: Helvetica, Arial; color:#9EFF6D; font-size:14px; background:#333; text-align:left; padding:8px; border:1px solid #000; width:400px;}
textarea {height:200px;}
input.contact, input#submit {width:auto; color:#000; font-weight:bold; background:#9EFF6D; padding:2px; border:2px solid #000; text-align:center;} /*contact form and comment box*/

div#outer {width:100%; height:526px; background:url('images/bg.png') repeat-x top;}
div#wrapper {width:900px; margin:0 auto; padding:0;}
div#header {width:900px; height:526px; background:url('images/header.png') no-repeat; z-index:-100;}
a.logo {float:left; background:url('images/logo.png') no-repeat; height:84px; width:197px;}

div#nav {float:left; height:48px; width:900px; margin-bottom:38px; margin-top:2px;}
ul.nav {display:inline; list-style-type:none;}
ul.nav li {float:left; display:block;}
a.button1, a.button2, a.button3, a.button4, a.rss, a.logo {display:block; outline:none;}
a.button1, a.button2, a.button3, a.button4 {height:49px; width:122px;}
ul.nav li a.button1 {background:url('images/button1.png') no-repeat;}
ul.nav li a.button1:hover {background:url('images/button1.2.png') no-repeat;}
ul.nav li a.button2 {background:url('images/button2.png') no-repeat;}
ul.nav li a.button2:hover {background:url('images/button2.2.png') no-repeat;}
ul.nav li a.button3 {background:url('images/button3.png') no-repeat;}
ul.nav li a.button3:hover {background:url('images/button3.2.png') no-repeat;}
ul.nav li a.button4 {background:url('images/button4.png') no-repeat;}
ul.nav li a.button4:hover {background:url('images/button4.2.png') no-repeat;}

div#intro {height:30px; width:100%; margin-top:-300px;}
div#status {float:right; margin-top:-160px; height:223px; width:360px; font-size:15px; color:#999; background: url('images/twitter-with-bubble.png') no-repeat}
div#status a {color:#999;}
table.status {margin-top:4px;}
div#question {background: url('images/lightbulb.png') no-repeat left; float:right; height:67px; width:300px; color:#9EFF6D; font-size:14px; padding-left:80px;}

#rss {margin-top:-10px;}
a.rss {background:url('images/rss1.png') no-repeat; height:21px; width:192px;}
a.rss:hover {background:url('images/rss1.2.png') no-repeat; height:21px; width:192px;}

div#content {width:100%; color:#ccc; margin-top:50px; line-height:1.5em; z-index:100;}
div#content div#left {float:left; width:570px; margin:0; z-index:inherit;}
div#blog-nav {clear:both; margin:80px 0 30px 0;}

div#sidebar {float:right; width:237px; margin:6px 15px 0 0; font-size:10px;}
.sidebar {margin: 0 0 40px 0; clear:both;}

.post, .post-index, .post-portfolio{margin-bottom:40px;}
.post-index {margin-bottom:50px;}
.post .entry {margin:0 10px 0 0;}
.post-index .entry {margin:20px 0 0 0;}
.post-portfolio .entry {margin:0px;}
.post-index img {float:left; margin:12px;}
.post-index a img, .post div#left a img, div#sidebar a img {border:2px solid #000;}
.post-index a:hover img, .post div#left a:hover img, div#sidebar a:hover img {border:2px solid #9EFF6D;}
.post-index .entry img, .post .entry img {margin:10px 10px 15px 0;}
div#portfolio img {float:left; margin:0;}
.post .entry p, .post-index .entry p {margin-bottom:10px;}
.post .postmetadata, .post-index .postmetadata, .postmetadata {color:#777; font-size:10px; text-transform:uppercase; margin-bottom:15px;}
.post .entry ul, .post-index .entry ul {padding:0 0 0 20px; margin-bottom:15px; list-style-type:disc}
.post .entry ol, .post-index .entry ol {padding:0 0 0 20px; margin-bottom:15px; list-style-type: decimal}

span.caption {font-size: 9px; color:#444; float:left; clear:both;}
span.caption a {color:#555;}
span.caption a:hover{color:#fff;}
span.code, p.code {font-family:"Courier New", serif; padding:2px; background:#333; color:#999; border:1px solid #000;}
p.notice {background:#FFFF66; border:2px solid #FFCC00; padding:5px; font-size:14px; font-weight:bold; color:#000;}

div#footer {float:left; clear:both; font-size:14px; color:#666; width:100%; height:60px; background:#121212; border-top:1px solid #000; margin-top:40px;}
div#footerbox {width:900px; margin:20px auto 0 auto;}



/* PORTFOLIO */
div#gallery{clear:both; width:100%; height:auto;}
ul#portfolio {list-style:none; margin:25px 0 0 0;}
ul#portfolio li {float: left; margin: 0 10px 20px 0; padding:4px; width: 198px; height:110px;}
ul#portfolio a.link{font-size:9px; color:#9EFF6D; font-weight:normal; text-transform:uppercase; padding:0px; margin:0px; text-decoration:underline;}
ul#portfolio a.link:hover{text-decoration:none;}
ul#portfolio h1{color:#fff; font-size:13px; padding:0px; margin:0px; font-weight:normal;}
ul#portfolio img {border:3px solid #000; display: block; margin-bottom:1px;}
ul#portfolio img:hover {border:3px solid #9EFF6D;}