/*
Theme Name: Evan_Baines
Theme URI:
Description:
Version: 1.0
Author: Kenneth White
Tags:

*/
@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}

/* remember to define focus styles! */
:focus {outline: 0;}
/*body {line-height: 1;color: black;background: white;background-image:url('/wp-content/themes/evanbaines/frame/tilingwall.jpg'); background-repeat:both; background-attachment:scroll;}*/
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}

/* and the clearfix code b/c clearing floats is a royal pain */
.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%;}
.center { text-align: center; }

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

body {background-image:url('/wp-content/themes/evanbaines/frame/tilingwall.jpg'); background-repeat:both; background-attachment:scroll;}

#containerHome {
	margin: auto;
	width: 940px;
	position:relative;
	}
	
#containerPost {
	margin: 25px auto 0;
	width: 940px;
	position:relative;
	}
	
#main {
	height: 550px;
	width: 940px;
	}

.uniqueDiv a {
/*	padding: 2px;*/	
	display: block;
	border: 1px solid #ccc;
}
	
#mainPost {
	margin: 0px 140px 0px 0px;
	width: 760px;
	}
	
#mainGallery {
	margin: auto;
	width: 940px;
	}
	
#footer, #bottomFooter {
	margin-left:auto;
	margin-right:auto;
	height:58px;
	width:940px;
	position:relative;
	clear:both;
}

#logo {
	width: 300px;
	height: 58px;
	float: left;
	display:block;
}

#mainMenu {
	width: 460px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.1em;
	color: #ccc;
	list-style-type: none;
	text-transform: uppercase;
	position: absolute;
	right: 180px;
	bottom: 21px;
	display: block;
	
}


.photo {
	max-height: 700px;
	max-width: 940px;
	display:none;
	}
	
#spacer {
	max-height: 700px;
	width: 80px;
}

#outputContainer {
	width: 140px;
	max-height: 700px;
	background-color:yellow;
}

.output {
	width: 140px;
	height: 200px;
	background-color:red;
	display:none;
}

#photo {
	float: left;
}
	
#weddingInfo {
	font-size: 1em;
	line-height: 1.2em;
	color:#4a4c4b;
	position:absolute;
	top:195px;
	right:-20px;
	width:160px;
	height:200px;
	z-index:9999;
}

.topFooter{
	padding-top: 25px;
}

.bottomFooter{
	padding-top: 15px;
	margin-bottom: 45px;
}

hr {
	border-top: 2px #bbb;
	border-style: solid;
	border-bottom: 0;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	margin: 10px 0 30px 0;

}
	
hr.dashes {
	border-top: 1px #bbb;
	border-style: solid;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	height: 1px;
	margin: 15px 0 15px 0;
}
	
.entryPost {
	width:760px;
    margin-left: auto;
    margin-right: auto;
}

#photoHover {
	display:none;
	width:auto;
	height:auto;
	margin-right:180px;
	background-color:#EEE;
	border-bottom:1px solid #777;
	border-top:1px solid #777;
	border-left:1px solid #777;
	padding: 0 20px 0 20px;
	position:absolute;
	top:70px;
	right:0px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index:999;
}

.sidebarBlog { 
	width:150px;
	position:absolute;
	right:0px;
	top: 0px;
	margin-right: -10px;
}

.flexo-list, #new-tag-cloud-hr, #new-tag-cloud, .entry-meta{
	display:none;
}


/* ******************************************* */
/* --------- TYPOGRAPHY & COLOR  ------------- */
/* ******************************************* */


body {
	font-family: Helvetica, Arial, sans-serif;
	color:#4E4C4B;
	}
	
#containerHome, #containerPost {
	font-size: .8em;
	}
	
.current ul li{
	font-weight:700;
}
	
h2 {
	font-size: 1.5em;
	letter-spacing: 0.06em;
	margin: 15px 0 2px 0;
	padding-bottom: 4px;
	text-transform: uppercase;
}

a img {
	border: none;
}

.entry p {
	font-size: 1.05em;
	line-height: 2.1em;
	color: #4e4c4b;
	text-align:justify;
	margin: 0 400px 25px 0;
}

.entryPost p {
	font-size: 1.05em;
	line-height: 2.1em;
	color: #4e4c4b;
	text-align:justify;
	margin: 0 auto 25px auto;
}

.entryPost img {
	border: 1px solid #ccc;
	max-width: 758px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div.searchEntry {
	padding-bottom:25px;
}

.searchEntry p {
	font-size: 1.05em;
	line-height: 2.1em;
	color: #4e4c4b;
	text-align:justify;
	margin: 0 400px 0px 0;
}

small {
	font-size: .8em;
	padding: 0px 0px 25px 0px;
}

.entry small, .entryPost small {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	text-transform: uppercase;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	top:-20px;
	position:relative;
	font-style:italic;
}

h5 {
	text-align:center;
	top:-20px;
	position:relative;
}

span.date {
	display:block;
	text-transform: uppercase;
	padding-bottom:10px;
	color: #777;
}

#copyright {
	width:940px;
	font-size: 0.7em;
	line-height: 1em;
	color: #777;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	height: 30px;
	position:relative;
	top: 0px;
}

#copyrightSpan {
	font-size: 0.7em;
	line-height: 1em;
	color: #777;
	padding: 10px 0 0 0;
	display:block;
	clear:both;
	}
	
.sidebarBlog h2 { 
	font-size: 1.2em;
	padding-bottom: 4px;
	margin: 0;
}

.sidebarBlog ul li { 
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0;
}

#flexo-archives, .sidebarBlog ul { 
	margin-bottom:15px;
}

#flexo-archives ul {
	margin-bottom:0px;
}

#recent-posts-3 {
	text-indent: -10px; 
	padding-left: 10px;
}

a, a:link, a:visited {
	color: #777;
	text-decoration:none;
}

.entryPost a, a:link, a:visited {
	text-decoration: none;
	color: #888;
}

a:hover, a:active {
	color: #000;
}

.nextprevious {
	text-transform: uppercase;
}

/* ************************************* */
/*-------- HEADER STYLES ----------      */
/* ************************************* */
	
#mainMenu li {
	letter-spacing: 0.05em;
	display: inline;
	float: right;
	padding: 0 0 0 15px;
	text-align:right;
}

#mainMenu li a{
	text-decoration:none;
}

#search {
	position: absolute;
	right: -12px;
	bottom: 17px;
	z-index: 7900;

}

#search input#s, #main input#s{
	width: 150px;
	background: #eee;
	border: 1px solid #999;
}
	
#search input#s, #main input#s{
	font-family: Helvetica, Arial, sans-serif;
	font-size: .78em;
	height: 14px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 2px;
	color:#777;
	text-transform: uppercase;
	}
	
a, a:link, a:visited {
	color: #777;
	text-decoration:none;

}

a:hover {
	color: #000;
}

#copyrightHome {
	font-size: 0.6em;
	line-height: 1em;
	color: #777;
	clear:both;
	position:absolute;
	z-index: 8000;
	left: 800px;
	bottom: -14px;
}


/* ************************************* */
/*-------- WORDPRESS DEFAULTS ----------  */
/* ************************************* */
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

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

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

ol#comments li p {
	font-size: 100%;
}

.feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 99%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

#content {
	margin: 30px 13em 0 3em;
	padding-right: 60px;
}

#header {
	background: #90a090;
	border-bottom: 3px double #aba;
	border-left: 1px solid #9a9;
	border-right: 1px solid #565;
	border-top: 1px solid #9a9;
	font: italic normal 230% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 15px 10px 15px 60px;
}

#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#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;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.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 & aligment */

/* *********************** */
/* GALLERIFFIC STYLES */
/* *********************** */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	float:left;
	width:760px;
	font-size: .8em;
	line-height: 1em;
	color: #4e4c4b;
}

#gallery {
	margin-top: 25px;
}

div.content a, div.navigation a{
	text-decoration: none;
	color: #777;
}

div.content  a:link, div.content  a:visited {
	color: #777;
}

div.content  a:hover, div.content  a:active {
	color: #000;
}

div.controls {
	padding: 12px 0 10px 35px;
	float:right;
	display:inline;
}
div.controls a {
	padding: 5px 0px 5px 5px;
}
div.ss-controls {
	margin-top:1px;
	float: left;
}
div.nav-controls {
	float: left;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 700px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: right;
	padding-bottom: 5px;
}
div.slideshow a.advance-link {
/*	padding: 2px;*/	
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	max-width: 760px;
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	background-color:#EEE;
	padding: 10px 0;
	float:right;
	display:inline;
}

div.caption {
	float:left;
	font-size: 1.2em;
	line-height: 1.2em;
}

div.caption span{
	font-size: .85em;
	line-height: 1.2em;
	color:#888
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}

#categoryList {
	float: right;
	text-transform:uppercase;
	width:150px;
	font-size: 1em;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding-top: 26px;
	padding-bottom: 3px;
	margin-right:-10px;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	width:62px;
	height:62px;	
	
}
a.thumb {
	display: block;
	border: 1px solid #ccc;
}

ul.thumbs li.selected a.thumb {
	background: #000;
	border: 1px solid #000;

}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	max-height: 60px;
	max-width: 60px;
	width: 60px;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation{
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #ddd;
	text-decoration: none;
	color: #000;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #777;
	border-color: #ccc;
	color: #fff;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body,div,dl,dt,dd,ul,ol,li,/*h1,h2,h3,h4,h5,h6,*/pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}*/q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

strong {font-weight:bold;}
em, dfn {font-style:italic;}