/*  
Theme Name: Meta
Theme URI: http://lekevicius.lt/
Description: et ignotas animum dimittit in artes
Version: 1.0
Author: Jonas Lekevičius
Author URI: http://lekevicius.lt/
*/

/*
Colors:
#38909a
#46b4c1
#84c5c6
*/

/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; text-decoration: none; } body { line-height: 1; font-size: 62.5%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before,q:after { content: ''; content: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; }

.left { float:left; }
.right { float:right; }
.clear { clear: both; }
.hide { display: none; }

/* basics */

body { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; background: #fff url(images/bg.gif) left top repeat-y; color: #888; }
#wrapper { width: 930px; margin: 50px auto 0 0; }
#header { width: 230px; float: left; }
#main { width: 600px; float: right; }

abbr { border-bottom: 1px dotted #888; letter-spacing: 1px; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
big { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
s, strike, del { text-decoration: line-through; }
u, ins { text-decoration: underline }

h1, h2, h3, h4, h5, h6 { font-family: Klavika, Helvetica, Verdana, Arial, sans-serif; }
h1 { font-size: 3.2em; margin: 30px 0 0 0; }
h2 { font-size: 2.8em; margin: 30px 0 20px 0; }
h3 { font-size: 1.8em; margin: 24px 0 24px 0; }
h4 { font-size: 1.6em; margin: 20px 0 20px 0; }
h5 { font-size: 1.4em; text-transform: uppercase; }
h6 { font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px; }

a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #666; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
a img.noborder { border: 0; padding: 0; }
img.left { margin: 0 30px 30px 0; }
img.right { margin: 0 0 30px 30px; }
img.aligncenter { margin: 0 auto; display: block; }
img.feature { position: relative; left: -70px; }

p { text-align: justify; }
ul, ol { margin: 12px 0 0 0; }
li { margin-left: 35px; }
li ul, li ol { margin-bottom: 12px; }
ul { list-style: square; }
ol { list-style: decimal; }
blockquote { border-left: 5px solid #7f7f7f; padding: 0 0 0 40px; }
p, pre, h5, h6, blockquote { margin: 22px 0 0 0; }
p, ul, ol, pre { font-size: 1.2em; line-height: 1.6em; }
code, pre { font-family: Menlo, Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; }
p code { overflow: auto; font-size: 1.1em; width: 580px; display: block; }
ul p, ol p, ul ul, ul ol, ol ol, ol ul { font-size: 1em; border: 0; background: none; padding: 0; }
hr { border: 0; display: block; width: 740px; height: 3px; background: #999; position: relative; left: -70px; margin: 70px 0 70px 0; }
.post hr { height: 1px; margin: 30px 0 30px 0 }

/* header */

#header { text-align: right; position: absolute; top: 62px; left: 0; }

#header h1 { width: 88px; height: 98px; margin: 20px 70px 20px auto; }
#header h1 a { width: 88px; height: 98px; display: block; background: url(images/logob.png) top left no-repeat; opacity: 0.2; }
#wrapper.white #header h1 a { background-image: url(images/logow.png); }
#header h1 a span { display: none; }

#header ul { list-style: none; font-size: 2.4em; margin: 50px 0 0 0; }
#header li { margin: 0; font-family: Klavika, Helvetica; text-transform: uppercase; background-color: #46b4c1; }
#header li a { color: #000; opacity: 0.3; display: block; padding: 10px 70px 10px 0; }
#wrapper.white #header li a { color: #fff; }
#header a:hover { text-decoration: none; }
#header li.current_page_item, #header li.current_page_ancestor, #header li.current_page_parent { background: #84c5c6; }
#header li.current_page_item a, #header li.current_page_ancestor a, #header li.current_page_parent a { opacity: 0.6; }
/* #header li:hover { background-color: #84c5c6; } */

/* #banner { display: block; height: 500px; width: 680px; background: #999; position: relative; top: -50px; left: 330px } */

/* CONTENT */

div.date { margin: 20px 0 20px 0; }
span.date { font-size: 0.66em; }
.entry img { /* max-width: 600px; */ }
.comment-link { width: 200px; border-top: 1px dotted #999; margin: 40px 0 0 0; }
.posttags a { font-style: italic; }
.post .post-image, .page .post-image { position: relative; left: -70px; }

.promo { margin: 30px 0 0 0; }
.promo div { float: left; width: 169px; border-right: 1px dotted #7f7f7f; margin: 0 30px 0 0; }
.promo p { margin: 0; text-align: left; }
.promo a { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; }
.promo .promo3 { border-right: 0; }

.navigation div { width: 280px; text-align: left; margin: 0; font-size: 2.2em; }
.navigation.comments { margin: 40px 0 0 0; }
.navigation.comments div { font-size: 1.6em; }
.navigation div.right { text-align: right; }
.item .navigation div { font-size: 1.8em; }

/* PAGE */

/* about */

#about-ribbon { position: relative; left: -70px; padding: 20px 30px 20px 410px; width: 230px; height: 260px; background: #ccc url(images/photo.jpg) top left no-repeat; margin: 0 0 50px 0; }
#about-ribbon h3 { margin: 10px 0 10px 0; }
#about-ribbon p { margin: 6px 0 0 0; }

/* portfolio */

.darbas { width: 180px; height: 180px; margin: 0 20px 20px 0; float: left; }
.darbas .inner { background: 0 0 no-repeat; width: 180px; height: 180px; }
.darbas .text-inner { padding: 20px; }
.darbas .text { background: #ddd; overflow: hidden; opacity: 0; width: 180px; height: 180px; }
.darbas .text h3 { font-size: 1.6em; margin: 0 0 15px 0; }
.darbas .text p { margin: 0; text-align: left; font-size: 1.1em; }
.darbas a { color: #111; }
.darbas a:hover { text-decoration: none; }
.darbas a:hover .text {  }

.portfolio h2 { margin-bottom: 40px; }
.portfolio hr { display: none; }
.item blockquote p { font-size: 1.4em; }

#moreworks { list-style: none; }
#moreworks li { margin-left: 0; margin-bottom: 10px; height: 16px; padding: 8px 0 10px 48px; background: 0 0 no-repeat; }

/* portfolio item */

p.ldrgif { text-align: left; width: 530px; height: 20px; padding: 190px 70px; margin: 0 0 20px 0; }

.svw { width: 670px; height: 400px; position: relative; left: -70px; } .svw ul { position: relative; left: -999em; }

.stripViewer { position: relative; left: -70px; overflow: hidden; margin: 0 0 15px 0; }
.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float:left; margin: 0; padding: 0; }

.stripTransmitter { overflow: auto; width: 1%; }
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
.stripTransmitter ul li { width: 25px; float:left; margin: 0 10px 1px 0; }
.stripTransmitter a { text-align: center; width: 25px; height: 20px; padding: 3px 0 2px 0; display: block; }
.stripTransmitter a:hover, .stripTransmitter a.current { text-decoration: none; }

/* gallery */

.gallery {  }
.gallery dl { text-align: left; }

/* HOME */

#intro p { font-family: Klavika; font-size: 2.2em; text-align: left; }
#intro span { font-size: 1.3em; }

#latestprojects { margin: 40px 0 0 0; }
#latest p { margin: 4px 0 0 0; width: 400px; text-align: left; }
#latest h3 { margin: 40px 0 0 0; }

/* COMMENTS */

ul.commentlist, ul.commentlist ul {  }
.commentlist li { margin: 40px 0 0 0; list-style: none; }
.commentlist li ul { border-left: 1px solid #999; padding-left: 40px; }
.says { display: none; }

.comment .avatar { float: left; clear: left; margin: 0 25px 10px 0; }
.comment .fn { font-style: normal; font-size: 1.6em; }
.comment .comment-meta, .comment .comment-author { display: inline; }
.comment p { margin: 12px 0 0 89px; }
.comment .reply { clear: both; margin: 12px 0 0 89px; }

.pingback, .trackback { padding: 20px; }
.pingback .reply, .pingback .comment-meta, .trackback .reply, .trackback .comment-meta { display: none; }
.pingback p, .trackback p { margin: 5px 0 0 0; }

/* form */

#respond input { width: 586px; padding: 5px; border: 2px solid #999; font-size: 1.2em; color: #7f7f7f; margin: 10px 0 0 0; }
#respond textarea { width: 586px; padding: 5px; border: 2px solid #999; font-size: 1em; color: #7f7f7f; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; height: 300px; }
#respond #submit { width: auto; }
#respond p.subscribe-to-comments input { width: auto; padding: 0; background: transparent; border-width: 1px; }

/* BARS */

/* sidebar */

#sidebar { margin: 0 70px 0 0; text-align: right; }
#sidebar p { text-align: right; margin-left: 35px; }

/* bottombar */

#searchform #s { width: 574px; padding: 10px; border: 3px solid #999; font-size: 1.8em; color: #7f7f7f; margin: 0 0 40px 0; }
#searchform #searchsubmit { display: none; }

#bottombar .left { width: 270px; padding: 0 29px 0 0; border-right: 1px dotted #999; }
#bottombar .right { width: 270px; padding: 0 0 0 29px; }

#bottombar ul { list-style: none; }
#bottombar li { margin: 0; }

.timesince { display: none; }
ul.tweets li, li.delicious-item, li.recentcomments, .blogroll li, #bottombar .right li { padding: 0 0 16px 0; }
ul.tweets li:first-child { font-size: 1.4em; }
.textwidget a img { padding: 0 20px 15px 0; }
.flickr img { padding: 0 15px 15px 0; }

a.rss { padding: 0 0 0 24px; display: block; height: 20px; background: url(images/rss.png) left 2px no-repeat; }

/* FOOTER */

#footer { width: 600px; padding: 32px 70px 32px 70px; margin: 70px 0 0 0; position: relative; left: -70px; background: #999; }
#logos { float: left; width: 180px; }
#logos a img { padding: 0 10px 0 0; opacity: 0.4; }
#footer #ps { width: 410px; float: right; height: 130px; }
#footer #ps p { margin: 0; }
p.top { text-align: right; margin: 30px 0 0 0; }

/* code is poetry */