/*
Theme Name: BaseLayer
Theme URI: http://folioplanet.com
Description: A simple Portfolio designed for fine artists by Folioplanet.com. Video tutorials are available <a href="http://folioplanet.com/Themes/tutorials" target="_blank">online</a> that explains how to use BaseLayer.
Version: 1.56
Author: Folioplanet.com
Author URI: http://folioplanet.com/
Tags: portfolio, custom scroll bars, custom home page


This theme was designed and built by Bryan Leister

This document - BaseLayer style.css - is inherited by all Child Themes that are based on BaseLayer. Anything in here is applied to Child Themes unless it is overwritten by css styles in the Child Themes. The default_colors.css, default_dimensions.css and default_navigationbar.css are not inherited from BaseLayer and should be part of a Child Theme to work properly. 

This system allows for common elements to be part of the core BaseLayer Theme and specific styling attributes unique to a Child Theme to be broken out into that theme.

Users may choose to ignore the default_colors.css file by using their BaseLayer settings to pick their own color palette. The other two default css stylesheets do not have a user preference in the BaseLayer settings area. To change them, a user will need to alter the css code themselves.

*/
/*

Version 1.54 - made the no-sidebar width wider.
Version 1.53 - fixed the Slideshow to calculate height and width automatically, now the slideshow variables width & height control the size
and centering of the slideshow on the page.

Version 1.52 - got rid of absolute positioning for most things
Version 1.51 - fixed display of thumbnails in gallery viewed by Safari and iPad, cleaned up all themes to reference the style.php in BaseLayer folder

/* Begin Common Type/Design Elements (see Font-Specific CSS for font colors and size)*/

html {
	height: 100%;
}

body {
	margin: 0 0 20px 0;
	padding: 0;
	height: 100%;
}

.page-template-noSidebar-php #sidebar{
	display:none;
}

a, a:visited {
	text-decoration: none;
}

/*Page ID of the Vita page hack*/

.page-id-1343 p.postmetadata, .page-id-1819 p.postmetadata {
	display:none;
}
.vita-date {
	float:left;
	width:auto;
	display:inline;
	margin: 0px 0 0 10px;
	font-style:italic;
	font-size:90%;
	line-height:1.7em;
}
.vita-entry {
	margin: 0px 0 0 100px;
	font-size:90%;
	line-height:1.7em;
}

.vita-entry p{
	margin:0;
	display:inline;
}

.vita-address {
	display:none;
}

a.external, a:hover.external, a:visited.external{
	background:transparent url(images/external2.gif) no-repeat scroll top right;
	padding-right:11px;
	margin-right:2px;
}

h3{
	clear:both;
}
/* End Common Type/Design Elements */



/* Begin Structure */

#page {
	margin: 0px auto;
	min-height: 100%;
	position:relative;
	padding: 0px;
}


#header {
	width: 100%;
	height: 100px;
	position:relative;
	margin: 0 0 10px 0;

}

#headerimg {
	margin: 40px 0 0 0;
	width: auto;
	float: left;
	height:100px;
}

#header h1 {
	margin:0 0 5px 20px;
	text-align: left;
/*	left:40px;*/
	bottom:20px;
/*	position:absolute;*/
}

#headerimg h1 a{
	z-index:200;
}

#header .description {
	text-align:left;
	width:320px;
	margin: 0 0 0 20px;
/*	height:20px;*/
	bottom:0px;
/*	left:50px;*/
/*	position:absolute;*/
}

#content {
	text-align:left;
	position:relative;
	right:0px;
	float:right;
	display:block;
	margin:0 20px 0 0;
}
#sidebar {
	padding: 40px 40px 0px 10px;
	float:right;
	width: 190px;
	position:relative;

}


#portfolio_content {
	float: left;
	position:relative;
	margin: 0px auto;
}


#portfolio_content p, .hentry ul, #portfolio_content h1, #portfolio_content h2, #portfolio_content h3, #portfolio_content h4, #portfolio_content blockquote{
	float:right;
	display:block;
}

blockquote{
	border: 1px dotted #CCC;
	width:450px;
	padding: 10px 20px;
}
blockquote p{
	float:none;	
}
#portfolio_content div.video{
	float:right;
	margin:0 80px 0 0;
}

.postmetadata{
	float:left;
	width:75%;
	display:block;
	position:relative;
}

h2 {
	margin:0 0 20px 0;
	width:auto;
/*	float:left;*/
}

.hentry p {
	line-height: 1.65em;
}

p {
/*	width:auto;
    float:left;
	margin:0 1px 10px 0;*/
	clear:both;
}

.page-template-portfolio-php p{
	clear:none;
}

/*div.post {
	margin: 0 0 40px 0;
	position:relative;
	display:block;
	float:left;
	width:auto;
}
*/
#content .entry, #content .hentry{
	margin:0 80px 0 0;
	clear:both;
}

#respond{
	margin: 0 120px 0 0;
}

.navigation{
	margin:0 0 20px 0;
}
.clear {
	clear: both;
}

#footer {
	display:none;
}

ul#recent_posts{
	font-size:80%;
	display:block;
	width:250px;
	position:absolute;
	bottom:30px;
	left:20px;
	clear:both;
	z-index:199;
}

#recent_posts li{
	margin:0 0 7px 8px;
}

/* End Structure */




/*Begin ScrollPane (see Font-Specific CSS for font colors and size)*/


a.jScrollArrowUp {
	background: url(js/images/scrollup.gif) repeat-x 0 0;
}

a.jScrollArrowDown {
	background: url(js/images/scrolldown.gif) repeat-x 0 0;
}

.scroll-pane {
	overflow: visible;
	height: auto;
	width: auto;
	position: relative;
	top: 0px;
}

.attachment div.caption{
	width:auto;
	margin:10px 0 0 0px;
	padding:0 0 0 40px;
	text-align:left;
}

div.jScrollPaneContainer{
margin: 0 0 0 40px;	
}

/*End ScrollPane*/

/* Begin Portfolio Gallery Styling*/

/*#portfolio_content div.hentry{
	text-align:center;
}*/
#portfolio_content .gallery a img:hover, .gallery a:hover{
	opacity:1;
	border:none;
}

#portfolio_content dl{
	margin:0 0 2px 0;
	padding:0px;
}

#portfolio_content dt{
	margin:0;
	padding:0;
}

#portfolio_content #gallery-1 .gallery-caption, #portfolio_content div.wp-caption p.wp-caption-text {
	display:none;
}

#portfolio_content div.wp-caption {
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0 0 0 50px;
}

p#player1{
	margin:0;
	padding:0;
}

#portfolio_content iframe{
 margin-top:-15px;
	
}

/*End Portfolio Gallery Styling*/



/*Begin Slideshow Compatibility styling*/

#slideshow{
	text-align:center;
}


/*End Slideshow/

/* Begin Headers */


#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	float:none;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}
/* End Headers */



/* 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: 0px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 0px;
	margin: 0 20px 10px 0;
	display: inline;
}

.dontprint{
	display:none;
	visibility:hidden;
}

/* End Images */



/* Begin Lists (see Font-Specific CSS for font colors and size)

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul, #sidebar ul ol, .home #content ul {
	margin: 0;
	padding: 0;
}

.home #content ul {
	margin-bottom: 20px;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0 15px 0;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li, .home #content ul li {
	margin: 3px 0 10px 0;
	padding: 0;
}

li {
	list-style: none;
	text-align: left;
}

.widget_tag_cloud div{
	padding: 3px 0 0 10px;
}


/* End Entry Lists */



/* Begin Form Elements (see Font-Specific CSS for font colors and size)*/


.entry form {/* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	display:block;
}

#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
/* End Form Elements */

/* Drop down Search box*/
a#searchtoggle{
	border:none;
	width:21px;
	overflow:hidden;
}

#searchtoggle {
	background:url(images/toggle.png) no-repeat left top;
	position:absolute;
	top:10px;
	right:20px;
	width:21px;
	height:19px;
	text-indent:9999px;
}
#searchtoggle.up { 
	background:url(images/toggle.png) no-repeat right top; 
}
#top-search {
	height:60px;
	width:325px;
	float:right;
	right:0px;
/*	bottom:-60px;*/
	position:absolute;
	z-index:100;
}
#top-search form {
	position:absolute;
	top:20px;
	right:-30px;
	background:url(images/search_top.png) no-repeat;
	width:262px;
	height:30px;
	padding:5px 0 0 90px;
	display:none;
}
#top-search .box {
	border:0;
	margin-left: 5px;
}
#top-search .btn {
	margin-left:10px;
	width:35px;
	background:transparent;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
}

input,
textarea,
select {
  padding: 2px;
  margin:2px;
}

input.button {
  border-width: 1px;
  border-style: solid;
}
/* Get rid of Safari and Chrome focus outlines */
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}

/* End Drop down Search box*/

/* Begin Comments*/

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
/*	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;*/
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
	padding: 0;
}

#commentform p {
	margin: 5px 0;
}


.commentmetadata {
	margin: 0;
	display: block;
}

small{
	width:auto;
/*	display:block;*/
}

.search small{
	display:block;
}

/* End Comments */

/* Begin Sharing*/

.sharing {
	background: url("images/sharing.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:16px;
	line-height:16px !important;
	overflow:hidden;
	width:16px;
	float:right;
	margin: 0 2px;
}

.display_sharing{
	float:right;
	width:auto;
}
.facebook{
	background-position:0 -16px;
}

.delicious{
	background-position:0 -99px;
}

.stumbleupon{
	background-position:0 -48px;
}

.twitter{
	background-position:0 0;
}

/*End Sharing*/

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {/* Doesn't work in IE */
background-color: #fff;
}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

.screen-reader-text {
	position: absolute;
	left: -1000em;
}

a img {
	border: none;
}

hr {
	color:#ccc;
	background-color:#ccc;
	height:1px;
	border:none;
}


/* End Various Tags & Classes*/



/* Captions (see Font-Specific CSS for font colors and size)*/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}

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

.wp-caption p.wp-caption-text {
	padding: 0 4px 5px;
	margin: 0;
	text-align:center;
}

.alignright {
	float: right;
	margin-right:0px;
}

.alignleft {
	float: left;
	margin-left:0px;
}


/* End captions */