/*
Theme Name: SquidBuzz 2.0 Theme
Theme URI: http://www.squidbuzz.com
Description: SquidBuzz 2.0 Theme is a three-column, fixed-width and widget-ready Wordpress theme with Facebook, technorati, Stumbleupon and Twitter account integration via an Option Page.
Version: 2.0
Author: Rahmat Wahyudi
Author URI: http://www.yudhitech.com
Tags: two columns, fixed width, adsense ready, advertisement ready, valid css, valid xhtml

The CSS, XHTML and design is released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported:
http://creativecommons.org/licenses/by-nc-sa/3.0/
*/

/*****************************/
/*** Layout : Core : Start ***/
/*****************************/

html, body, div { margin: 0px; padding: 0px; }
form { display: block; margin: 0px; padding: 0px; }
blockquote { margin: 15px 0px; padding: 0px 20px 0px 20px; }

/*****************************/
/*** Colors : Core : Start ***/
/*****************************/

body { color: #333; background: #333; }
a:link, a:visited { color: #0066cc; text-decoration: underline; }
a:hover { color: #0099ff; text-decoration: none; }

/*********************************/
/*** Typography : Core : Start ***/
/*********************************/

html, body, input, button, select, option, textarea { 
	font-size: 12px;
	/*line-height: 16px;*/
	font-family: Arial, Verdana, "Helvetica Neue", Helvetica, Sans-Serif; 
}

h1 { margin: 0px; font-size: 24px; color: #0066cc; line-height: 24px; }
h2 { margin: 0px; font-size: 20px; color: #0099ff; line-height: 20px; }
h3 { margin: 0px; font-size: 18px; color: #0099ff; line-height: 18px; }

p { margin: 0px; padding: 0px; }

img { border: none; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { border: none; }
.alignleft { border: none; float: left; margin: 0px 5px 5px 0px; }
.alignright { border: none; float: right; margin: 0px 0px 5px 5px; }

blockquote { font-style: italic; }
blockquote blockquote { font-style: normal; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }

.clearer { clear: both; }
.hidden { visibility: hidden; }
.nodisplay { display: none; }

#container { margin: 20px auto auto auto; width: 990px; /*border: 1px solid #fff;*/ }

/*******************************/
/*** Layout : Header : Start ***/
/*******************************/

#wrapper-header {
	width: 100%;
	height: 120px;
	background: #0066cc;
}

.logo {
	float: left;
	margin: 10px 0px 0px 10px;
	/*border: 1px solid #fff;*/
}

.logo h1 {
	display: block;
	float: left;
	text-indent: -99999px;
	font-size: 0px; 
}

.logo h1 a, .logo h1 a:visited {
	display: block;
	width: 280px;
	height: 60px;
	background: url(images/squidbuzz_logo.jpg) no-repeat;
}

.logo p { display: none; }

.ads468banner-top {
	float: right;
	margin: 10px 10px 0px 0px;
	width: 468px;
	height: 60px;
}

.menu-wrapper {
	float: left;
	margin: 22px 0px 0px 0px;
	padding: 2px 2px 0px 0px;
	width: auto;
	height: 26px;
	background: #333;
}

.menu-wrapper span.box {
	float: left;
	padding: 0px 1px 0px 1px;
	height: 26px;
	background: #fff;
}

.menu-wrapper ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.menu-wrapper li {
	display: inline;
	float: left;
	margin: 2px 1px 2px 1px;
	width: 60px;
	text-align: center;
	color: #fff;
	line-height: 22px;
	font-weight: bold;
	background: #006699;
}

.menu-wrapper li a, .menu-wrapper li a:link, .menu-wrapper li a:visited {
	color: #fff;
	text-decoration: none;
}

.menu-wrapper li.current_page_item {
	color: #fff;
	background: #0099ff;	
}

.menu-wrapper li.current-cat {
	color: #fff;
	background: #0099ff;	
}

.menu-wrapper li a:hover {
	float: left;
	width: 60px;
	height: 22px;
	color: #fff;
	text-decoration: none;
	background: #0099ff;
}

/*****************************/
/*** Layout : Body : Start ***/
/*****************************/
#wrapper-content {
	float: left;
	margin: 0px 0px 10px 0px;
	width: 100%;
	/*border: 1px solid #ff0000;*/
}

.blank {
	float: left;
	width: 100%;
	height: 20px;
	clear: both;
}

#wrapped-featured {
	float: left;
	width: 100%;
	height: 290px;
}

#featured {
	float: left;
	width: 625px;
	height: 290px;
	background: #ccc;
}

#featured .header {
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 10px;
	width: 210px;
	height: 30px;
	background: #fff;
}

#featured .box {
	float: right;
	width: 385px;
	height: 60px;
	background: url(images/featured_box.gif) no-repeat;
}

#featured .box a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

#featured .box a:hover {
	color: #333;
	text-decoration: underline;
}

#featured .box span.rss {
	float: left;
	margin: 8px 0px 0px 70px;
}

#featured .box span.search {
	float: left;
	margin: 6px 0px 0px 25px;
}

#featured .box span.search input.ld {
	padding: 4px;
	width: 150px;
	background: #f2f2f2;
	border: 2px solid #fff;
}

#featured .article {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	width: 585px;
	height: 200px;
	background: #fff;
}

#featured .article img {
	float: left;
	margin: 10px 10px 0px 0px;
}

#featured .article h1 a, .article h1 a:link, .article h1 a:visited {
	color: #0066cc;
}

#featured .article h1 a:hover {
	color: #0099ff;
}

#featured .article p {
	margin: 10px 0px 0px 0px;
	line-height: 20px;
}

#featured .article p a, .article p a:link, .article p a:visited {
	color: #0066cc;
	text-decoration: none;
}

#featured .article p a:hover {
	color: #0099ff;
	text-decoration: underline;
}

#ads336banner {
	float: right;
	width: 336px;
	height: 280px;
	padding: 5px;
	background: #ccc;
}

#wrapper-adslink {
	float: left;
	width: 100%;
	height: 40px;
	background: #333;
}

#ads468link {
	line-height: 40px;
	color: #fff;
	/*border: 1px solid #ffff00;*/
}

#ads468link .left {
	float: left;
	margin: 10px 0px 0px 10px;
	width: 468px;
}

#ads468link .right {
	float: right;
	margin: 10px 10px 0px 0px;
	width: 468px;
}

#wrapper-ads728 {
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	width: 100%;
	height: 90px;
	background: #ccc;
}

.ads728banner {
	margin: 0px auto;
	width: 728px;
	height: 90px;
	text-align: center;
	background: #666;
}

#wrapper-collection {
	float: left;
	padding: 10px 0px 10px 0px;
	width: 990px;
	background: #eee;
}

#collection {
	float: left;
	margin: 0px 10px 0px 10px;
	width: 310px;
}

#collection h3 {
	padding: 0px 0px 0px 10px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: #0066cc;
}

#collection .content {
	float: left;
	padding: 10px 10px 0px 10px;
	width: 290px;
	background: #fff;
}

#collection .content ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#collection .content li {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#collection .content li span.title {
	font-size: 16px;
	font-weight: bold;
}

#collection .content li span.title a, a:link, a:visited {
	color: #0066cc;
	text-decoration: none;
}

#collection .content li span.title a:hover {
	color: #0099ff;
	text-decoration: none;
}

#collection .content li span.excerpt {
	float: left;
	margin: 10px 0px 10px 0px;
	width: 100%;
	font-size: 11px;
}

#collection .content li span.excerpt p {
	line-height: 18px;
}

#collection .content li span.excerpt img {
	float: left;
	margin: 0px 10px 5px 0px;
	width: 150px;
	height: auto;
}

#wrapper-articles {
	float: left;
	width: 100%;
	background: #ccc;
}

#articles-header ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	list-style-type: none;
	background: #0066cc;
}

#articles-header li {
	display: inline;
	float: left;
	padding: 0px 0px 0px 10px;
	width: 230px;
}

#articles-content {
	float: left;
	padding: 10px 10px 20px 20px;
}

#articles-content ul {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 10px 5px 5px;
	width: 215px;
	min-height: 400px;
	background: #fff;
	list-style-type: none;
}

#articles-content li {
	padding: 0px 0px 0px 20px;
	line-height: 18px;
	color: #333;
	background: url(images/bullet_blue.gif) no-repeat left top;
}

#articles-content li a, li a:visited, a:link {
	color: #333;
	text-decoration: none;
}

#articles-content li a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#articles-header li.recent { padding: 0px 0px 0px 20px; }
#articles-header li.popular { padding: 0px 0px 0px 135px; }
#articles-header li.categories { padding: 0px 0px 0px 135px; }
#articles-header li.stuff { padding: 0px 0px 0px 135px; }

/************************************/
/*** Layout : Single Page : Start ***/
/************************************/
#wrapper-single {
	float: left;
	margin: 0px 0px 20px 0px;
	width: 100%;
	/*border: 1px solid #0000ff;*/
}

#single {
	float: left;
	width: 625px;
	background: #ccc;
}

#single .ads468top {
	float: left;
	margin: 10px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
	width: 605px;
	height: 60px;
	text-align: center;
	background: #eee;
}

#single .ads468bottom {
	float: left;
	margin: 0px 10px 10px 10px;
	padding: 10px 0px 10px 0px;
	width: 605px;
	height: 60px;
	text-align: center;
	background: #eee;
}

#single .ads300 {
	float: left;
	margin: 0px 10px 10px 10px;
	padding: 10px 0px 10px 0px;
	width: 605px;
	height: 250px;
	text-align: center;
	background: #eee;
}

#wrapper-post {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 585px;
	background: #eee;
}

#post {
	float: left;
	padding: 10px;
	width: 565px;
	background: #fff;
}

#post .info {
	width: 100%;
}

#post .info a, a:link, a:visited {
	color: #0099ff;
	text-decoration: none;
}

#post .info a:hover {
	color: #0099ff;
	text-decoration: underline;
}

#post .meta {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 565px;
	/*border: 1px solid #ff0000;*/
}

#post .meta a, a:link, a:visited {
	color: #0099ff;
	text-decoration: none;
}

#post .meta a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#post .meta span.rating {
	float: left;
}

#post .meta span.comment {
	float: right;
	padding: 0px 0px 0px 18px;
	background: url(images/icon_comment.gif) no-repeat left;
}

#post .meta span.related {
	float: left;
	margin: 10px 0px 20px 0px;
}

#post .meta span.related h3 {
	margin: 0px;
}

#post .meta span.related ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#post .meta span.related li {
	margin: 0px;
	padding: 5px 0px 0px 20px;
	background: url(images/bullet_blue.gif) no-repeat left;
}

#post .meta span.related li a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

#post .meta span.related li a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#post .meta span.subscribe {
	float: right;
	margin: 10px 0px 20px 0px;
	padding: 0px 35px 0px 0px;
	height: 23px;
	line-height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #ff9900;
	background: url(images/icon_subscribe.gif) no-repeat right;
	border-bottom: 1px solid #ff9900;
}

#post .meta span.subscribe a, a:link, a:visited {
	color: #ff9900;
	text-decoration: none;
}

#post .meta span.subscribe a:hover {
	color: #ff6600;
	text-decoration: none;
}

#post .entry {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 565px;
	font-size: 14px;
	line-height: 20px;
	/*border: 1px solid #000;*/
}

#post .entry h2 {
	margin: 10px 0px 0px 0px;
}

#post .entry p {
	margin: 10px 0px 0px 0px;
}

#post .entry a, a:link, a:visited {
	color: #0066cc;
	text-decoration: underline;
}

#post .entry a:hover {
	color: #0099ff;
	text-decoration: none;
}

/**************************************************/
/*** Layout : Single Page : Comment Box : Start ***/
/**************************************************/
#wrapper-comments {
	float: left;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	width: 585px;
	background: #eee;
}

#comments {
	float: left;
	padding: 10px 10px 0px 10px;
	width: 565px;
	background: #fff;
}

#comments p {
	margin: 10px 0px 0px 0px;
}

#comments img {
	vertical-align: middle;
}

#comments ol.commentlist {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#comments ol.commentlist li {
	margin: 10px 0px 20px 0px;
}

#comments .comment .comment-author {
	background: #f6f6f6;
}

#comments .comment cite.fn {
	font-weight: bold;
}

#comments a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

#comments a:hover {
	color: #000;
	text-decoration: underline;
}

#respond {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 565px;
	background: #fff;
}

#respond .details {
	
}

#respond .details p {
	
}

#respond .details p a, a:link, a:visited {
	color: #333;
	text-decoration: underline;
}

#respond .details p a:hover {
	color: #333;
	text-decoration: none;
}

#respond form input {
	margin: 10px 0px 0px 0px;
}

#respond form .ld {
	margin: 10px 0px 0px 0px;
	padding: 3px;
	background: #f2f2f2;
	border: 1px solid #ccc;
}

/*****************************************************/
/*** Layout : Single Page : Page Title Box : Start ***/
/*****************************************************/
#wrapper-pagetitle {
	float: left;
	margin: 10px 10px 0px 10px;
	padding: 10px;
	width: 585px;
	background: #eee;
}

#pagetitle {
	float: left;
	width: 565px;
	text-align: center;
}

/*******************************************************/
/*** Layout : Single Page : Archive : Search : Start ***/
/*******************************************************/
#post .archive {
	float: left;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #ddd;*/
}

#post .archive h2 a, a:link, a:visited {
	color: #0066cc;
	text-decoration: none;
}

#post .archive h2 a:hover {
	color: #0099ff;
	text-decoration: none;
}

#post .archive span.entry {
	float: left;
	margin: 10px 0px 10px 0px;
}

#post .archive span.entry p {
	margin: 0px;
}

#post .archive span.comment {
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	width: 96%;
	background: url(images/icon_comment.gif) no-repeat left;
}

#post .archive span.comment a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

#post .archive span.comment a:hover {
	color: #333;
	text-decoration: underline;
}

#post .search {
	float: left;
	margin: 0px;
	/*border: 1px solid #ddd;*/
}

#post .search h2 a, a:link, a:visited {
	color: #0066cc;
	text-decoration: none;
}

#post .search h2 a:hover {
	color: #0099ff;
	text-decoration: none;
}

#post .search span.entry {
	float: left;
	margin: 10px 0px 10px 0px;
}

#post .search span.entry p {
	margin: 0px;
}

#post .search span.comment {
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	width: 96%;
	background: url(images/icon_comment.gif) no-repeat left;
}

#post .search span.comment a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

#post .search span.comment a:hover {
	color: #333;
	text-decoration: underline;
}
/*****************************************************/
/*** Layout : Single Page : Navigation Box : Start ***/
/*****************************************************/
#wrapper-navigation {
	float: left;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	width: 585px;
	background: #eee;
}

#navigation {
	padding: 0px 10px 0px 10px;
	width: 565px;
}

/********************************/
/*** Layout : Sidebar : Start ***/
/********************************/
#wrapper-sidebar {
	float: right;
	width: 346px;
	/*border: 1px solid #fff;*/
}

#sidebar {
	float: left;
	width: 326px;
	padding: 10px;
	background: #ccc;
}

#sidebar .box {
	float: left;
	width: 306px;
	padding: 10px;
	background: #eee;
}

#sidebar .box h3 {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 296px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #0066cc;
}

#sidebar .box span.content {
	float: left;
	padding: 5px 10px 5px 10px;
	width: 286px;
	background: #fff;
}

#sidebar .box span.content a, a:link, a:visited {
	color: #0066cc;
	text-decoration: none;
}

#sidebar .box span.content a:hover {
	color: #0099ff;
	text-decoration: underline;
}

#sidebar .box span.content ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sidebar .box span.content ol {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sidebar .box span.content li {
	padding: 0px 0px 0px 20px;
	line-height: 20px;
	background: url(images/bullet_blue.gif) no-repeat left top;
}

#sidebar .box span.content li a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

#sidebar .box span.content li a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#sidebar .box span.content p a, a:link, a:visited {
	color: #0066cc;
	text-decoration: underline;
}

#sidebar .box span.content p a:hover {
	color: #0099ff;
	text-decoration: none;	
}

.st-tag-cloud a.st-tags {
	color: #333;
	text-decoration: none;	
}

.st-tag-cloud a:link.st-tags, a:visited.st-tags a:visited.st-tags{
	color: #333;
	text-decoration: none;
}

.st-tag-cloud a:hover.st-tags {
	color: #0066cc;
	text-decoration: none;
}

/*******************************/
/*** Layout : Footer : Start ***/
/*******************************/
#wrapper-footer {
	float: left;
	margin: 0px 0px 20px 0px;
	width: 990px;
	background: #ccc;
	/*border: 1px solid #fff;*/
}

#footer .header ul {
	margin: 0px;
	padding: 0px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	list-style-type: none;
	background: #0066cc;
}

#footer .header li a, a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

#footer .header li a:hover {
	color: #ffff00;
	text-decoration: none;
}

#footer .header li.nav {
	display: inline;
	float: left;
	margin: 0px 10px 0px 10px;
	width: 190px;
}

#footer .header li.sponsor {
	display: inline;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 300px;
}

#footer .header li.facebook {
	display: inline;
	float: left;
	padding: 0px 0px 0px 35px;
	width: 200px;
	background: url(images/icon_facebook.png) no-repeat left;
}

#footer .header li.twitter {
	display: inline;
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px 35px 0px 0px;
	background: url(images/icon_twitter.png) no-repeat right;
}

#footer .content {
	float: left;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#footer .content ul.nav {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 10px 5px 10px;
	width: 170px;
	height: 240px;
	background: #999;
	list-style-type: none;
}

#footer .content ul.nav li {
	padding: 0px 0px 0px 25px;
	line-height: 30px;
	background: url(images/arrow_green.png) no-repeat left;
}

#footer .content ul.nav li a, a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

#footer .content ul.nav li a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer .content span.sponsor {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 300px;
	height: 250px;
	background: #666;
}

#footer .content span.facebook {
	float: left;
	width: 460px;
	height: 250px;
	background: #94A3C4;
}

#bottom {
	float: left;
	padding: 10px 0px 20px 0px;
	width: 100%;
	font-weight: bold;
	color: #fff;
	background: #333;
}

#bottom a, a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

#bottom a:hover {
	color: #0099ff;
	text-decoration: none;
}

#bottom .left {
	float: left;
}

#bottom .right {
	float: right;
}

#bottom .right ul {
	margin: 0px;
	list-style-type: none;
}

#bottom .right li {
	float: left;	
	display: inline;
	padding: 0px 0px 0px 5px;
}