@charset "UTF-8";
/* CSS Document */
/**
* Theme Name: matches
* Theme URI: 
* Description: A theme for the Museum of Matches
* Version: 0.1
* Author: Diane Bertolo
* Author URI: http://www.dianebertolo.com
* Tags: dark, museum
* Template: hybrid
*/
/* get base CSS */
@import url('db21px.css');
/* get plugins CSS */
@import url('../hybrid/library/css/plugins.css');
@import url('testFields.css');


html { margin-left: calc(100vw - 100%); }

.specialquote{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	color:#E1D1B0;
	font-size:13px;
	line-height:16px;
	text-shadow: 0 1px 1px #5E5E5E;}
.specialquote em{
	font-style:normal!important;}
	

blockquote{
	padding:10px 0px 8px 0px;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal!important;
	font-size:13px!important;
	line-height:16px!important;
	text-shadow:0 1px 1px #5e5e5e;
	color:#e1d1b0!important;;}

.post{
	border-bottom:1px dotted #c1b69f;
	margin-bottom:24px;}


#gallery-1{
	margin: auto auto -10px auto!important;}

.byline{
	margin-bottom:0;}
	
.email{
	background-color:#aaa;
	
	font-family:"Courier New", Courier, monospace;

	font-size:12px;
	line-height:14px;
	padding:10px;
	margin-bottom:10px;}

/* Body/general = = = = = = = = = = = = = = = = = = = = = = = = = = = */
body {
	font: normal normal normal 13px/18px Helvetica, Arial, sans-serif;
	color: #111;
	background-color:#222;
	
	margin:0;padding:0;}
	
#body-container {
	margin: 0 auto;
	width:980px;
	background-color: #797979;
	}
	
img{
	border:#222 1px solid;
	margin-bottom:12px!important;}
p {
	padding:0 0 12px 0;
	margin:0;}
	
	
	
/* Header = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#header-container{
	background-color:#525252;
	height:55px;
	padding: 29px 0 0 32px;}

/* Blog title */
#site-title {
	float:left;
	width:262px;
	height:65px;}
	
#site-title a {
	display: block;
	width: 262px;
	height: 65px;
	background: url("../../uploads/2010/08/matchesLogo.png") no-repeat 0 0;
}

#site-title a span {
	display: none;}

/* Blog description */
p.comments-closed, #site-description{
	display:none;}
	
	
/* Navigation = = = = = = = = = = = = = = = = = = = = = = = = = = = */

ul#menu-top {
	margin:0;}

#primary-menu, #navigation {
	overflow: visible;
	height: 32px;
	margin: 0 0 1px 0; /*puts space beneath the nav bar (into the container space)*/
	z-index: 100;
	background-color:#525252;
	padding: 0 15px 0 0;}
	
#primary-menu li, #page-nav li {
	margin-right: 0;
	display:inline;
	font-weight:bold;
	font-size:12px;
	letter-spacing:.5px;}

#primary-menu li a, #page-nav li a {
	padding: 5px 0 5px 0;
	margin: 0 10px 0 10px;
	color:#e9d3a4;
	float:right;
	text-shadow: 1px 1px 2px #333;}
	
#primary-menu li a:hover, #page-nav li a:hover {
	color:#2f2f2f;
	text-shadow:none;}
	
#primary-menu li.current_page_item a{
	border-bottom:4px solid black;}
	
#primary-menu li.current_page_item a:hover{
	color:#e9d3a4;
	text-shadow: 1px 1px 2px #333;}
#primary-menu a:visited{
	text-decoration:none;}
	
/* Entry stuff = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Entry title */
#sleft .entry-title, #aleft .entry-title, #mwright .entry-title, #hright .entry-title, #archiveleft .entry-title{
	display:none;}
	
.archive .entry-title, .search .entry-title {}
.page-title, .attachment-title {}
.entry-title a  {}
	
/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 10px 0;
	}
	
	
/* Container and Content = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Container (wraps content, primary, and secondary) */
#container {
	margin:0 65px 21px 65px;}

/* Main content */
#content {
	width: 850px;
	margin: 0 0 0px 0;
	
	padding:48px 0 0px 0;}
.no-widgets .content, .page-template-no-widgets .content {
	width: 980px;}

/* Headlines = = = = = = = = = = = = = = = = = = = = = = = = = = = */
h1, h2, h3, h4, h5, h6{
	margin:0;
	font-weight:normal;
	color:#f2e1be;
	letter-spacing:.5px;
	}
	
h1{
	font-size:20px;
	margin-bottom:10px;
	text-shadow: 0px 1px 2px #555;
	
	}
h2{
	font-size:18px;
	margin-bottom:10px;}
h3{
	font-size:16px;
	margin-bottom:7px;
	margin-top:8px;
	text-shadow: 0 1px 2px #555;}
h4{
	font-size:14px;
	margin-bottom:7px;}
h5{
	font-size:12px;
	margin-bottom:7px;
	letter-spacing:normal;}
	

/* Links = = = = = = = = = = = = = = = = = = = = = = = = = = = */
a {
	
	/*color:#c1b69f;
	text-decoration: none;*/
	border-bottom:1px dotted #c1b69f;
	color:#111;
	}
a:visited {
	/*text-decoration:line-through;*/
	border-bottom:1px dotted #111;
	}
a:hover, a:active {
	color: #e4d7bc;}
#primary-menu a{
	border:none;}
#header-container a{
	border:none;
	}
	
	
/* Footer = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Footer container */
#footer-container {
	clear: both;
	margin: 0 0 21px 0;}
/* Footer */
#footer {
	font-style: italic;
	color: #444;}
#footer .copyright {
	display: inline;
	float: left;
	margin-right: 9px;
	}
/* Subsidiary */
#subsidiary {
	margin: 0 0 21px 0;}
	

/* Breadcrumb = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Breadcrumb */
.breadcrumb {
	margin: 0 0 30px 0;
	font-size: .9em;
	font-style: italic;
	color: #666;}
.breadcrumb a {
	color: #111;
	text-decoration: none;}
.breadcrumb a:hover {
	color: #d54e21;
	text-decoration: underline;}
	

/* Images/Gallery = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Images */
/*.post img {
	max-width: 568px;
	padding: 5px;
	border: 1px solid #ccc;}*/


/*.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;}*/

/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	margin-top: 6px;
	padding: 6px 1px 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
	}


/* Dropdown menu = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Drop-downs style */
#primary-menu li:hover ul, #primary-menu li.sfHover ul, #page-nav li:hover ul, #page-nav li.sfHover ul {
	top: 32px;
	}
#primary-menu li li a, #page-nav li li a {
	border-top: none;
	margin-right: 0;
	}
#primary-menu li ul, #page-nav li ul {
	background: #fff;
	border-top: 1px solid #ccc;
	}
#primary-menu li li:hover ul, #primary-menu li li.sfHover ul, #primary-menu li li li:hover ul, #primary-menu li li li.sfHover ul, 
#page-nav li li:hover ul, #page-nav li li.sfHover ul , #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {
	top: -1px;
	}
#primary-menu li li li, #page-nav li li li {
	margin-left: -1px;
	}



	
.attachment-thumbnail{
	border: 1px solid #222!important;
	padding:0!important;
	margin:6px 0 0px 6px!important;}
.gallery-item, .gallery-icon, .cboxElement{
	margin:0!important;
	padding:0!important;}
	



	
/* PageNavi = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* WP Pagenavi plugin */
.wp-pagenavi {
	margin-bottom: 21px;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}
	
/* Widgets = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 15px 0;
	color: #464646;
	}
.widget a {
	color: #464646;
	text-decoration: underline;
	}
.widget a:hover {
	color: #d54e21;
	text-decoration: none;
	}

/* Widget titles */
.widget-title {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #111;
	}

/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	margin: 0 0 21px 0;
	padding: 20px 20px 0 20px;
	border: 1px solid #ccc;}
	
/* misc typography etc = = = = = = = = = = = = = = = = = = = = = = = = = = = */
	
.hintro{
	color:#f2e1be;
	font-size:19px;
	line-height:24px;
	font-weight:normal;
	letter-spacing:.5px;
	text-shadow: 0px 1px 2px #555}
	

h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#222;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	padding-left:190px;
	margin-bottom:13px;}
#sleft h5{
	padding-left:120px!important;}
#aleft h5{
	padding-left:270px!important;}
#hright h5{
	padding-left:50px!important;}



.breadcrumb{
	display:none;}