/*
Theme Name: Gangsterly Theme
Description: Custom theme for Gangsterly.com
Author: huny young
Author URI: http://krop.com/sarahyoung
*/

/* 
-------------------------------------------------------
general styling * resets
------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

a {
	color: #fff300;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

p { padding-bottom: 8px; }

h1 {
	font-size: 36px;
	padding-bottom: 8px;
}

h2 {
	font-size: 30px;
	padding-bottom: 8px;
}

h3 {
	font-size: 24px;
	padding-bottom: 8px;
}

h1 a, h2 a, h3 a { color: #fff; }

blockquote { 
	padding: 8px 0 10px 35px;
	font: 11px "Courier New", Courier;
	line-height: 1.7em;
	background: transparent url(images/sprite.gif) no-repeat -445px -372px;
}

img { border: none; }

.nada { display: none; }

ul, ol, li { list-style: none; }

table, td, form, fieldset {
	border: none;
	border-collapse: collapse; 
	border-spacing: 0;
}

.clear { clear: both; }

.float_left {
	float: left;
	display: inline;
}

.float_right {
	float: right;
	display: inline;
}

.halfcol { width: 48%; }

.uppercase { text-transform: uppercase; }

.small { font-size: 9px; }

.indent { margin-left: 35px; }

/* 
-------------------------------------------------------
general site architecture
------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
	height: 100%;
	text-align: center;
	background: #000 url(images/bg.jpg) fixed;
	font: 12px/1.8em Georgia, Times, "Times New Roman";
	color: #fff;
}

#bg {
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	text-align: center;
}

* html #bg { height: 100%; }

#site {
	width: 960px;
	position: relative;
	min-height: 100%;
	margin: auto;
	text-align: left;
}

* html #site { height: 100%; }

#header {
	height: 260px;
	padding-top: 60px;
	text-align: center;
	position: relative;
}

#content {
	padding-bottom: 60px;
	background: transparent url(images/columnsbg.gif) repeat-y;
}

#main {
	width: 657px;
	padding: 0 24px;
	float: left;
}

#sub {
	width: 250px;
	padding-right: 3px;
	font: 11px "Courier New", Courier;
	float: right;
}

/* 
-------------------------------------------------------
header & nav styling
------------------------------------------------------- */

#logo {
	width: 390px;
	height: 148px;
	margin: 0 auto;
	background: transparent url(images/sprite.gif) no-repeat 0 -191px;
	text-indent: -9999px;
}

#logo a {
	width: 390px;
	height: 154px;
	display: block;
}

#logo:hover { background: transparent url(images/sprite.gif) no-repeat 0 -36px; }

	/* navigation */

#navigation {
	width: 770;
	height: 50px;
	background: transparent url(images/nav-start.gif) no-repeat top left;
	font: 11px "Courier New", Courier;
	position: absolute;
	top: 222px;
	left: 78px;
}

#navigation ul {
	width: 770px;
	height: 50px;
	background: transparent url(images/nav-end.gif) no-repeat top right;
}

#navigation li {
	height: 50px;
	padding: 38px 0 0 35px;
	display: block;
	float: left;
}

#navigation li a { color: #fff; }
#navigation li a:hover { color: #fff300; text-decoration: none; }

#navigation li.first { padding-left: 48px; }

	/* END navigation */

/* 
-------------------------------------------------------
general site styling
------------------------------------------------------- */

#archiveHeader { 
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #fff;
	text-align: center;
}

#archiveHeader h1 { font-size: 16px; }

.entry { 
	padding-bottom: 40px;
	margin-bottom: 40px;
	background: transparent url(images/entrySeparator.png) no-repeat bottom center;
}

.entry .entryTitle {
	width: 80%;
	padding-bottom: 20px;
	float: left;
}

.entryDate { 
	width: 20%;
	color: #5d5d5d;
	float: right;
	text-align: right;
	text-transform: uppercase;
}

.entryBody {
	clear: both;
	padding-bottom: 15px;
}

#pageabout .entryBody { padding-bottom: 0; }

/*.entryBody .dropcase {
	font: 36px Times, "Times New Roman";
	display: block;
	float: left;
	padding: 0 10px 2px 0;
}*/

sup.footnote, sup.footnote a {
	color: #fff300;
	font-weight: bold;
	font-size: 11px;
	line-height: 1;
	vertical-align: text-top;
	border-bottom: 0;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

img.aligncenter {
	display: block;
	margin: 0 auto 10px auto;
}

div.aligncenter {
	width: 100%;
	text-align: center;
}

div.aligncenter img { }

.entryBody ul, .entryBody ol { margin: 0 0 10px 40px; }
.entryBody ul li { list-style-type: disc; }
.entryBody ol li { list-style-type: decimal; }

.entryBody object, .entryBody embed { width: 657px; } /* main col content width */

.entryBody .audioplayer_container object, .entryBody .audioplayer_container embed { width: 300px; }

.meta { margin-bottom: 40px; }

.meta a { color: #ef4300; }

.meta .overline { background: transparent url(images/sprite.gif) no-repeat 0 28px; }

.meta .commentCount {
	width: 40%;
	padding-top: 8px;
	font: bold 12px Arial, Helvetica;
	float: left;
}

.meta .shareOptions {
	width: 41%;
	height: 23px;
	float: right;
	position: relative;
}

.meta .shareOptions ul li {
	padding: 0 0 3px 0;
	position: absolute;
	top: 0;
}

.meta .shareOptions ul li.facebookShare { left: 0; }

.meta .shareOptions ul li.googleShare { left: 90px; }

.meta .shareOptions ul li.twitterShare { left: 162px; }

.meta .tags {
	font: bold 11px Arial, Helvetica;
	text-transform: uppercase;
	text-align: right;
	margin-top: -5px;
}

.meta .tags a { padding-left: 10px; }

	/* footnotes */
	
.theFootnotes { 
	width: 650px; 
	color: #bcbcbc;
}

.theFootnotes h3 { 
	font-size: 12px; 
	padding-top: 20px;
	color: #fff;
}
	
	/* END footnotes */

	/* pagination */

#pagination {
	height: 39px;
	padding-bottom: 50px;
	position: relative;
	text-align: center;
	clear: both;
}

#pagination #prev {
	width: 131px;
	height: 39px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}

#pagination #prev a {
	width: 131px;
	height: 39px;
	display: block;
	background: transparent url(images/sprite.gif) no-repeat 0 -584px;
}

#pagination #prev a:hover {	background: transparent url(images/sprite.gif) no-repeat 0 -630px; }

#pagination #next {
	width: 106px;
	height: 39px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
}

#pagination #next a {
	width: 106px;
	height: 39px;
	display: block;
	background: transparent url(images/sprite.gif) no-repeat -553px -584px;
}

#pagination #next a:hover { background: transparent url(images/sprite.gif) no-repeat -553px -630px; }

#pagination #pages {
	width: 150px;
	height: 29px;
	padding-top: 10px;
	margin: 0 auto;
}

#previousEntry {
	width: 40%;
	float: left;
}

#nextEntry {
	width: 40%;
	float: right;
	text-align: right;
}

	/* END pagination */
	
	/* gallery & image attachment */
	
.gallery {
	margin: auto;
	overflow: hidden;
	width: 100%;
	padding-bottom: 25px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
}

.gallery img {  }

.gallery .gallery-caption { margin-left: 0; }

.gallery br { clear: both }
 
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }

body.attachment .entry .contentblock { text-align: center; }

body.attachment #pagination { margin-bottom: 20px; }

#pagination #previousImage {
	width: ;
	height: ;
	float: left;
	background: ;
	/*unhide if graphic used
	text-indent: -9999px;*/
}

#pagination #nextImage {
	width: ;
	height: ;
	float: right;
	background: ;
	/*unhide if graphic used
	text-indent: -9999px;*/
}

#pagination #previousImage a, #pagination #nextImage a {
	width: ;
	height: ;
	display: block;
}

#allThumbs { }
	
	/* END gallery & image attachment */
	
	/* comments (disqus) */
	
#disqus_thread h3 { font-size: 16px; }
	
#disqus_thread #dsq-comments div.dsq-comment-header {
	background: transparent url(none);
	font: bold 12px "Courier New", Courier;
	text-transform: uppercase;
	padding: 10px 0;
	border: none;
}

/*#disqus_thread #dsq-reply div.dsq-textarea-background {
	background: #000 url(none);
	border: 1px dotted #fff;
}*/

#disqus_thread #dsq-content #dsq-comments .dsq-comment {
	border-bottom: 1px dotted #fff;
	padding-bottom: 15px;
}

#disqus_thread #dsq-reply iframe div#comment.placeholder, #disqus_thread #dsq-reply iframe div#textarea.placeholder { 
	color: #fff;
	font: 11px Georgia, Times, "Times New Roman";
}
	
#disqus_thread #dsq-pagination #dsq-footer li a { color: #ee4300; }

#disqus_thread #dsq-pagination #dsq-footer li a.dsq-subscribe-email em, #disqus_thread #dsq-pagination #dsq-footer li a.dsq-subscribe-rss em { text-decoration: none; }

	/* END comments (disqus) */
	
	/* comments pre-FB formatting */
	
#allComments h2 { 
	font-size: 12px; 
	padding-bottom: 10px;
}

#allComments #comments { padding-top: 20px; }

#comments .comment { padding-bottom: 15px; }

.commentlist .useravatar {
	width: 71px;
	float: left;
}

.commentlist .useravatar a {
	padding-left: 9px;
}

.commentlist .commentbody {
	width: 586px;
	float: right;
	color: #ccc;
}

.commentbody .username, .commentbody .username a { 
	font-weight: bold; 
	color: #fff;
}

.commentbody .byline, .commentbody .byline a { color: #808080; }

	/* END comments pre-FB formatting */
	
	/* search */

.search-term { 
	background-color: #fff300;
	color: #000;
}

.searchResults { 
	font: 11px "Courier New", Courier;
	color: #fff;
}
	
	/* END search */
	
/* 
-------------------------------------------------------
sidebar styling
------------------------------------------------------- */

#sub h2 { 
	font-size: 12px; 
	padding-bottom: 20px;
}

.widget {
	margin-bottom: 30px;
}

.seeAll { 
	font-size: 10px;
	text-align: right;
}

.seeAll a { color: #ef4300; }

	/* about */
	
#aboutBucket { 
	padding: 0 14px 25px 14px;
	border-bottom: 1px dotted #fff;
}
	
#aboutBucket .balloon {
	width: 228px;
	position: relative;
}

#aboutBucket .balloonInside {
	background: transparent url(images/sprite.gif) no-repeat -443px -86px;
	padding: 23px 15px 52px 15px;
	color: #ff4e00;
}

#aboutBucket .balloonInside em, #aboutBucket .balloonInside a { color: #000; }

#aboutBucket .balloonBottom {
	width: 228px;
	height: 53px;
	background: transparent url(images/sprite.gif) no-repeat -678px -287px;
	position: absolute;
	bottom: 0;
}

#aboutBucket .followFriendMe {
	width: 107px;
	height: 90px;
	text-align: right;
	background: transparent url(images/sprite.gif) no-repeat -894px 5px;
	float: left;
}

#aboutBucket .followFriendMe ul { padding-top: 23px; }

#aboutBucket .followFriendMe li {
	padding: 0 40px 5px 0;
	font-weight: bold;
}

#aboutBucket .followFriendMe li a { color: #fff; }

#aboutBucket .myavatar {
	width: 92px;
	margin-left: 6px;
	float: left;
}
	
	/* END about */
	
	/* archives */
	
#archivesBucket {
	padding: 25px 14px;
	border-bottom: 1px dotted #fff;
}

#archivesBucket li { padding-bottom: 10px; }

	/* END archives */
	
	/* facebook */
	
#facebookBucket {
	padding: 25px 0;
	border-bottom: 1px dotted #fff;
}	

#facebookBucket h2 { padding-left: 14px; }
	
	/* END facebook */
	
	/* search */

#searchBucket {
	padding: 25px 14px;
	border-bottom: 1px dotted #fff;
}

#searchBucket input {
	width: 180px;
	height: 21px;
	padding: 8px 8px 8px 32px;
	color: #fff;
	font: 12px "Courier New", Courier;
	border: 1px dotted #fff;
	background: #000 url(images/sprite.gif) no-repeat -890px -586px;
}

#searchBucket input.submit { display: none; }

	/* END search */

	/* feedback */

#feedbackBucket {
	padding: 25px 14px;
	border-bottom: 1px dotted #fff;
}

#feedbackBucket li {
	color: #fff300;
	padding-bottom: 25px;
}

#feedbackBucket li a { font-weight: bold; }

#feedbackBucket blockquote {
	padding: 8px 0 0 25px;
	color: #fff;
	background: transparent url(images/sprite.gif) no-repeat 0 -370px;
}

	/* END feedback */
	
	/* twitter */

#twitterBucket {
	padding: 25px 14px;
	border-bottom: 1px dotted #fff;
}

#twitterBucket .twitter-item {
	padding: 0 0 5px 35px;
	font: normal 16px Georgia, Times, "Times New Roman";
	background: transparent url(images/sprite.gif) no-repeat -445px -382px;
}

#twitterBucket .twitter-item span.twitter-timestamp { 
	padding-top: 3px;
	display: block;
	font: 11px "Courier New", Courier;
	color: #fff300;
}

#twitterBucket .twitterAvi {
	padding: 10px 0 0 0;
	font-size: 9px;
	text-transform: uppercase;
}

#twitterBucket .twitterAvi a { 
	color: #ee4300; 
	display: block;
}

#twitterBucket .twitterAvi img {
	margin-right: 8px;
	float: left;
}

#twitterBucket .twitterAvi .username {
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
}

	/* END twitter */
	
	/* tumblr */
	
#tumblrBucket h2 a { color: #fff; }

#tumblrBucket { padding: 25px 0; }

#tumblrBucket h2 { padding-left: 14px; }

#tumblrBucket .tumblrBlock {
	padding: 0 14px 14px 14px;
	margin-bottom: 25px;
	border-bottom: 1px dotted #fff;
}

#tumblrBucket .photoblock img {
	width: 180px;
	border: 21px solid #fff;
}

#tumblrBucket .photoCaption { padding: 8px 0; }

#tumblrBucket .seeAll { text-transform: uppercase; }

	/* END tumblr */
	

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

#footer {
	width: 960px;
	height: 60px;
	position: relative;
	margin: -60px auto 0 auto;
	font: 11px "Courier New", Courier;
	text-align: left;
}

* html #footer { margin-top: -60px; }

#footerContent {
	width: 685px;
	padding-top: 10px;
	margin-left: 24px;
	background: transparent url(images/sprite.gif) no-repeat 0 -705px;
}

#footerContent #credits {
	width: 70%;
	float: left;
}

#footerContent #credits a { 
	color: #fff; 
	border-bottom: 1px dotted #fff; 
}

#footerNav {
	width: 30%;
	float: right;
}

#footerNav li {
	float: left;
	padding-left: 40px;
}