/*
Theme Name: BlissfullyAware V3
Theme URI: http://www.blissfullyaware.com/
Author: Joshua Lane
Author URI: http://www.blissfullyaware.com
*/





/* ---------- GLOBAL STYLING RULES & RESETS ---------- */
* {
	margin: 0px;
	padding: 0px;
}
@font-face {
	font-family: 'GoudyBookletter1911Regular';
	src: url('http://www.blissfullyaware.com/wp-content/themes/blissfullyaware_v3/presentation/goudy_bookletter_1911-webfont.eot');
	src: local('☺'), url('http://www.blissfullyaware.com/wp-content/themes/blissfullyaware_v3/presentation/goudy_bookletter_1911-webfont.woff') format('woff'), url('http://www.blissfullyaware.com/wp-content/themes/blissfullyaware_v3/presentation/goudy_bookletter_1911-webfont.ttf') format('truetype'), url('http://www.blissfullyaware.com/wp-content/themes/blissfullyaware_v3/presentation/goudy_bookletter_1911-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
	background: url(presentation/wp_damask_137.gif) repeat;
}
body {
	padding: 25px 0px 25px 0px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	color: white;
	background: url(presentation/bg_color75.png) repeat;
	background: rgba(0,0,0,.75); /* CHANGE THIS TO CHANGE THE COLOR */
}
#container {
	margin: 0px auto;
	padding: 50px 0px 50px 0px;
	background: url(presentation/bg_shell.png) repeat-y center;
}
	#wrapper {
		margin: 0px auto;
		width: 1008px;
		border: 3px solid rgba(255,255,255,.1);
	}
	#shell {
		margin: 3px auto;
		width: 1000px;
		border: 1px solid rgba(255,255,255,.1);
	}
input, option, textarea, button {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
}
ul, ol { list-style-type: none; }
q:before, q:after { content: ""; }

big { font-size: 12px; }
small { font-size: 10px; }
img { border: none; }

a { color: white; text-decoration: none; }
a { color: rgba(255,255,255,.75); }
a:hover { color: white; }





/* ---------- HEADER ---------- */
header {
	display: block;
	padding-bottom: 1px;
	background: url(presentation/border.png) repeat-x bottom left;
	zoom: 1;
}
header:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	content: ".";
}
nav { display: block; }

	#nav_site {
		padding-bottom: 1px;
		width: 1000px;
		height: 85px;
		background: url(presentation/border.png) repeat-x bottom left;
	}
		#nav_site ul li {
			font-family: 'GoudyBookletter1911Regular';
			font-size: 16px;
			line-height: 25px;
			text-transform: uppercase;
			color: rgba(255,255,255,.25);
			float: left;
		}
		#nav_site ul li a, #nav_site ul li strong {
			display: block;
			padding: 30px 0px 30px 50px;
			color: rgba(255,255,255,.25);
			font-weight: normal;
		}
		#nav_site ul li a:hover {
			color: rgba(255,255,255,.35);
			text-decoration: none;
			border: none;
		}
		#nav_site ul li.active { background: url(presentation/bg_black25.png) repeat; }
		#nav_site ul li.active a { color: white; }

		#nav_site ul li#nav_site_home a { width: 100px; background: url(presentation/border.png) repeat-y top right; }
		#nav_site ul li#nav_site_about a { width: 110px; background: url(presentation/border.png) repeat-y top right; }
		#nav_site ul li#nav_site_bio strong { width: 640px; }

	#nav_categories { float: left; background: url(presentation/border.png) repeat-y top right; }
	#nav_elsewhere { float: right; background: url(presentation/border.png) repeat-y top left; }
	.nav_list {
		padding: 50px 50px 0px 50px;
		width: 150px;
		height: 300px;
	}
		.nav_list dt {
			padding-bottom: 15px;
			font-family: 'GoudyBookletter1911Regular';
			font-size: 12px;
			line-height: 15px;
			font-weight: normal;
			text-transform: uppercase;
			white-space:nowrap;
			color: rgba(255,255,255,.25);
		}
		.nav_list dd {
			padding-right: 15px;
			width: 135px;
			height: 25px;
			font-size: 10px;
			line-height: 25px;
			text-transform: uppercase;
			overflow: hidden;
			position: relative;
		}
		.nav_list dd a { color: rgba(255,255,255,.1); display: block; }
		.nav_list dd a:hover { color: rgba(255,255,255,.1); text-decoration: none; border: none; outline: none; }
		.nav_list dd a strong {
			margin: -3px 5px 0px 0px;
			font-weight: normal;
			color: rgba(255,255,255,.75);
			float: left;
		}
		.nav_list dd a small {
			position: absolute;
			top: 0px;
			right: 0px;
			margin-top: -3px;
			color: rgba(255,255,255,.25);
			float: right;
		}
		.nav_list dd a:hover strong, .nav_list dd a:hover small { color: white; }

	#logo {
		padding: 50px;
		width: 400px;
		height: 250px;
		float: left;
	}
		#logo a {
			margin: 0px auto;
			display: block;
			width: 280px;
			height: 250px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(presentation/logo_blissfullyaware.png) no-repeat;
		}
		#logo a { background-position: top left; }
		#logo a:hover { background-position: bottom left; border: none; }





/* ---------- HEADER ---------- */
#content {
	display: block;
	background: url(presentation/bg_border.png) repeat-y top left;
	zoom: 1;
}
#content:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	content: ".";
}
#primary { width: 600px; float: left; }
#secondary { width: 400px; float: right; }
nav, hgroup, article, section, aside { display: block; }
section { padding: 50px; position: relative; }

	section nav {
		position: absolute;
		top: 0px;
		right: 50px;
	}
		section nav a {
			display: block;
			margin-left: 1px;
			padding: 10px 15px 10px 15px;
			font-size: 10px;
			line-height: 10px;
			font-style: italic;
			background: url(presentation/bg_black25.png) repeat;
			float: right;
		}
		section nav a:hover {
			background: url(presentation/bg_black35.png) repeat;
			text-decoration: none;
			border: none;
		}
	section hgroup { }
		section hgroup h3 {
			font-family: 'GoudyBookletter1911Regular';
			font-weight: normal;
			text-transform: uppercase;
			color: rgba(255,255,255,.25);
			white-space:nowrap;
		}
		section hgroup h4 {
			padding: 15px 0px 15px 0px;
			margin-bottom: 50px;
			font-size: 10px;
			line-height: 10px;
			font-weight: normal;
			text-transform: uppercase;
			color: rgba(255,255,255,.25);
			white-space:nowrap;
			border-bottom: 1px dashed rgba(255,255,255,.1);
		}
	section.wordpress aside {
		margin: 50px 0px 10px 0px;
		display: block;
	}
		section.wordpress aside a {
			padding: 10px 15px 10px 15px;
			font-size: 10px;
			line-height: 10px;
			text-transform: uppercase;
			color: rgba(255,255,255,.25);
			background: url(presentation/bg_black25.png) repeat;
		}
		section.wordpress aside a:hover {
			color: rgba(255,255,255,.35);
			background: url(presentation/bg_black35.png) repeat;
			border: none;
		}
	section article {
		font-size: 14px;
		line-height: 22px;
		color: rgba(255,255,255,.5);
	}
		section article p { margin: 25px 0px 25px 0px; }
		section article blockquote { margin: 35px 0px 35px 0px; }
		section article ol { margin: 35px 0px 35px 0px; }
		section article ul { margin: 35px 0px 35px 0px; }
		section article .media {
			margin: 0px;
			font-size: 10px;
			line-height: 10px;
			position: relative;
			zoom: 1;
		}
		section article .media:after {
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
			line-height: 0;
			content: ".";
		}
		section article .media li { margin: 0px 5px 5px 0px; float: left; }
		section article .media img { display: block; }
		section article .media a { padding: 10px; display: block; background: url(presentation/bg_black25.png) repeat; }
		section article .media a:hover { background: url(presentation/bg_black35.png) repeat; border: none; }

	section.wordpress { width: 500px; background: url(presentation/border.png) repeat-x bottom left; }
	section.wordpress hgroup h3 { font-size: 66px; line-height: 48px; }
	section.wordpress.single { background: none; }
	section.wordpress.error hgroup h3 { font-size: 55.5px; line-height: 42px; }
	section.wordpress.error hgroup h4 { border: none; margin-bottom: 0px; }
	section.wordpress.page hgroup h3 { font-size: 65px; }
	section.wordpress.search hgroup h3 { font-size: 59px; line-height: 45px; }
	section.wordpress.header hgroup h3 { font-size: 62px; }
	section.wordpress.header hgroup h4 { border: none; margin-bottom: 0px; }
	section.closed hgroup h4 { border: none; margin-bottom: 0px; }
	section.wordpress article h1,
	section.wordpress article h2,
	section.wordpress article h3,
	section.wordpress article h4,
	section.wordpress article h5,
	section.wordpress article h6 {
		margin: 35px 0px 25px 0px;
		font-weight: normal;
		line-height: 125%;
		color: rgba(255,255,255,.75);
	}
	section.wordpress article h1 { font-size: 24px; }
	section.wordpress article h2 { font-size: 22px; }
	section.wordpress article h2.title { margin: 0px; }
	section.wordpress article h3 { font-size: 20px; }
	section.wordpress article h3.title { margin: 35px 0px 35px 0px; padding: 25px 35px 25px 35px; background: url(presentation/bg_black25.png) repeat; }
	section.wordpress article h4 { font-size: 18px; }
	section.wordpress article h5 { font-size: 16px; }
	section.wordpress article h6 { font-size: 14px; }
	section.wordpress article ul { margin-left: 25px; list-style-type: circle; }
	section.wordpress article ol { margin-left: 25px; list-style-type: decimal; }
	section.wordpress article li { margin: 10px 0px 15px 0px; padding-left: 10px; }
	section.wordpress article blockquote { margin: 35px 0px 35px 0px; padding: 10px 35px 10px 35px; background: url(presentation/bg_black25.png) repeat; }
	section.wordpress article img { float: left; margin: 10px 25px 15px 0px; }
	section.wordpress article p.entryPhoto { margin-right: -10px; margin-left: -10px; padding: 10px; background: url(presentation/bg_black25.png) repeat; }
	section.wordpress article p.entryPhoto img,
	section.wordpress article p.entryPhoto object,
	section.wordpress article p.entryPhoto embed { margin: 0px; display: block; float: none; }
	section.wordpress cite { display: block; padding: 5px 0px 5px 0px; font-size: 10px; line-height: 10px; font-style: normal; color: rgba(255,255,255,.25); text-transform: uppercase; }
	section.wordpress cite a { color: rgba(255,255,255,.25); }
	section.wordpress cite a:hover { color: rgba(255,255,255,.35); }

	section#comments { width: 300px; background: url(presentation/border.png) repeat-x bottom left; }
	section#comments hgroup h3 { font-size: 28px; line-height: 20px; }
	section#comments hgroup h4 { margin-bottom: 0px; }
	section#comments cite { display: block; margin: 50px 0px -5px 0px; font-size: 10px; line-height: 15px; font-style: normal; color: rgba(255,255,255,.25); text-transform: uppercase; }
	section#comments cite img { vertical-align: middle; margin: -2px 5px 0px 0px; }
	section#comments article p { font-size: 12px; line-height: 18px; margin: 15px 0px 0px 0px; }
	section#comments article blockquote { margin: 25px 0px 25px 0px; padding: 1px 15px 15px 15px; background: url(presentation/bg_black25.png) repeat; }

	section#comments_add { width: 300px; }
	section#comments_add hgroup h3 { font-size: 28px; line-height: 20px; }
	section#comments_add p { margin: 0px 0px 25px 0px; }
	section#comments_add label { display: block; font-size: 10px; line-height: 15px; text-transform: uppercase; color: rgba(255,255,255,.25); }
	section#comments_add input { display: block; margin: 0px; padding: 10px; width: 280px; height: 15px; font-size: 12px; line-height: 15px; color: rgba(255,255,255,.5); border: none; background: url(presentation/bg_black25.png) repeat; }
	section#comments_add textarea { display: block; margin: 0px; padding: 10px; width: 280px; height: 150px; font-size: 12px; line-height: 15px; color: rgba(255,255,255,.5); border: none; background: url(presentation/bg_black25.png) repeat; }
	section#comments_add input#submit { padding: 0px; width: 70px; height: 35px; font-size: 10px; text-transform: uppercase; text-align: center; vertical-align: middle; color: black; background: white; }

	section#search { width: 300px; }
	section#search hgroup h3 { font-size: 29px; line-height: 20px; }
	section#search p { margin: 0px 0px 25px 0px; }
	section#search label { display: block; font-size: 10px; line-height: 15px; text-transform: uppercase; color: rgba(255,255,255,.25); }
	section#search input { display: block; margin: 0px; padding: 10px; width: 280px; height: 15px; font-size: 12px; line-height: 15px; color: rgba(255,255,255,.5); border: none; background: url(presentation/bg_black25.png) repeat; }
	section#search textarea { display: block; margin: 0px; padding: 10px; width: 280px; height: 150px; font-size: 12px; line-height: 15px; color: rgba(255,255,255,.5); border: none; background: url(presentation/bg_black25.png) repeat; }
	section#search input#searchsubmit { padding: 0px; width: 70px; height: 35px; font-size: 10px; text-transform: uppercase; text-align: center; vertical-align: middle; color: black; background: white; }

	section#contact { width: 300px; }
	section#contact hgroup h3 { font-size: 41.5px; line-height: 30px; }
	section#contact p { margin: 0px 0px 25px 0px; }
	section#contact label { display: block; font-size: 10px; line-height: 15px; text-transform: uppercase; color: rgba(255,255,255,.25); }
	section#contact input { display: block; margin: 0px; padding: 10px; width: 280px; height: 15px; font-size: 12px; line-height: 15px; color: rgba(255,255,255,.5); border: none; background: url(presentation/bg_black25.png) repeat; }
	section#contact textarea { display: block; margin: 0px; padding: 10px; width: 280px; height: 150px; font-size: 12px; line-height: 15px; color: rgba(255,255,255,.5); border: none; background: url(presentation/bg_black25.png) repeat; }
	section#contact input#clean_contact_send { padding: 0px; width: 70px; height: 35px; font-size: 10px; text-transform: uppercase; text-align: center; vertical-align: middle; color: black; background: white; }
	section#contact em { display: none; }

	section#flickr { width: 500px; background: url(presentation/border.png) repeat-x bottom left; }
	section#flickr hgroup h3 { font-size: 49px; line-height: 35px; }
	section#flickr article .media a { margin: 0px 5px 5px 0px; float: left; }
	section#flickr article .flickr_badge_beacon { display: none; }

	section#hulu { width: 500px; background: url(presentation/border.png) repeat-x bottom left; }
	section#hulu hgroup h3 { font-size: 41.5px; line-height: 30px; }
	section#hulu article ul.media { margin-right: -10px; }

	section#readernaut { width: 200px; height: 250px; float: left; }
	section#readernaut hgroup h3 { font-size: 43px; line-height: 30px; }
	section#readernaut article ul.media { height: 120px; overflow: hidden; }
	section#readernaut article ul.media li { width: 95px; }
	section#readernaut article ul.media li a { width: 75px; height: 100px; color: rgba(255,255,255,0); overflow: hidden; }
	section#readernaut article ul.media li a img { width: 75px; max-height: 100px; position: absolute; }

	section#lastfm { width: 200px; height: 250px; float: left; background: url(presentation/border.png) repeat-y top left; }
	section#lastfm hgroup h3 { font-size: 43px; line-height: 30px; }
	section#lastfm article ul.media li img { width: 40px; height: 40px; }

	section#twitter { width: 300px; background: url(presentation/border.png) repeat-x bottom left; }
	section#twitter hgroup h3 { font-size: 29px; line-height: 20px; }
	section#twitter article p { font-size: 12px; line-height: 18px; margin: 0px; }
	section#twitter article time { display: block; padding: 5px 0px 5px 0px; font-size: 10px; line-height: 10px; text-transform: uppercase; color: rgba(255,255,255,.25); }
	section#twitter article time a { color: rgba(255,255,255,.25); }
	section#twitter article time a:hover { color: rgba(255,255,255,.35); text-decoration: none; border: none; }

	section#tumblr { width: 300px; }
	section#tumblr hgroup h3 { font-size: 30px; line-height: 20px; }
	section#tumblr article ol.tumblr_posts { margin: 0px; font-size: 12px; line-height: 18px; color: rgba(255,255,255,.5); }
	section#tumblr article ol.tumblr_posts li.tumblr_post { margin: 0px -10px 50px -10px; padding: 10px; background: url(presentation/bg_black25.png) repeat; }

	section#tumblr article img, section#tumblr article object, section#tumblr article embed { display: block; max-width: 300px; overflow: hidden; }
	section#tumblr article .tumblr_quote { margin-bottom: 5px; padding: 15px 15px 15px 35px; font-size: 12px; line-height: 18px; font-style: italic; background: url(presentation/bg_black25.png) repeat; position: relative; }
	section#tumblr article .tumblr_open_quote { position: absolute; top: 33px; left: 10px; font-size: 40px; line-height: 0px; color: rgba(255,255,255,.1); }
	section#tumblr article .tumblr_close_quote { display: none; }
	section#tumblr article .tumblr_title,
	section#tumblr article a { display: block; padding: 15px; background: url(presentation/bg_black25.png) repeat; }
	section#tumblr article a:hover { background: url(presentation/bg_black35.png) repeat; }

	.tumblr_caption *, .tumblr_description *, .tumblr_source * { font-size: 10px; line-height: 15px; }
	section#tumblr article .tumblr_caption a,
	section#tumblr article .tumblr_description a,
	section#tumblr article .tumblr_source a { display: inline; margin: 0px; padding: 0px; background: none; }
	section#tumblr article .tumblr_caption ol,
	section#tumblr article .tumblr_description ol,
	section#tumblr article .tumblr_source ol { margin: 10px 0px 0px 15px; padding: 0px 0px 0px 35px; border-left: 1px dashed rgba(255,255,255,.1); list-style-type: decimal-leading-zero; }
	section#tumblr article .tumblr_caption ul,
	section#tumblr article .tumblr_description ul,
	section#tumblr article .tumblr_source ul,
	section#tumblr article .tumblr_chat_post ul { margin: 10px 0px 0px 15px; padding: 0px 0px 0px 35px; border-left: 1px dashed rgba(255,255,255,.1); list-style-type: square; }
	section#tumblr article .tumblr_chat_post ul { padding-left: 15px; list-style-type: none; font-size: 10px; line-height: 15px; }
	section#tumblr article .tumblr_chat_post ul li { padding-bottom: 5px; }
	section#tumblr article .tumblr_chat_post ul li .tumblr_label { padding-top: 5px; display: block; text-transform: uppercase; color: rgba(255,255,255,.25); }
	section#tumblr article .tumblr_caption p,
	section#tumblr article .tumblr_description p,
	section#tumblr article .tumblr_source p { margin: 10px 0px 0px 0px; }
	section#tumblr article .tumblr_caption blockquote,
	section#tumblr article .tumblr_description blockquote,
	section#tumblr article .tumblr_source blockquote { margin: 10px 0px 0px 15px; padding: 0px 0px 0px 15px; border-left: 1px dashed rgba(255,255,255,.1); }






/* ---------- HEADER ---------- */
footer {
	display: block;
	zoom: 1;
}
footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	content: ".";
}

	#nav_info {
		padding-top: 1px;
		width: 1000px;
		height: 85px;
		background: url(presentation/border.png) repeat-x top left;
	}
		#nav_info ul li {
			font-family: 'GoudyBookletter1911Regular';
			font-size: 16px;
			line-height: 25px;
			text-transform: uppercase;
			color: rgba(255,255,255,.25);
			float: left;
		}
		#nav_info ul li a {
			display: block;
			padding: 30px 0px 30px 50px;
			color: rgba(255,255,255,.25);
		}
		#nav_info ul li a:hover {
			color: rgba(255,255,255,.35);
			text-decoration: none;
			border: none;
		}
		#nav_info ul li.active { background: url(presentation/bg_black25.png) repeat; }
		#nav_info ul li.active a { color: white; }

		#nav_info ul li#nav_site_contact a { width: 135px; background: url(presentation/border.png) repeat-y top right; }
		#nav_info ul li#nav_site_copyright { width: 765px; padding: 30px 0px 30px 50px; }