/*

Theme Name: Dark
Theme URI: http://www.kaushalsheth.com/
Description:  A lightweight, simple and pleasant design.
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com/
*/


/*#############################################################
Name: Blackbox
Date: 2006-06-01
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* Standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #999;
	text-decoration: none;
}
body {
	background: #141414 url('img/rpg_bckgrnd.png') repeat-x fixed left top;
	color: #555;
	margin: 20px 0;
	text-align: center;
	font: normal 0.8em sans-serif,Arial;
}
ul {
	margin: 12px 0;
}
li {
	list-style: url('img/li.gif');
	margin-left: 18px;
}
code {
	font: normal 1em "Lucida Sans Unicode",serif;
	background: url('img/bgcode.gif');
	color: #888;
	display: block;
	padding: 3px 6px;
	white-space: pre;
	margin-bottom: 12px;
}


/* Misc */
blockquote {
	margin-bottom: 12px;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	background: url('img/quote.gif') no-repeat;
	padding-left: 28px;
	color: #666;
}


/* Main structure */
.main {
	background: #000; 
	border: 3px double #EEE; 
	border-color: #141414 #202020 #222 #202020; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 700px; 
}


/* Header */
.gfx {
	background: #222 url('img/dark_pixel.jpg') no-repeat;
	height: 267px;
}
.gfx h1 {
	color: #111;
	font: normal 2.6em Tahoma,sans-serif;
	padding: 16px 20px;
}


/* Menu */
.menu a {
	background: #000 url('img/bgmenu.png') repeat-x;
	border-right: 1px solid #222;
	border-top: 1px solid #1A1A1A;
	color: #444;
	font-size: 1.2em;
	float: left;
	padding-top: 4px;
	width: 115px; height: 36px;
}
.menu a span {
	padding-left: 6px;
}
.menu a:hover {
	background-position: left bottom;
	color: #666;
}
.menu a#last {
	width: 120px;
	border-right: none;
}


/* Content */
.content {
	border-top: 1px solid #1A1A1A;
	background: #1A1A1A;
	clear: both;
}
.content h1 {
	margin: 0 0 4px;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}
.content p {
	margin: 0 0 12px;
}
.item {
	background: #030303 url('img/bgitem.gif') repeat-x;
	padding: 8px 10px;
}


/* Footer */
.footer {
	padding: 5px;
	background: #0A0A0A;
	color: #666;
} 


	
	/*post stylng*/
.item{margin:0 0 25px 0;}

.item .info{
padding:2px 3px 3px 8px;
border:1px solid #1a1a1a;
background-color:#1a1a1a;
font-size:0.9em;
color:#505050;
}

/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #1a1a1a;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #f8f7f6;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #f8f7f6;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

/******************************************************/
/* Beyond this line contains edits made specifically by Jason by request of Joy Saxton */
/******************************************************/
.info_page{padding-top:10px}
.info_page h2{color:#FF369B}
.info_page p{color:#FF99CC; font-size:15px}
.info_page p.big{font-size:17px}
.white p{color:#FFF}

.descr{margin-bottom:30px;}

div.hVlog{text-align:center;}
div.hVlog img{border:none; margin-bottom:10px;}

ul.vpip-formatslist{
	margin:5px;
	padding:0px;
	text-align:center}
	
li.vpip-formatslistitem{
	display:inline;}
	
#social_networks{position:relative}
#social_networks ul{position:absolute; left:550px; top:-75px}
#social_networks ul li{height:59px; width:30px; float:left; list-style:none; margin-left:5px}
#social_networks ul li a{display:block; height:59px; width:30px; cursor:pointer}
#social_networks ul li.facebook{background: url(img/Icon_Facebook_combo.png) no-repeat;width:30px}
#social_networks ul li.facebook:hover{background:url(img/Icon_Facebook_combo.png) no-repeat -30px 0px; width:30px}
#social_networks ul li.twitter{ background:url(img/Icon_Twitter_combo.png) no-repeat; width:29px}
#social_networks ul li.twitter:hover{background:url(img/Icon_Twitter_combo.png) no-repeat -29px 0px; width:29px}
#social_networks ul li.rss{background:url(img/Icon_RSS_combo.png) no-repeat; width:30px}
#social_networks ul li.rss:hover{background:url(img/Icon_RSS_combo.png) no-repeat -30px 0px; width:30px}
#social_networks ul li.itunes{background:url(img/Icon_iTunes_combo.png) no-repeat; width:29px}
#social_networks ul li.itunes:hover{background:url(img/Icon_iTunes_combo.png) no-repeat -29px 0px; width:29px}

img.small_icon{ position:relative; top:2px}

.past_episodes li{list-style:none; clear:both; padding-top:20px}
.past_episodes li img{float:left; width 128px;margin-right:20px}

/******************************************************/
/*                  Drop Down Menu                    */
/******************************************************/
#menu_navigation{font: normal 13px verdana}
#menu_navigation ul{margin: 0; padding: 0; list-style: none; width: 700px; /* Width of Menu Items */}
#menu_navigation ul li.drop_down_parent{
	list-style:none;
	margin-left:0px;
	position: relative;
	width:115px;
	float:left;
	border-top: 1px solid #222222;
	border-right: 1px solid #222222;
	background: url('img/bgmenu.png') repeat-x}
	
#menu_navigation li ul {position: absolute; top: 40px; display: none; margin-left:-1px;}
#menu_navigation ul li ul{width:115px}
#menu_navigation ul li ul li{margin-left:0px; list-style:none}

/* Styles for Menu Items */
#menu_navigation ul li a {display: block; height:30px; text-decoration: none;	color: #444444; padding: 5px 5px 5px 5px}
#menu_navigation li.drop_down_parent_first{width:117px !important}
#menu_navigation li.drop_down_parent_last{width:117px !important; border-right:0px !important}

/* Fix IE. Hide from IE Mac \*/
#menu_navigation * html ul li { float: left; height: 1%}
#menu_navigation * html ul li a { height: 1%}
/* End */

#menu_navigation ul li a:hover {color: #666666;background: url('img/bgmenu.png') left bottom; } /* Hover Styles */
#menu_navigation li ul li a { padding: 2px 5px; border: 1px solid #222222; width:105px; background:#1A1A1A} /* Sub Menu Styles */
#menu_navigation li:hover ul, li.over ul { display: block; } /* The magic */

/******************************************************/
/*                 Store Page Styling                 */
/******************************************************/
ul.store_blocks{padding-top:10px; list-style:none; margin:10px 0 0 0; padding:0}
ul.store_blocks li{
  background:none;
  float:left;
  height:170px;
  list-style:none;
  margin:0 0 13px 13px;
  padding:0;
  text-align:center;
  width:150px;}
ul.store_blocks li span{display:block; text-align:center}

/******************************************************/
/*                Archive Page Styling                */
/******************************************************/

.archive_page li{clear:both; padding-top:10px;list-style:none}
.archive_page li img{float:left; margin-right:10px;clear: left;}
div.clear{clear:both}


/******************************************************/
/*                 Photos Page Styling                */
/******************************************************/
#page_Header h1{color:#FF369B; font-size:40px; font-weight:normal}
#page_Header span{color:#FFFFFF}
#page_Header p{color:#FF369B; font-size:18px}

.Top50List li{
  clear:both;
  list-style:none;
  margin-top:0px;
  height:65px}

.Top50List li:hover{background:#1e1e1e}

.Top50List div{
  text-align:right;
  margin:7px;
  width:50px;
  height:50px;
  float:left;
  background:#333333;
  overflow:hidden}

.Top50List li:hover div{background:#FFFFFF}

.Top50List div span{
  display:block;
  margin-top:-5px;
  color:#000;
  font-size:62px;
  font-weight:bold;
  letter-spacing:-10px;
  padding-right:4px;}

.Top50List h2{
  padding:15px;
  font-size:30px;
  font-weight:normal}

.Top50List a{color:#999999}
.Top50List a:hover{color:#FFFFFF}

.Top50List p{
  float:right;
  padding:25px 20px;
  margin:0;}
	
ul.CelebrityGallery{width:662px}
ul.CelebrityGallery li{float:left; width:126px; height:150px; list-style:none; margin-left:5px; margin-bottom:10px}
