/*
Theme Name: The Smiths & Co.
Template: twentytwelve
Theme URI: http://wordpress.org/themes/twentytwelve
Author: The Blog Boat
Author URI: http://theblogboat.co.za/
*/


/* =Reset
-------------------------------------------------------------- */
@import url("../twentytwelve/style.css");



/* General structure styles
-------------------------------------------------------------- */

body {
	background-color:#f4f4f4;
}

	body .site {
		box-shadow:none;
	}

.site {
	background:none;

}

a {
	color: #6a6a6a;
}

.main-navigation a:hover {
color: #6a6a6a;
}
/* Header */

.header-image {
	margin:0;
	padding-bottom:25px;
}


/* Remove borders from wordpress added images */
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	border-radius: 0px;
	box-shadow: none; 
}


.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	font-family: Open Sans,Arial;
border:none;
}

/* General Post Content Stlying
-------------------------------------------------------------- */

/* Header */

/* Text Header */
.site-header h1 {
	margin-top: 20px;
	line-height: 1 !important;
}
/* Change my header size */
.site-header h1 a, .site-header h2 a {
color: #373737;
display: inline-block;
font-family: 'Oswald', sans-serif;
text-decoration: none;
letter-spacing: 12px;
font-size: 40px;
text-transform:uppercase;
font-weight: 600;
padding-bottom:10px
}

/* Remove site discription under header */
.site-description {
	display:none;
}
.site-description-theme {
	font-family:'Libre Baskerville', arial;
	letter-spacing: 2px;
	font-style:italic;
 	font-size: 15px !important;
 	color: #0f3020 !important;
 	font-weight: 400;
 	
}

.header-image {
	margin:0;
	padding-bottom:25px;
}


/* Post Title */
.entry-header, 
.entry-title,
h1.entry-header a, 
h1.entry-title a{
	font-family: 'Oswald', sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size: 17px;
	letter-spacing: 2px;
}
.site-content article {
	margin-bottom: 25px;
	padding: 25px;
	word-wrap: break-word;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	border-bottom: none;
	background: #ffffff;
}

/* Post Date */
.entry-header p {
	font-size: 11px;
	color: #b1b1b1;
	font-family: Open Sans, arial;
	text-transform: none!important;
	padding-top: 3px;
 letter-spacing:0px}

.entry-header {
	margin-bottom:17px;
}

.entry-header img.wp-post-image {
display:none;
}

.entry-content p {
	font-family: Open Sans, Arial;
	font-size: 12px;
}
/* Triangle footer */
.site-content article {
border:none;
margin-bottom: 30px;


word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.footer_pattern {
	width:100%;
	height:13px;
	background:url(img/zig-zag-repeat.png)repeat;
	margin-top: 17px;
}
.entry-meta a:hover {
color:#9f9f9f;
}
/* Sidebar Content Stlying
-------------------------------------------------------------- */

/* Textured background*/
.widget-area {
	background-color:#fff;
	padding:35px;
	margin:24px 0 0;


}

	.widget-area .widget {

	margin-bottom: 35px;

	}	

	.widget-area .widget p {
		text-align: center;
		font-size: 12px;
		line-height: 1.5;
		padding-top: 10px;
	}

.widget h3 {
	font-family: Open Sans, arial;
	font-weight: normal;
}

.widget a {
	font-family: Open Sans, arial;
	color:#9f9f9f;
}

.widget-area .widget a:hover {
	color:#9f9f9f;
}

.widget a:hover, .widget a:visited {
	color:#9f9f9f;
}

.widget p.about-me-widget-title {
	font-family: 'Libre Baskerville', serif;
	font-size: 19px;
	font-style:italic;
	color:#292929;
	margin-bottom: 0px;
	padding-top:10px;
}

/* Profile Picture */

.profile-picture {
	margin-top: -100px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.profile-picture img {
	display: block;
	margin:0 auto;
}

/* Social Media buttons */
.social-buttons {
	max-width: 235px;
	display: block;
	margin:0 auto;
}

	.social-buttons a {
		height: 48px;
		min-width: 112px;
		display: inline-block;
		text-align: center;
		margin-top: 4px;
		line-height: 2.7;
		font-family: 'Pathway Gothic One', sans-serif;
		font-size: 18px;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff !important;
		letter-spacing: 3px;
		font-weight: lighter;
	}

	.social-buttons a:visited,
	.social-buttons a:hover {
		color: #fff !important;
	}

li.postbottom {
	display: inline-block !important;
	text-align: center;
font-size:13px;
	width: 24.3%;
	margin: 0px;
	padding: 5px 0;
	background: #eec6b9;
	text-transform:uppercase;
color:#fff;
	letter-spacing: 3px;
	font-family: 'Open Sans', sans-serif;
	
	}

	a:hover li.postbottom {
	
	}

	li.postbottom: hover {
	background-color: #d5d5d5;
	}

	ul.postbottom {
	list-style: disc outside;
	margin: 0;
	}
	.a2a_default_style .a2a_img_text {
	display: none !important;
	
	}

	.a2a_default_style a {
	float: left;
	line-height: 16px;
	padding: 0 0px !important;
	}
	.a2a_default_style a {
    	float: none !important;
	}

	div.a2a_kit a2a_kit_size_32 a2a_default_style {
	line-height: 1px !important;
	}
	 a.a2a_dd.addtoany_share_save {
	color: #3a3a3a;
	}


	/* Preset Social button color palette */
	


.social-buttons .one {
		background:#941a3f;
	} 
	
	.social-buttons  .two {
		background:#e95166;
	}

	.social-buttons  .three {
		background:#fcc584;
	}

	.social-buttons  .four{
		background:#eec6b9;
	}

	.social-buttons .five {
	background:#f7ee89;
	}
	.social-buttons .six {
	background:#f0dea8;
	}
	.social-buttons .seven {
	background:#fbf964;
	}
	.social-buttons .eight {
	background:#eeb439;
	}
	.social-buttons .nine {
	background:#e49457;
	}
	.social-buttons .ten {
	background:#fe9a7a;
	}
	.social-buttons .eleven {
	background:#fb884f;
	}
	.social-buttons .twelve {
	background:#fdde80;
	}
	.social-buttons .thirteen {
	background:#c7f6f7;
	}
	.social-buttons .fourteen {
	background:#e4fac2;
	}
	.social-buttons .fifteen {
	background:#cce59c;
	}
	.social-buttons .sixteen {
	background:#b7e1f1;
	}
	.social-buttons .seventeen {
	background:#89adf7;
	}
	.social-buttons .eightteen {
	background:#e3e2df;
	}
	.social-buttons .nineteen {
	background:#9ada9b;
	}
	.social-buttons .twenty {
	background:#7eb784;
	}

	.social-buttons .twentyone {
	background:#9bc443;
	}
	.social-buttons .twentytwo {
	background:#c5fe7a;
	}
	.social-buttons .twentythree {
	background:#a3baaa;
	}
	.social-buttons .twentyfour {
	background:#90af67;
	}

/* Snapwidget */
.snapwidget {
	display: block;
margin: 0 auto;
max-width: 235px;
}

.mobile_center {
	display: block;
	margin:0 auto;
}	

/* Site footer
-------------------------------------------------------------- */

#site-generator {
	text-align: center;
}

footer[role="contentinfo"] a:hover {
color:#9f9f9f;
}

/* Media Queries
-------------------------------------------------------------- */


/* Desktop */
@media screen and (min-width: 600px) {
	
	/*page space from the top of the page */
	body .site {
		padding: 0 40px;
		margin-top: 40px;
		margin-bottom: 48px;
	}

	/*Sets main site width for desktop */
	.site {
		margin: 0 auto;
		max-width: 921px !important;
		overflow: hidden;
	}

	/* Space from header to content */
	.site-header {
		padding: 0px 0 0px 0;
		margin-bottom: 35px;;

	}
	/* No header hover colour */
	.site-header h1 a:hover, .site-header h2 a:hover {
	color: #373737;
	}
	/* Center Site Header */
	.site-header h1, .site-header h2 {
	text-align: center;
	}
	
	/* Sets width for content area */
	.site-content {
		width: 64.704167%;
padding-bottom:20px;
	}
	
	/*Sets Width for widget area */
	.widget-area {
		width: 25.041667%;
	}
	
	/* Menu styling */

.main-navigation li ul li a

{
text-align:left;
}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		letter-spacing:1px;
		display: inline-block !important;
		text-align:center;
		width: 100%;
	}

	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: normal;
	}
}



input#searchsubmit
{

font-family: 'Oswald', sans-serif;
color: #fff;
text-transform: uppercase;
font-size: 16px;
padding-top: 4px;
padding-right: 10px;
padding-left: 10px;
letter-spacing: 2px;
background-color: #eec6b4;
border: 0px;
box-shadow: none;
background-image: none;
border-radius: 0px;
padding-bottom: 5px;
}

button, input, select, textarea
{
border:solid #c6c6c6 1px;
border-radius:0px
}




.menu-toggle {
padding: 6px 10px;
padding: 0.428571rem 1.714286rem;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #FFFFFF;
background-image: none;
border: 0px; 
border-radius: 0px;
box-shadow: 0 0px 0px rgba(64, 64, 64, 0.1);
}