/*
Theme Name: Terms of Belonging
Theme URI: http://wordpress.org/
Description: 
Author: Leaky Studio
Version: 1.2
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import "fonts/clarendon.css";

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 {
	font-weight: normal;
}
ul {
	list-style: none;
}

a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/




#footer {
	clear: both;
	width: 100%;
}
html, body, #wrapper {
height: 100%;
}

.footnotes {
margin:20px 0 15px 0;
padding:0;
font-family: 'ClarendonLTStdLight';
color:#000000;
font-size:11px;
line-height:14px;
}

.footnotes ol li {
padding:0 0 6px 0;
}





/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: 'ClarendonLTStdRoman';
}

.wp-caption-text {
	font-family: 'ClarendonLTStdLight';
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */

#wrapper {
	margin: 0 0 0 40px;
	width: 94%;
	padding:0;
	min-height: 100%;
	position: absolute;
}




/* Structure the footer area */


#name {
margin:0 0 6px 0;
padding:0;
width:500px;
background-image:url(images/tob_logo_small.png);
background-repeat:no-repeat;
height:101px;
}
#content_narrow {
width:850px;
margin:0;
padding:0;
}

#info_left p.date {
font-size:12px;
letter-spacing:0.02em;
color: #FF0000;
padding:0;
margin:0 0 3px 0;
}


#info_left1 {
width: 150px;
float:left;
margin:0;
padding:0;
}

#info_left {
width: 220px;
float:left;
margin:0;
padding:0;
}

#info_left h3 {
text-transform: uppercase;
font-size:18px;
margin:0 0 12px 0;
letter-spacing:0.03em;
padding:0;
font-family: 'ClarendonLTStdRoman';
color:#FF0000;
}

ul#sub_int {
list-style:none;
margin:0;
padding:0;
display:block;
}

ul#sub_int li {
list-style:none;
margin:0 0 0 0;
padding:0;
font-size:13px;
display:block;
font-style:italic;
}

ul#sub_int li a {
text-decoration:none;
color:#FF6868;
}
ul#sub_int li a:hover {
text-decoration:none;
color:#FF0000;
}


.description {
font-family:"Times New Roman", Times, serif;
font-size:14px;
line-height:18px;
color:#666666;
margin:12px 0 0 0;
padding:0;
}

.description p {
font-family:"Times New Roman", Times, serif;
font-size:14px;
line-height:18px;
color:#666666;
padding:0 0 12px 0;
}

.news_content {
font-size:13px;
line-height:17px;
color:#000;
padding:0 0 3px 0;
margin:0 0 3px 0;
font-family: 'ClarendonLTStdLight';
border-bottom: dashed 1px #FF0000;
}

.small {
font-family:"Times New Roman", Times, serif;
font-size:10px;
font-style:italic;
letter-spacing:0 03em;
color:#000;
}

.news_content p {
font-size:13px;
line-height:17px;
color:#000;
padding:0 0 8px 0;
font-family: 'ClarendonLTStdLight';
}



#info_left .artists {
color: #FF0000;
padding:0;
margin:14px 0 0 0;
font-size:16px;
letter-spacing:0.02em;
line-height:16px;
letter-spacing:0.05em;
font-family: 'ClarendonLTStdLight';
}

#nav_right {
float:right;
width:120px;
margin:0;
padding:0;
font-family: 'ClarendonLTStdLight';
font-size:11px;
}

#info_left h5 {
color:#FF6868;
text-transform:uppercase;
padding:6px 0 0 0;
margin:10px 0 5px 0;
font-size:15px;
font-family: 'ClarendonLTStdRoman';
width:100%;
border-top: dashed thin #FF6868;
}
#content #info_left1 h5 {
color:#FF6868;
text-transform:uppercase;
padding:6px 0 0 0;
margin:10px 0 5px 0;
font-size:15px;
font-family: 'ClarendonLTStdRoman';
width:100%;
border-top: dashed thin #FF6868;
}

#nav_right a {
text-decoration:none;
color: #999999;
}

#nav_right a:visited {
text-decoration:none;
color:#999999;
}

#nav_right a:hover {
text-decoration:none;
color: #FF0000;
}

#nav_right .prevalignleft {
margin:0;
padding:0;
width: 40px;
float:right;
}

#nav_right .nextalignright {
margin:0;
padding:0;
width: 60px;
float:left;
}



#content_right {
width:520px;
margin:0 0 0 210px;
padding:0;
}


#content_right .cat_holder_archive {
margin:0 0 7px 0;
padding:0 0 7px 0;
border-bottom: dashed 1px #FF0000;
}

.cat_holder_archive h3 {
color:#FF0000;
}

#content_right .cat_holder_archive2 {
margin:0 0 12px 0;
padding:0 0 3px 0;

}

.cat_holder_archive2 h3 {
color:#FF0000;
}

.abstract_holder {
width:640px;
padding:10px;
background-color:rgba(255,255,255,0.3);
margin:0 0 15px 0;
border:dashed thin #FF0000;
}

.abstract_left {
width:310px;
float:left;
padding:0;
margin:0 0 0 0;
font-size:13px;
line-height:18px;
}

.abstract_bio {
width:295px;
float:right;
padding:0;
margin:0 0 0 0;
font-size:13px;
line-height:18px;
}





#content_right2 {
width:600px;
margin:0 0 0 240px;
padding:0;
}

#content_right3 {
width:670px;
margin:0 0 0 210px;
padding:0;
color:#000000;
}

#content_right3 h3.abst {
font-size:19px;
color:#FF0000;
padding:0;
margin:0 0 10px 0;
text-transform:none;
}

#content_right3 h4{
font-size:16px;
color:#FF0000;
padding:0;
margin:0 0 5px 0;
text-transform:none;
}

#content_right_text h3 {
font-size:18px;
color:#FF0000;
padding:0;
margin:10px 0 5px 0;
text-transform:none;
}

.sup{font-size:xx-small; vertical-align: super;}




#content_right_text {
width:570px;
float:right;
padding:0;
}

#content_right_text a {
text-decoration:none;
color:#FF0000;
}

#content_right_text a:hover {
text-decoration:none;
color:#ff707a;
}

#content_right_text p {
color:#000000;
padding:0 0 14px 0;
margin:0;
font-size:14px;
line-height:20px;
letter-spacing:0.01em;
font-family:"Times New Roman", Times, serif;
}


#content_right_text p + p:first-line {
font-size:14px;
line-height:20px;
letter-spacing:0.02em;
font-variant:normal;
}

#content_right_text p:first-line {
font-weight: normal;
font-size:18px;
}

#content_right_text p + p:before {
content: "";
}

#info_left .pdf_holder p {
padding:0;
margin:0;
}

#info_left .pdf_holder {
margin:12px 0 0 0;
font-family: 'ClarendonLTStdLight';
font-style:normal;
font-size:12px;
letter-spacing:0.02em;
line-height:16px;
color:#666666;
}

#info_left .pdf_holder ul {
list-style:none;
display:block;
margin:0;
padding:0;
}

#info_left .pdf_holder ul li {
list-style:none;
display:block;
margin:0;
padding:0 0 2px 0;
}

#info_left .pdf_holder ul li a {
text-decoration:none;
color:#666666;
}

#info_left .pdf_holder ul li a:hover {
text-decoration:none;
color:#FF0000;
}
a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 0 2px 14px;
	background: url(images/pdf_icon.png) left center no-repeat;
}


#content_right_text2 {
width:470px;
margin:0 0 0 257px;
padding:0;
}

#content_right_text2 a {
text-decoration:none;
color:#FF0000;
}

#content_right_text2 a:hover {
text-decoration:none;
color:#ff707a;
}

#content_right_text2 p {
padding:0 0 8px 0;
margin:0;
font-size:15px;
line-height:18px;
letter-spacing:0.02em;
}


#info_left .artists a {
text-decoration:underline;
color:#666666;
}

#info_left .artists a:hover {
text-decoration:underline;
color:#FF0000;
}

#info_left .artists p {
padding:0;
margin:0;
}

#info_left .reviews {
padding:0;
margin:10px 0 0 0;
}

#info_left .reviews ul {
list-style:none;
margin:0 0 5px 0;
padding:0;
display:block;
}

#info_left .reviews ul li {
list-style:none;
margin:0 0 2px 0;
padding:0 0 0 17px;
background-image:url(images/bullet_arrow.png);
background-repeat:no-repeat;
background-position:0 3px;
display:block;
font-size:13px;
}

#info_left .reviews a {
text-decoration:none;
color:#FF0000;
}
#info_left .reviews a:hover {
text-decoration:underline;
color:#FF0000;
}

.collapseomatic {
	background-image: url(images/arrow-down.png) !important;
	background-repeat: no-repeat;
	background-position:0 3px;
	padding: 0 0 0 17px;
	cursor: pointer;
  font-size: 13px;
  color:#FF0000;
  margin:-5px 0 5px 0;
}
.arrowright {
	background-position: top right;
	padding: 0 16px 10px 0;
}
.hover {
	text-decoration: underline;
}
.close {
	background-image: url(images/arrow-up.png) !important;
	background-position:0 7px;
}
.collapseomatic_content {
	margin-top: 0px;
	margin-left: 0;
	padding: 0px;
	font-size:12px;
	line-height:16px;
	letter-spacing:0.02em;
	color: #666666;
	font-family:"Times New Roman", Times, serif;
}

.collapseall, .expandall {
	cursor: pointer;
}


#name2 {
margin:0 0 6px 0;
padding:0;
width:500px;
background-image:url(images/tob_logo_v2.png);
background-repeat:no-repeat;
height:101px;
}

#name3 {
margin:0 0 6px 0;
padding:0;
width:500px;
background-image:url(images/tob_logo_v3.png);
background-repeat:no-repeat;
height:101px;
}
#site_description {
font-family: 'ClarendonLTStdRoman';
font-size:20px;
padding:0;
margin:0 0 10px 0;
width:auto;
color:#FF0000;
}




#header {
padding:0;
margin:35px 0 35px 0;
width:100%;
}

#header_left {
width:750px;
float:left;
margin:0;
padding:0;
}
.clearer {
	clear:both;
	float:none;
	height:1px;
}


 
 .attachment-post-thumbnail{width:110px; height:110px; padding:0; float:left; margin:0 10px 10px 0;}







#page_nav {
width:200px;
padding:0;
margin:0;
position:fixed;
top:27px;
right:45px;
z-index:400;
}


#design {
width:200px;
padding:0;
margin:0;
position:fixed;
bottom:27px;
right:45px;
z-index:450;
text-align:right;
font-family: 'ClarendonLTStdLight';
font-size:11px;
color:#FF3366;
}
#design a {
text-decoration:none;
color:#FF3366;
}
#design a:hover {
text-decoration:none;
color:#FF0000;
}

#page_nav ul {
list-style:none;
text-transform: uppercase;
font-size:19px;
margin:0 ;
letter-spacing:0.05em;
background-color:#FF0000;
padding:10px 10px 6px 10px;
font-family: 'ClarendonLTStdRoman';
}

#page_nav ul ul {
list-style:none;
margin:0 0 0 0;
padding:0;
display:inline;
}

#page_nav ul ul li{
margin:0 6px 0 0;
display:inline;
list-style:none;
padding:0;
font-size:12px;
line-height:14px;
text-transform:none;
}


#page_nav ul li {
list-style:none;
display:block;
text-transform: uppercase;
font-size:19px;
margin:0 0 4px 0;
letter-spacing:0.05em;
padding:0;
font-family: 'ClarendonLTStdRoman';
}
#page_nav ul li a {
text-decoration:none;
color:#FFFFFF;
}
#page_nav ul li a:hover {
text-decoration:none;
color:#FFFF00;
}

#page_nav h3 {
padding:0;
margin:0 0 5px 0;
text-align:right;
}

#page_nav h3 a {
text-decoration:none;
color:#FF0000;
}
#page_nav h3 a:hover {
text-decoration:none;
color: #FFFF00;
}

#home_float_container_left {
width:470px;
float:left;
padding:0;
margin:0;
font-family: 'ClarendonLTStdLight';
font-size:15px;
}

#home_float_container_left a {
color:#000000;
text-decoration:none;
}

#home_float_container_left a:hover {
color: #FF0000;
text-decoration:none;
}

#home_float_container_right a {
color:#000000;
text-decoration:none;
}

#home_float_container_right a:hover {
color: #FF0000;
text-decoration:none;
}

#home_float_container_right {
width:470px;
float:right;
padding:0;
margin:0;
font-family: 'ClarendonLTStdLight';
font-size:15px;
}

#first_container {
float:left;
width:215px;
margin:0;
padding:0;
}

#second_container {
float:right;
width:236px;
margin:0;
padding:0;
}

#third_container {
float:left;
width:215px;
margin:0;
padding:0;
}

#fourth_container {
float:right;
width:236px;
margin:0;
padding:0;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	font-family: 'ClarendonLTStdLight';
}


/* Text elements */


a:link {
	color: #000;
}
a:visited {
	color: #FF0000;
	text-decoration:line-through;
}
a:active,
a:hover {
	color: #FF0000;
}




/* =Header
-------------------------------------------------------------- */



/* =Menu
-------------------------------------------------------------- */



/* =Content
-------------------------------------------------------------- */

#content {
	margin:0 0 0 0;
	padding:0;
	width:955px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #FF0000;
}
#content .text_block {
padding: 0 0 6px 0;
margin:0 0 6px 0;
border-bottom:#000000 dashed thin;
}

#fourth_container .text_block_news {
width:100%;
padding: 0 0 6px 0;
margin:5px 0 10px 0;
font-family: 'ClarendonLTStdLight';
color:#000;
border-bottom:#000000 dashed thin;
}

#fourth_container .text_block_news p {
padding:0 0 4px 0;
text-indent:0;
margin:0;
font-size:11px;
letter-spacing:0.03em;
line-height:15px;
}

#content .text_block_news a {
color:#000;
text-decoration:underline;
}

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

#content h2 {
text-transform: uppercase;
font-size:20px;
margin:0 0 15px 0;
letter-spacing:0.05em;
padding:0;
font-family: 'ClarendonLTStdRoman';
}
#content h2.artist {
text-transform: none;
font-size:20px;
margin:0 0 15px 0;
letter-spacing:0.05em;
padding:0;
font-family: 'ClarendonLTStdRoman';
}

ul#list {
margin:0;
letter-spacing:0.05em;
padding:0;
list-style:none;
display:inline;
}

ul#list li {
font-size:15px;
margin:0 3px 5px 0;
letter-spacing:0.05em;
padding:0;
list-style:none;
color: #BBBBBB;
display:inline;
font-family: 'ClarendonLTStdLight';
}

ul#list li a {
text-decoration:none;
color: #BBBBBB;
}

ul#list li:after {
content: ",";
}

ul#list li:last-child:after {
content: "";
}

ul#list li a:hover {
text-decoration:none;
color: #FF0000;
}

ul#list li a:visited {
text-decoration: line-through;
color: #CCCCCC;
}

#content_narrow h2 {
text-transform: uppercase;
font-size:20px;
margin:0 0 15px 0;
letter-spacing:0.05em;
padding:0;
font-family: 'ClarendonLTStdRoman';
color:#FF0000;
}

#content h3 {
font-size:14px;
margin:0;
letter-spacing:0.05em;
padding:0;
font-family: 'ClarendonLTStdRoman';
}

#content h6 {
font-size:10px;
margin:0 0 0 0;
letter-spacing:0.07em;
line-height:13px;
text-transform:uppercase;
color: #000;
padding:0;
font-family: 'ClarendonLTStdLight';
}

#content_right h6 {
font-size:11px;
margin:0 0 0 0;
letter-spacing:0.07em;
line-height:13px;
text-transform:uppercase;
color: #000;
padding:0;
font-family: 'ClarendonLTStdLight';
}

#content_right h3 {
font-size:20px;
margin:0 0 4px 0;
letter-spacing:0.05em;
padding:0;
font-family: 'ClarendonLTStdRoman';
}

#content_right h3 a {
text-decoration:none;
color:#FF0000;
}

#content_right h3 a:hover {
text-decoration:none;
color: #FF0000;
}




#content h5 {
font-size:12px;
margin:0 0 5px 0;
line-height:15px;
color: #FF0000;
padding:0;
font-family: 'ClarendonLTStdLight';
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}





/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 14px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 0;
	text-align: left;
}
.wp-caption img {
	margin:0 0 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 11px;
	margin: 5px 0 0 0;
}

.extra_artist {
border-top: thin solid #FF0000;
margin:40px 0 20px 0;
width:100%;
padding:7px 0 0 0;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}



/* =Footer
-------------------------------------------------------------- */



#footer_bottom {
  width: 940px;
  bottom: 10px;
color:#FF0000;
  padding: 0;
  margin:80px 0 0 0;
}
.foot_logo {
clear:both;
margin:10px 0 0 0;
padding:0;
}

#footer_bottom p {
font-size:12px;
padding:0 0 0 0;
}



/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	
	
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}