/*
Theme Name: SUbTheme
Theme URI: http://sub.agarzola.com/
Description: The default SUb theme.
Version: 2.0
Author: Alfonso Gómez Arzola
Author URI: http://work.agarzola.com/
Tags:
*/





/* TYPOGRAPHY */

h1, h2, h3, h5 {
	font-family: Helvetica, Arial, sans-serif;
	color: #222;
	font-weight: bold;
}

h1 {
	font-size: 64px;
	line-height: 68px;
	letter-spacing: -2px;
	margin: 0 0 5px 0;
}

div.top_container div.left_column h1 {
	margin-left: -100px;
}

h2 {
	font-size: 38px;
	line-height: 42px;
	letter-spacing: -1px;
	margin: 36px 0 0 0;
}

div.center_column h2 {
	margin: 0;
}

h3 {
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -0.3px;
	margin: 16px 0 0 0;
	color: #444;
}

h4 {
	font-family: Georgia, serif;
	color: #666;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -0.3px;
	margin: 0 0 8px 0;
	color: #444;
}

p {
	margin: 0;
}

div.center_column p, .body_1 {
	font-family: Georgia, serif;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: -0.5px;
	width: 468px;
	text-indent: 19px;
	margin: 0 0 30px 0;
	color: #222;
}

div.top_container div.center_column p {
	width: 628px;
}

div.center_column_single p {
	font-family: Georgia, serif;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: -0.5px;
	width: 468px;
	text-indent: 19px;
	margin: 0 0 12px 0;
	color: #222;
}

div.center_column_single hr {
	width: 468px;
	color: #ccc;
	margin: 44px 0 40px 0;
}

div.center_column_single ol, div.center_column_single ul {
	width: 468px;
}

div.center_column_single p.notice {
	width: 444px;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
	padding: 10px 12px;
	border: 1px dashed #666;
	letter-spacing: 0px;
}

div.center_column p:first-child, div.center_column_single p:first-child {
	text-indent: 0;
}

div.left_column p, div.right_column p, .body_2, div.center_column_single p.sidenote, .credit,
div.center_column_comments div.comment p, div.center_column_comments div.comment_form p, div p.search_meta {
	font-family: Georgia, serif;
	font-size: 13px;
	line-height: 19.5px;
	letter-spacing: -0.2px;
	margin: 0 0 5px 0;
	color: #222;
}

div.center_column_comments div.comment p, div.center_column_comments div.comment_form p {
	width: 468px;
	text-indent: 13px;
}

div.center_column_comments div.comment p:first-child, div.center_column_comments div.comment div.comment_meta p, div.wpcf7 div.contact_meta p, div.wpcf7 p {
	text-indent: 0;
}

.avatar {
	margin: 0 15px 10px 0;
}

div.comment {
	background-color: #fff;
	clear: both;
	border-top: 1px #ddd solid;
	padding: 30px 0 0 0;
	margin-top: 30px;
}

div.comment_form, div.wpcf7 {
	background-color: #fff;
	clear: both;
	border-top: 0;
	padding: 0;
	margin-top: 30px;
}

div.comment:first-child {
	border-top: 0;
	padding: 0;
}

div.center_column_single p.first, div.center_column_single p.sidenote, p.credit, div p.search_meta {
	text-indent: 0px;
}

.sm_caps {
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sm_cap_no {
	font-size: 19px;
}

.sm_cap_no {
	font-size: 13px;
}

div.center_column p .sm_caps, div.center_column_single p .sm_caps {
	font-size: 15px;
}

div.left_column p .sm_caps, div.right_column p .sm_caps {
	font-size: 10px;
}

div.top_container div.left_column p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	letter-spacing: 0.5px;
	text-align: right;
	margin: 9px 0 30px 0;
}

div.top_container div p.search_terms {
	font-family: Georgia, serif;
	font-size: 13px;
	line-height: 19.5px;
	letter-spacing: -0.2px;
	margin: 0 0 5px 0;
	color: #888;
	text-align: right;
}

div.comment div.comment_meta p, div p.search_meta {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	letter-spacing: 0.3px;
	text-align: left;
	margin: 4px 0 0 0;
	width: 160px;
}

div.comment_form div.comment_meta p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	letter-spacing: 0.5px;
	text-align: left;
	margin: 4px 0 0 0;
	width: 160px;
	text-transform: uppercase;
}

.spaced {
	margin-bottom: 30px;
}

.spaced_less {
	margin-bottom: 12px;
}

div.left_column p.menu, div.center_column p.menu, div.left_column p.menu a, div.center_column p.menu a, div.left_column p.menu a:visited, div.center_column p.menu a:visited {
	font-family: Georgia, serif;
	color: #555;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;



	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px #ccc solid;
}

a:visited, a:active {
	text-decoration: none;
	border-bottom: 1px #ccc solid;
}

a:hover {
	border-bottom: 1px #888 solid;
}

h1 a, h1 a:visited, h1 a:active, h1 a:hover,
h2 a, h2 a:visited, h2 a:active, h2 a:hover,
h3 a, h3 a:visited, h3 a:active, h3 a:hover,
h5 a, h5 a:visited, h5 a:active, h5 a:hover {
	border-bottom: 0;
}

.darker { color:#222; }
div.middle_container div.center_column p, .lighter, blockquote { color:#555; }
div.middle_container div.left_column p, div.middle_container div.right_column p, .lightest, div.center_column_single p.sidenote, .credit { color:#888; }

.about_sub {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	line-height: 18.6px;
	letter-spacing: -1px;
}

a.tagline, a.tagline:visited, a.tagline:active, a.tagline:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #bbb;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.7px;
	position: relative;
	left: 112px;
	top: 30px;
	border: 0;
}

div.center_column_single .sidenote, .credit, div.comment div.comment_meta, div.comment_form div.comment_meta, div.wpcf7 div.contact_meta, div p.search_meta {
	width: 160px;
	float: right;
	padding: 8px 0 0 0;
	margin-bottom: 30px;
}

.credit {
	padding: 18px 0 0 0;
}

div.center_column_single blockquote p {
	background: #fff url(images/quotes.png) no-repeat;
	width: 360px;
	padding: 5px 0 15px 36px;
	color: #555;
}

div.adsreally {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #888;
	text-transform: uppercase;
	text-align: right;
	margin-bottom: 8px;
}



/* STRUCTURE */

body {
	font-family: Georgia, serif;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: -0.5px;
	margin: 95px 0 100px 0;
}

div.top_bg {
	background: url(images/SUb_logo_header.png) no-repeat center;
	width: 100%;
	height: 65px;
	margin: 0 0 30px 0;
	position: fixed;
	top: 0;
	left: 0;
}

div.top_bg div.top_header {
	width: 1024px;
	height: 65px;
	margin: 0 auto;
}

div.white_bg {
//	background: #fff;
}

div.top_container {
	width: 1024px;
	margin: 30px auto 30px;
	padding: 0 0 30px 0;
/*	border-bottom: 2px #aaa dotted;*/
/*	background-color: #888;*/
}

div.middle_container {
	width: 1024px;
	margin: 0 auto 0;
	padding: 30px 0 30px 0;
	clear: both;
}

div.bottom_container {
	width: 828px;
	margin: 0 auto 30px;
	padding: 30px 0 30px 0;
	float: left;
}

div.bottom_container_single {
	width: 668px;
	margin: 0 0 30px 360px;
	padding: 30px 0 0 0;
	float: left;
	clear: both;
}

div.bottom_container_short {
	width: 468px;
	margin: 0 0 30px 360px;
	padding: 30px 0 0 0;
	float: left;
	clear: both;
}

div.bordered_container {
	border-top: 2px #aaa dotted;
}

div.left_column {
	width: 324px;
	margin: 0 36px 30px 0;
	padding: 0;
	float: left;
	background: inherit;
}

div.center_column {
	width: 468px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background: inherit;
	display: block;
}

div.center_column_single {
	width: 668px;
	margin: 0 0 0 360px;
	padding: 0;
	float: left;
	background: inherit;
	display: block;
}

div.center_column_comments {
	width: 668px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background: inherit;
	display: block;
}

div.right_column {
	width: 160px;
	margin: 0 0 0 36px;
	padding: 0;
	float: right;
	background: inherit;
}

div.adv {
	border: 3px #aaa double;
	width: 154px;
	height: 200px;
	float: right;
}

div.adv img, div.adv a {
	border: 0;
}

div.align_right {
	text-align: right;
}

div.fixed {
	position: fixed;
}

input.search_field {
	width: 380px;
	font-family: Georgia;
	font-size: 18px;
	line-height: 30px;
	color: #444;
	margin: -40px 0 0 0;
	background: #fff;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #aaa;
	border-left: 0;
}

input.search_button {
	margin: -40px 0 0 0;
}

#commentform input.comment_form, form ol li input {
	width: 160px;
	font-family: Georgia;
	font-size: 18px;
	line-height: 26px;
	color: #444;

	margin: 0 0 8px 0;
	background: #fff;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #aaa;
	border-left: 0;
}

#commentform textarea.comment_form, form ol li textarea {
	width: 432px;
	border: 3px #aaa double;
	height: 260px;
	font-family: Georgia;
	font-size: 18px;
	line-height: 26px;
	color: #444;
	padding: 10px 15px 10px 15px;
}

#commentform p.instructions {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #555;
	width: 468px;
	margin: 15px 0 15px 0;
}

#commentform p.instructions code {
	font-size: 14px;
	letter-spacing: 0.1px;
}

#commentform div.comment_meta h3.submit_button, div.wpcf7 div.contact_meta h3.submit_button {
	margin: 25px 0 0 0;
}

p.meta a {
	
}

.archive_year {
	float: right;
	width: 160px;
}

.archives_list {
	margin: 0 0 72px 0;
	padding: 0 0 24px 0;
	list-style: none;
	width: 468px;
	border-left: 1px #666 solid;
	border-bottom: 1px #666 solid;
	
}

.archives_list_item {
	margin-bottom: 8px;
	padding: 0 0 0 36px;
}

.date_item {
	text-indent: -14px;
}

.archives_list_item .date {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	text-transform: uppercase;
}

.archives_list_item .date sup {
	text-transform: none;
}

.archives_list_item a {
	font-size: 18px;
	line-height: 24px;
}







/* CONTACT FORMS */

fieldset.cf_hidden {
	display: none;
}

form fieldset, form p.cf-sb {
	width: 160px;
	float: right;
	border: 0;
	padding: 0;
	margin-bottom: 0px;
	text-indent: 0px;
}

form {
	width: 668;
}

form p.linklove {
	width: 468px;
	margin: 15px 0 15px 0;
	padding: 0;
	text-indent: 0px;
}

form p.linklove a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #555;
}

form fieldset ol, form ol {
	list-style-type: none;
	padding: 0;
}

form fieldset ol li label, form ol li label {
	display: none;
}

form fieldset ol:after {
	content: "* required fields";
}

form fieldset.cf-fs1 ol {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	letter-spacing: 0.5px;
	text-align: left;
	margin: 4px 0 0 0;
	text-transform: uppercase;
}

form ol li textarea {
	width: 432px;
	border: 3px #aaa double;
	height: 260px;
	font-family: Georgia;
	font-size: 18px;
	line-height: 26px;
	color: #444;
	padding: 10px 15px 10px 15px;
}

div.cf_info {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 9px;
	line-height: 14px;
	letter-spacing: 0.5px;
	text-align: left;
	margin: 4px 0 0 0;
	text-transform: uppercase;
	color: red;
}

input.sendbutton {
	background: url(images/send_button.png) no-repeat;
    height: 15px;
    width: 48px;
    border: none;
}

sup.footnote {
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
}

.foot_title {
	font-size: small;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#footnotes {
	margin: 48px 0 0 0;
	color: #666;
}

#footnotes p {
	text-indent: -10px;
	font-size: 16px;
	font-style: italic;
	color: inherit;
}

#footnotes p strong {
	font-style: normal;
	color: inherit;
}

.addthislink {
	text-transform:uppercase;
	font-weight: normal;
	color:#fff;
	background:#333;
	padding:1px 2px 0 4px;
}

.addthislink:hover {
	border-bottom: 0;
}













/* AddThis CSS */

.addthis_toolbox .custom_hover
{
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button
{
    font-weight: bold;
    padding: 4px 0 4px 4px;
//    -moz-border-radius: 5px 5px 0 0;    
//    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active
{
//    background-color: #eee;
}

.addthis_toolbox .hover_menu 
{
    display: none;
    position: absolute;
    right: 0;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower
{
//    -webkit-border-radius: 0 5px 0 0;   
//    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu 
{
    width: 108px;
    padding: 0;
    margin-top: -246px;
    border: 1px solid #333;
//    -moz-border-radius: 5px;
//    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu  a
{
    padding: 4px 8px 4px 4px;
    position: relative;
    display: block;
    text-decoration: none;
    color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.addthis_toolbox .hover_menu  a:hover
{
//    -moz-border-radius: 4px;
//    -webkit-border-radius: 4px;
    background: #ddd;
    text-decoration: none;
}

.addthis_toolbox .hover_menu  span
{
    position: absolute;
    left: 8px;
    top: 4px;
}

.addthis_toolbox .hover_menu  .more
{
    border-top: solid 1px #333;
    background: #333;
    color: #fff;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu  .more a
{
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu  .more span
{
    display: none;
}

.addthis_toolbox .hover_menu column {
	
}