/*  
Theme Name: 78s
Theme URI: http://78s.ch/
Description: 78s Styles for Screen Media
Version: 1
Author: InformationArchitects.jp
Author URI: http://InformationArchitects.jp/

*/

/* 	Title:     78s Styles for Screen Media
	Author:    InformationArchitects.jp
	Updated:   September 22, 2008 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, hr, embed, object { 
	margin: 0;
	padding: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img { 
	border: 0;
	}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
	}
em {
	font-weight: normal;
	}
strong {
	font-style: normal;
	}
blockquote {
	font-size: small;
	font-style: italic;
	}
ol, ul, li {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym {
	border: 0;
	}
img {
	display: block;
	}


/* -------------------------------------------------------- */

html {
	min-height: 100%;
	margin-bottom: 1px;
	}
hr {
	border: none 0;
	border-top: 1px dotted #ccc;
	height: 1px;
	clear: both;
	margin-top: 1.438em;
	}
#mainContainer {
	width: 59.375em;
/*	margin: 0 auto;*/
	margin: 0 0 0 1.5em;
	padding: 0 0 1.5em 0;
	position: relative;
	}
br.clear {
	clear: both;
	display: block;
	height: 1.125em;
	width: 100%;
	}
a:hover {
	background-position: 0 0;
	}

/* Set Typography (All Pages)
-------------------------------------------------------- */

body {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	}
html>body {
	font-size: 16px;
	}
p {
	line-height: 1.5em; /* 24px */
	font-size: 1em; /* 16px */
	}
a {
	font-weight: bold;
	text-decoration: none;
	}

a:link {
	color: #ff005b;
	}
a:visited {
	color: #999;
	}
a:hover, a:active {
	color: #333;
	}
#issueFeature h1 a, #contentHeader h2 a, #contentIssue h4 a, #rC h4 a, #sP h4 a {
	color: #333;
	}
#issueFeature h1 a:hover, #contentHeader h2 a:hover, #contentIssue h4 a:hover, #rC h4 a:hover, #sP h4 a:hover, #contentSidebar h5 a, #contentSidebar h5 a:visited {
	color: #ff005b;
	}

h1 {
	font-size: 1.875em;
	font-weight: bold;
	line-height: 1.067em;
	margin-bottom: 0.067em;
	}
h2 {
	margin-bottom: 0.07em;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.125em;
	padding-bottom: 0.5em;
	}
h3 {
	font-weight: bold;
	line-height: 1.5em;
	}
h4 {
	font-weight: bold;
	font-size: 0.813em;
	line-height: 1.385em;
	margin-top: 1.385em;
	}
h5 {
	font-size: 0.813em;
	line-height: 1.846em;
	color: #999;
	}
#contentSidebar h5 {
	line-height: 2em;
	}
#contentSidebar h5 a:hover {
	color: #333;
	}

/* Header Content (Header)
-------------------------------------------------------- */

#adTop {
/*	text-align: center;*/
	background: #666667;
	position: relative;
	padding: 0.5em 0;
	}
	#adTop .ir {
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		}
	#adtc {
		width: 59.375em;
/*		margin: 0 auto;*/
/*		text-align: center;*/
		margin: 0 0 0 1.5em;
		text-align: left;
		}
		#adtc img {
			margin: 0 auto;
			}
	
#contentSearch {
	position: relative;
	height: 2.5em;
	}
	#contentSearch form {
		padding: 0.5em 0 0 0;
		position: absolute;
		top: 0;
		right: 0;
		}
	#searchsubmit {
		padding: 0 0.5em;
		}

#contentLogo {
	width: 18em;
	float: left;
	margin-bottom: 3em;
	}

#contentHeader {
	float: right;
	width: 39.375em;
	}
#headerFeature {
	clear: both;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	}
	#contentHeader #headerFeature p {
		margin-bottom: 1.2em;
		}
	#singlePage #headerFeature {
		height: 5.625em;
		}
	#postList #headerFeature {
		border-top: 0;
		height: 5.625em;
		}
#headerBooklet, #headerPodcast {
	width: 18.75em;
	padding: 1em 0;
	}
#headerBooklet {
	float: left;
	}
	#headerBooklet h3 {
		font-size: 0.813em;
		line-height: 1.385em;
		}
		
	#headerBooklet p {
		margin-bottom: 0.8em;
		font-size: 0.813em;
		line-height: 1.385em;
		}
#headerPodcast {
	float: right;
	}
	#headerPodcast li {
		list-style-type: circle;
		font-size: 0.813em;
		line-height: 1.385em;
		color: #666;
		}


/* Sidebar Content (Home Page)

-------------------------------------------------------- */

#contentSidebar {
	width: 18em;
	float: left;
	}
	#contentSidebar img {
		width: 18em;
		margin-top: 2px;
		}
	#sideC h5 {
		border-top: 1px dotted #ccc;
		margin-top: 1.846em;
		height: 1.846em;
		line-height: 1.846em;
		}
	#sideC ul {
		width: 9em;
		float: left;
		}
	#sideC ul li {
		padding-left: 1.5em;
		font-size: 0.813em;
		line-height: 1.846em;
		height: 1.846em;
		font-weight: bold;
		}
		#sideC ul #icon1 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_1.png) center left no-repeat;
			}
		#sideC ul #icon2 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_2.png) center left no-repeat;
			}
		#sideC ul #icon46 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_46.png) center left no-repeat;
			}
		#sideC ul #icon16 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_16.png) center left no-repeat;
			}
		#sideC ul #icon38 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_38.png) center left no-repeat;
			}
		#sideC ul #icon11 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_11.png) center left no-repeat;
			}
		#sideC ul #icon37 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_37.png) center left no-repeat;
			}
		#sideC ul #icon25 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_25.png) center left no-repeat;
			}
		#sideC ul #icon33 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_33.png) center left no-repeat;
			}
		#sideC ul #icon40 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_40.png) center left no-repeat;
			}
		#sideC ul #icon45 {
			background: url(http://www.78s.ch/wp-content/themes/78s/images/icons/icon_45.png) center left no-repeat;
			}



/* Issue Content (Home Page)
-------------------------------------------------------- */

#contentIssue {
	width: 39.375em;
	float: right;
	margin-bottom: 4.5em;
	}
#issueFeature {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1em;
	}
.issueIssue, .issueRight {
	width: 18.75em;
	margin-bottom: 1em;
	}
	.issueIssue {
		float: left;
		}
	.issueRight {
		float: right;
		}
	.issueIssue p, .issueRight p {
		font-size: 0.813em;
		line-height: 1.385em;
		}
	#contentIssue .issueRight h5 {
		line-height: 1.846em;
		height: 1.846em;
		}
		#contentIssue .issueRight h5 a {
			font-weight: normal;
			font-size: 0.846em;
			color: #999;
			font-style: italic;
			}
		#contentIssue .issueRight h5 a:hover {
			color: #ff005b;
			}

/* Issue Content (Single, Article Page : single.php)
-------------------------------------------------------- */

div.entry {
	padding-top: 1.125em;
	}
div.entry ol li {
	list-style: decimal;
	list-style-position: outside;
	margin-bottom: 1.125em;
	}
div.entry blockquote {
	padding-left: 2em;
	}
div.entry p {
	margin-bottom: 1.125em;
	}
div.entry p img {
	float: left;
	margin: 0 1.125em 1.125em -2.5em;
	border: 0;
	}

#welcomemsg {
	margin-bottom: 10px;
	font-style: italic;
	font-size: small;
	color: #ff005b;
	}

#authorline {
	font-style: italic;
	margin-bottom: 10px;
	}

/* Sub-Footer Content (subfooter.php)
-------------------------------------------------------- */

#headlist {
	border-top: 1px dotted #ccc;
	}
	

#headlist ul li {
	font-size: 0.813em;
	line-height: 1.385em;
	}

#sP, #rC {
	border-top: 1px dotted #ccc;
	clear: both;
	}
#sP li, #rC li {
	display: block;
	width: 48%;
	}
	#singlePage #sP {
		margin-top: 1.5em;
		}
	#sP li p, #rC li p {
		font-size: 0.813em;
		line-height: 1.385em;
		}
	#sP img {	
		float: left;
		margin-top: 4px;
		}
	#sP li p.popP {
		float: right;
		width: 71%;
		}
	#sP li.popular3, #sP li.popular4, #rC li.commented3, #rC li.commented4 {
		margin-bottom: 1.846em;
		}
	#sP li.popular1, #sP li.popular3, #rC li.commented1, #rC li.commented3 {
		float: left;
		}
	#sP li.popular2, #sP li.popular4, #rC li.commented2, #rC li.commented4 {
		float: right;
		}
#rC .rcleft {
	float: left;
	width: 48%;
	}
#rC .rcright {
	float: right;
	width: 48%;
	}
	#rC h5 {
		margin-bottom: 1.385em;
		}
	#rC .recCom h4 {
		margin: 0;
		}
	#rC .recCom p {
		font-size: 0.813em;
		line-height: 1.385em;
		margin-bottom: 1.385em;
		}
	#rC .recCom p a {
		font-weight: normal;
		}


/* Footer Content (footer.php)
-------------------------------------------------------- */

#footerLinks {
	border-top: 1px dotted #ccc;
	clear: both;
	}
	#footerLinks a {
		font-weight: normal;
		}
	#footerLinks ul li {
		font-size: 0.813em;
		line-height: 1.846em;
		float: left;
		margin-right: 2em;
		}

#footerExt {
	padding-bottom: 2.5em;
	padding-top: 0.5em;
	border-top: 1px dotted #ccc;
	clear: both;
	}
	#footerExt ul li {
		font-size: 0.813em;
		float: left;
		margin-right: 1em;
		}


/* subscribe2 */
#footerCopyright {
	border-top: 1px dotted #ccc;
	}
	#footerCopyright p {
		text-align: right;
		font-size: 0.563em;
		line-height: 2.667em;
		color: #999;
		}
	#footerCopyright p a {
		font-weight: normal;
		color: #333;
		}
	#footerCopyright p a:hover {
		color: #ff005b;
		}
		
#footerinvisible {
		text-align: left;
		font-size: 0em;
		line-height: 2.667em;
		color: #FFFFFF;
		}

/* any listing of posts
-------------------------------------------------------- */

#postList {
	width: 39.375em;
	float: right;
	margin-bottom: 5.625em;
	border-top: 1px dotted #ccc;
	}
	#postList h3 { /**/
		margin-top: 1.5em;
		}
	#postList .popThumb {
		float: left;
		margin-top: 6px;
		}
	#postList .postInfo {
		font-size: 0.813em;
		line-height: 1.846em;
		color: #666;
		}
	#postList .pEnt {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 1.5em;
		}
	#postList ul, #postList p.bot {
		margin-bottom: 1em;
		}
	#pageE p {
		margin-bottom: 1.5em;
		}
	#postList .disblock {
		width: 34em;
		float: right;
		}
		
    strong.search-excerpt { background: yellow; } 

/* contact form page */
#gb_form p {
	margin: 0;
	font-size: 0.813em;
	line-height: 1.846em;
	color: #666;
	}
	#gb_form input, #gb_form select, #gb_form textarea {
		margin-bottom: 1.5em;
		}
	#gb_form .highlight {
		color: #900;
		}
	#gb_form_div ul {
		background-color: #efefef;
		padding: 0.5em;
		font-size: 0.813em;
		line-height: 1.385em;
		margin-top: 1.385em;
		}
	#result_dl_blockq {
		background-color: #efefef;
		padding: 0.5em;
		font-size: 0.813em;
		line-height: 1.846em;
		}
	#result_dl_blockq blockquote {
		padding: 0;
		margin-bottom: 1.846em;
		}
	#gb_form_div cite, #gb_form_div dt {
		display: none;
		}
	#gb_form_div .items {
		font-weight: bold;
		}
	#gb_form_div dd {
		text-align: right;
		color: #666;
		}
	#result_dl_blockq dd {
		text-align: left;
		color: #333;
		}
	#result_dl_blockq dt {
		font-weight: bold;
		display: block;
		}



/* Comment Form + Comments
-------------------------------------------------------- */

#commentform label {
	font-size: 0.813em;
	}
	#commentform p.subm {
		text-align: right;
		}
	#comment {
		width: 99%;
		margin-top: 0.3em;
		}
	#submit {
		padding: 0 0.5em;
		}
.commentlist {
	margin-bottom: 3em;
	}
	.commentlist cite {
		display: block;
		font-weight: bold;
		height: 1.5em;
		}
	.commentlist li {
		margin-top: 1.125em;
		font-size: 0.875em;
		line-height: 1.714em;	
		}
	.commentlist .imp {
		background-color: #efefef;
		margin-left: -1em;
		padding: 0.25em 1em 0.5em 1em;
		position: relative;
		}
	.commentlist .comDate {
		font-size: 0.786em;
		line-height: 1.909em;
		color: #666;
		}
		
.tracklist {
	margin-bottom: 2em;
	
	}
	.tracklist cite {
		margin-bottom: 0.5em;
		word-break: normal;
		padding-bottom: 0.25em;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.25em;
		font-size: 12px;
		display: block;
		font-weight: bold;
		height: 1.5em;
		background-color: #efefef;
		margin-left: -1em;
		position: relative;
		}
	.tracklist .comDate {
		line-height: 1em;
		font-size: 0.786em;
		color: #666;
		}
		
				
/* Archives
-------------------------------------------------------- */

#archiveCovers .aPic {
	float: left;
	color: #999;
	margin: 1em 1em 0 0;
	}



/* Single Page
-------------------------------------------------------- */

#singlePage {
	float: left;
	margin-bottom: 5.625em;
	padding-left: 7.5em;
	width: 36em;
	}
	h5.werbung {
		border-top: 1px dotted #ccc;
		line-height: 1.846em;
		height: 1.846em;
		margin-top: 1.846em;
		}
		h5.werbung a {
			font-weight: normal;
			font-size: 0.846em;
			color: #999;
			font-style: italic;
			}
		h5.werbung a:hover {
			color: #ff005b;
			}

	#singlePage h3 {
		margin-top: 1.5em;
		}
	#singleLogo {
		position: absolute;
		top: 3.8em;
		left: 0;
		}
	#singleLogo img {
		width: 100px;
		height: 55px;
		border: 0;
		}
	#singleAd {	
		width: 14em;
		float: right;
		}
		#singleAd h5 {
			border-top: 1px dotted #ccc;
			}
		#singleAd .postInfo {
			font-size: 0.813em;
			line-height: 1.846em;
			}
	#singleNavigation p { 
		margin-bottom: 1.125em;
		}
	#singleIssue {
		margin-bottom: 3em;
		}


/*navigation*/

.navigation {
	height: 1.5em;
	line-height: 1.5em;
	}
	.al {
		width: 48%;
		float: left;
		}
	.ar {
		width: 48%;
		float: right;
		text-align: right;
		}
	.navigationBottom {
		height: 1.5em;
		line-height: 1.5em;
		margin-top: 1.5em;
		}



/* RSS import */

#imprss {
	clear: both;
	border-top: 1px dotted #ccc;
	}
#imp {
	width: 48%;
	float: left;
	}
	#imp img {
		float: left;
		margin: 4px 0 0.5em 0;
		}
	#imp h4 {
		margin: 0;
		}
	#imp p {
		font-size: 0.813em;
		line-height: 1.846em;
		color: #666;
		}
	#imp p img {
		margin: 0 0.5em 0 0;
		}
	#imp .impB {
		float: right;
		width: 73%;
		}
#impR {
	width: 48%;
	float: right;
	}


/* 78s Bandradar Version 0.1 */

.tweet {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	font-size: 14px; 
	/* height: 53px; */
	min-height: 53px;
	clear: both;
	}
	
.tweet img { 
	margin-right: 15px;
	}	
	
.tweetmeta { 
	color: #BBB;
	font-size: 11px;
	}
	
#twitter_friends img { 
	display: inline;
	margin: 2px;
	}

#twitter_friends {
	
	padding-bottom: 10px;

	}
	
#twitter_intro { 
	font-size: 1.3em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}

#twitter_menue li {
	display: inline;
	list-style: none;
	margin-left: 15px; 
	margin-right: 15px;
	}
	
#twitter_menue .normal { 
	color: #ff005b; 
	background-color: #fff;
	padding: 4px;
	}

#twitter_menue .normal:hover { 
	color: #000; 
	background-color: #fff;
	padding: 4px;
	}
	
#twitter_menue .active { 
	color: #fff;
	background-color: #ff005b;
	padding: 4px; }
	
#twitter_menue .active:hover { 
	color: #fff;
	background-color: #000;
	padding: 4px; }

#twitter_menue {
margin-bottom: 23px;
font-size: 1.1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

#twitter_kleingedrucktes { font-size: 0.9em; }