/*   
Theme Name: Erin Shay
Theme URI: 
Description: Custom theme for Erin Shay :)
Author: Camden Daily
Author URI: http://jaunter.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
	/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

@import url('../thematic/library/styles/18px.css');

/* Bring in our custom fonts */
@import url(https://fonts.googleapis.com/css?family=Cagliostro);
@import url(https://fonts.googleapis.com/css?family=Podkova);

/* page layout */

body, input, textarea {
    font: 16px/22px Arial, sans-serif;
    font-family: 'Cagliostro', sans-serif;
}
ul {
	list-style: none;
}
#container {
	width: 720px;
	border-right: 1px solid #CCCCCC;
	min-height: 500px;
}
#content {
	width: 710px;
	padding-top: 28px;
}
#main {
	padding: 0;
}
.main-aside {
	width: 220px;
}
#blog-title{
    font-family: 'Podkova', sans-serif;	
    font-weight: normal;
}
.entry-title {
    font-family: 'Cagliostro', sans-serif;	
}
#footer {
	display: none;
}

/* header */

#header {
		border-bottom: 1px solid #CCCCCC;
}
#headercontent {
	width: 940px;
	height:79px;
	margin: 0 auto;
}
#blog-title {
	display: inline;
}
#blog-description {
	padding-left: 10px;
	display: inline;
}
#access {
	float: right;
	width: 340px;
	border: 0;
	height: 79px;	
}
.menu {
	height: 33px;
	margin: 47px 0 0 0;
	width: 340px;
	float: right;
}
#branding {
	float: left;
	width: 360px;
	height: 60px;
	padding: 18px 0 0 0;
}
#searchform {
	float: right;
	width: 209px;
	height: 79px;
	padding-left: 20px;
}
#searchform div {
	margin: 45px 0 0 0;	
	height: 33px;
}
#searchform input {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}
#searchform input[type='text'] {
	width: 140px;
}
#searchform input[type='submit'] {
	width: 50px;
}
.sf-menu a {
    border-top-color: #FFFFFF;
}
.sf-menu li, #menu-primary {
	float: right;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    border-bottom-color: #FFFFFF;
}

/* sidebars */

#primary {
	border: 0;
	padding: 28px 0 0 10px;
}
.aside input {
	width: 180px;
}
.aside ul ul {
	list-style: none;
}
.aside a {
	text-decoration: none;
}
.aside h3 {
	border-top: 1px solid #CCCCCC;
	padding-top: 16px;
}
.aside .widget_search h3 {
	border: 0;
	padding: 0;
}
.main-aside {
	float: left;
}
.main-aside ul {
	padding: 0;
}
.main-aside ul li h3, .main-aside ul li li {
	padding-left: 20px;
}
.aside .widget_categories h3 {
	border: 0;
	padding-top: 0;
}
.aside .widget_search form {
	padding-left: 20px;	
}
.cat-item-4 {
	display: none;
}

/* archives */
 
.entry-content .wp-post-image {
	float: left;
	margin: 0 10px 10px 0;
}
.blog .entry-content img {
	width: 150px;
	height: 150px;
}
.hentry {
	width: 670px;
	padding: 0 40px 26px 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 30px 0;
}
.entry-utility {
	margin: 0;
}

/* single */

#gallery-images {
	float: left;
	width: 100%;
}

#gallery-images #primary-image img {
	width: 680px;
	padding: 0;
	float: left
}
#gallery-images #secondary-images {
	float: left;
	width: 100%;
}
#gallery-images #secondary-images img {
	float: left;
	width: 150px;
	height: 150px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 0 23px 15px 0;
}
.single .hentry {
	padding: 0 40px 26px 0;
}

/* home page */

.slug-home .entry-content {
	padding: 0;
}
.slug-home #container {
	padding-top: 28px;
}
.slug-home #content {
	display: none;
}

/* gallery */

#gallery {
	list-style: none;
	margin: 30px 0 0 0;
}
#gallery li {
	float: left;
	height: 162px;
	width: 162px;
	margin: 0 15px 15px 0;
}
#gallery img {
    border: 1px solid #CCCCCC;
    padding: 5px;
}