/*  
Theme Name: LvossArt
Theme URI: http://endunham.com
Description: The original WordPress theme exclusively for lailavossart.com, created by <a href="http://endunham.com/">Etsuko Dunham</a>
Version: 1.0
Author: Etsuko Dunham
Author URI: http://endunham.com
*/

/*** 
TABLE OF CONTENT
------------------------------ ***/
/*
1. GLOBAL RESET
2. PRIMARY LAYOUT STRUCTURE
3. SECONDARY LAYOUT STRUCTURE
4. TERTIARY LAYOUT STRUCTURE
5. QUATERNARY LAYOUT STRUCTURE
6. TYPOGRAPHY & COLORS
7. IMAGES
8. LISTS
9. FORM
10. COMMENTS
11. STYLES FOR ACTIVE PLUGINS
12. CALENDAR
13. 
*/

/*** 
COLOR SCHEME 
------------------------------ ***/ 
/*
Dark black: #060202; rgb(6, 2, 2)
White: #fff; 
Lime green: #afd4b6; rgb(175, 212, 182)
Grey: #666;
Redish brown: #3B2517; rgb(59, 37, 23)
*/

/**
1. GLOBAL RESET
------------------------------- **/
/*@import url("reset.css");*/


/** 
2. PRIMARY LAYOUT STRUCTURE 
------------------------------- **/

* {
margin: 0; 
padding: 0;
}

html, body {
height:100%;
}
html {
background: url(images/Back-ground.png) center 152px no-repeat #060202;
}
body {
text-align: center; 
background: url(images/topbkgd.jpg) top left repeat-x;
font: normal small/1.5em Arial, Helvetica, sans-serif;
color: #fff; 
min-width: 1024px;
}
#page {
position: relative;
padding: 0 15% 2em 15%;
margin: 0;
width:70%; 
height: 100%;
}
* html #page {
height: 100%;
}
#header {
text-align: left;
height: 152px;
background: url(images/lg-splatter.gif) left top no-repeat;
}
#content {
float: right;
width: 72%;
overflow:hidden;
margin-left:-3px;
padding-top: 1.5em;
padding-bottom: 1.5em;
background: transparent;
text-align: left;
}
#sidebar {
float: left;
width: 28%;
text-align: left;
padding-bottom: 1.5em;
}
#footer {
clear: both;
width: 100%;
height: 5.5em;
position: relative;
margin: -5.5em 0 0 0;
background: url(images/bttmbkgd2.jpg);
text-align: center;
}




/** 
3. SECONDARY LAYOUT STRUCTURE
--------------------------------- **/
#topbox {
float: left;
/*width: 70%;*/
width: 95%;
position: relative;
top: 30px;
padding-top: 16px;
}
/*#rightbox {
width: 30%;
float: right;
position: relative;
top: 30px;
padding-top: 2.5em;
}*/
.gutter {
padding: 2.5em 1em;
}


/** 
4. TERTIARY LAYOUT STRUCTURE
--------------------------------- **/
.post {
	padding: 2em 0;
	}
div#topbox h1 {
float: left;
padding-left: 1em;
padding-top: 20px;
width: 65%;
overflow: hidden;
}
div#topbox ul {
float: right;
width: 25%;
position: relative;
border-left: 1px dotted #fff;
overflow: hidden;
}
div#topbox ul {
	padding: 0 0 0 12px;
	margin: 3px 0 0 0;
	}
.search {
padding-top: 1em;
padding-left: 1em;
}
.navigation {
	text-align: center;
	}
ul.navigation li {
	display: inline;
	list-style: none;
	padding: .5em 1em;
	}
div.related_work, div.oac_credit {
	padding: 2em 4em;
	}
div.related_work p {
	padding-bottom: 5px;
	}

/** 
5. QUATERNARY/BEYOND LAYOUT STRUCTURE
------------------------------------- **/
/* Header structure */
/*div#rightbox p {
	padding-left: 5px;
	}
div#rightbox p a, div#rightbox p a img {
	border: none;
	}
div#rightbox p a img {
	vertical-align: bottom;
		
	}*/
/* Content structure */

h2.pagetitle {
	padding-bottom: 1em;
	padding-right: 1em;
	}
div.entry {
	padding: 1em 0;
	}
h2.single_page_title {
	margin-left: 1.5em;
	padding-left: 10px;
	border-left: 10px solid #afd4b6;
	}

div.single_entry {
	padding: 2.5em 1.5em;
	}
div.single_entry p {
	padding: 1em;
	}

.attachment {
	text-align: center;
	margin: 5px 0px;
	}
/* Sidebar structure */
#sidebar div.gutter ul {
	margin: 0;
	padding: 10px 0 0 20px;
	}
#sidebar div.gutter ul li {
	list-style: none;
	padding: 5px 16px;
	margin: 0;
	}
#sidebar div.gutter h2 {
	margin: 20px auto 0 20px;
	padding: 0 auto 3px 0;
	}



/** 
6. TYPOGRAPHY & COLORS
---------------------------------- **/
/* Header typography */
#topbox h1, #topbox h1 a, #topbox h1 a:visited {
font: normal 2.0em "Bookman Old Style", "Times New Roman", Times, serif;
color: #afd4b6;
letter-spacing: .1em;
text-decoration: none; 
}
#topbox h1 a:hover {
color: #fff;
}
div#topbox ul li{
list-style: none;
font-size: .95em;
}
div#topbox ul li.page_item a{
	padding-left: 20px;
	text-decoration: none;
	color: #fff;
	}
div#topbox ul li.page_item a:hover {
	color: #afd4b6;
	}
div#topbox ul li.current_page_item a:hover {
	color: #666; /* does not work */
	}
div#topbox ul li.current_page_item a, 
div#topbox ul li.current_page_item a:visited {
	background: url(images/check.gif) left center no-repeat;
	color: #afd4b6;
	}
/* Content typography */
h2.pagetitle, h2.pagetitle2, h2.single_page_title {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	line-height: 1em;
	color: #fff;
	}
h2.pagetitle, h2.pagetitle2 {
	text-align: right;
	}
h2.pagetitle a, h2.single_page_title a {
	color: #fff;
	text-decoration: none;
}
h2.pagetitle2 {
	height: 50px;
	background: url(images/splatter-corner.gif) 95% 0 no-repeat;
	}
h2.pagetitle2 span {
	display:block;
	position:relative;
	height: 50px;
	padding: 0 2em 0 0;
	margin: 0;
	background: url(images/rightside.png) repeat-y right top;
	}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6,
.entry-main h1, .entry-main h2, .entry-main h3, .entry-main h4, .entry-main h5, .entry-main h6 {
	color: #3b2517;
	padding-left: 10px;
	font-family: "Times New Roman", Times, serif;
	background: url(images/heading-bkgd.gif) left bottom no-repeat;
	}
.entry h1, .entry-main h1, single_entry h1 {
	font-size: 1.8em;
	line-height: 1em;
	}
.entry h2, .entry-main h2, single_entry h2 {
	font-size: 1.6em;
	line-height: 1em;
	}
.entry h3, .entry-main h3, single_entry h3 {
	font-size: 1.4em;
	line-height: 1em;
	padding-top: 1em;
	padding-bottom: .25em;
	}
.entry h4, .entry-main h4, single_entry h4 {
	font-size: 1.3em;
	line-height: 1em;
	padding-top: 1em;
	padding-bottom: .5em;
	}
.entry h5, .entry-main h5, single_entry h5 {
	font-size: 1.2em;
	line-height: 1em;
	padding-top: 1em;
	}
.entry h6, .entry-main h6, single_entry h6 {
	font-size: 1.1em;
	line-height: 1em;
	}
.entry-main dl {
	padding: .5em 0 .5em 20px;
	margin: 0;
	line-height: 1.2em;
	}
.entry-main dl dd em, .entry-main dl dt {
	font-weight: bold;
	}
.entry-main dd {
	padding: 0 25px 10px 25px;
	margin: 0;
	}
.entry-main ol {
	padding: 0 0 10px 45px;
	margin: 0;
	}
.entry-main hr {
	width: 100%;
	height: 1px;
	border: none;
	color: #fff;
	margin: 2em 0;
	}
.entry ul, .entry-main ul,  single_entry ul {
	padding: 0 0 1em 0;
	margin: 0 0 0 20px;
	}
.entry ul li, .entry-main ul li, single_entry ul li {
	padding: 0;
	margin: 0 0 0 10px;
	line-height: 1.5em;
	}
.entry-main ul li {
	list-style: none;
	}
.entry-main ul li dl {
	padding-bottom: 1em;
	}
.entry-main ul li dl dt, .entry-main ul li dl dd{
	padding: 0;
	margin: 0;
	}

.entry p, .entry-main p, .single_entry p  {
	padding: 1em 20px; 
	}
.entry p a, .entry-main p a, .single_entry p a, .entry-main ol li a {
	color: #060202;
	}
.entry p a:visited, .entry-main p a:visited, .single_entry p a:visited, .entry-main ol li a:visited
.entry p a:hover, .entry-main p a:hover, .single_entry p a:hover, .entry-main ol li a:hover {
	color: #fff;
	text-decoration: underline;
	}

.postpage2 {
	padding: 0;
	marging: 0;
	background: #afd4b6 url(images/leftside.png) repeat-y left top;
	color: #060202;
	}
div.page-header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	background: url(images/top.png) no-repeat left top;
	color: #fff;
	}
div.page-header span {
	display:block;
	position:relative;
	height: 40px;
	padding: 0;
	margin: 0;
	background: url(images/top-right.png) no-repeat right top;
	}
.entry-main {
	position: relative;
	padding: 0 3em 0 3em;
	margin: 0;
	background: url(images/rightside.png) repeat-y right top;
	}
.entry-footer {
	height: 68px;
	margin: 0;
	background: url(images/bottom.png) no-repeat left bottom;
	text-align: right;
	font-size: smaller;
	color: #666;
	}
.entry-footer span {
	display:block;
	position:relative;
	height:68px;
	background: url(images/bottom-right.png) no-repeat right top;
	padding-right: 3em;
	margin: 0;
	}
.related_work p, .single_entry p span, .single_entry p span a:link  {
	color: #afd4b6;
	font-family: "Times New Roman", Times, serif; 
	}
.single_entry p span a:visited, .single_entry p span a:hover {
	color: #fff;
	}
.single_entry p span img{
	border: 1px solid #afd4b6;
	}	
div.nav_header {
	background: url(images/nav-left.gif) left top no-repeat;
	margin: 20px 12em;
	padding: 0;
	
	}
ul.nav_header_main {
	padding: 5px 0;
	margin: 0;
	font-size: .85em;
	background: url(images/nav-right.gif) right top no-repeat;
	}
	
.related_work p a, .oac_credit  p a, ul.navigation li a, div.alignleft a, div.alignright a,
.related_work p a:visited, .oac_credit p a:visited, ul.navigation li a:visited {
	text-decoration: none;
	color: #fff;
	}
.related_work p a:hover, .oac_credit  p a:hover,
ul.navigation li a:hover, div.alignleft a:hover, div.alignright a:hover {
	text-decoration: none;
	color: #afd4b6;
	}
.oac_credit img {
	background: #fff;
	}
.attachment-thumbnail {
	color: #ccc;
	}
span.up_button {
	display: block;
	position: relative;
	padding: 5px;
	margin: 0 0 0 72%;
	font-size: 85%;
	}

/* Sidebar typography */
#sidebar {
font-size: .9em;
}
div#sidebar div.gutter h2 {
font-family: "Bookman Old Style", "Times New Roman", Times, serif;
border-bottom: 1px dotted #afd4b6; /* Set differently for IE in IEstyle.css */
font-size: 1.35em;
}

div#sidebar div.gutter ul.sidebar_nav li {
	background: url(images/limebar.jpg) left center no-repeat;
	padding-left: 10px;
	}
div#sidebar div.gutter ul.sidebar_nav_alt li{
background: url(images/splatter.gif) left top no-repeat;
}
div#sidebar div.gutter ul.sidebar_nav_alt li h3 {
	line-height: 1.25em;
	font-size: 1em;
	padding-bottom: 1em;
	}
div#sidebar div.gutter ul.sidebar_nav_alt li p {
	padding-left: 5px;
	line-height: 1.3em;
}
div#sidebar div.gutter ul.sidebar_nav_alt li a, 
div#sidebar div.gutter ul.sidebar_nav_alt li a:visited,
div#sidebar div.gutter ul.sidebar_nav_alt li a:hover  {
	text-decoration: none;
	color: #afd4b6;
	}
div#sidebar div.gutter ul.sidebar_nav_alt li a:hover {
	text-decoration: underline;
	}
div#sidebar div.gutter ul li.page_item a {
text-decoration: none;
}
div#sidebar div.gutter ul li.current_page_item a {
color: #afd4b6;
}
div#sidebar div.gutter ul li.page_item a, div#sidebar div.gutter ul li.page_item a:visited {
color: #fff;
}
div#sidebar div.gutter ul li.current_page_item a:visited {
color: #afd4b6;
}
div#sidebar div.gutter ul li.page_item a:hover {
color: #660033;
}
div#sidebar div.gutter ul.sidebar_nav li.child_list,
div#sidebar div.gutter ul.sidebar_nav li.child_list ul li {
	background: none;
	}
div#sidebar div.gutter ul.sidebar_nav li.child_list ul, 
div#sidebar div.gutter ul.sidebar_nav li.child_list ul li {
	padding: 0;
	margin: 0;
	}

/* Footer typography */
.credit {
padding: 1.5em 0 0 0; margin: 0;
color: #afd4b6;
background: url(images/bttmbkgd1.jpg) top left repeat-x;
}
.credit a:visited, .credit a:link {
color: #afd4b6;
text-decoration: none;
}
.credit a:hover {
text-decoration: underline;
}
/* Universal Typography*/


/** 
7. IMAGES
-------------------- **/
p img {
	padding: 0;
	max-width: 100%;
	}
p a img {
	vertical-align: bottom;
	border: none;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 5px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 5px 2px 0;
	display: inline;
	}
div.alignleft {
	margin-right: 10px;
	}
div.alignright {
	margin-left: 10px;
	}
div.aligncenter {
	margin: auto 10px;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
img.size-full, img.attachment-medium {
	border: 4px solid white;
	}

/** 
8. FORM
-------------------- **/
.nofound {
padding: 3em 2em;
}
.nf {
padding: 3em 1em;
}
form#searchform {
padding-top: 12px;
}
input#s{
border: 2px solid #fff;
color: #666666;
}
input#searchsubmit{
border: 1px solid #666;
background: #666666;
color: #FFFFFF;
}

/** 
9. STYLES FOR ACTIVE PLUGINS
-------------------- **/
/* contactform 7 plug-in */
div.wpcf7 form {
	margin-left: 50px;
	}
div.wpcf7 form input, div.wpcf7 form textarea {
	border: none;
	padding: 3px;
	}
/* For Documentation page */
.entry h3.video-title {
	background: none !important;
	color: #afd4b6 !important;
	}
.entry h3.video-title a {
	color: #afd4b6 !important;
	text-decoration: none !important;
	}
.entry h3.video-title a:visied {
	color: #fff;
	}
.entry h3.video-title a:hover {
	text-decoration: underline !important;
	color: #fff !important;
	}

/** 
10. CUSTOM STYLES
-------------------- **/
/* Conditonal Sideblog at home page */
div.sideblog-bottom {
	margin-top: 2em;
	padding: 2em 1em;
	float: right;
	border: 1px dotted #afd4b6;
	-khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	}
div.sideblog-bottom h2 {
	background: none !important;
	color: #afd4b6 !important;
	}
div.sideblog-bottom h3 {
	background: none !important;
	color: #fff !important;
	}
div.sideblog-bottom ul li {
	list-style: none;
	float: left;
	width: 220px;
	margin: 0 10px;
	
	}
div.sideblog-bottom ul li a {
	color: #afd4b6 !important;
	text-decoration: none !important;
	}
div.sideblog-bottom ul li a:hover {
	text-decoration: underline !important;
	}

/** 
LISTS
COMMENTS
CALENDAR **/