﻿/*   
Theme Name: Crisp and Smacky
Theme URI: 
Description: Envelopments Blog Theme based on the Thematic Framework
Author: Mark Reyes
Author URI: http://markanhtonyreyes.com
Template: thematic
Version: 0.1
.
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 */
@import url('default.css');

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


/* Body Background */
body {background: url(images/body_bg.jpg) top repeat-x #fafafa;}

/* Include Logo */
#blog-title a {
	background:url(images/envelopments_logo.png) no-repeat top left;
	padding-left: 10px;
	display: block;
	text-indent:-9999px;
	height: 80px;
	margin-top: -50px;
	}

	
	
/* General Font styles */
body, input, textarea {
font-family: Arial, Helvetica, Sans-serif;
	}

.entry-title { font-size: 32px; line-height: 1em;}

.entry-content p {
	font-size: 85%;
	}

.entry-content ol, .entry-content ul, .entry-content li {
	font-size: 90%;
	}

.entry-meta {
	color:#666666;
	font-size:11px;
	line-height:18px;
	}

.entry-content h3 {
	font-size: 120%;
	line-height:1.82em;
	font-style: normal;
	}
.entry-content h1 {
	padding: 14px 0;
	}

.widgettitle {
	margin-bottom: 8px;
	}
	
.entry-utility {
font-size:10px;
	}

a.more-link:link {color: #43C3BD; font-size: 125%; font-weight: bold;}
a.more-link:visited {color: #996699; font-size: 125%; font-weight: bold;}
a.more-link:hover {color: #FF4B33; font-size: 125%; font-weight: bold;}

#comments-list li.bypostauthor, #comments-list li.byuser {background:#e6f7f7 none repeat scroll 0 0;}	
	
/* Header Background */
#header {background:url(images/header_bg.jpg) top center no-repeat; height:318px; margin:0;}

/* Branding */
#branding {padding: 60px 0 60px 0;}

/* Modify Navigation */
#access {
	background:url(images/nav_bg.png);
	border:none;
	height:31px;
	overflow:visible;
	z-index:100;
	margin-top:137px;
	color: #fff;
	}

.sf-menu li, .sf-menu li li {background: none;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu ul a {background: #43c3bd; color: #fff;}

.sf-menu, .sf-menu a, .sf-menu ul {border:none; color: #fff;}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {border:none; color:#fff;  background: #43c3bd;}
.sf-menu ul a:hover {color: #fff; background: #7cccc8;}

.sf-menu a, .sf-menu a:visited {color:#fff;}

#social_icons {
	float: right;
	list-style: none;
	display: block;
	margin: 0px 0px 0 0;
	}
#social_icons li {
	float: left;
	}

#social_icons li img.social-icon {
	margin:5px 7px 0;
}
	
#social_icons li form {
	margin:4px 0 0 10px;
}

#social_icons li form input {
	font-size:.85em;
	line-height:15px;
}

#social_icons li form input.email-input {
	color:#999;
	height:14px;
	padding:2px 5px;
}

#social_icons li form input.submit-btn {
}

/* Modify Page Container */
#main {margin-top: 40px; padding: 0 20px 0 20px;}

/* Modify Container */

#container-wrapper {
	float:left;
	width:580px;
	}
	
#sidebar-wrapper {
	float:right;
	}

#container, #article-container, #featured-container {
	float:left;
	width:580px;
	margin: 0;
	padding: 20px;
	height: 100%;
	background: #fff;
	border:1px solid #eee;
	position:relative;
	}

#featured-container {
	height:150px;
	margin: 0 0 40px;
	padding:0;
	position:relative;
	width:948px;
}

#article-container {
	margin:5px 0 0;
	}
	
#article-container.no-top {
	margin:0;
}	
	
.article-list-item {
	border-bottom:1px solid #eee;
	height:150px;
	margin-bottom: 20px;
	}

#content {
	width: 560px;
	position:relative;
	}
	
/* Modify Primary Aside  */
#primary {
	border:1px solid #eee;
	background: #fff;
	}

.aside a:active, .aside a:hover, .aside .current_page_item a {
color:#43C3BD;
	}


/* Modify all Widgets */
#primary ul li h3, #secondary ul li h3, #subsidiary ul li h3 {margin-top: 14px; font: bold 16px Arial, Helvetica, Sans-serif;}
#primary ul li ul, #secondary ul li ul, #subsidiary ul li ul {list-style:none; margin:0; display:block;}
#primary ul li ul li li, #secondary ul li ul li li, #subsidiary ul li ul li li {margin-left:10px;}

/* Twitter Feed */
#twitter_feed ul {list-style:none; margin: 0; display: block;}
#twitter_feed ul li {background:#fafafa; padding: 14px; margin-bottom: 1px; font: 12px Arial;}

/*debug */
#debug {
	position:absolute;
	right:0px;
	top:0px;
	z-index:100;
	}
