/*
Theme Name: Foto Skrydis EN
Theme URI: http://www.fotoskrydis.lt/
Description: WordPress tema fotoskrydis.lt svetainei.
Version: 1.0
Author: Domas 'mikronaz' M.
Author URI: http://iCan.lt
Tags: foto, skrydis, fotoskrydis
*/

/* RESET */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; color: #ebebeb; margin: 5px 0 15px 0; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
a, a:visited, a:link { color: #8a8a8a; text-decoration: none; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 12px; }
blockquote {
	border-left:1px solid #666666;
	margin:15px 30px 15px 10px;
	padding-left:20px;
}
a.butt_3d {
	text-indent: -9999px;
	background: url(images/butt_3d.jpg) no-repeat;
	width: 54px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 8px;
}
a.butt_slide {
	text-indent: -9999px;
	background: url(images/butt_slideshow.jpg) no-repeat;
	width: 160px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 8px;
}
a.butt_visos {
	text-indent: -9999px;
	background: url(images/butt_visos.jpg) no-repeat;
	width: 126px;
	height: 32px;
	display: block;
	float: left;
}

#rss { margin: 18px 0 0 25px; height: 30px; }
#rss a { float: left; }
#rss em { margin:10px 0 0 10px; font-style: normal; display: block; height: 32px; font-size: 14px; color: #A3A3A3;}

body {
	background: url(images/background.jpg) repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c9c9c9;
}
#container {
	width: 1080px;
	margin: 0 auto;
}

/* HEADER */

#header {
	margin: 10px 0 0 0;
}
#header h1 {
	float: left;
	margin: 0 10px;
}
#header p {
	color: #A3A3A3;
	font-size: 14px;
	width: 77px;
	float: left;
	margin: 36px 0 0 50px;
}
#header p img {
	margin: 30px 2px 0;
}
#header ul {
	float: right;
	margin: 42px 0 0 0;
}
#header ul li {
	float: left;
	width: 77px;
	text-align: center;
}
#header ul li a {
	color: #a3a3a3;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
}

/* CONT */

#cont_top {
	background: url(images/cont_top.jpg) no-repeat;
	width: 1080px;
	height: 9px;
	margin-top: 20px;
}
#cont {
	background: url(images/cont_bg.jpg) repeat;
	width: 1080px;
}
#cont_bottom {
	background: url(images/cont_bottom.jpg) no-repeat;
	width: 1080px;
	height: 10px;
}

/* POST */
.post_info {
	line-height: 20px;
	background: url(images/cont_bg.jpg) repeat;
	padding: 0 10px;
	margin-bottom: 10px;
}

.comment_top {
	background: url(images/comment_top.png) no-repeat;
	width: 576px;
	height: 23px;
}
.comment_cont {
	background: url(images/comment_bg.png) repeat-y;
	width: 556px;
	padding: 0 10px;
}
.comment_bottom {
	background: url(images/comment_bottom.png) no-repeat;
	width: 576px;
	height: 8px;
	margin-bottom: 20px;
}
h4#comments { font-size: 1.2em; font-weight: bold; margin-top: 10px; }
h4#respond { font-size: 1.2em; font-weight: bold; }
form#commentform input, form#commentform textarea {
	border: 1px solid #343434;
	background: #1b1b1b;
	margin-bottom: 10px;
	color: #c9c9c9;
	font-size: 1.0em;
}
form#commentform input{
	height: 15px;
}
form#commentform input#submit {
	background: url(images/siusti_button.png) no-repeat;
	border: none;
	height: 35px;
	width: 75px;
}

/* SIDEBAR */

#sideBar {
	width: 320px;
	float: left;
}
#sideBar #sideBar_search {
	margin: 7px 0 0 17px;
}
form #s {
	background: url(images/search_field.jpg) no-repeat;
	width: 170px;
	height: 27px;
	border: none;
	color: #3d3d3d;
	font-size: 12px;
	padding: 8px 5px 0 53px;
}
form #searchsubmit {
	background: url(images/search_button.jpg) no-repeat;
	width:35px;
	height: 33px;
	border: none;
}
#sideBar .sideSep {
	background: url(images/side_sep.jpg) no-repeat;
	width: 286px;
	height: 10px;
	margin: 10px 0;
}
#sideBar ul#navigation {
	margin-left: 18px;
}
#sideBar ul#navigation li a {
	text-decoration: none;
	color: #A3A3A3;
	display: block;
	width: 245px;
	height: 35px;
	background: url(images/side_button_dark.jpg) no-repeat;
	font-size: 14px;
	line-height: 35px;
	padding-left: 20px;
	margin-bottom: 3px;
}
#sideBar ul#navigation li a:hover, #sideBar ul#navigation li.current_page_item a  {
	background: url(images/side_button_white.jpg) no-repeat;
}

/* NEW ITEMS */
#new_works {
	margin-left: 18px;
}
#new_works p {
	margin-bottom: 25px;
}
#new_works .new {
	float: left;
	margin-right: 4px;
	position: relative;
}
#new_works .new p {
	font-size: 11px;
	margin-bottom: 3px;
}
#new_works .new a {
	display: block;
	background: url(images/thumb_bg.jpg) no-repeat top left;
	width: 126px;
	height: 94px;
	padding: 4px;
}
#new_works .new a img {
	width: 126px;
	height: 94px;
}
#new_works .new .plius {
	display: block;
	background: url(images/plius.png) no-repeat top left;
	width: 50px;
	height: 44px;
	position: absolute;
	top: 40%;
	left: 30%;
}
#new_works .new .play {
	display: block;
	background: url(images/play.png) no-repeat top left;
	width: 50px;
	height: 44px;
	position: absolute;
	top: 40%;
	left: 30%;
}

/* CONTENT */

#content {
	float: left;
	width: 739px;
	background: url(images/content_bg.jpg) repeat;
	font-size: 11px;
	margin-top: 8px;
}
#content #inside {
	width: 694px;
	margin: 0 auto;
	padding-bottom: 5px;
	line-height: 20px;
}
#content #inside img {
	margin: 10px;
}
#content #inside ul .page_item a:link, .page_item a:visited {
	display: block;
	height: 19px;
	background: url(images/side_button_dark.jpg) no-repeat;
	width: 250px;
	color: #666666;
}
.postcontent ul li {
	margin: 7px 0 8px 10px;
}
#content #content_top {
	background: url(images/content_top.jpg) no-repeat;
	width: 739px;
	height: 7px;
}
#content #content_bottom {
	background: url(images/content_bottom.jpg) no-repeat;
	width: 739px;
	height: 8px;
}
/* FOOTER */
#footer {
	font-size: 11px;
}
#footer #foot_left {
	float: left;
	text-align: left;
	margin: 15px;
}
#footer #foot_right {
	margin-top: 15px;
	float: right;
	text-align: right;
}