/*
THEME NAME: Decoupling Blog Light
THEME URI: http://decouplingblog.com/
DESCRIPTION: Decoupling Blog is a custom theme built from the Sandbox
VERSION: 1.0
AUTHOR: Carlos Drew d'Avis
AUTHOR URI: http://decielo.com/
TEMPLATE: sandbox
*/

/*
	Attempting color change for color blind users:
	Color-801818 -> Color-b33b3b
 */

/* Basic Styles
================================================*/
body {
	background: #c3c3c3 url(images/body-bg.png) repeat-x left top;
	color: #333;
	font-size: 13px; 
	font-family: Georgia,"New Century Schoolbook","Bitstream Vera Serif",Utopia,"Times New Roman",times,serif; 
	line-height: 1.5em;   
	margin: 0;
	padding: 0;
	text-align: center;
}

a, a:link, a:visited  {
	color: #c73c33;
	font-weight: normal;
	text-decoration: none;
}

a:hover  {
	color: #ffaa2d;
	text-decoration: none;
}

a img, img.wp-smiley {border: 0;}

h1, h2, h3, h4 { 	font-family: "Helvetica Neue","Bitstream Vera Sans",Helvetica,Arial,sans-serif; }
h1 a, h2 a, h3 a {}

h1 {font-size: 1.6em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.4em;}

h4 {font-size: 1.3em;}

h5 {font-size: 1.2em;}

h6, h7 {font-size: 1.1em;}

li, label, p, ol, table, ul  {font-size: 1em;}

h1, h2, h3, h4 {margin: 0 0 1em 0;}

p { margin: 1em 0; }

abbr, acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

blockquote {
	background: url(images/quoteup.png) no-repeat;
	padding-left: 32px;
	color: #666; 
}

blockquote blockquote{
	background: none;
	border-left: 1px solid #ccc;
	padding-left: 8px;
}

cite {}

code {
	border: 1px solid #ccc;
	background: #efefef;
	padding: 0 2px;
	font-size: 1.1em;
}

del {color: #ff999c;}

dl {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

ins {
	border-bottom: 1px dotted #333;
	text-decoration: none;
}

ins:after {/*Will not appear in versions of IE*/
	content: " (Updated)";
}

label {/* The CSS standard dictates "pointer" as the value for a "pointer that indicates a link". Unfortunately, IE 5 and IE 5.5 for Windows don't understand this value, using "hand" to mean the same thing. By placing pointer first misbehaving Microsoft browsers ignore it and use the hand value, while better behaved browsers take pointer and ignore hand.*/
	cursor: pointer;
	display: inline;
}

pre {
	border: 1px solid #ccc;
	background: #efefef;
	font-size: 1.1em;
	padding: 8px;
}

table {}

td, th {
	padding: .2em;
	text-align: left;
	vertical-align: top;
}

tfoot td {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	font-weight: bold;
}

.clear { clear: both; }

/*==============================================*/

/* Basic Layout Styles
================================================*/
/*--- Wrapper ---*/
#wrapper {
	margin: 0 auto 20px;
	width: 950px; 
	position: relative;
	text-align: left;
	background: url(images/wrapper-bg.png) repeat-y left top; 
}

/*--- Page Header ---*/
#header {
	height: 160px;
	overflow: hidden;
	padding: 0;
	margin: 0; 
	position: relative; 
	background: url(images/header-1.png) no-repeat left top; 
}
.header-2 #header { background: url(images/header-2.png) no-repeat left top; }
.header-3 #header { background: url(images/header-3.png) no-repeat left top; }

#blog-title {
	position: absolute; padding: 0; margin: 0; 
	left: 10px; top: 55px; 
	width: 350px; height: 65px; 
	text-indent: -9999px; overflow: hidden; 
}

#blog-title a { display: block; width: 350px; height: 65px; }

#blog-description {
	text-indent: -9999px; overflow: hidden; 
}

#rp-link { position: absolute; top: 40px; left: 750px; 
	text-indent: -9999px; 
	height: 80px; width: 150px; 
}
	#rp-link a { display: block; height: 90px; width: 150px; }

#access {
	margin: 0; padding: 0; 
}

#menu {
	position: absolute; 
	top: 0; left: 10px; 
	height: 20px; 
	border: 0; 
	margin: 0;
	padding: 0;
	width: 650px;
}

#menu ul {
	margin: 0;
	padding: 0;
	height: 20px; 
	border-left: 1px solid #FFF; 
}

#menu li {
	display:inline;
	margin:0;
	padding: 0;
}

#menu a:link, #menu a:visited {
	border-right: 1px solid #FFF;
	color: #606a8c;
	font-size: 0.9em;
	line-height: 16px; 
	font-family: "Helvetica Neue","Bitstream Vera Sans",Helvetica,Arial,sans-serif;
	float: left;
	padding: 2px 10px;
	text-decoration: none;
	width: 100px;
	text-align: center; 
}

#menu a:hover {
	color: #c73c33; background: #fff;
}

#menu ul li.page_item ul li {display: none;}

/*--- Page Content ---*/

#container-outer {
	margin: 0 auto; 
	padding: 0 10px; 
	background: url(images/container-outer.png) no-repeat left top; 
}
#container {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 560px;
	padding: 10px; 
}

#content {
	margin: 0;
	padding: 10px;
}

	#content .entry-content h3 {
		font-size: 1.3em; font-weight: normal; text-align: center; 
		color: #ffaa2d; 
		border-bottom: 1px dotted #CCC; 
		margin: 1em 0 0.5em; padding-bottom: 0.5em; 
	}

#sidebar-outer {
	margin: 0; 
	padding: 0; 
	float: right; 
	width: 350px; 
}

#primary {
	float: right;
	overflow: hidden;
	width: 350px;
}

#primary ul li {list-style: none;}

#primary ul li ul li { }

#primary ul li ul li:hover { }

.sidebar {}

.sidebar a { }

.sidebar a:hover { }

#secondary {
	float: right; 
	overflow: hidden; 
	width: 350px; 
}

#secondary ul {
}

#secondary li {
}

/*--- Sidebar ul/li ---*/

ul.xoxo {
	margin: 0; padding: 0;  
	list-style: none;
}

ul.xoxo li {
	border-bottom: 1px solid #FFF; 
	background: url(images/sidebar-bg.png) no-repeat left top; 
	padding: 1em 0 0; 
}
	
	ul.xoxo li ul { margin: 0.5em 0 0; padding: 0; list-style: none; }
	ul.xoxo li li { 
		border-top: 1px solid #AAA; 
		border-bottom: none; 
		background: none; 
		padding: 0; 
	} 
		ul.xoxo li li a {
			padding: 0.25em 0.5em 0.25em 2em; 
			display: block; 
			color: #4f5773; 
		}
			ul.xoxo li li a:hover {
				background-color: #FFF; color: #333; 
			}

ul.xoxo li.kiva {
	text-align: center; 
	padding: 1em 0; 
}
	ul.xoxo li.kiva img {
		margin: 0 auto; 
		-moz-box-shadow: 0 2px 4px #606A8C; 
		-webkit-box-shadow: 0 2px 4px #606A8C;
		box-shadow: 0 2px 4px #606A8C;
	}

#rss_links, li.widget_categories { float: left; }
li.widget { clear: both; }
li.widget_categories ul { border-bottom: 1px solid #FFF; }
#rss_links li, li.cat-item {
	display: block; float: left; width: 175px; 
}
	#rss_links li a, li.cat-item a {
		border-left: 1px solid #AAA;
		background-position: 150px center; 
		background-repeat: no-repeat; 
		background-color: transparent;  
	}
	#rss_links li a:hover, li.cat-item a:hover { background-color: #FFF; }

	/* Add icons to RSS */
	.sidebar #rss_links li a { background-image: url(images/icons/feed.png); }

	/* Add icons to categories */
	.sidebar li.cat-item-3 a { background-image: url(images/icons/help.png); }
	.sidebar li.cat-item-59 a { background-image: url(images/icons/medal_gold_3.png); }
	.sidebar li.cat-item-1 a { background-image: url(images/icons/star.png); }
	.sidebar li.cat-item-5 a { background-image: url(images/icons/emoticon_grin.png); }
	.sidebar li.cat-item-7 a { background-image: url(images/icons/newspaper.png); }
	.sidebar li.cat-item-68 a { background-image: url(images/icons/lightning.png); }
	.sidebar li.cat-item-67 a { background-image: url(images/icons/wrench.png); }
	.sidebar li.cat-item-71 a { background-image: url(images/icons/flag_blue.png); }
	.sidebar li.cat-item-118 a { background-image: url(images/icons/exclamation.png); }
	.sidebar li.cat-item-130 a { background-image: url(images/icons/bomb.png); }
	

ul.xoxo li.widget_stray_quotes {
	padding: 1em; 
	font-size: 1.4em; line-height: 1.3em; 
	font-style: italic; 
	color: #801818; 
}
	li.widget_stray_quotes .q-author, li.widget_stray_quotes .q-source {
		font-style: normal;
		color: #444; 
		font-size: 0.75em; 
		margin: 0.25em 0 0 0; 
	}

/*--- Page Footer ---*/
#footer {
	font-size: 0.9em;
	margin: 2em auto 0;
	padding: 0 390px 20px 10px;
	background: url(images/wrapper-bottom.png) no-repeat left bottom; 
	text-align: center;
	clear: both; 
}

#generator-link {}

#theme-link {}

/*--- Skip ---*/
.skip-link {
	display: none; 
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

/*--- Search ---*/
#search {
}

#searchform {
	margin: 0.5em 0 0; 
	padding: 0.5em 1em; 
	border-top: 1px solid #AAA; 
	display: block; 
}

#s { width: 180px; }
#s:focus { }

.search .post {border-top: 0;}

/*--- Other Styles ---*/
#categories, #pages, #archives, #recent-posts, #recent-comments, #primary #rss-links, #primary #meta {
}

#primary ul h3, #secondary ul h3, 
#search h3, 
#rss-links h3, #meta h3, 
#categories h3, #pages h3, #archives h3, #recent-posts h3, #recent-comments h3, #primary #rss-links h3, #primary #meta h3 {
	color: #444; 
	margin-bottom: 0; 
	padding: 0 1em; 
}

.linkcat h3 {
}

.linkcat ul li a {
}

.linkcat ul li a:hover {
}

#rss-links ul li a {
}

#rss-links ul li a:hover {
}

#rss-links ul, #rss-links li, #rss-links a, #meta ul, #meta li, #meta a {
}

#meta ul li a {
}

#meta ul li a:hover {
}

.home #nav-above {display: none;}
#nav-above {display: none; }

.nav-previous, .nav-next {
	display: inline;
	margin-right: 1em;
}
#nav-below { 
	margin-bottom: 2em; 
}

.meta-sep {}

.entry-content img {
	padding: 0.25em; border: 1px solid #CCC; 
}
.alignleft img, 
img.alignleft {
  float: left;
  margin: .5em 1em .5em 0;
}
.alignright img, 
img.alignright {
  float: right;
  margin: .5em 0 .5em 1em;
}

.aligncenter { display: block; text-align: center; margin: 0 auto; }
.aligncenter img, 
img.aligncenter {
	display: block;
	margin: .5em auto;
	text-align: center;
}
/*==============================================*/


/* Posts
================================================*/
.post, .search .page {
	border-bottom: 1px dotted #CCC;
	margin: 0 0 2em 0;
	padding: 0 0 1em 0;
}

.entry-title {
	border-bottom: 1px solid #CCC; 
	margin: 0 0 0.5em; 
	padding: 0 0 0.5em; 
	color: #666; 
}
.entry-title a { font-weight: bold; }

.entry-date {
	background: url(images/datebw.png) no-repeat;
	font-size: .9em;
	padding-left: 20px;
}

.entry-content { padding-right: 2em; }

.entry-meta {
	color: #555;
	font-size: 0.9em; 
	padding-top: 1em; 
	border-top: 1px dotted #CCC; 
}

.entry-meta a {color: #606a8c;}
	.entry-meta a:hover { text-decoration: underline; }

/*==============================================*/

/* Comments and Trackbacks
================================================*/
#comments {
	margin: 2em 0 0 0;
	border-top: 1px solid #CCC; 
	padding-top: 2em; 
}

#trackbacks-list { border-top: 1px solid #999; }

.comment, .trackback, .pingback {
	border-top: 1px solid #EEE;
	padding-top: 8px;
}

.comment-author, .comment-meta {display: inline;}

.comment-meta {
	margin-left: 100px;
	text-align: right;
}

.comment-meta a {color: #666;}

.comment p {margin: 12px 0;}

#respond {
}

.bypostauthor {
	background: #fffff0;
	border: 3px solid #ffd700;
	padding: .5em;
}

#formcontainer {}

.form-input input:focus, .form-textarea input:focus {background: #ffdab9;}

.form-label label {font-weight: bold;}

.important {color: #c00;}

.caps {text-transform: uppercase;}

.unapproved {
	color: #c00;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px 0 0 0;
}

textarea { margin: 1em 0; }

/*==============================================*/

/* Page
================================================*/

.page h2 {
	
}

.page-title {
	color: #666; 
	border-bottom: 1px dotted #CCC; 
	padding-bottom: 0.5em; 
}

/*==============================================*/

/* Calendar Widget
================================================*/

#calendar_wrap {
	border: 1px solid #999;
	margin: 4px;
	text-align: center;
}

#wp-calendar {
	padding: 0;
	width: 99%;
}

#wp-calendar caption {
	font-weight: bold;
}

#wp-calendar thead tr th {
	background-color: #efefef;
	text-align: center;
}

#wp-calendar tbody tr td a {
	font-weight: bold;
}

/* Post Images */

.alignleft { float: left; margin: 0 0.5em 0.5em 0; }
.alignright { float: right; margin: 0 0 0.5em 0.5em; }

p.wp-caption-text { margin: 0.25em 0; font-size: 0.9em; font-style: italic; text-align: center; color: #666; }

/* Read more */

h3.read-more {
	border-bottom: 0px none; border-top: 1px dotted #CCC; 
	margin: 1em 0 0; 
	padding: 0; 
	text-align: left; 
	font-size: 1.2em; 
}
h3.read-more a {
	display: block; 
	font-weight: bold; 
	padding: 0.5em 1em; 
}
	h3.read-more a:hover { background: #EEE; color: #666; }

/*==============================================*/

/* Asides
================================================*/

.home .category-asides {
	background: url(images/quickly.png) no-repeat top left;
	padding-left: 25px;
	padding-top: 25px;
}

.home .category-asides .entry-date, .home .category-asides .entry-meta {
	display: none;
}

/*==============================================*/

/* Printing
================================================*/
@media print {
    #footer, #primary, #secondary, .skip-link, #access, #respond, .navigation, #navigation-below, .edit-link {display: none;}
	 #wrapper {border-top: 0;}
	 #header {border-bottom: 3px solid #000;}
	 #blog-title {
		float: none;
		margin: 0;
		padding-bottom: 0;
		}
	#blog-description {display: none}
	#container {
		width: 99%;
		margin: 0;
		float: left;
		overflow: visible;
	}
	#content {
		margin: 0;
	}
	#primary {
		width: 0%;
		float: right;
	}
}
/*==============================================*/