﻿/*
Theme Name: Amber
Theme URI: http://wordpress.org/
Description: Amberiui mat.
Version: 0.1
Author: Gediminas Čekanauskas
Author URI: http://paparaci.lt/
Tags: black, dark, orange, amber
*/

/* Begin Typography & Colors */
body
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #111 url(images/bg.jpg) top left repeat-x;
	color: #363636;
	margin: 50px 0 0;
	padding: 0;
}
p
{
	margin: 0;
	padding: 0;
}
a
{
	color: #ce8a16;
	text-decoration: none;
	outline: none;
}
a:hover
{
	color: #ce8a16;
	text-decoration: underline;
}



#container
{
	margin: 0 auto;
	width: 1000px;
}

#header
{
	background: url(images/header_bg.png) bottom left no-repeat;
}

#header .menu
{
	float: right;
	padding-right: 20px;
}

#header .menu .ohyeah
{
	float: left;
}
#header .menu .yeah
{
	padding-left: 15px;
}

.menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menu_main li {
	position: relative;
	display: inline;
	float: left;
}
ul.menu_main li a {
	display: block;
	padding: 7px 12px 9px;
	background: #101010 url(images/menu_main_bg_inactive.png) top left repeat-x;
	color: #faa61a;
	font-size: 1.1em;
}
ul.menu_main li.current_page_item a, ul.menu_main li.current_page_parent a, ul.menu_main li.current_lang_item a
{
	background: #3d2906 url(images/menu_main_bg_active.png) top left repeat-x;
}
ul.menu_main li.current_lang_item a
{
	color: #000;
}

ul.menu_main li a:hover {
	/*text-decoration: none;*/
}
/* Begin Holly Hack for IE \*/
* html ul.menu_main li { float: left; height: 1%; }
* html ul.menu_main li a { height: 1%; }
/* End Holly Hack for IE */

#left_col
{
	width: 171px;
	float: left;
}
#left_col .after_logo
{
	background: url(images/left_col_bg.png) top left no-repeat;
}
#left_col .menu
{
	width: 158px;
	float: right;
}
#left_col .menu_title
{
	background: url(images/menu_products_header2.png) top left no-repeat;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #FFF;
	text-align: right;
	padding: 14px 0 19px;
}
#left_col .menu_title span
{
	padding-right: 10px;
}
ul.menu_products
{
	background: url(images/menu_products_bg.png) top left repeat-y;
}
ul.menu_products li
{
	padding-bottom: 1px;
	background: url(images/menu_products_sep.png) bottom left no-repeat;
}
ul.menu_products li a
{
	font-size: 1.2em;
	color: #FFF;
	display: block;
	text-align: right;
	
	padding: 7px 10px 6px 0;
}
ul.menu_products li.current_page_item a
{
	padding-right: 25px;
	background: url(images/menu_products_arrow.png) 140px 11px no-repeat;
}
#left_col .menu_footer
{
	height: 17px;
	background: url(images/menu_products_footer.png) top left no-repeat;
}
#left_col .languages
{
	text-align: center;
	padding-left: 18px;
}
#left_col .languages img
{
	padding-left: 4px;
}

#right_col
{
	width: 829px;
	background: url(images/right_col_bottom_right_bg.png) bottom right no-repeat;
	float: left;
}
#right_col .right_col_before_content
{
	height: 13px;
	background: url(images/right_col_before_content.png) top left no-repeat;
}
#right_col .content
{
	background: url(images/right_col_content_bg.png) top left repeat-y;
}
#right_col .content .content_inner
{
	padding: 10px 43px 10px 23px;
}
#right_col .content .content_inner .breadcrumbs
{
	padding-bottom: 15px;
	text-align: right;
	font-size: 1em;
}
#right_col .content .content_inner .title
{
	font-weight: bold;
	font-size: 1.8em;
	color: #FAA61A;
	padding-bottom: 10px;
}
#right_col .content .content_inner .entry
{
	font-size: 1.1em;
	min-height: 480px;
}
/* for Internet Explorer */
/*\*/
* html #right_col .content .content_inner .entry {
	height: 480px;
}
/**/
#right_col .content .content_inner .entry p
{
	padding: 0.5em 0;
}

/* GALERIJA */

#right_col .content .content_inner .stalciukas
{
	margin-right: 19px;
	float: left;
}
#right_col .content .content_inner .stalciukas .header
{
	padding: 18px 5px 5px 15px;
	text-transform: uppercase;
}
#right_col .content .content_inner .stalciukas .pikciuras
{
	border: 1px solid #D09474;
}

.galerijuxe { height: 370px; width: 370px; background: #F5F5F5; position: relative; float: left; border: 1px solid #D09474;}
.galerijuxe img { display: none; }
.galerijuxe img.first { display: block; }
.galerijuxe_frame { z-index: 10; background: url(images/frame2.png) top left no-repeat; height: 300px; width: 400px; position: absolute; top: 0; left: 0; }
.galerijuxe_nav { position: absolute; bottom: 20px; right: 20px; z-index: 11; }
.galerijuxe_nav a { display: block; height: 30px; width: 30px; float: left; }
.galerijuxe_nav a.galerijuxe_zoom { background: url(images/zoom.png) top left no-repeat; padding-right: 4px; }
.galerijuxe_nav a.galerijuxe_nav_prev { background: url(images/prev.png) top left no-repeat; padding-right: 4px; }
.galerijuxe_nav a.galerijuxe_nav_next { background: url(images/next.png) top left no-repeat; }
.galerijuxe_picts { height: 370px; width: 370px; }
.galerijuxe_caption2_title { font-size:1.1em; font-weight:bold; margin-bottom:10px; color:#CE8A16; }
.galerijuxe_caption2 { text-align: justify; }
.galerijuxe_right { width: 330px; padding: 8px 0 0 20px; float: left; }



#right_col .right_col_after_content
{
	height: 31px;
	background: url(images/right_col_after_content.png) top left no-repeat;
}

#footer
{
	display: none;
}











/* End Typography & Colors */

/* Begin Various Tags & Classes */
.center
{
	text-align: center;
}
.hidden
{
	display: none;
}
.clear
{
	clear: both;
}
a img
{
	border: none;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* End Various Tags & Classes*/
