/*

Theme Name: Sean Abley Dot Com

Theme URI: http://seanabley.com

Description: Theme for Sean Abley's site

Author: Tracy Berna

Version: 1.0

Author URI: http://www.tracyberna.com

*/





/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



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,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

blockquote {

    background-color: #637285;

    border: 2px solid #D4D5D9;

    margin: 10px 80px 10px 250px;

    padding: 15px;

    quotes: none;

}



blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */



table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}



/* Layout

-------------------------------------------------------------- */



body {

	font-family:Verdana, Arial, Helvetica, sans-serif, "trebuchet MS", "Trebuchet MS";

	border-top: 12px solid #7c7d82;

	color: #d4d5d9;

	font-size: 14px;

	background: #3e3749;

	height: 100%;

}



p  {

	line-height: 1.1em;

    margin-bottom: 1em;

}



a {

    color: orange;

    font-weight: bold;

    text-decoration: none;

}



a:hover {

    color: white

}



#container {

	min-height: 100%;

}



#bottom-texture {

	background: url(images/bg-lower-2.jpg) 0 0 repeat-x;

	border-bottom: 12px solid #637285;

	height: 233px;

	width: 100%;

	position:absolute;

    bottom:0;

}



#picture-right {

	float: right;

    height: 240px;

}



#picture-left {

	float: left;

   	 height: 240px;

}



.name-main {

	font-size: 52pt;

	font-family: Bebas;

	letter-spacing: -.03em;

	color: #637285;

	float: right;

    margin-top: -62px;

	margin-right: 10%;

}



#nav, #nav-right {

	list-style: none;

}



#nav {

	position: absolute;

	top: 55px;

    left: 25px;

    padding: 25px 5px 5px;

    z-index: 100;

}



#nav-right {

	position: absolute;

	right: 0px;

	margin-right: 130px;

	padding: 5px;

    z-index: 100;

}



#nav li, #nav-right li {

	font-size: 30px;

	line-height: 30px;

	text-transform:uppercase;

	font-family: Bebas;

}



#nav li a, #nav-right li a {

	color: #7c7d82;

	text-decoration: none;

}





#nav li.alt a, #nav-right li.alt a{

	color: #637285;

	text-decoration: none;

}



#nav li.alt a:hover, #nav-right li.alt a:hover, #nav li a:hover, #nav-right li a:hover {

	color: white;

}



.interior-page-text-left {

    bottom: 10%;

    margin-left: 25px;

    overflow: auto;

    padding-left: 25px;

    padding-top: 25px;

    position: absolute;

    top: 150px;

    width: 70%;

    z-index: 100;

}



.interior-page-text-right, .interior-page-text-blog {

    bottom: 10%;

    margin-left: 300px;

    overflow: auto;

    padding-left: 25px;

    padding-top: 25px;

    position: absolute;

    z-index: 100;}



.interior-page-text-right {

	top: 150px;

    width: 70%;

}

.interior-page-text-blog {

	width: 75%;

    top: 30px;

}



.titles {

	margin-left: 285px; 

	margin-top: 40px;

        word-spacing: .2em;

}



.titles-right {

	margin-left: 15px; 

	margin-top: 40px;

        word-spacing: .2em;

}



h2.page-title {

	font-size: 36px;

	color: #776f6d;

	font-family: Bebas;

	letter-spacing: -.03em;

        word-spacing: .2em;

    margin-left: 40px;

}



h2.blog-date {

	font-size: 36px;

	color: #D4D5D9;

	font-family: Bebas;

	letter-spacing: -.03em;

        word-spacing: .2em;

	line-height: 1.5em;

}



h2.post-title {

	font-size: 24px;

    margin-top: 15px;

    word-spacing: .2em;

}



h2.post-title-single {

	font-size: 36px;

    margin-top: 15px;

        word-spacing: .2em;

}





h2.post-title a {

	font-size: 36px;

	color: #788aa0;

	font-family: Bebas;

	letter-spacing: -.03em;

    margin-right: 15px;

    text-decoration: none;

}

h2.blog-title a:visited {

	color: #7C7D82;

}



.title-stuff {

    float: left;

    width: 200px;

}



h2.name-inner {

	font-size: 36pt;

	font-family: Bebas;

	letter-spacing: -.03em;

        word-spacing: .2em;

	color: #637285;

    margin-left: 40px;

}



h3.entry-title {

	font-size: 36px;

	color: #a72e33;

}



.scroll-container {

	/* height: 520px; */

	padding: 20px 20px 20px 40px;

}



.scroll-container-blog {

	/* height: 520px; */

	padding: 20px 0 20px 40px;

}



.non-scroll-container {

		overflow: auto;

        margin-bottom: 30px;

        padding-bottom: 10px;

        height: 520px;

}

.entry {

	overflow: auto;

	padding-right: 20px;

    margin-bottom: 30px;

    padding-bottom: 10px;

	/* height: 500px;*/



}



.entry-blog {

	overflow: auto;

        margin-bottom: 30px;

        border-bottom: 1px dashed #D4D5D9;

        padding-bottom: 10px;

}



.wurdz {

    display: block;

    float: right;

    margin-right: 40px;

    width: 60%;

}





/* PLAYS PAGE */



body#plays .tab_container {

	margin-top: 120px

}

body#plays .tab_content h2 {

	display: inline;

        border: none;

}



/* -------------------------------------------------------------- */



/* pretty pictures... */



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

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

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

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

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

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.gallery-main {

	width: 150px;

        height: 170px;

	text-align: center;

	float: left;

	margin-right: 20px;

}



.gallery-main img {

        margin-bottom: 5px;

}
span.collapseomatic, .collapseomatic_content code, code {
    font-family: Verdana,Arial,Helvetica,sans-serif,"trebuchet MS","Trebuchet MS";
    font-size: 14px;
}

.post h3 {
        padding: 6px 0;
}