/*
THEME NAME: Metropolis Podcast Theme
THEME URI: http://metropolis.co.jp
DESCRIPTION: <strong><em>The Metropolis Main Subsection Theme</em></strong>
VERSION: 1
AUTHOR: Steven R.J. Danieletto and Shane Busato
AUTHOR URI: http://metropolis.co.jp/
TAGS: black, very black.
*/

/* Reset browser defaults */
@import url('../metropolis-core/library/styles/reset.css');

body {
    	min-width:940px;
	background-color:#000;
	font-family: Helvetica, Arial;
	margin: 0 auto;
	text-align: center;
}

a { 
	color: #fff;
}

 a:hover {
        color:#299ed9;
}


h1 {
	font:18px Arial;
	font-weight:bold;
	color: #dfa91f;
	padding:  0px 0px 10px 0px;
	
	}
	
h2 {
	font-weight:bold;
	color: #f8c76c;
	
	}

img.centered, a img.centered, img.aligncenter, a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright, a img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft, a img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.prof-name {
	font:18px Arial;
	font-weight:bold;
	color: #dfa91f;
	padding:  0px 0px 15px 0px;
	vertical-align: top;
	
	}



#header {
    	position:relative;
	z-index: 2;
}

#header, #main {
	background-color: #000;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	/*margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;*/
	margin: 0 auto;
	width: 940px;
	overflow:hidden;
	position:relative;
	text-align:left;
}

#main {
	min-height: 800px;
	/* border-bottom: 1px dotted #fff; */
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#logo {
	width: 940px;
	height: 25px;
	padding: 5px 0;
	border-bottom: 1px dotted #fff;
}

/* Top Left Side layout */

#leftarea-header {
        width: 620px;
        margin-right: 20px;
	padding:0;
	float:left;
}

#title {
	padding: 10px 0 0 0;
	width:620px;
	height: 100px;
}

#navbar {
	width: 620px;
	position: relative;
	/*overflow-x: hidden;*/
	/*overflow-y: hidden;*/
	height:30px;
	border-bottom: 1px dotted #fff;
	
}

#navbar a {
	color:#fff;
	text-decoration: none;
}

#navbar a:hover {
	color:#299ed9;
	text-decoration: none;
	
}

#navbar .navitem-left, #navbar .navitem-right {
	color: #fff;
	font-family: Helvetica, Arial;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	width:140px;
	border-top: 1px dotted #fff;
	line-height:1em;
	margin-right: 20px;
	float:left;
	padding: 5px 0 0 0;
}

#navbar .navitem-right {
	margin-right:0;
}

/* end top left side */

.top-image {
	width:100%;
	height:100px;
}

/* Top Right Side Layout */

#rightarea-header {
	width: 300px;
	padding:0;
	float:right;
}

#subtitle {
	padding: 10px 0 0 0;
        width: 300px;
	height:100px;
}

#searchbar {
	position: relative;
	font-family: Helvetica, Arial;
        font-size: 14pt;
        font-weight: bold;
        text-transform: uppercase;
        /*overflow-x: hidden;*/
        overflow-y: hidden;
	height:29px;
        border-bottom: 1px dotted #fff;
	border-top: 1px dotted #fff;
}	

#searchbar .navitem-left, #searchbar .navitem-right {
	color: #dc950f;
	float:left;
	line-height:1em;
	padding: 5px 0 0 0;
}

#searchbar .navitem-right{
	float:right;
	padding:3px;
}

.searchform {
	color: #dc950f;
}

.searchform input.sbs {
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
	width: 200px;
}

/* end top right side layouit */

/* Body Left Area */

#content {
	width:620px;
	margin-right:20px;
	float:left;

}

.story {
	color:#fff;
	font-size:10pt;
	width: 620px;
	padding:20px 0;
	border-bottom: 1px dotted  #fff; 
	
	}


.podtitle {
	font-size: 18pt;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
}

.podtitle a {
	text-decoration:none;
}

.podmeta {
	color: #bcdee3;
	font-size:8pt;
	font-weight: bold;
	font-style: italic;
	text-transform:uppercase;
	margin: 0 0 20px 0;
}

.podcontent {
	line-height:1.4em;
	font-size:10pt;
}

.podcontent p {
	font-family: verdana;
	margin-bottom: 20px;
}

.podcontent a {
        color: #fff;
}

/*
 * mid-2012 GM: replacing the download link with a "play now" image, for iPhone users
 * 2013/04/11 GM: reverting, as we're using a HTML5 player on iPhone now.
Version 1:
.podcontent a[target="new"]:before {
	content: url("http://metropolis.co.jp/podcast/files/2011/10/play-now.gif");
	display: inline-block;
}
.podcontent a[target="new"] {
	font-size: 0px;
	color: rgba(0, 0, 0, 0);
}
Version 2:
.podcontent a[target="new"] {
	background: url("http://metropolis.co.jp/podcast/files/2011/10/play-now.gif") no-repeat;
	background-size: 100%;
	font-size: 2em;
	color: rgba(0, 0, 0, 0);
}
.podcontent a[target="new"]:hover{color: rgba(0, 0, 0, 0);}
/**/

.podcontent a:hover {
        color:#299ed9;
}

.comments {
	margin-top:20px;
	overflow:hidden;
	padding: 10px 0;
}

.comments .comment-body {
	margin: 20px 0;
}

.comments .commentmetadata {
	margin: 5px 0;
}

.comments .comment-author {
	margin: 5px 0;
}

#comment textarea.comment {
	width:200px;
}

/* end body left area */

/* Body Right Area */

#sidebar {
	width: 300px;
	height: 100%;
	float:right;
	padding-top:10px;
	color:#fff;
}

.ad-area {
	border-bottom: 1px dotted #fff;
	padding: 10px 0;
}

#archives {
	padding: 20px 0;
	border-bottom: 1px dotted #fff;
}

#archive-title {
	font-weight:bold;
	margin-bottom: 10px;
}

.subimage {
	padding: 20px 0;
}


/* end body right area */


/* start profile page */

#profile-container {
	width: 100%;
}

.story .profile-left-column {
	width: 45%;
	float: left;
	padding: 20px 10px 30px 0px;
	border-bottom: 1px dotted #fff;
	
}

.story .profile-right-column {
	width: 45%;
	float: right;
	padding: 20px 10px 30px 0px;
	border-bottom: 1px dotted #fff;
		
}

/* end profile page */

/* Share this */

.addthis_container {
	margin: 10px 0 10px 0;
}

/* end share this */