/*
Theme Name: ShowbizSpy
Theme URI: http://www.showbizspy.com/
Description: The 2010 reboot of ShowbizSpy
Author: PixelPunk
Author URI: http://pixelpunk.co.uk/
Tags: 

*/

body {
	background: #E7E9E4;
	color: #333333;
        font-family: arial, verdana, sans-serif;
        text-align: center;
	}

#page {
	width: 1034px;
        text-align: left;
        margin: 0 auto;
	}

.headad {margin: 7px 0 17px 27px; float: left;}
.headtweet {float: right; margin: 5px 27px 0 0;}

#header {
        background: url(images/bg_header.jpg) top left repeat-x;
        height: 67px;
	width: 979px;
        margin: 0 auto 0 auto;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

#header #headerimg {margin: 6px 15px; float: left; width: 230px;}

#headernav {margin: 30px 17px 0 0px; float: left;}
#headernav ul {list-style: none; margin: 0; padding: 0;}
#headernav li {display: inline; margin-right: 37px; vertical-align: top;}
#headernav li.rss {}
#headernav li a {color: #fff; text-decoration: none; font-size: 18px;}
#headernav a:hover {}

#header #search {
    margin: 20px 17px 0 10px;
    padding: 0px 0px;
    width: 310px;
float: right;
height: 40px;
}

#header #search input#send {height: 31px; background: #fff url(images/searchbuttonbg.gif) center left no-repeat; border: 1px solid #fff; font-size: 0px; width: 38px; margin-left: 5px;}
#header #search input#send:hover {background: url(images/searchbuttonbg.gif) center right no-repeat;}
#header #search #s {width: 250px; display: inline; height: 25px; padding-top: 4px; padding-left: 4px; font-size: 16px; color: #666; margin-top: 0px; float: left;}

#featuredscroll {
	width: 1034px;
        height: 217px;
	background: url(images/bg_featscroll.png) center top no-repeat;
        margin-top: -1px;
        margin-bottom: -57px;
}

#featuredscroll a {color: #666; text-decoration: none;}

.topcontent {
	width: 979px;
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        margin: -2px auto 0 auto;
        padding: 15px 0;
}



.content {
	width: 979px;
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        margin: -2px auto 0 auto;
        min-height: 800px;
}

.leftcont {width: 590px; float: left; margin-left: 15px; padding-bottom: 15px; margin-top: -5px}

h3, #sidebar h2 {background: #A5010E; color: #fff; font-size: 30px; padding:  7px 0 0px 5px;}

.post {padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #dedede;}

.post h2 {font-weight: normal; font-size: 18pt; margin: 26px 0 8px 0; text-transform: uppercase;}
.post h2 a {color: #D70003; text-decoration: none;}

.entry {text-align: justify; position: relative;}

.entry {padding: 0px}
.entry img.alignleft {float: left; margin: 0px 12px 4px 0;}
.entry img.aligncenter {display: block; margin: 0px auto 4px auto;}
.entry img.alignright {float: right; margin: 0px 0px 4px 12px;}


.entry .text {margin-top: 7px;}

.tags {font-size: 12px; color: #ccc; background: url(images/tag.gif) bottom left no-repeat; padding-left: 20px; padding-bottom: 2px; margin-bottom: 10px;}
.tags a {color: #FF6600; text-decoration: none;}

.post_thumb {width: 283px; height: 207px; overflow: hidden; float: left; margin-right: 10px; border-right: 1px solid #ccc;}

.navigation {margin-top: 27px; font-size: 13px;}
.navigation a {color: #666;}
.navigation a:hover {border-bottom: 1px dashed #aaa;}
.navigation .alignleft {float: left;}
.navigation .alignright {float: right;}

.issingle {margin-top: -10px;}

.post .issingle h2 {text-transform: none; font-size: 18px;}

.postmetadata {font-size: 14px;}

.ngg-imagebrowser h2 {margin: 12px 0 0 0; color: #D70003;}
.ngg-imagebrowser h3 {background: transparent;}
.pic {margin-right: 12px;}
.ngg-imagebrowser .pic img {border: 0; padding: 0;}

/* SOCIAL MEDIA ICONS */
ul.social 					{ list-style:none; margin:0;  margin-bottom:15px; float:left; }
ul.social  li				{ display:inline; }
ul.social  li a				{ background:url(images/social-media-icons.jpg) 0 0 no-repeat; width:29px; height:29px; float:left; text-indent:-10000em; }
ul.social  li.twitter a		{ background-position:0 0;   }
ul.social  li.delicious a	{ background-position:-32px 0;   }
ul.social  li.digg a			{ background-position:-64px 0; }
ul.social  li.reddit a		{ background-position:-96px 0; }
ul.social  li.stumble a		{ background-position:-128px 0; }
ul.social  li.facebook a		{ background-position:-160px 0; }


#sidebar {width: 336px; float: right; margin-right: 15px;}

#sidebar ul {list-style: none; padding: 0; margin: 0;}

#sidebar h2 {margin-bottom: 7px;}
ul#recentcomments {border: 1px solid #ccc; padding: 12px 7px 5px 7px; margin: 0 0 20px 0;}
li.recentcomments {background: url(images/comment.gif) top left no-repeat; padding-left: 30px; font-size: 14px; min-height: 30px; margin-bottom: 5px;}
.textwidget {margin: 26px 0 30px 0;}
.adblock {margin: 26px 0 30px 0;}


#footer {
	width: 979px;
        margin: 22px auto;
        font-size: 12px;
        color: #666;
}

#footer a {color: #666; text-decoration: none;}

.clear {clear: both;}


a img {border: 0;}

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

/*Featured Scroll Functionality*/

#shell {
	height: 217px;			
}
		
#slider {
	position: relative;
	margin: 0px auto;
        width: 949px;
	}
	
	.scroll {
		position: relative;
		clear: left;
		overflow: auto;
		overflow-x: hidden;
		width: 949px;
		height: 156px;
}
		
	.scrollContainer .panel {
		width: 949px;
		height: 146px;
}
		
	.scrollButton {
		text-indent: -1000em;
		position: absolute;
		top: 42%;
		display: block;
		width: 26px;
		height: 26px;
		background: url(images/arrows.png) no-repeat;
                }
		
	#scrollLeft {
		left: -42px;
		background-position: 0 0; }
		
	#scrollLeft:hover {
		cursor: pointer;
		background-position: 0 -36px; }
		
	#scrollRight {
		right: -31px;
		background-position: -36px 0; }
		
	#scrollRight:hover {
		cursor: pointer;
		background-position: -36px -36px; }
	
	
.boxgrid{ 
width: 225px; 
height: 142px; 
margin: 5px 0px 5px 5px; 
float:left; 
border: solid 4px #fff; 
overflow: hidden; 
position: relative; 
}

.boxgrid:first-child {margin-left: 0;}

.boxgrid img{ 
	position: absolute; 
	top: -40px; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 5px 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{ 
float: left; 
position: absolute; 
background: #fff; 
height: 100px; 
width: 100%; 
opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.captionfull .boxcaption {
	top: 146;
	left: 0;
}
.boxgrid .cover { top:142px;  }
.caption .boxcaption {
	top: 180;
	left: 0;
}

.cufon-loading h3, .cufon-loading #sidebar h2{
  visibility: hidden !important;
}