/*
Theme Name: Lorrie Default
Theme URI: http://lorriematheson.com/
Author: Jennifer Feurer
Author URI: http://archvisual.com/
Version: 1.0

Version History
	See history.txt
*/


@import url("meyer_reset.css");

/* ---------->>> GLOBAL <<<-----------*/

/* See link for explamation of font size settings (http://www.christianmontoya.com/2007/02/01/css-techniques-i-use-all-the-time/) */

html {
font-size: 100.01%;
}

body {
background: #45475a;
color: #fff;
font:0.8em/1.3 geneva, verdana, arial, helvetica, sans-serif; /* font size/line height with no unit so it's inherited */
padding: 0 15px;
text-align:center; /* to center wrapper in IE6 */
}

@font-face {
	font-family: 'AvantG';
	src: url('type/AvG.eot'); /* IE */
	src: local('Avant Garde CE'), local('AvantGardeCE-Book'), local('AvantGarde CE'), local('AvantGarde'),local('Avant Garde'), url('type/AvG.woff') format('woff'), url('type/AvG.ttf') format('truetype'); /* non-IE */
}
@font-face {
	font-family: 'CGReg';
	src: url('type/GOTHIC.eot');
	src: local('Century Gothic'), local('CenturyGothic'), url('type/GOTHIC.woff') format('woff'), url('type/GOTHIC.ttf') format('truetype');
}

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



/* ---------->>> HEADINGS <<<-----------*/
 
h1, h2, h3, h4, h5, h6 {
	font-family: tahoma, verdana, helvetica, sans-serif;
	font-weight: bold;
}

h1 {
	color: #fff;
	font-size: 1.4em;
	padding: 0.9em 0 1em;
}
 
h2 {
	font-size: 1.4em;
	color: #282933;
	padding: 0.5em 0;
}
 
h3 {
	color: #fff;
	font-size: 1.4em;
	margin:12px 0;
	padding-bottom: 3px;
	letter-spacing: 1px;
}
h4 {
	color: #181A1F;
	font-size: 1.3em;
	font-family: geneva, verdana, helvetica, sans-serif;
}

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



/* ---------->>> TEXT <<<-----------*/
 
p {
padding-bottom: 1.25em;
}
 
ul {
list-style: square;
padding:0 0 1.25em 2.5em;
}

ol {
	list-style: decimal;
	padding: 0 0 1.25em 3em;
}
ul ul, ol ol, ul ol, ol ul {
	padding-bottom: 0em;
}
ol ol {
	list-style: lower-roman;
}
acronym, abbr {
border-bottom:1px dotted #999;
cursor:help;
letter-spacing: 0.1em;
}
 
strong {
font-weight:bold;
}

blockquote {
margin:0px 4em;
border-left: 5px solid #ddd;
}

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

dl {
	margin-left: 20px;
}
dt {
	font-weight: bold;
	font-size: 1.1em;
}
dd {
margin:0 2em 1.25em;
}

pre, code {
font:1.1em monospace;
}
 
small {
font-size:0.85em;
}

sub {
bottom:-0.3em;
position:relative;
vertical-align:baseline;
}

sup {
bottom:0.3em;
position:relative;
vertical-align:baseline;
}


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



/* ---------->>> LINKS <<<-----------*/

a, a:link, h2 a:hover, h3 a:hover {
	color: #FFCC66;
	text-decoration: none;
}
a:visited {
	color: #b0c4de; /* CFDFF9 */
	text-decoration: none;
}
a:hover, a:active {
	color: #FFCC66;
	text-decoration: underline;
}
a img {
	border: none;
	}
	
/* -----------------------------------*/



/* ---------->>> FORMS <<<-----------*/

input, select, textarea {
font: 0.9em arial, helvetica, sans-serif;
}
 
textarea {
line-height: 1.25;
}
select {
	width: 130px;
}

/* Custom Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform {
	border-top: 1px solid #5f6068;
	margin: 10px 0 0;
	padding:6px 4px;
}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

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


/* comment forms with other comment styles */

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





/* ---------->>> STANDARD ON ALL PAGES <<<-----------*/

/* Encompasses all content */
#wrapper {
	width: 700px;
	margin: 16px auto;
	text-align: left;
}


/* Top banner */
#banner {
	border: 1px solid #fff;
	height: 72px;
	position: relative;
	vertical-align: top;
}

/* Logo */
#banner #header {
	background-color: #8F93A7;
	height: 42px;
	padding-left: 6px;
	z-index: 1;
	overflow:hidden;
}
#header a {
	color: #033;
	cursor: pointer;
	font:1.9em/0.3 AvantG, CGReg, "Trebuchet MS", sans-serif; 
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Photo */
#banner .photo img {
	border-left: 1px solid #fff;
	position: absolute;
	right:0;
	z-index: 10;
}

/* Navigation Container */
#menu {
	border-top: 1px solid #fff;
	clear: left;	
	margin-top: 5px;
}

/* Footer */
#footer {
	background-color: #A19B97;
	border: 1px solid #fff;
	border-top: 0;
	clear:both;
	margin:0 0 12px;
	text-align: left;
}
#footer img {
	vertical-align: top;
}
p.footer  {
	color: #000;
	font-size: 0.85em;
	padding: 0 0.25em;
}
p.footer a {
	color: #000;
}
p.footer a.email {
	font-weight: bold;
}
.footer .copyright {
	float: right;
	padding-top: 1px;
}

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



/* ---------->>> NAVIGATION <<<-----------*/

#menu ul {
	margin-bottom: 2px;
	height: 22px;
	overflow: hidden;
	padding: 0 0 0 8px;
	position: relative;
}
#menu li {
	display: inline;
	font:1.25em/1.3 CGReg, AvantG, arial, helvetica, sans-serif; 
	padding: 0 26px 0 9px;
	text-transform: lowercase;
	background: url('images/menu_divider.gif') right 3px no-repeat;
}
#menu li.first-page-item {
	padding-left: 0;
}
#menu li.last-page-item {
	background:none;
}
#menu li.current_page_item {
	
}
#menu li a {
	color: #fff;
	text-decoration: none;
}
#menu li a:hover {
	color: #fc0;
	text-decoration: none;
}

#menu li ul {
	display:none;
}

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




/* ---------->>> CONTENT <<<-----------*/

#content {
	background-color: #545969;
	border: 1px solid #fff;
	margin: 6px 0 0;
	padding: 0 8px 8px;
	position: relative;
	vertical-align: top;
	height: 100%;
}

/* Title Bar - Text */
#pagetitle {
	background-color: #343543;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 19px;
	overflow: hidden;
	position: relative;
}

#pagetitle h2 {
	color: #fff;
	font:1.7em/0.9 CGReg, AvantG, arial, helvetica, sans-serif; /* was 1.7 */
	letter-spacing: 2px;
	padding: 0;
	text-transform: uppercase;
}
#pagetitle h2 span.subtitle {
	color: #8F93A7;
	font-size:0.75em;
	line-height: 1.10;
	letter-spacing: 1px;
	position: absolute;
	right: 0;
	top:0;
	text-transform: lowercase;
}

#secondary { /* Second level menu */
	color: #EFE0A0;
	margin: 4px 0 3px;
	text-align: center;
}
#secondary a { /* Second level menu */
	color: #FFCC66;
}
.titleSpacer {
	height: 1px;
}
p.nohead { /* First paragraph if no heading above */
	margin-top: 12px;
}

/* Previous and Next links */
div.navigation {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 2px;
	}
div.navigation .alignleft,
div.navigation .alignright {
	padding: 2px;
	border-top: 1px dotted #343543;
	}
div.navigation a {
	color: #000;
	}

/* Begin Images */

/*	Using 'class="alignright"' on an image will 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: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

	img.hiresimg {
	border: 1px solid #F6D76B;
}


.attachment { /* image.php */
	text-align: center;
	margin: 5px 0px;
}


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

.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 */
/* End Images */

/* WP Calendar - unchanged */

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

#wp-calendar a {
	text-decoration: none;
	display: block;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

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

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

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	text-align: center;
	width: 100%;
	}

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

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

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

	
/* Other Page Elements */

.outline {
	border: 1.5px solid #FFFFFF;
}

.clear {
	clear: both;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
 
.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
.nospace {
	padding:0;
	margin:0;
}
/* -----------------------------------*/




/* ---------->>> SIDEBAR <<<-----------*/

#sidebar form {
	margin: 0;
	}
#sidebar ul {
	margin:0;
	padding:0;
}
.callout li,
.home-news li {
	list-style: none;
	padding:0;
	margin:0;
}
.callout {
	background-color: #A19B97;
	border: 1px solid #000;
	color: #15161B;
	float: right;
	margin: 16px 0 16px 16px;
	width: 174px;
}
.page-callout {
	padding: 6px 12px;
	width: 150px;
}
.callout h3 {
	margin-top: 6px;
	margin-bottom: 0;
	padding-bottom: 0;
	letter-spacing: 0;
	font-size: 1.0em;
	color: #181A1F;
	font-family: geneva, verdana, helvetica, sans-serif;
	text-transform: uppercase;
}
.callout p,
.callout li {
	padding: 0.2em 0;
	border-bottom: 1px solid #918A85;
}
.page-callout p {
	padding: 0.3em 0;
}
.callout p.last,
.callout li.last,
.home-news p.last,
.home-news li.last {
	border-bottom: 0;
}
.callout a {
	color: #15161B;
}
.callout img {
	vertical-align: middle;
}

#sidebar div.widget {
	padding: 6px 12px;
}

#sidebar div.widget_search {
	margin-top: 1em;
	padding: 0;
}

/* Home Sidebar */
.home-news {
	float: right;
	margin: 16px 16px 16px 0;
	width: 274px;
	background-color: #8f93a7;
}
.home-news h3 {
	margin-top: 0px;
	margin-bottom: 6px;
	padding-bottom: 0;
	color: #181A1F;
}
.home-news ul {
	padding-bottom: 50px;
}
.home-news a {
	color: #000;
}
.home-news li {
	padding: 0.3em 0;
	border-bottom: 1px solid #222;
}
.home-news p {
	padding: 1.2em 0 0.4em;
	color: #111;
}

/* Other home content */
.home-content {
	width: 380px;
	text-align: center;
	float: left;
	margin-top: 32px;
}
.home-content h3 {
	font-size: 1.4em;
	margin:0;
	padding-bottom: 0;
}
.home-content h3 span {
	color: #d3d4dc;
}
.home-content .home-img img {
	border: 1px solid #fff;
}
/* -----------------------------------*/





/* ---------->>> BLOG PAGES <<<-----------*/

.postHeader{
	border-bottom:solid 1px gray;
	margin: 28px 0 0;
}
.archiveHeader,
.searchHeader {
	margin: 12px 0 0;
}
h3.postHeader a,
h3.archiveHeader a,
h3.searchHeader a {
	color: #fff;
}
.postDate {
	text-align: right;
	margin-top: 0.25em;
	color: #a7a7a7;	
	font-size: 1.1em;
	padding-bottom: 1em;
}
body.archive small,
body.search small {
	margin-bottom: 0.75em;
	color: #a7a7a7;
	display:block;
}
h2.pagetitle {
	text-align: center;
	padding-top: 0.65em;
}

.postmetadata { /* for index news page */
	font-size: 85%;
	padding: 0px 5px;
	border-left: 1px dotted gray;
	text-align:left;
}
body.single .postmetadata { /* for single post page */
	font-size: 100%;
	padding: 5px;
	border: 1px dotted gray;
	text-align:center;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


/* Comments */

h3#comments {
	color: #282933;
	font-size: 1.3em;
	margin: 24px 0 0;
}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	width: 495px;
	}
	/*
.authorcomment {
background: #eceef3;
}
.tbcomment {
padding: 5px;
background: url(images/tb.png) no-repeat;
}
.pbcomment {
padding: 5px;
background: url(images/pb.png) no-repeat;
} */

.commentlist li {
	margin: 30px 0 4px;
	padding: 0px 5px 28px 10px;
	list-style: none;
	min-height: 61px;
	background: #282933 url(images/bg_commentlist.gif) no-repeat bottom left;
}
.commentlist li.authorcomment {
	background: #ccc url(images/bg_commentlist_author.gif) no-repeat bottom left;
}
.commentlist li.tbcomment,
.commentlist li.pbcomment {
	background: transparent none;
	border: 1px solid #282933;
	padding: 0px 10px 12px 10px;
	min-height: 0px;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	font-size: 1em;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	margin:5px 0 5px 10px;
	}
.commentlist li.tbcomment .avatar,
.commentlist li.pbcomment .avatar {
	display: none;
}	
.commentlist .quote p {
	font-weight: normal;
	line-height: 1.5em;
	padding:12px 5px 0 0;
	}
.commentlist li a {
	color: #fff;
	}
.commentlist li.authorcomment .quote p {
	color: #282933;
}
.commentlist li.authorcomment a {
	color: #282933;
}	
.commentlist cite {
	font-size: 0.9em;
	display:block;
	margin: 0 0 0 36px;
	}
.commentlist li.tbcomment + cite,
.commentlist li.pbcomment + cite {
	margin: 0;
	font-size: 0.85em;
}
.commentlist li.tbcomment + cite strong,
.commentlist li.pbcomment + cite strong {
	font-weight:normal;
}

#commentform p {
	margin: 5px 0;
	}

.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
	}

.children { 
	padding: 0; 
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.comment-reply-link {
	text-align:right;
	display:block;
	font-size: 0.85em;
}

/* Comment submission form */
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#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 Comments */


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






/* ---------->>> MISC PAGES <<<-----------*/

#emailForm {
	float: right;
	margin-top: 12px;
	margin-left: 24px;
	text-align:right;
	width: 435px;
	color: #1C1E2E;
}

/* Styles for Liner Notes */

#liner h4 {
	margin-top: 24px;
	margin-bottom: 4px;
}
#liner .credits {
	background-color: #A19B97;
	border-left: 1px solid #eee;
	color: #15161B;
	float: right;
	margin: -16px 0 0 24px;
	padding: 6px 12px;
	width: 180px;
}
#liner .credits h4 {
	margin-top: 6px;
	margin-bottom: 6px;
	letter-spacing: 0;
	font-size: 1.0em;
}
#liner .credits p {
padding-bottom: 0.3em;
}
#liner blockquote {
	border-bottom: 1px dotted #eee;
	margin: 0 270px 0 50px;
	border-left: none;
}
#liner p.summary {
	font-style: italic;
}

/* Contacts Page */

form.contact {
	margin-left: 40px;
	text-align: left;
}
form.contact p {
	padding-bottom: 0.5em;
}

form.contact .formfield {
	width: 400px;
	vertical-align: top;
}
form.contact small {
	padding-left: 156px;
}

.rightCol {
	float: right; 
	border-left: 1px solid #7F8599;
	height: 14em;
	padding-left: 10px;
	width: 320px;
}

div.join-list-widget {
	text-align: center;
}

/* Press Page */

.press-page { /* in conjunction with rightCol */
	border-left: none;
	height: auto;
	width: 510px;
}

/* Music Page */

.music-page {
	padding: 30px 0 8px 20px;
	border-bottom: 1px solid gray;
}
#in-vein, #utopia {
	padding-top: 0px;
}
#blind-luck {
	border-bottom: none;
	padding-bottom: 0px;
}
.music-page .rightCol { 
	border-left: none;
	height: auto;
	width: 426px;
}
.music-page .project-image {
	width: 210px;
	text-align: center;
	float:left;
}
.music-page .album {
	font-weight: bold;
	padding: 6px 0 3px;
	font-size: 1.2em;	
}
h3.level2 {
	margin-top:34px;
	padding-bottom: 6px;
}
/* -----------------------------------*/