/*
THEME NAME: Typograph
THEME URI: http://blog.pinkandyellow.com/free-wordpress-themes/typograph/
DESCRIPTION: Standards compliant theme with a JQuery powered tabbed sidebar box and an ad under the first post on the index page. This theme has no images and is purely based on CSS elements and typography. Ideal for future customization. Typograph was styled "from the ground up" on a highly customized version of the <a href="http://wordpress.org/extend/themes/sandbox#post-35">Sandbox theme</a>.  
VERSION: 0.8.4
AUTHOR: Morten Rand-Hendriksen of <a href="http://www.pinkandyellow.com">Pink &amp; Yellow Media</a>
AUTHOR URI: http://www.pinkandyellow.com
TAGS: black, white, light, three-columns, fixed-width, theme-options, right-sidebar
*/


/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */

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;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

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: "" "";
}

/* ************* */
/* END CSS RESET */
/* ************* */

/* *************** */
/* LAYOUT ELEMENTS */
/* --------------- */

body {	
}

#outerWrap {
}

#wrapper {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#container {
	float: left;
	width: 100%;
}
#content {
	width: 640px;
	float: left;
	position: relative;
	padding-right: 14px;
}

.sidebar {
	float: left;
	overflow: hidden;
	width: 150px;
}

#footer {
	clear: left;
	width: 100%
}

/* ------------------- */
/* END LAYOUT ELEMENTS */
/* ******************* */


/* *************** */
/* GLOBAL ELEMENTS */
/* --------------- */

.clear {
	clear:both;
}

.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

img.alignleft {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
	padding: 5px;
	border: 1px solid #C0C0C0;
}

img.alignright {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-left: 10px;
	margin-bottom: 5px;
}

.wp-caption {
	border: 1px solid #EEEEEE;
	text-align: center;
	background-color: #ffffff;
/* optional rounded corners for browsers that support it */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
}

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

#content p.wp-caption-text {
	font-size: 0.8em;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
	color: #999999;
}

a {
	text-decoration: none;
	color: #737B9F;
}

a:hover {
	text-decoration: none;
	color: #182D93;
}

a:visited {
	color: #3B4FB3;
}


strong {
	font-weight:bold;
}


em {
	font-style: italic;
}

dt {
	font-family: "Gill Sans";
	color: #333333;
	font-size: 1em;
}

dd {
	font-family: "Gill Sans";
	color: #333333;
	font-size: 1em;
}

legend {
	font-family: "Gill Sans";
	font-style: italic;
	font-size: 0.8em;
	color: #333333;
}

form {
	font-family: "Gill Sans";
	font-style: italic;
	font-size: 0.8em;
	color: #333333;
}


/* ------------------- */
/* END Global Elements */
/* ******************* */


/* ****** */
/* HEADER */
/* ------ */

#content #header {
	margin-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

#content #header h1 {
	margin-left: 17px;
	padding-top: 25px;
}

#content #header h1 a {
	font-family: "Gill Sans";
	font-weight: 400;
	font-size: 6em;
	text-transform: uppercase;
	letter-spacing: -2px;
	color: #CCCCCC;
}

#content #header h1 a:hover {
	text-decoration: none;
	color: #182D93;
}
#content #header h2 {
	border-style: none;
	margin-left: 70px;
	margin-top: -30px;
	font-family: "Gill Sans";
	font-size: 2em;
	color: #666666;
	font-weight: lighter;
	text-transform: lowercase;
	font-style: italic;
	margin-bottom: 20px;
}

/* ---------- */
/* END HEADER */
/* ********** */


/* ************ */
/* MAIN CONTENT */
/* ------------ */

#content h2 {
	font-family: "Gill Sans";
	font-size: 1.45em;
    letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;
}

#content h3 {
	font-family: "Gill Sans";
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
}
#content h4 {
	font-family: "Gill Sans";
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}
#content h5 {
	font-family: "Gill Sans";
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 2px;
	padding-top: 5px;
}
#content h6 {
	font-family: "Gill Sans";
	font-size: 1em;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 10px;
	padding-top: 5px;
}

#content p {
	font-family: "Gill Sans";
	font-size: 0.9em;
	color: #333333;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 1.3em;
}

#content blockquote, #content pre {
	padding: 10px 12px 3px 12px;
	margin-bottom: 15px;
	font-family: "Gill Sans";
	background-color: #EEEEEE;
}

#content blockquote p {
	
	font-style: italic;
}

#content blockquote a {
	
}

#content blockquote a:hover {
	
}

#content blockquote a:visited {

}

/* POST BODY LIST ITEMS - affects only actual post lists */

.entry-content h1 {
	font-family: "Gill Sans";
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;

}


.singlepost .entry-content ul, .post .entry-content ul {
	padding-left: 20px;
	margin-bottom: 15px;
}

.singlepost .entry-content ul li, .post .entry-content ul li {
	font-family: "Gill Sans";
	font-size: .95em;
	color: #333333;
	padding-bottom: 5px;
	list-style-type: square;
}

.singlepost .entry-content ul ul, .post .entry-content ul ul {
	margin-top: 10px;
	margin-bottom: 0px;
}

.singlepost .entry-content ul ul li, .post .entry-content ul ul li {
	font-family: "Gill Sans";
	color: #333333;
	padding-bottom: 5px;
	list-style-type: square;
}

.entry-content ol {
	margin-bottom: 15px;
	list-style-type: decimal;
	margin-left: 30px;
}

.entry-content ol li {
	font-family: "Gill Sans";
	font-size: .95em;
	color: #333333;
	padding-bottom: 5px;
}

/* END POST BODY */

/* ---------------- */
/* END MAIN CONTENT */
/* **************** */


/* **** */
/* POST */
/* ---- */

.post {
	margin-left: 77px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-style: dashed;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

.singlepost {
	margin-left: 22px;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
.post-date {
	display: inline;
	position: absolute;
	left: 0px;
	width: 63px;
	padding-top: 5px;
	padding-left: 8px;
}
.post-month {
	font-size: 1em;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: "Gill Sans";
}
.post-day {
	font-size: 2em;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: "Gill Sans";
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EEEEEE;
	padding-bottom: 5px;
}

.post-year {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: "Gill Sans";
	font-weight: normal;
}

.comments-link {
	font-size: 2em;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: "Gill Sans";
	padding-top: 3px;
}

.comments-link a {
	color: #CCCCCC;
}

.comments-link a:hover {
	color: #990000;
	text-decoration: none;
}
.comments-heading {
	font-family: "Gill Sans";
	font-size: 0.8em;
	color: #CCCCCC;
	letter-spacing: -1px;
	text-align: center;
	display: block;
}

.comments-start-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #CCCCCC;
}
.comments-end-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	color: #CCCCCC;
	position: absolute;
	right: 0px;
}

.cat-links {
	text-transform: uppercase;
	font-family: "Gill Sans";
	font-size: 0.7em;
	color: #EEEEEE;
	padding-left: 2px;
	background-color: #EEEEEE;
	width: 100%;
	margin-left: -2px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 8px;
}
.cat-links a {
	text-decoration: none;
	color: #808080;
}

.cat-links a:hover {
	color: #990000;
}

.author {
	margin-top: -8px;
	margin-bottom: 10px;
	font-family: "Gill Sans";
	font-style: italic;
	font-size: 0.8em;
	color: #666666;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	padding-top: 2px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}

.post h2 a {
	color: #666666;
	text-decoration: none;
}
.post h2 a:hover {
	color: #990000;
}

.tagbox {
	border-bottom: 8px;
	padding-bottom: 8px;
}

.tag-links {
}

.indexAd {
	margin-top: 10px;
}

/* -------- */
/* END POST */
/* ******** */


/* ********* */
/* POST INFO */
/* --------- */

.postInfo {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	font-size: 0.7em;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: "Gill Sans";
	color: #999999;
}

.postInfo a {
	color: #808080;
}
.postInfo a:hover {
	text-decoration: none;
	color: #990000;
}

.postInfo ul {
	margin: 8px auto 8px 10px;
	padding: 0px;
}

.postInfo ul li {
	list-style-type: none;
	font-family: "Gill Sans";
	margin-bottom: 2px;
}
.trackback {
	background: 0
50%;
}
.feed {
	background: 0
50%;
}

/***************** Tags below the link of the comments feed ********************/
.tags {
	background: 0
50%;
}

.navigation {
	clear: both;
	padding: 10px 0px;
}

.navigation a, .navigation a:visited {
	color: #C0C0C0;
	font-family: "Gill Sans";
	font-size: 0.9em;
	text-transform: uppercase;
}

.previous-entries a {

}

.next-entries a {

}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #8D8D8D;
	padding: 10px 0 5px 0;
	clear: both;
}

/* commentlist */
.commentlist {
    list-style: none;
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}

.commentlist li{
    margin-bottom: 6px;
	padding: 10px;
}

.commentlist .alt {
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}

.commentname {
	color: #703419;
	text-transform: capitalize;
	margin-left: 50px;
}

.gravatar {
	display: inline;
}

.gravatar img {
	border: 1px solid #AAAAAA;
	padding: 5px;
	float: left;
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
}

.commentcount {
	font: bold 2.2em "Gill Sans";
	color: #DEDEDE;
	float: right;
}

.commentext {  
	padding: 0px 0px 0px 50px;
}

/* comment form */
#commentform {
	margin-top: 10px;
	font: 110% "Gill Sans";
}

#commentform p {
	padding: 2px 0px;
	margin: 0px;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

#commentform input{
	width: 200px;
	background:#F9F9F9;
	border: 1px dotted #8D8D8D;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 580px;
	background: #F9F9F9;
	border: 1px solid #8D8D8D;
	padding: 2px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	background: #F9F9F9;
	font: bold 12px "Gill Sans";
	color: #666666;
	float: right;
	width: 144px;
	height: 28px;
	cursor: pointer;
	}

/* Quicktags */
#quicktags {
	margin-top: 4px;
	margin-bottom: 0px;
}

#quicktags input {
	background: #f9f9f9;
	border: 1px solid #aaaaaa;
	font-size: .9em;
	color: #666;
	font-family: "Gill Sans";
	width: auto;
	margin: 1px 2px 0px 0px;
	padding: 0px 1px 0px 1px;
}

#quicktags input:hover {
	border: 1px solid #4E79A2;
}

/* ------------ */
/* END COMMENTS */
/* ************ */


/* ******* */
/* SIDEBAR */
/* ------- */

#sidebar {
	float: right;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

#sidebar h1 {
	display: block;
	text-align: center;
	text-transform: lowercase;
	font-family: "Gill Sans";
	font-size: 2.5em;
	font-weight: 400;
	color: #DDDDDD;
	padding-bottom: 5px;
	letter-spacing: -1px;
}

/* ********** */
/* TABBED BOX */
/* ---------- */

#tabbed_area {
	padding: 8px;
	border: 1px solid #EEEEEE;
	width: 340px;
	margin-right: 13px;
	margin-left: 13px;
}

#tabs {
	display: block;
	height: 26px;
}

#tabs ul {
	margin: 0px;
	padding: 0px;
	height: 26px;
}

#tabs ul li {
	margin: 0px;
	display: inline;
	float: left;
	list-style-type: none;
	font-family: "Gill Sans";
	font-size: 0.9em;
	text-transform: uppercase;
	height: 26px;
}

#tabs ul li a {
	border-right: 1px solid #363834;
	color: #808080;
	display: block;
	text-decoration: none;
	line-height: 26px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 0.95em;
	font-weight: 500;
	letter-spacing: 1.5px;
	height: 26px;
	margin-right: 2px;
	margin-top: 2px;
	background-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
#tabs ul li a.active {
	margin-top: 1px;
	background-color: #EEEEEE;
	color: #666666;
}

#tabs ul li a.active:hover {
}

#tabs ul li a:hover {
	height: 26px;
	margin-top: 1px;
	color: #333333;
}

.content {
	margin: 0px;
	padding: 10px;
	position: relative;
	float: left;
	width: 319px;
	background-color: #EEEEEE;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8 {
	display: none;
}

#sidebar .content h1 {
	font-size: 2.5em;
	color: #666666;
}

#sidebar .content h1 a {
	color: #666666;
}

#sidebar .content h1 a:hover {
	color: #990000;
	text-decoration: none;
}

.content h4 {
	font-family: "Gill Sans";
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 400;
	color: #990000;
}

.content p {
	font-family: "Gill Sans";
	font-size: 0.8em;
	text-align: justify;
	line-height: 1.2em;
	color: #5F5F5F;
	margin-top: 10px;
}

.content a {
	color: #990000;
}
.content a:hover {
	text-decoration: underline;
}

.content ul {
	margin: 0px;
	padding: 10px 5px 0px 5px;
}

.content ul li {
	list-style: none;
	border-bottom: 1px solid #d6dde0;
	padding-bottom: 10px;
	font-size: 0.9em;
	border-bottom-color: #676767;
	border-bottom-style: solid;
	margin-top: 0px;
	margin-bottom: 0px;
}

.content ul li a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
.content ul li a:hover {
	text-decoration: none;
	color: #990000;
}

  
.content ul li a small {  
	color:#8b959c;  
	font-size:9px;  
	text-transform:uppercase;  
	font-family:Verdana, "Gill Sans";  
	position:relative;  
	left:4px;  
	top:0px;  
}  

.content ul li:last-child {
	border-bottom:none;
	padding-bottom: 0px;
}

#searchBox input#s {
	border: 1px solid #666666;
	width: 290px;
	height: 25px;
	font-family: "Gill Sans";
	color: #666666;
	font-size: 1.2em;
	vertical-align: middle;
}

/* ********** */
/* TABBED BOX */
/* ---------- */


/* Two Column Sidebar */

#barLeft {
	width: 175px;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
}

#barRight {
	width: 180px;
	float: right;
	margin-right: 5px;
	margin-top: 15px;
}

#sidebar h3 {
	font-size: 1em;
	font-family: "Gill Sans";
	font-weight: 600;
	letter-spacing: .5px;
	color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #999999;
	width: 95%;
	padding-bottom: 4px;
	margin-bottom: 0px;
	padding-top: 8px;
}

.sidebar input#s {
	width:7em;
}

#sidebar ul {
	font-family: "Gill Sans";
}

#sidebar li {
	list-style: none;
	margin: 0 0 10px 0;
}

#sidebar li form {
	margin:0.2em 0 0;
	padding:0;
}

#sidebar ul ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style-type: none;
}
#sidebar ul ul li {
	padding: 7px 5px 7px 6px;
	list-style: none;
	margin-bottom: 0px;
	font-size: 0.9em;
	width: 175px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	font-family: "Gill Sans";
}
#sidebar ul ul li:hover {
	background-color: #EEEEEE;
	color: #666666;
}

#sidebar ul ul li p {
	font-size: 0.8em;
	color: #CCCCCC;
	padding-top: 5px;
}

#sidebar ul ul li a {
	color: #C0C0C0;
}
#sidebar ul ul li a:hover {
	color: #990000;
	text-decoration: none;
}

#sidebar ul ul li:last-child {
	border-style: none;
}

#sidebar ul ul ul {
	margin:0 0 0 0.5em;
}

#sidebar ul ul ul li {
}

#searchform input#s {
	border: 1px solid #666666;
	width: 183px;
	height: 25px;
	font-family: "Gill Sans";
	color: #666666;
	font-size: 0.9em;
	vertical-align: middle;
}

.recentcomments a {
	display:inline !important;
	padding: 0 !important;
	margin: 0 !important;
}

.recentcomments {
	color:silver;
}

/* ----------- */
/* END SIDEBAR */
/* *********** */


/* ****** */
/* FOOTER */
/* ------ */

#footer {
	text-align: right;
	padding-top: 5px;
	font-family: "Gill Sans";
	font-size: 0.7em;
	color: #808080;
	margin-right: 40px;
	padding-bottom: 15px;
	margin-top: 20px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #EEEEEE;
}
#footer p {
	margin-right: 20px;
}

/* ---------- */
/* END FOOTER */
/* ********** */

.unt_lp_moods{
	font-family: "Gill Sans";
	font-size: .85em;
	font-style: italic;
	color: #666666;
}

.unt_lp_music{
	font-family: "Gill Sans";
	font-size: .85em;
	font-style: italic;
	color: #666666;
}