/*   
Theme Name: Joana
Theme URI: http://joana.cc
Description: A lovely theme for lovely Joana
Version: 0.1
Author: Kaspars
Author URI: http://konstruktors.com/blog/
*/

body { font:small/1.35em sans-serif; margin:0; padding:0; color:#333; background: url('images/body-bcg.png'); }
body.is-webkit { font-family:lucida grande, sans-serif; }
h1, h2, h3, h4, h5, h6, #nav-main { font-family:georgia; }
h1, h2, h3, h4, h5, h6 { margin:1.5em 0 0.75em 0; line-height:1.25em; color:#333; font-weight:normal;  }
h1 { font-size:2em; margin-top:0; }
h2 { font-size:1.75em; }
h3 { font-size:1.55em; }
h4 { font-size:1.35em; }
h5 { font-size:1.25em; }
h6 { font-size:1.15em; }
p { margin:0 0 1.25em 0; }
a:link { color:#069; }
a:hover { color:#000; }
a:visited { color:#636; }
ul, ol { margin:0 0 1.5em 1em; padding:0; } 
ol { margin-left:2em; }
li { margin-left:1.2em; }
ol li { margin-left:1.75em; }
hr { display:none; }
fieldset { margin:1em 0; padding:0; border:none; }
blockquote { margin:auto 0; padding-left:2.5em; background: url('images/quotes.png') no-repeat 0 0; clear:both; }

/* Main elements  */

#soul { margin:0 auto; width:90%; max-width:62em; }

#header { float:left; width:100%; clear:both; height:200px; /*background-color:#ccc;*/ background-image:url('images/sections/default.png'); }

#nav-main { float:left; width:100%; clear:both; background:#333; overflow:hidden; }
#nav-main ul { margin:0; padding:0 0 0 0.25em; }
#nav-main li { display:block; float:left; margin:0; padding:0 0.75em 0 0; background:url('images/nav-main.png') no-repeat 100% 50%; }
#nav-main li:last-child { background:none; }
#nav-main a { float:left; display:block; padding:1em 1.25em; color:#999; text-decoration:none; font-size:0.9em; letter-spacing:1px; line-height:1.25em; text-transform:uppercase; }
#nav-main a:hover { text-decoration:underline; color:#fff; background:none; }
#nav-main li.current_page_item a, #nav-main li.current_page_ancestor a, #nav-main li.current_page_parent a { font-weight:bold; color:#fff; }

#search { float:right; margin:0; padding:0.35em 0.5em; margin-bottom:-1em; }
#search input.what { color:#fff; font-size:1em; width:12em; background:none; border:none; border-bottom:1px solid #666; }
#search input.search { border:none; padding:0; margin:0 0 -2em 0; width:1.5em; height:1.35em; text-indent:-222em; background:url('images/search-button.png') no-repeat 50% 100%; }

#content-wrap { float:left; width:100%; clear:both; margin:1em 0; background:#fff; min-height:30em; }
#content-in { padding:0 1.35em; }

#content-main { float:right; width:66%; padding-top:1.75em; }
#content-main h1 { margin-left:-2px; }

#content-sub { float:left; width:30%; margin-top:2em; }

#footer { float:left; width:100%; clear:both; background:#333; color:#ccc; }
#footer .widget { margin-bottom:1em; float:left; }
#footer .aff img { margin:0.25em 0.5em 0.5em 0; }
#footer a:link { color:#0cf; }
#footer a img { border:none; }
#footer a:visited { color:#999; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#fff; }
#footer h1, #footer h2 { margin-top:0; }
#footer-in { padding:2em 1.25em 0; border-top:0.5em solid #666; }
#footer-main { width:66%; float:right; }
#footer-sub { float:left; width:30%; }


/* Pages & sections */

div.wp-caption { text-align:center; margin-top:0.5em; padding-top:0.5em; }
div.wp-caption img { float:none; margin:0; }
div.wp-caption .wp-caption-text { margin:0.25em 0; font-style:italic; font-size:0.9em; line-height:1.25em; }
div.alignright { float:right; margin:0.5em 0 1em 1em; }
div.alignleft { float:left; margin:0.5em 1em 1em 0; }
div.aligncenter { float:none; margin:1em auto; text-align:center; width:100%!important; overflow:hidden; }
div.aligncenter img { float:none; margin:0 auto; }
img.alignleft { float:left; margin:0.5em 1.5em 0 0; }
img.alignright { float:right; margin:0.5em 0 0 1.5em; }
img.aligncenter { float:none; margin:0.5em 0 0; }

img.sample-image { float:left; height:23em; width:100%; background:#ccc; margin:0 0 1em 0; }

p.edit { margin:0; float:right; width:9em; position:relative; right:-12em; margin-left:-12em; margin-top:-2em; }

/* blog */

.blog-post { margin-bottom:2em; }
.blog-post h2 { font-size:2em; margin-top:0; margin-left:-2px; }
.blog-post h2 a { text-decoration:none; }
.blog-post h2 a:hover { text-decoration:underline; }
.single { margin-bottom:0; }  

.post-footer { float:left; width:100%; clear:both; }
.post-footer p { margin:0; color:#666; }

h2#comments, h2#respond { clear:both; float:left; margin-top:1em; }
#comment-area .credits { float:right; width:10em; } 
#comment-area .credits img { float:right; }

.comment-add-link { float:right; margin-top:1.5em; }
.comment-add-link a { margin-left:1em; text-decoration:none; }
.comment-add-link a:hover { text-decoration:underline; }
#comment-area { float:left; width:100%; clear:both; }

#commentform textarea { width:100%; }

/* page */

.page-wrap img { padding:1px; border:1px solid #ccc; }
.page-wrap { }

.page-nav { float:left; width:100%; clear:both; margin:1em 0; padding:0; border-top:1px solid #ccc; }
.page .page-nav { border-bottom:none; }
.page-nav li { display:block; margin:0; padding:0; width:47%; }
.page-nav li a { text-decoration:none; padding:0.5em 0; display:block; }
.page-nav li a:hover { text-decoration:underline; background:none; }
.page-nav li span { color:#999; font-size:1.5em; padding:0.25em; margin-bottom:0; font-weight:normal; }
.page-nav li.next { float:right; text-align:right; }
.page-nav li.prev { float:left; }
.page-nav li.next span { position:relative; float:right; right:-0.5em; margin-left:-0.5em; text-align:right; } 
.page-nav li.prev span { position:relative; float:left; left:-0.5em; margin-right:-0.5em; } 
.page-nav a img { border:1px solid #ccc; padding:1px; }
.page-nav a:hover img { border-color:#333; }
.page-nav strong { font-weight:normal; }

/* folio */

.folio-section-intro { font-size:1.25em; line-height:1.25em; padding-bottom:0.5em; }
.folio-latest { border-top:1px solid #ccc; }
.folio-latest h4 { font-size:1em; margin:0 0 -2em 0; float:right; padding:0.25em 0.5em; background:#ccc; color:#fff; }
.folio-latest h2 { margin-top:0.5em; }

/* Widgets */

.widget { float:left; width:100%; clear:both; margin:0 0 2em 0; }
.widget-title { color:#000; text-transform:uppercase; font-size:0.9em; font-weight:normal; letter-spacing:1px; margin:0 0 1.25em 0; }

.widget ul { margin:0; padding:0 0 0 1.15em; }
.widget li { padding:0em 0; }
.widget a { text-decoration:none; }
.widget a:hover { text-decoration:underline; }

.widget_joanasportfolio ul { margin:1.5em 0; padding:0; }
.widget_joanasportfolio li { float:left; display:block; margin:0 0.75em 0.75em 0; width:29%; height:auto; }
.widget_joanasportfolio li.active { background:#000; }
.widget_joanasportfolio li.active img { border-width:2px; border-color:#000; padding:0; }
.widget_joanasportfolio img { border:1px solid #ccc; float:left; padding:1px; }
.widget_joanasportfolio a:hover img { border-color:#000; }

#footer #text-4 { float:left; width:50%; clear:none; }
#footer #text-3 { float:right; width:45%; clear:none; }

.acc { display:none; }