/*
THEME NAME: SANDBOX: Arcane Arts
THEME URI: http://www.arcane-arts.com
DESCRIPTION: Personal artist's portfolio built on Sandbox base
VERSION: 1.6
AUTHOR: <a href="http://bonestructure.com/">David Bone</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* This is importing the BluePrint CSS framework   */
@import url('blueprint/screen.css');  

/* 
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fluid layout with one sidebars right of content
*/
div#container {
float:left;
margin:0 -365px 0 0;
width:100%;
}

div#content {
margin:0 295px 0 0;
border-right: 1px dotted #6F613C;
}

	.page div#content, .archive div#content, .category div#content, .four04 div#conent, .search div#conent {
	padding-top: 3em;
	}

	.home div#content {
	padding-top: 15px;
	}
	
div#primary {
padding-top: 3em;
margin-bottom: 25px;
border-bottom: 1px dotted #6F613C;
}

div.sidebar {
float:right;
overflow:hidden;
width:250px;
padding-left: 30px;
}

div#secondary { clear:right; }

div#footer {
clear:both;
width:100%;
	padding: 2em 0;
	color: #938F8E;
	font-size: 80%;
	border-top: 1px dotted #6F613C;
}


		/*
		LAYOUT: Three-Column for the blog section(s)
		DESCRIPTION: Three-column fluid layout with two sidebars on both sides of content
		*/
		.blog div#container, .single div#container, .archive div#container {
		float:left;
		width:100%;
		
		margin: 0;
		}
		
		.blog div#content, .single div#content, .archive div#content {
		margin:0 200px;
		border-right: 1px dotted #6F613C;
		border-left: 1px dotted #6F613C;
		}
		
		.blog div.sidebar, .single div.sidebar, .archive div.sidebar {
		float:left;
		overflow:hidden;
		width:180px;
		padding: 0px;
		}
		
		.blog div#primary, .single div#primary, .archive div#primary {
		margin:0 0 0 -100%;
		}
		
		.blog * html div#primary, .single * html div#primary, .archive * html div#primary {
		left:20px;
		position:relative;
		}
		
		.blog div#secondary, .single div#secondary, .archive div#secondary {
		margin:0 0 0 -180px;
		padding-top: 3em;
		}
		
/*
		.blog div#footer {
		clear:left;
		width:100%;
		}
*/
		

/* ---------------  BASE STYLES --------------------  */

body {line-height: 1.4em;}

a, a:link {color:#605215; /* padding: 0 2px; */}
a:visited {color:#000; /* text-decoration: none; */}
a:active, a:hover {color: purple; text-decoration: none; /* background-color: #E0DFCB; */}

.sidebar a, .sidebar a:link {color:#6F613C; text-decoration: none; padding: 3px;}
.sidebar a:visited {color:#6F613C;text-decoration: none;}
.sidebar a:active, .sidebar a:hover {color: #000; background-color: #E0DFCB;}

a.thickbox  {background-color: #fff;}

#header a:active, #header a:hover {background-color: #fff;}


/* Just some example content */
div.skip-link {
display: none;
position:absolute;
right:1em;
top:1em;
}

#access, #header, #menucentered, #logo-blog-title {margin: 0; padding: 0}


/* ---------------  TOP NAV #MENU --------------------  */


#access { z-index: 200;}

#menucentered { border-bottom: 1px dotted #6F613C; }

div#menu {
	z-index: 201;
	height:2em;
	width: 645px;
	margin: 15px auto 0 auto;
	border-collapse: collapse;
	}

#menu ul {
	z-index: 202;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu ul li {
	float: left;
	text-align: center;
	}

#menu ul li a {
	width: 8em;
	display: block;
	padding: 3px 5px;
	margin: 0;
	color: #6F613C;
	border-right: 1px dotted #6F613C;
	background: #fff;
	text-decoration: none;
	letter-spacing: .1em;
	font-weight: bold;
}

#menu li.page-item-65 a {  /* This is for the Home "button" - THIS WILL CHANGE IF THE HOME PAGE CHANGES */
	border-left: 1px dotted #6F613C;
	}

#menu ul li a:hover {
	background: #e8e5e0;
	color: #8C7884;
}
#menu ul li.current_page_item a, #menu ul ul li.current_page_item a {
	background: #e8e5e0;
	color: #6F613C;
	font-weight: bold;
}
#menu ul ul{display:none;}
#menu ul ul li{float:none;}
#menu ul ul li a{margin:0;padding:0;}
#menu ul li:hover ul{
	display:block;
	position:absolute;
	}
#menu ul li:hover ul li a{
	border-top: 1px solid #fff;
	border-right: 0px dotted #6F613C;
	background:#f8f2fc; 
	color: #6F613C;
	display:block;
	padding: 3px 5px;
	width: 8em;
	font-weight: normal;
}
#menu ul li:hover ul li a:hover{
	background: #e8e5e0;
	color: #8C7884;
}

/* ---------------  PAGES STRUCTURE --------------------  */

.entry-content {
padding-right: 45px;
}
		.blog .entry-content, .blog .entry-title, .blog .entry-date, .blog #respond {
		padding: 0 10px;
		}
		
		.single .entry-content, .single .entry-title, .single .entry-date, .single #comments {
		padding: 0 10px;
		}

		.archive .entry-content, .archive .entry-title, .archive .entry-date, .archive #respond {
		padding: 0 10px;
		}

		.blog .entry-meta, .single .entry-meta, .archive .entry-meta {
		padding: 1em 10px 1em 10px;
		margin-bottom: 2em;
		}
		
.rss_box {padding:.8em;margin-bottom:1em;border:2px solid #C5D0C0;background-color: #eee;}		
		
		
.entry-meta, .entry-title {
clear:both;
}

.entry-meta {
margin-top: 1em;
/* border-top: 1px dotted #6F613C; */
border-bottom: 1px dotted #6F613C;
color: #938F8E;
font-size: 80%;
}

/*
.entry-title {
width: 75%;
float: left;
}
*/

h2.entry-title {
margin: 20px 15px 5px 0;
padding: 0;
}

 h3.entry-title {
margin: 0 15px 15px 0;
padding: 0;
}

.entry-date{
/* 	float: right; */
	font-size: 80%;
	text-align: left;
	margin: 0 0 15px 0;
/*
	margin-top: 15px;
	margin-right: 15px;
*/
	color: #8C7884;
	}

.published {border: 0;}

	.entry-content{
		clear: both;
		}
	
/*
	.archive .entry-title {
	float: left;
	width: 75%;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
	.archive .entry-date {
	float: right;
	text-align: right;
	margin-right: 15px;
	width: 220px;
	}
*/

	.archive .page-title {
	padding: 0 10px;
	}

	.archive .hentry {
	border-bottom: 1px dotted #6F613C;
	margin-bottom: 15px;
	}

	.archive .hentry p{
	padding-left: 45px;
	}

	.archive .entry-meta {
/* 	text-align: right; */
	margin-left: 45px;
	border-bottom: 0px dotted #6F613C;
	color: #938F8E;
	}
	
	.archive .entry-meta a {
	color: #938F8E;
	text-decoration: none;
	}


/* ---------------  PAGES  --------------------  */


/*  HOME PAGE  */

#homepagelargeimage {
	display: block;
	width: 622px;
	height: 600px;
	margin: 0 auto;
	padding-bottom: 15px;
	}


/* sharethis button and text  */

.stbuttontext {
/* font-size: 80%; */
color: #938F8E;
}

a .stbutton .stico_default {
text-decoration: none;

}

a .stico_default {
text-decoration: none;
}

a .stbutton {
text-decoration: none;
}



form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
border-bottom: 1px dotted #6F613C;
padding: 5px 0;
}

div#nav-below {
	margin:.5em 0px 1em 0px;
	border-top: 0px dotted #6F613C;
	border-bottom: 1px dotted #6F613C;
	padding: 5px 0;
}


div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation a {
color: #6F613C;
text-decoration: none;
}

div.navigation a:hover {
color: #6F613C;
text-decoration: underline;
}

div.navigation div.nav-previous {
		float: left;
		width: 250px;
		margin-left: 15px;
		clear: none;
}

div.navigation div.nav-next {
		float:right;
		text-align:right;
		width: 250px;
		margin-right: 15px;
		clear: none;
}

/*
		.blog div.navigation div.nav-previous, .single div.navigation div.nav-previous {
		float: left;
		width: 250px;
		margin-left: 15px;
		clear: none;
		}
		
		.blog div.navigation div.nav-next, .single div.navigation div.nav-next {
		float:right;
		text-align:right;
		width: 250px;
		margin-right: 15px;
		clear: none;
		}
*/




/* ---------------  SIDEBAR  --------------------  */

div.sidebar h3 {
font-size:1.2em;
line-height: 2em;
}


div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
line-height: 1.8em;
color: #8C7884;
}

/* sidebar links define with other a links */

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

/* Events calendar  */

/* additional changes to the large calendar page  */

	#calendar_wrapLarge h2 {
	padding: 0px;
	margin: 0px;
	height: 1.5em;
	}

	#wp-calendarLarge th {
	background-color: #bfb3c6;
	}
	
	#EC_previousMonthLarge, #EC_nextMonthLarge {
	font-size: 80%;
	}
	
	span#EC_previousMonthLarge, span#EC_nextMonthLarge {
	padding-bottom: 3px;
	border-bottom: 1px solid #6E603B;
	color: #6E603B;
	}
	
	#EC_nextMonthLarge {
	float: right;
	text-align: right;
	}




/* END OF REWRITING EVENTS CALENDAR LISTING  */


div.gallery dl,div.navigation div.nav-previous {
float:left;
}


input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/*  NEXT GEN GALLERY STYLES  */
div .ngg-album {
/* 	float: left; */
	margin: 15px 5px 15px 0;
	border-bottom: 1px solid #ccc;
	width: 75%;
	}
	
div .ngg-albumtitle{
	font-size: 1.5em;
	color: #552755;
	font-weight: normal;
	margin-bottom: 10px;
	}
	


div .ngg-gallery-thumbnail-box {
/* 	width: 215px; */
/* 	border: 1px dotted #ff0000; */
	text-align: center;
	margin-bottom: 35px;
	}