/*
Theme Name: Lukacs
Description: A theme from <a href="http://perfectcirclemedia.com">Perfect Circle Media</a>
Author: Scarlett Coley
Author URI: http://perfectcirclemedia.com
*/



/* GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#aaa6a5;
	font:0.82em Arial, Helvetica, sans-serif; 
	color:#868e9b;
	line-height:149%;
	}

p	{
	margin:0 0 12px 0;
	}

img {
	margin:0; 
	padding:0;
	border:0;
	}

ins {
	color:#009999;
	}

del {
	color:#987000;
	}



/* HEADER
/* ----------------------------------------------*/

#header {
	margin:0 auto; 
	padding:0;
	background-color:#aaa6a5;
	}

#masthead {
	margin:0 auto; 
	padding:0;
	background:#dcdcdc url(images/masthead_01.jpg) no-repeat top left;
	height:134px;
	width:870px;
	border-right: 1px solid #a19ca0;
	border-bottom: 2px solid #a19ca0;
	border-left: 1px solid #a19ca0;
	}

#logo {
	float:left;
	margin:33px 20px 24px 265px;

	}

#menu {
	font-size:1.1em;
	float:left;
	clear: both;
	margin:0 auto; 
	padding:0;
	width: 870px;	
	}

.lavaLamp { 
	position: relative;
	margin:0 auto;
	padding: 0;
	width:900px;
	overflow: hidden; 
	}
	
.lavaLamp li {
	float: left; 
	height:39px;
	list-style: none;
	margin:0 20px 0 0;
	padding:0;
	display:inline;
	}

.lavaLamp li.back {
	width: 9px; 
	z-index: 8;
	position: absolute;
	padding:0;
	background: rgb(170, 166, 165); /* The Fallback */
	background: rgba(170, 166, 165, 0.3);
	border-radius: 4px 4px 0 0; /* The Futureproof */
	-webkit-border-top-left-radius: 4px;    /* for Safari */
	-webkit-border-top-right-radius: 4px;    /* for Safari */
    -moz-border-radius-topleft: 4px;       /* for Firefox */
	-moz-border-radius-topright: 4px;       /* for Firefox */
 
	}
	
.lavaLamp li.back .left {
	height:30px;
	}

.lavaLamp li a {  
	width:277px;
	text-decoration: none; 
	color: #333333;
	outline: none;
	text-align: center; 
	margin:11px 0 10px 0;
	font-weight:normal;
	letter-spacing: 0;
    z-index: 10;
 	display: block;
    float: left;
    position: relative;
    overflow: hidden;
    }

.lowercase {
	font-size:1em;
	text-transform:lowercase;
	}
	
.amp {
	font-size:.85em;
	text-transform:lowercase;
	}
		
.lavaLamp li a:visited, .lavalamp li a:hover, .lavalamp li a:active  {
	border: none;
	color: #333333; 
	font-weight:normal;
	}               

		
/* MAIN CONTENT
/* ----------------------------------------------*/

#main-content {
	width:870px;
	height: expression( this.scrollHeight < 281 ? "280px" : "auto" ); /* sets min-height for IE */
	min-height: 280px; /* sets min-height value for all standards-compliant browsers */
	margin:0 auto; 
	padding:21px 0 0 0;
    background: #DCDCDC url(images/frontbg6.jpg) no-repeat top left;
	border-right: 1px solid #a19ca0;
	border-bottom: 1px solid #a19ca0;
	border-left: 1px solid #a19ca0;
	}

.post {
	margin:0;
	padding:0 0 12px 0;
	}

.post-edit-link a, .post-edit-link a:visited, .post-edit-link a:active {
	color: #87a3eb;
	}

.post-edit-link a:hover {
	color: #87a3eb;
	text-decoration:underline;
	}


#slideshow {
	width:870px;
	height:372px;
	margin:0 auto;
	padding:00;
    background-color: #aaa6a5;
	}
	
.catposts {
	margin:0;
	padding:0 0 12px 0;
	border-bottom: 1px solid #a19ca0;
	}	
	

/* TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	margin:9px 0 0 0;
	font: normal 1.1em Arial, Helvetica, sans-serif;  
	color: #333;
	text-transform:none;
	}

h1 a:link {
	color: #84637e;
	text-decoration:underline;
	}
	
h1 a:visited {
	color: #84637e;
	text-decoration:underline;
	}
	
h1 a:hover {
	color: #84637e;
	text-decoration:underline;
	background-color:#ffffff;
	}

h1.post-title {
	margin:12px 0 0 0;
	}

.single-title {
 	margin:9px 0 0 0;
	font: normal 1.1em Arial, Helvetica, sans-serif;  
	color: #333;
	text-transform:capitalize;
	}

h2 {
	margin:12px 0 0 0;
	padding:0;
	font:normal 1.1em Arial, Helvetica, sans-serif;  
	color: #594b4a;
	text-transform:capitalize;
	}

h2 a:link {
	color: #84637e;
	font-weight: bold;
	}
	
h2 a:visited {
	color: #84637e;
	font-weight: bold;
	}
	
h2 a:hover {
	color: #84637e;
	text-decoration:underline;
	font-weight: bold;
	}	


h3 {
	margin:12px 0 12px 0;
	font:normal 1.2em Arial, Helvetica, sans-serif;  
	color: #656e7c;
	text-decoration:underline;
	}


h3 a:link, h3 a:active, h3 a:visited {
	color: #656e7c;
	text-decoration:underline;
	}
	
h3 a:hover {
	text-decoration:underline;
	background-color:#ffffff;
	}
	
		
.single h3.post-title {
	font-size:1.4em;
	}
		
h3.post-title-small {
	font-size:1.4em;
	}

h4 {
	margin:12px 0 5px 0;
	font:normal 1em Arial, Helvetica, sans-serif;  
	color: #333333;
	text-transform:capitalize;
	}

h4 a:link, h4 a:active, h4 a:visited {
	color: #84637e;
	}
	
h4 a:hover {
	color: #84637e;
	text-decoration:underline;
	}
	
h4.post-title, .single h4.post-title, h4.post-title-small {
	margin:0 0 12px 0;
	padding:8px 22px 0px 22px;
	width:576px; 
	height:30px;
	background-color:#343b44;
	border-top:2px solid #84637e;
	border-bottom:2px solid #84637e;
	}
	
h5 {
	margin:0 0 5px 0;
	padding:0;
	font:normal 1.2em Arial, Helvetica, sans-serif;  
	color: #594b4a;
	text-transform:capitalize;
	}
			
.post-content h4, .page-content h4 {
	margin:10px 0; padding:0;
	font:bold 1.17em Georgia, "Times New Roman", Times, serif; color:#53798b;
	}

#tag_cloud h5, #searchform label {
	margin:0; padding:0;
	background:none;
	}

a:link, a:active {
	color:#656e7c;
	text-decoration:none;
	font-weight:normal;
	outline:none;
	}

a:hover {
	color:#656e7c;
	text-decoration:underline;
	outline:none;
	}

a:visited {
	color:#656e7c;
	text-decoration:none;
	font-weight:normal;
	outline:none;
	}

	
/* ---------------------- Sidebar---------------------- */

#sidebar {
	margin:0; 
	padding:0 0 40px 40px;
	width:217px;
	}

#sidebar ul {
	margin:0;
	padding:0 5px 4px 15px;
	list-style:circle;
	line-height:139%;
	}

#sidebar li {
	color: #656e7c;	
	padding:2px 0;
	}
		
#sidebar .page_item .page-item-76  {
margin:4px 0 0 0;
	}
		
#sidebar .current_page_ancestor .current_page_item {
	text-decoration:underline;
	}		
		
#sidebar ul a:link, #main-content a:active {
	color:#656e7c;
	font-weight:normal;
	text-decoration:none;
	}

#sidebar ul a:hover {
	color:#656e7c;
	background-color: #fff;
	text-decoration:none;
	}

#sidebar ul a:visited {
	color:#656e7c;
	font-weight:normal;
	text-decoration:none;
	}

#sideetsy {
	margin:0; 
	padding:14px 0 13px 0;
	}
	
#shopetsy {
	margin:0; 
	padding:14px 0 0 0;
	}

#sidebar .subscribe {
	color:#333333;
	font-size:0.9em; 
	padding: 8px 0 0 0;
	}
	
#sidebar .subscribe form {
	padding: 13px 0 0 0;
	}
		
		
.textwidget {
	color: #333333;
	margin:0 0 12px 0;
	}


.textwidget a{
	color: #84637e;
	text-decoration:none;
	margin:0 0 12px 0;
	}

.textwidget a:hover{
	text-decoration:underline;
	}

#sidebar .menu ul {
	margin:0;
	padding:0 5px 15px 15px;
	list-style:circle;
	}

#sidebar .menu li {
	color: #656e7c;
	}

#sidebar .menu .page_item a {
	color: #656e7c;
	font-weight:normal;
	}

#sidebar .menu .page_item a:hover {
	text-decoration:underline;
	}

#sidebar .menu .current_page_item a {
	color: #868e9b;
	text-decoration:underline;
	}


/* MAIN STRUCTURE
/* ----------------------------------------------*/

.container {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:870px; height:auto;
	}

.left, .alignleft {
	float:left;
	margin:10px 16px 12px 0;
	
	}

.right, .alignright {
	float:right;
	margin:12px 0 12px 16px;
	}

img.alignleft {
	float:left;
	margin-right:16px;	
	}

img.alignright{
	float:right;
	padding-left:16px;	
	}

.aligncenter {
	margin:0 auto;
	display:block;
	}
	

/* Clearfix
/* -------------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

.clearfix {
    display: inline-block;
	}

html[xmlns] .clearfix {
    display: block;
	}

* html .clearfix {
    height: 1%;
	}


/* Archive Post
/* --------------- */

.post-info {
	width:512px;
	float:left;
	clear:left;
	font:normal .9em Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:4px 0 0 0 ; 
	padding:12px 0;
	border-top: 1px solid #a19ca0;
	}

.archive {
	margin:0;
	}
	
.archive .post-meta {
	margin:0 0 17px 0;
	}
	
.archive .post-info {
	font-style:italic;
	}
					
			
/* Content
/* --------------- */

#front-post {
	float:right;
	width:512px; 
	margin:0 40px 31px 0;
	position:relative;
	color: #333333;
	}

#front-post p{
	text-align:left;
	margin:13px 0 0 0; 
	padding:0;
	color: #333333;
	}
	
#front-post p img{
	border: 1px solid #aaa6a5;
	}
	
.front-info {
	font:normal .9em Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:4px 0 0 0 ;
	}

#front-post a:link, #main-content a:active {
	color:#656e7c;
	font-weight:normal;
	text-decoration:underline;
	}

#front-post a:hover {
	color:#656e7c;
	text-decoration:underline;
	background-color: #fff;
	}

#front-post a:visited {
	color:#656e7c;
	font-weight:normal;
	text-decoration:underline;
	}

#inside-post {
	float:right;
	width:512px; 
	margin:0 40px 31px 0;
	position:relative;
	color: #333333;
	}

#inside-post p{
	margin:10px 0 0 0; 
	padding:0;
	color: #333333;
	}

#inside-post a:link, #main-content a:active {
	color:#656e7c;
	font-weight:normal;
	text-decoration:underline;
	}

#inside-post a:hover {
	color:#656e7c;
	text-decoration:underline;
	background-color: #fff;
	}

#inside-post a:visited {
	color:#656e7c;
	font-weight:normal;
	text-decoration:underline;
	}		

.inline {
	display:inline;
	}


.single-info {
	width:560px;
	margin-bottom:8px;
	padding:0 16px 8px 0px;
	font:normal .9em Arial, Helvetica, sans-serif;
	float:left;
	clear:both;	
	border-bottom:2px solid #343b44;	
	}

.margin21{ 
	margin:21px auto; 
	}
		
		
/* 404
/* --------------- */

#error {
	float:right;
	width:524px; 
	margin:16px 39px 39px 0;
	position:relative;
	}

#error p{
	margin:0; 
	padding:10px 0 0 0;
	color: #333333;
	}

#error li{
	color: #333333;
	}


/* Content Navigation
/* --------------- */	
						
.date {
	color:#492d46;
	font-weight:normal;
	font-size:.9em;
	float:left;
	clear:left;
	}

.navigation {
	margin: 15px 0 5px 0;
	}

.navigation a{
	color:#656e7c;
	font-weight:normal;
	}

.navigation a:hover {
	text-decoration: underline;
	background-color: #ffffff;
	}


/* WP Attachments
/* --------------- */

.wp-caption {
	padding:8px 4px 12px 4px;
	height:auto;
	background: rgb(170, 166, 165); /* The Fallback */
	background: rgba(170, 166, 165, 0.3);
	border-radius: 4px; /*Futureproof */
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
	text-align:center;
	}
	
.wp-caption-text {
	margin:0; 
	padding:0;
	font:.9em Arial, Helvetica, sans-serif; color:#333333;
	}
		
						
/* 07 - FOOTER
/* ----------------------------------------------*/

#footer {
	width: 870px;
	font:.85em Arial, Helvetica, sans-serif;
	text-align:center;
	height:28px;
	float:left;
	clear: both; 
	padding:18px 0 4px 0;
	background: rgb(180, 179, 177); /* The Fallback */
	background: rgba(180, 179, 177, 0.3)
	}


.footer-text   {
	margin:0;
	font-weight:normal;
	color:#656e7c;
	}
		
				
#footer a:link {
	color:#656e7c;	
	text-decoration:none;
	}
			
#footer a:visited {
	color:#656e7c;
	text-decoration:none;	
	}
				
#footer a:hover{
	color:#656e7c;
	background-color: #fff;
	text-decoration:none;
	}
		
.footer-text a:active {
	color:#656e7c;	
	text-decoration:none;
	}
		

/* Sliding Boxes and Captions with JQuery
/* --------------- */

.margin{ 
	margin:12px auto; 
	}		

.boxgrid{ 
	width: 510px; 
	height: 160px; 
	margin:0 auto 12px auto; 
	float:left; 
	background:#e4e4e4; 
	overflow: hidden; 
	position: relative; 
	}
	
.boxgrid h3{ 
	font-size: 1.1em;
	color: #333333;
	text-decoration:none;
	margin:0;
 	line-height:1;
	}
		
#inside-post .boxgrid a:link, #inside-post .boxgrid a:visited, #inside-post .boxgrid a:hover, #inside-post .boxgrid a:active{ 
	color: #333333;
	text-decoration:none;
	margin:0;
	}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}


.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #aaa6a5; 
	height: 60px; 
	width: 100%; 
	opacity: .8; 
	}
	
.captionfull .boxcaption {
	top: 160px;
	left: 0;
	}

.caption .boxcaption {
	top: 120px;
	left: 0;
	padding:13px 0 0 10px;
	}