/*
THEME NAME: Ubuntu Blog Network
THEME URI: http://themeshaper.com/thematic/
DESCRIPTION: This is Scapegoat, prototyping a WordPress theme development. Uses 960 Grid System, jQuery and Dynamic Class function from The Thematic. And article design inspired by Jason Santa Maria.
VERSION: 0.1
AUTHOR: Studio Mohawk Design
AUTHOR URI: http://www.studiomohawk.com

CREDITS: Ian Stewart of The Thematic Theme http://themeshaper.com/
		 Nathan Smith of 960 Grid System http://960.gs/
		 John Resig of jQuery http://jquery.com/
		 Jason Santa Maria of http://www.jasonsantamaria.com/

The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

960 Grid System
Dual licensed under the MIT and GPL licenses.

jQuery
Copyright (c) 2009 John Resig
Dual licensed under the MIT and GPL licenses.
http://docs.jquery.com/License

*/
/* @import 960gs
----------------------------------------------- */
@import url('css/reset.css');
@import url('css/text.css');
@import url('css/960.css');
/* @import jQuery plugin related css
----------------------------------------------- */
@import url('css/thickbox.css');

/* TABLE OF CONTENTS
-----------------------------------------------
	GLOBAL
	LINKS
	HEADER
	NAVIGATION
	MAIN
	SIDEBAR 
	FOOTER
*/

/* GLOBAL
----------------------------------------------- */
body {
	color: #555753;
}
.container_16 { 
	background:#E5E6E8;
}
a:link {
	color: #555753;
	text-decoration: none;
}
a:visited {
	color: #888A85;
	text-decoration: none;
}
a:hover {
	color: #4B9609;
	text-decoration: none;
}
.hover {
	cursor: pointer;
}
/* wordpress
----------------------------------------------- */
.alignnone,
.aligncenter {
	display: block;
	float: none;
	margin: 0 auto;
	text-align: center;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption-text {
	color: #555753;
	font-size: 100%;    /* 13px */
	line-height: 1.2308;  /* 16px */
	margin-bottom: 0;
	text-align: left;
}

/* tools
----------------------------------------------- */
span.replace {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -9000%;
}

/* HEADER
----------------------------------------------- */
#hd .siteId {
	background: #75507b;
	height: 130px;
}
#hd .siteId a {
	background: url(img/logo.png) no-repeat 50% 50%;
	display: block;
	height: 130px;
	width: 160px;
}
#hd .follow { list-style: none; }
#hd .follow li {
	margin: 0;
}
#hd .follow li.twitter {
	background: url(img/twitter.png) no-repeat 50% 50%;
	display: block;
	height: 37px;
	width: 40px;
}
#hd .show_off {
	list-style: none;
	margin-bottom: 0;
}
#hd .show_off li {
	display: block;
	margin: 9px 0 0 0;
}
#hd .show_off li.tweet {
	margin: 14px 0 0 0;
}
#hd .show_off li.tweet #twitter_update_list {
	margin-bottom: 0;
}
/* MAIN
------------------------------------------------ */
/* home category tag
----------------------------------------------- */
.not-singular #entry_wrap {
	padding: 40px 0;
}
.not-singular #article {
	position: relative;
}
.not-singular #article a:link {
	color: #555753;
	text-decoration: none;
}
.not-singular #article a:visited {
	color: #888A85;
	text-decoration: none;
}
.not-singular #article .bl-hover a,
.not-singular #article a:hover {
	color: #4B9609;
	text-decoration: none;
}
.not-singular #article .bl-hover p {
	color: #888A85;
}
.not-singular #article {
}
.not-singular #article ul { list-style: none; }
.not-singular #article li {
	margin: 0;
}
.not-singular #article .hentry {
	display: inline;
	float: left;
	min-height: 308px;
		height: auto !important;
		height: 308px;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 313px;
}
.not-singular #article .hentry .entry-content {
	width: 298px;
}
.not-singular #article .hentry h2 {
	font-size: 12px;
}
.not-singular #article .hentry .simplepie li {
	border-top: 1px solid #CFCFD1;
	height: 18px;
	padding: 3px 0px;
}
.not-singular #article .hentry .simplepie .odd {
	background-color: #d3d7cf;
}
.not-singular #article .hentry .simplepie .bl-hover {
	background-color: #babdb6;
}
/* SINGLE
----------------------------------------------- */
.singular #entry_wrap { margin: 20px 0 }
.singular #article {
	/* background: url(img/grid.gif) repeat-y 0 0; */
}
.singular #article a:link {
	color: #4B9609;
	text-decoration: none;
}
.singular #article a:visited {
	color: #888A85;
	text-decoration: none;
}
.singular #article a:hover {
	color: #ABCF8A;
	text-decoration: none;
}
.singular #article h1 {
	font-size:20px;
}
.singular #article h2,
.singular #article h3 {
	font-size:16px;
}
.singular #article h1 {
	font-weight: bold;
	margin: 0 120px 5px 230px;
	padding: 5px 0;
}
.singular #article h2,
.singular #article h3 {
	font-weight: bold;
	margin: 0 120px 5px 230px;
	padding: 5px 0;
}
.singular #article p,
.singular #article ol,
.singular #article ul {
	margin: 0 120px 20px 230px;
}
.singular #article ul {
	list-style: square;
}
.singular #article code {
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* I D E N T I F I E R */
.singular #article .pic p, 
.singular #article .caption,
.singular #article .wp-caption-text {
    font-size: 11px;
    line-height: 16px;
    font-family: Verdana, Arial, sans-serif;
    color: #666;
    margin: 4px 0 10px;
}
/* P L A C E M E N T */
.singular #article .left,
.singular #article .alignleft {float: left; margin-top: 5px; margin-right: 20px;}
.singular #article .right,
.singular #article .alignRight {float: right; margin-top: 5px; margin-left: 20px;}
.singular #article .right.inset,
.singular #article .alignRight.inset {margin: 5px 120px 0 20px;} /* img floated right within text */
.singular #article .left.inset,
.singular #article .alignleft.inset {margin-top: 5px; margin-left: 230px;} /* img floated left within text */
/* S I Z E */
.singular #article .one {width: 100px;}
.singular #article .size-thumbnail { width: 150px;}
.singular #article .two {width: 210px;}
.singular #article .size-medium { width: 266px;}
.singular #article .three {width: 320px;}
.singular #article .four {width: 430px;}
.singular #article .five {width: 540px;}
.singular #article .six {width: 650px;}
.singular #article .seven {width: 760px;}
.singular #article .size-large { width: 760px;}
.singular #article .eight {width: 870px;}
/* A D D I T I O N S */
.singular #article .frame { border: 1px solid #999; }
.singular #article .solo { margin-bottom: 20px; }

/* engagement > SINGLE
----------------------------------------------- */
#engagement .engagement_wrap { 
	background-color: #EEEEEC;
}
#engagement ul {
	list-style: none;
	margin-bottom: 0;
}
#engagement .entry-related { border-top: 1px solid #555753; }
#engagement .action { border-top: 3px double #555753; }

#engagement li {
	display: block;
	float: left;
	font-size: 19.5px;
	height: 33px;
	line-height: 1;
	margin: 0 10px 0 0;
	padding: 8px 0 8px 10px;
	width: 149px;
}
#engagement li.hd {
	font-size: 13.65px;
}
#engagement li.entry {
	border-left:1px solid #555753;
	font-size: 13px;
	height: auto;
	min-height: 33px;
	width: 770px;
}
#engagement .entry-related ul li ul {
	list-style: square;
	margin-bottom: 0;
}
#engagement .entry-related ul li ul li {
	float: none;
	font-size:13px;
	height: auto;
	margin-bottom: 5px;
	padding: 0;
	width: 660px;
}

#engagement .action li.entry ul li {
	font-size: 13px;
	float: left;
	height: 16px;
	padding-left: 40px;
	padding-top: 14px;
	margin-left: 0;
	margin-bottom: 5px;
	width: 91px;
}
#engagement .action li.entry ul li.beer {
	font-size: 13px;
	float: left;
	height: 32px;
	padding-left: 0;
	padding-top: 3px;
	margin-left: 0;
	margin-bottom: 0;
	width: 130px;
}
#engagement .action li.entry ul li.comment {
	background: transparent url(img/comments.png) no-repeat 0 0;
}
#engagement .action li.entry ul li.tweet_this {
	background: transparent url(img/twitter32.png) no-repeat 0 0;
}
#engagement .action li.entry ul li.delicious {
	background: transparent url(img/delicious.png) no-repeat 0 0;
	padding-top: 10px;
}
#engagement .action li.entry ul li.rss {
	background: transparent url(img/rss.png) no-repeat 0 0;
	padding-top: 10px;
}

/* entry-meta > SINGLE
----------------------------------------------- */
.entry-meta_outer {
	background-color: #EEEEEC;
}
.entry-meta_outer .entry-meta {
	border-top: 1px solid #555753;
	margin: 0;
}
.entry-meta_outer .entry-meta.bottom {
	border-top: 1px solid #555753;
	border-bottom: 1px solid #555753;
	margin: 0 0 20px 0;
}
.entry-meta_outer .entry-meta li {
	display: block;
	float: left;
	font-size: 19.5px;
	line-height: 1;
	height: 36px;
	margin-left: 0;
	margin-right: 9px;
	padding: 10px 0 10px 10px;
	width: 150px;
}
.entry-meta_outer .entry-meta li.entry-date abbr {
	display: block;
	margin-bottom: 0;
	text-transform: capitalize;
	width: 90px;
}
.entry-meta_outer .entry-meta li.entry-date abbr.year {
	color: #2E3436;
	font-size: 13.65px;
	padding-top: 1px;
}
.entry-meta_outer .entry-meta li.comments-link {
	border-left: 1px solid #555753;
	width: 161px;
}
	.entry-meta_outer.entry-meta li.comments-link span {
	color: #2E3436;
	font-size: 13.65px;
	}
.entry-meta_outer .entry-meta li.entry-cat {
	border-left: 0 solid #555753;
}
.entry-meta_outer .entry-meta li.entry-tag {
	border-left: 1px solid #555753;
	width: 770px;
}
	.entry-meta_outer .entry-meta li.entry-cat span,
	.entry-meta_outer .entry-meta li.entry-tag span {
		color: #2E3436;
		font-size: 10px;
	}
.entry-meta_outer .entry-meta li.trackback {
	border-left: 1px solid #555753;
	font-size: 13px;
	width: 666px;
}
	.entry-meta_outer .entry-meta li.trackback span {
	color: #2E3436;
	font-size: 10.4px;
	}
.entry-meta_outer .entry-meta li.navi-previous {
	padding: 0;
	text-align: center;
}
.entry-meta_outer .entry-meta li.navi-previous a {
	border-left: 1px solid #555753;
	display: block;
	height: 34px;
	padding: 18px 0 0 0;
	width: 98px;
}
.entry-meta_outer .entry-meta li.navi-next {
	padding: 0;
	text-align: center;
}
.entry-meta_outer .entry-meta li.navi-next a {
	border-left: 1px solid #555753;
	display: block;
	height: 34px;
	padding: 18px 0 0 0;
	width: 121px;
}
.entry-meta_outer .entry-meta li.edit-link {
	padding: 19px 5px 0 0;
	height: 20px;
	margin: 0;
	width: 100px;
}

/* comment > SINGLE
----------------------------------------------- */
#comment .comment_wrap {
	background-color: #EEEEEC;
	padding: 30px 10px;
}
#comment ul,
#comment ol { list-style: none; }
#comment li { margin-left: 0; }
#comment .commentmetadata {
	border-top: 2px solid #666666;
	float: left;
	font-size: 15px;
	line-height: 20px;
	padding-top: 10px;
	width: 270px;
}
#comment .commment_pubdate {
	font-size: 10px;
}
#comment .the_comment {
	border-top: 2px solid #CCCCCC;
	float: right;
	width: 660px;
}
#comment .comment_area h4 {
	border-top: 2px solid #4E9A06;
	float: left;
	font-size: 15px;
	line-height: 20px;
	padding-top: 10px;
	width: 270px;
}
#comment .comment_area form {
	border-top: 2px solid #8AE234;
	float: right;
	width: 660px;
}
#comment .comment_area form div,
#comment .comment_area form p {
	padding-top: 10px;
}
#comment .comment_area form .req {
	color: #A40000;
}

/* 	FOOTER
----------------------------------------------- */
#ft .ft_wrap {
	background-color: #2F0E38;
	color: #E5E6E8;
	padding: 30px 10px 10px;
}
#ft .ft_wrap a:link {
	color: #E5E6E8;
	text-decoration: none;
}
#ft .ft_wrap a:visited {
	color: #888A85;
	text-decoration: none;
}
#ft .ft_wrap a:hover {
	color: #4B9609;
	text-decoration: none;
}
#ft .ft_wrap ul { list-style: none; }
#ft .ft_wrap li {
	margin: 0;
}
#ft .ft_wrap h5 {
	color: #E5E6E8;
	font-size: 24px;
	margin-bottom: 0;
}
#ft .ft_wrap ul.category ul {
	list-style: square;
	margin-left: 15px;
}
#ft .ft_wrap ul.recent {
	list-style: square;
	margin-left: 15px;
}
#ft input.gsc-input {
	border:1px solid #E5E6E8;
}