/*
Theme Name: Talbotmusic
Author: web-works.garage.ee
Description: Theme for Talbot, doom/sludge
Version: 1.0
*/


/* MAIN */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);

body { margin: 0px; font-family: 'Open Sans', sans-serif, 'Arial', Helvetica, sans-serif; background: #E5E8E4; color: #000; font-size: 12px;  }
a { text-decoration: none; color: #000; }
li { list-style: none; }
ul { margin:0px; padding: 0px;}
p { margin: 0px; line-height: 21px; }
.post p { margin-bottom: 10px; }
img { border: 0px; }
.category-gallery  img { max-width: 100%; height: auto; }


/* TYPOGRAPHY */

h1 { font-size: inherit; text-transform: uppercase; }
h2 { margin: 0px; font-size: inherit; font-weight: normal;}

/* HEADER */

#header {}
	#header-bg-color-holder { background: #000; }	
	#header-image  {  height: 246px;  margin: 0 auto; background: url('images/header-image-big.jpg') center no-repeat; }
		#header-image a { display: inline-block; width: 100%; height: 100%; }
	.menu-main-menu-container { text-align: center; }
	.menu { display: inline-block; }
		ul.menu { overflow: hidden; margin: 0 auto; margin-top: 18px; padding: 0px 10px 0px 10px;  }
			ul.menu li:first-of-type { margin: 0px; }
			li.menu-item { display: inline-block; margin-left: 15px;}
			li.current-menu-item a  { text-decoration: underline; }
			
			/* THE HOVER */

				li.menu-item a { 
				   color: #000; font-weight: 800; text-transform: uppercase;
				  -o-transition:color .1s ease-out;
				  -ms-transition:color .1s ease-out;
				  -moz-transition:color .1s ease-out;
				  -webkit-transition:color .1s ease-out;
				  transition:color .1s ease-out; }
				li.menu-item a:hover{ color:#AC697C; }


/* CONTENT PAGE */

#wrapper { }
	#content { margin-top: 50px; }
	#inner-container { width: 420px; margin: 0 auto; margin-bottom: 40px; padding-left: 10px; padding-right: 10px; }
	.category-gallery #content { margin-top: 14px; }
	.category-gallery #inner-container { width: 855px; }
	.category-gallery #main-page-title { display: none; }
	.category-news .post { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #D8CDCD; }
	.category-news #inner-container > div:last-of-type { border: 0px; }
	.category-news h2 {  }
	.category-news img { margin-top: 15px; max-width: 420px; width: auto; height: auto; }
	.home img { max-width: 100%; height: auto;}
	.date { margin-bottom: 10px; text-decoration: underline; }
		.post, .posts { text-align: left;}
		.post a, .posts a { text-decoration: underline; }
		.post-gallery { }
		#past-shows { margin-top: 15px; }
		#inner-wrapper { display: inline-block; text-align: left; width: 420px; }
	
	/* OVERRIDING COLLAPSEOPMATIC CSS */
	.collapseomatic  { font-weight: bold; padding: 0px 15px 10px 0px !important; }
	.collapseomatic { background-image: url('images/arrow-down.png') !important; background-position: 100% 23%; }
	.colomat-close { background-image: url('images/arrow-up.png') !important; }
	.collapseomatic_excerpt, .collapseomatic_content { margin-left: 0px !important; }
	.collapseomatic_content strong {  display: inline-block; padding-top: 10px; padding-bottom: 10px; }


/* MEDIA QUERIES */

@media all and (max-width: 420px)  {
	.post, .posts, #inner-wrapper { width: auto; }
	#inner-container { width: auto !important; }
	#header-image  { height: 61px; background: url('images/header-image-320.jpg') center no-repeat; }
	.category-news img { max-width: 100%;  height: auto; }
}

@media all and (max-width: 320px)  {
	ul.menu li:first-of-type { margin: 0px 0px 5px 0px; }
	li.menu-item { display: block; margin: 0px 0px 5px 0px; }
}