/*  
Theme Name: Latincollector custom theme
Theme URI: http://www.latincollector.com/
Description: A custom theme very loosely related to the original <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1
Author: Ben Strawbridge, Lynn Koble
Author URI: http://www.benstrawbridge.com/
*/



html {font-size: 125%;}

body {margin:0px; padding:0px; font: 50% arial, helvetica, sans-serif; text-align:center; background-color:#f4f4f4;}

* {margin:0; padding:0;}

img {border: none;}

.floatleft {float:left;}
.floatright {float:right;}

h1 {font: 2.3em Georgia, "Times New Roman", Times, serif; color:#383838;  letter-spacing:.01em; margin:0 38px 0 54px;}
h2 {font: italic 1.6em Georgia, "Times New Roman", Times, serif; color:#999;  letter-spacing:.01em; margin:.3em 38px 0 54px;}
h3 {font: 1.6em Georgia, "Times New Roman", Times, serif; color:#383838;  letter-spacing:.01em; margin:1em 38px 16px 54px;}
.date {font: 1.2em Georgia, "Times New Roman", Times, serif; color:#383838; padding-bottom:10px; border-bottom: 1px solid #dcdcdc;}


#mainwrap {width:900px; margin-left:auto; margin-right:auto; margin-top: 14px; margin-bottom:60px; text-align:left;}

#banner {width:900px; height:35px; background-color:#262626; text-align:right; padding-top:6px;}
#banner p {font-size:1.1em; color: #777; padding-top:16px; margin-right:26px;}
#banner img {float:left;}
#banner a {text-decoration:none; color:#888;}
#banner a:visited {color:#888}
#banner a:hover {color:#999;}
#banner a:active {color:#999;}

#contentarea {width:900px; background-color:#fff; padding: 24px 0 42px 0;}

#nav {width:172px; float:left;}
#nav ul {font-size:1.2em; line-height: 2.4; margin: 6px 0 0 26px; list-style-type: none;}
#nav li ul {font-size:.95em; line-height: 1.2; margin: -6px 0 10px 0; list-style-type: none; text-indent:8px;}
#nav a {text-decoration:none; color:#999;}
#nav a:visited {color:#999}
#nav a:hover {color:#000;}
#nav a:active {color:#000;}
#nav li.current_page_item a {color:#000;}

#archivenav {float:left;}
#archivenav ul {font-size:1em; line-height:1; list-style-type: none;}
#archivenav li ul {font-size:.95em; line-height: 1.2; margin: 0 0 10px 0;  list-style-type: none; text-indent:8px;}
#archivenav li ul li ul{font-size:1em; line-height: 1.3; margin: 0 0 10px 0; list-style-type: none; text-indent:20px;}
#archivenav a {text-decoration:none; color:#999;}
#archivenav a:visited {color:#999}
#archivenav a:hover {color:#000;}
#archivenav a:active {color:#000;}
#archivenav li.current_page_item a {color:#000;}
#archivenav h2 {font: italic 1.2em Georgia, "Times New Roman", Times, serif; color:#383838;  letter-spacing:.01em; margin:1.5em 38px 0 54px;}



#join {width:94px; border-top:1px solid #dcdcdc; padding-top:26px; margin: 20px 0 0 26px;}
#join p {padding-bottom:8px;}
#join a {text-decoration:none; color: #999;}
#join a:visited {color: #999;}
#join a:hover {text-decoration:underline; color: #999;}
#join a:active {text-decoration:underline; color: #999;}


#content {width:727px; float:left; border-left: 1px solid #ededed; padding-top:16px;  min-height:500px;}
/* mac hide \*/
* html #content {height:500px}
/* end hide */
#content p {font:1.2em/1.7em Georgia, "Times New Roman", Times, serif;  color:#8a8a8a; letter-spacing:.01em; margin:1em 38px 0 54px;}

#content a {text-decoration:none; color:#383838;}
#content a:visited {color:#b2b2b2;}
#content a:hover {text-decoration:underline;}
#content a:active {text-decoration:underline;}

#content h2 a {text-decoration:none; color:#999;}
#content h2 a:visited {color:#b2b2b2;}
#content h2 a:hover {text-decoration:underline;}
#content h2 a:active {text-decoration:underline;}

#content ul {font-size:1.2em; line-height: 2.4; margin: 6px 0 0 54px; list-style-type: none;}
#content ul a {text-decoration:none; color:#999;}
#content ul a:visited {text-decoration:none; color:#999}
#content ul a:hover {text-decoration:none; color:#000;}
#content ul a:active {text-decoration:none; color:#000;}

#content.resources h2 {font: 1.6em Georgia, "Times New Roman", Times, serif; color:#383838;  letter-spacing:.01em; margin:1.2em 38px 6px 54px;}

#column1 {width:264px; float:left;}

#column2 {float:left;}

#header {width:727px; margin-top:1em;}


#subnav {width:727px;}
#subnav p {font:1.1em arial, helvetica, sans-serif; letter-spacing:.02em; color: #999;}
#subnav p.clickthrough {height:14px; width:92px; text-align:center; background-color:#f0f0f0; font-size:1em; padding-top:1px; }
span.raised {vertical-align:top; line-height:14px; letter-spacing:normal;}
#subnav a {text-decoration:none; color:#999;}
#subnav a:visited {color:#999}
#subnav a:hover {text-decoration:underline; color:#999}
#subnav a:active {text-decoration:underline; color:#999}
#subnav .current_year {color:#000 !important;}


#gallery {width:727px; min-height:516px; margin-top:56px; text-align: center; }
/* mac hide \*/
* html #gallery {height:516px}
/* end hide */
#gallery p {font-size:1.1em; letter-spacing:.02em; color: #999;}

.formtype {font:1.2em/1.7em Georgia, "Times New Roman", Times, serif;  color:#8a8a8a; letter-spacing:.01em; margin:1em 0 0 0;}
.button {font: 1.1em arial, helvetica, sans-serif; color:#7f7f7f; margin:0 14px 0 0; padding:1px; border: 1px solid #d6d6d6; background-color:#f4f4f4;}
.field {font: 1.1em arial, helvetica, sans-serif; color:#7f7f7f; margin:0 0 0 54px; padding:2px; border: 1px solid #d6d6d6; background-color:#fff;}



.cform input.sendbutton {font: 1.1em arial, helvetica, sans-serif; color:#7f7f7f; border: 1px solid #d6d6d6; background-color:#f4f4f4; 
	width:80px !important; padding:2px; margin: 0 0 0 66px !important;}
p.cf-sb {text-align:left !important;}	
.single, .secinput {font: 1.1em arial, helvetica, sans-serif; color:#7f7f7f; margin:0 0 0 20px; padding:2px; border: 1px solid #d6d6d6; background-color:#fff;}
li input.cf-box-b {margin:0 0 0 20px !important;}
li.textonly {padding:0 !important;}
label span {width: 130px !important;}


#content form {margin:2em 38px 0 54px;}
.formLabel {font:1em/1.6em Georgia, "Times New Roman", Times, serif !important; color:#8a8a8a; letter-spacing:.02em; vertical-align:top;}
input.mc_sendbutton {font: .9em arial, helvetica, sans-serif !important; color:#7f7f7f; border: 1px solid #d6d6d6; background-color:#f4f4f4; 
	width:80px !important; padding:2px;}
.inputbox {font:1em/1.6em Georgia, "Times New Roman", Times, serif !important; color:#8a8a8a; height: 20px; border: 1px solid #d6d6d6; background-color:#fff;  margin: 0 0 1.5em 0 !important;  vertical-align:top;}


select {font: 11px arial, helvetica, sans-serif; color:#999; padding:2px; border: 1px solid #d6d6d6; background-color:#fff;}
textarea {padding:2px; border: 1px solid #d6d6d6; background-color:#ccc;}
form {padding:14px 14px 0 0;}
#dropdowns {margin-top:14px; width:727px; }

#tn {width:712px; margin: 56px 0 0 15px;}
.thumbnails {float:left; width:236px; height:214px; text-align: center;}
.thumbnails img {}

#summarylist {width:635px; margin: 20px 0 0 54px; padding:1px 0 1px 0; background-color:#f4f4f4;}
#summarylist h1 {font: 1.8em Georgia, "Times New Roman", Times, serif; color:#383838; letter-spacing:.01em; margin:0 38px 0 16px;}
#summarylist h2 {font: italic 1.5em Georgia, "Times New Roman", Times, serif;  letter-spacing:.01em; margin:-1px 0 1em 16px;}
#summarylist p {margin:1.1em 38px 0 16px; line-height:normal;}
#summarylist .date {border-bottom: none; margin:0 0 0 16px;}
#summarylist a {text-decoration:none; color: #383838;}
#summarylist a:visited {color: #383838;}
#summarylist a:hover {text-decoration:underline; color: #383838;}
#summarylist a:active {text-decoration:underline; color: #383838;}

#newsnav {width:635px; padding:0; margin:0;}
#newsnav p {font:1em arial, helvetica, sans-serif; color: #7f7f7f; margin: 0 14px 0 14px; padding-bottom:14px;}
#newsnav a {text-decoration:none; color: #7f7f7f;}
#newsnav a:visited {color: #7f7f7f;}
#newsnav a:hover {text-decoration:underline; color: #7f7f7f;}
#newsnav a:active {text-decoration:underline; color: #7f7f7f;}



.listentry {width:605px; min-height:184px; margin: 14px; background-color:#fff; border: 1px solid #d6d6d6;}
/* mac hide \*/
* html .listentry {height:184px}
/* end hide */
.listimage {float:left; width:184px; display: table; height:184px; #position: relative; overflow: hidden;}
.listimage img {margin:14px;}

.listtext {display: table; height:184px; width:417px; #position: relative; overflow: hidden;}
.fauxtablecell {#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
.entrytext {#position: relative;  #top: -50%; font-family:Arial, Helvetica, sans-serif; padding:14px 0;}
.entryimage {#position: relative;  #top: -50%; font-family:Arial, Helvetica, sans-serif;}


.newstext {float:left; width:417px; padding: 14px 0;}
.newssingle {padding:14px 3px;}


.listentry h1 {font: 1.8em Georgia, "Times New Roman", Times, serif; color:#383838; letter-spacing:.01em; margin:0 8px 0 12px !important;}
.listentry .date {border-bottom: none; margin:0 0 0 12px !important;}
.listentry h2 {font: italic 1.5em Georgia, "Times New Roman", Times, serif;  letter-spacing:.01em; margin:0 8px 1em 12px !important;}
.listentry p {margin:1.1em 8px 0 12px !important; line-height:normal; }
.listentry a {text-decoration:none; color: #383838;}
.listentry a:visited {color: #383838;}
.listentry a:hover {text-decoration:underline; color: #383838;}
.listentry a:active {text-decoration:underline; color: #383838;}



.linkcat {font: .9em arial, helvetica, sans-serif; margin:0;}
.linkcat h2 {font: 1.6em Georgia, "Times New Roman", Times, serif; color:#383838;  letter-spacing:.01em; margin:1em 0 0 0;}
.linkcat ul {font-size:1.2em; line-height: 1.8; list-style-type: none; display: inline; margin:0;}
.linkcat ul a {text-decoration:none; color:#999;}
.linkcat ul a:visited {text-decoration:none; color:#999}
.linkcat ul a:hover {text-decoration:none; color:#000;}
.linkcat ul a:active {text-decoration:none; color:#000;}

.navigation a {text-decoration:none; color: #7f7f7f;}

#footer {width:900px; height:15px; background-color:#e9e9e9; padding-top:4px; margin-bottom:60px;}
#footer p {font-size:1 em; color: #7f7f7f; margin: 0 26px 0 26px;}
#footer a {text-decoration:none; color: #7f7f7f;}
#footer a:visited {color: #7f7f7f;}
#footer a:hover {text-decoration:underline; color: #7f7f7f;}
#footer a:active {text-decoration:underline; color: #7f7f7f;}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* styles for youtube link (Sebastian) */

#youtube {
width:94px; 
border-top:1px solid #dcdcdc;
padding-top: 20px;
margin: 20px 0 0 0px;
}

a#youtube_link{
display: block;
width: 58px;
height: 30px;
background: transparent url(images/youtube-logo.png) 0 0 no-repeat;
}

a#youtube_link:hover{
background: transparent url(images/youtube-logo.png) -58px 0  no-repeat;
}

a#youtube_link_txt {
margin-left: 15px;
}


#vimeo {
width:94px; 
border-top:1px solid #dcdcdc;
padding-top: 20px;
margin: 20px 0 0 0px;
}

a#vimeo_link{
display: block;
width: 50px;
height: 20px;
background: transparent url(images/vimeologo.jpg) 0 0 no-repeat;
}

a#vimeo_link_txt {
margin-left: 15px;
}


#facebook {
width:47px; 
border-top:1px solid #dcdcdc;
padding-top: 20px;
margin: 20px 0 0 0px;
}

a#facebook_link{
display: block;
width: 22px;
height: 21px;
background: transparent url(images/FLogo_Gray.jpg) 0 0 no-repeat;
}

a#facebook_link:hover{
background: transparent url(images/FLogo.jpg) -22px 0  no-repeat;
}

a#facebook_link_txt {
margin-left: 18px;
}


#twitter {
width:47px; 
margin: 20px 0 0 0px;
}

a#twitter_link{
display: block;
width: 22px;
height: 22px;
background: transparent url(images/TLogo_Gray.jpg) 0 0 no-repeat;
}

a#twitter_link:hover{
background: transparent url(images/TLogo.jpg) -22px 0  no-repeat;
}

a#twitter_link_txt {
margin-left: 15px;
}