/*
Theme Name: ggfx.org 2010
Theme URI: http://ggfx.org/
Description: Custom Theme
Version: 0.1
Author: Cornelius Rittner
Author URI: http://ggfx.org/
Tags: custom, ggfx, dark, space, odyssey, orbit, monolith

Custom Wordpress Theme for ggfx 2010.
The CSS, XHTML and design is Copyright 
by Cornelius Rittner.
*/

/* Defaults
Colors
dedede: Font light grey
868584: Link medium grey
7a7978: Link visited, darker grey
d60000: Link hovered, red
a30000: Loginout, BG, darker red
abacaa: Loginout, Link, grey
acabaa: Footer, Link Link visited, grey
c7c6c4: Footer, Link hovered, lighter grey
*/
* {
	margin:0;
	padding:0;
}
/* Elemente */
body {
	background:#000 url('images/bg1a.jpg') repeat-y center top;
	text-align:center;
	color:#dedede;	/* light grey */
	font-family: Verdana, Arial, sans-serif;
	font-size:81.5%;	/* = 13px; 87.5 = 14px */
	line-height:160%;	/* ca. 21px */
}
header,footer,aside,nav,article,section {
	display:block;
}
a img {	border: none; }
a {	
	color: #868584;	/* grey */
	text-decoration:none;
}
a:visited {	color: #7a7978; }	/* grey */
a:hover {
	color: #d60000;	/* light red */
	text-decoration:underline;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
	cursor: help;
}
blockquote {
	border-left: 5px solid #999;
	margin-left: 1.5em;
	padding-left: 5px;
}
p { margin:5px 0 10px; }
ul,ol {
	margin-left: 1.5em;
	padding-left: 5px;
}
h2 {
	font-family:Georgia,Times New Roman,Times;
	font-weight:normal;
	font-size:1.61em;
	line-height:1.3em;
}
h2.storytitle a:hover {
	text-decoration:none;
}
h3 {
	font-family:Georgia,Times New Roman,Times;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.3em;
}
h4 {
	font-size:1em;
}
h4.storydate {
	font-weight:normal;
	font-style:italic;
	margin-bottom:5px;
}
h5 {
	text-transform:uppercase;
	font-size:0.93em;
	margin-bottom:5px;
}
del { text-decoration: line-through; }

/* IDs */
#page {
	position:relative;
	width:990px;
	text-align:left;
	margin:auto;
	z-index:2;
}
#loginout {
	padding:0 5px;
	text-align:right;
}
	#loginout .link_loginout a {
		background:#a30000 url('images/loginout_bg1.gif') repeat-x left top;
		padding:3px 10px;
		margin-right:5px;
		text-decoration:none;
		color:#abacaa;
		font-size:1.1em;
	}
	#loginout .link_loginout a:visited {
		color:#abacaa;
	}
	#loginout .link_loginout a:hover {
		text-decoration:none;
		color:#fff;
	}
#header {
	margin:0 5px;
}
	#logo {
		margin-left:100px;
	}
		#logo h1 {
			width:200px;
			height:240px;
			background:transparent url('images/ggfx_monolith.png') no-repeat left top;
			overflow:hidden;
		}
		#logo h1 a {
			outline:none;
			display:block;
			width:100%;
			height:100%;
			text-indent:-5000px;
		}
	#main_menu {
		float:left;
	}
	#main_menu ul {
		padding-top:200px;
	}
	#main_menu ul li ul {
		padding:0;
	}
	#main_menu ul li {
		float:left;
	}
	#main_menu ul li ul li {
		clear:left;
	}
	#main_menu ul li a {
		padding:2px 15px;
	}
#content {
	padding:80px 0 30px;
	margin:0 100px 0 0;
}
#footer {
	padding:30px 0;
	margin:0 5px;
	font-family:Arial,sans-serif;
	text-align:center;
	font-size:.7em;
	letter-spacing:.1em;
}
	#footer a { text-decoration:none; }
	#footer a,
	#footer a:visited {	color: #acabaa; }	/* grey */
	#footer a:hover { color: #c7c6c4; }	/* light grey */

#deathstar {
	position:absolute;
	width:92px;
	height:92px;
	left:0px;
	top:0px;
	background:transparent url('images/deathstar72.png') no-repeat right bottom;
	z-index:3;
}
#stationv {
	position:absolute;
	width:200px;
	height:200px;
	right:0px;
	bottom:0px;
	background:transparent url('images/stationv_180x178.png') no-repeat left top;
	z-index:1;
}
#orion {
	height:44px;
	background:transparent url('images/orion_146x44.png') no-repeat 660px top;
}
#top-link {
	position:fixed;
	bottom:30px;
	right:20px;
	z-index:5;
	padding:1px 6px;
	background:#4d0300 url('images/sprites1_320.png') no-repeat center -90px;
	border:1px solid #b50800;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
	font-size:0.844em;
}
	#top-link a, #top-link a:visited { color:#c7c6c4; text-decoration:none; background-position:left -206px; }
	#top-link a:hover { color:#fff; text-decoration:none; background-position:left -221px; }
#sidebar {
	color:#fff;
	background-color:#000;
	padding:0 5px;
}
	#sidebar .list_capitals a,
	#sidebar .list_recent_comments a {
		display:block;
		height:19px;
		overflow:hidden;
		padding:0 5px;
	}
	#sidebar .list_capitals a:hover,
	#sidebar .list_recent_comments a:hover {
		color:#fff;
		text-decoration:none;
		background-color:#868584;
	}
	#sidebar .list_capitals ul ul a {
		padding-left:20px;
	}
	#sidebar h5 {
		padding:0 5px;
	}
	#sidebar ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	#sidebar .list_recent_comments a span {
		float:right;
	}
		#sidebar .list_recent_comments .list_recent_authors li {
			text-transform:none;
			font-size:0.8em;
			display:inline;
			line-height:19px;
		}
		#sidebar .list_recent_comments .list_recent_authors a {
			color:#c7c6c4;
			display:inline;
			padding:0 0 0 5px;
		}
		#sidebar .list_recent_comments .list_recent_authors a:hover {
			color:#fff;
			text-decoration:underline;
			background-color:transparent;
		}

#search {
	padding:30px 20px;
}
	#search #s {
		height:21px;
		background-color:#000;
		color:#fff;
		border:1px solid #a30000;
		font-family:Arial,Tahoma,sans-serif;
		padding: 0 3px;
		float:left;
		margin-top:3px;
	}

#shortcuts {
	padding:0 5px 0 10px;
}
	#shortcuts ul {
		padding:0;
		margin:0;
		list-style:none;
	}
#breadcrumb {
	width:477px;
	height:21px;
	margin-left:330px;
	float:left;
	text-align:left;
	overflow:hidden;
}
	#breadcrumb ol {
		padding:0;
		margin:0;
		list-style:none;
	}
	#breadcrumb ol li {
		display:inline;
		padding-right:3px;
	}
		#breadcrumb a {
			background:url('images/sprites1_320.png') no-repeat right -304px;
			padding-right:10px;
		}
#ggfx_recentposts {
	padding:0 5px 0 10px;
}
	#ggfx_recentposts ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	#ggfx_recentposts ul a {
		background:transparent url('images/sprites1_320.png') no-repeat left -336px;
		padding-left:13px;
	}
	#ggfx_recentposts ul a:hover {
		background-position:left -321px;
	}

/* Klassen */
.content {
	padding:10px 0;
	margin:0 5px;
}
.pagetitle {
	border-bottom:1px solid #666;
	margin-bottom:20px;
}
.box245 {
	float:left;
	width:245px;
}
.box330 {
	float:left;
	width:330px;
}
.box660 {
	float:left;
	width:660px;
}
.box990 {
	float:left;
	width:990px;
}
.clr{clear:both;}
.alignleft { float:left; }
.alignright { float:right; }

/* Sidebar */
.box_hdyn { margin:10px 10px; padding:5px 0; }
.box_h260 { margin:10px 10px; padding:5px 0; height:210px; overflow:hidden; }
.box_sidebar { padding-right:10px; margin-right:0; border-right:1px solid #666; }
.list_capitals,
.list_recent_comments { text-transform:uppercase; font-size:0.93em; }
.list_recent_authors { height:19px; overflow:hidden; line-height:1em; }

/* Artikel */
.meta {	font-size:0.781em; }
.meta a,
.feedback a { padding: 1px 4px; }
.meta a:hover,
.feedback a:hover {
	color: #fff;
	text-decoration:none;
	background-color: #b50800;	/* dark red */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.storycontent, .entry { font-size:1.08em; }
.post { padding-bottom:20px; }
.post-bg {
	background:transparent url('images/bg2_red.png') repeat left top;
/*	background-color:#0e0100; */
	padding:0 5px;
}
.postlinks {
	padding-top:20px;
}
.more-link {
	padding: 1px 6px;
	color: #fff;
	text-decoration:none;
	background:#4d0300 url('images/sprites1_320.png') no-repeat center -94px;
/*	background-color: #4d0300;	dark red */
	border:1px solid #b50800;
/*	border-top:1px solid #fff;
	border-bottom:1px solid #000; */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.more-link:hover {
	color: #fff;
	text-decoration:none;
}

/* special Links */
.link_top {
	background:transparent url('images/sprites1_320.png') no-repeat left -206px;
	padding-left:15px;
}
.link_top:hover { background-position:left -221px; }
.link_anchor {
	background:transparent url('images/sprites1_320.png') no-repeat right -250px;
	padding-right:13px;
}
.link_anchor:hover { background-position:right -235px; }
.link_external {
	background:transparent url('images/sprites1_320.png') no-repeat right -286px;
	padding-right:18px;
}
.link_external:hover { background-position:right -266px; }
.navlinks a { padding: 1px 6px; }
.navlinks a:hover {
	color: #fff;
	text-decoration:none;
	background-color: #b50800;	/* dark red */
/*	border-top:1px solid #fff;
	border-bottom:1px solid #000; */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow:#000000 1px 1px 1px;
}

/* Kommentare */
/* #comments, */
#postcomment { margin-top:20px; }
.link_postcomment,
#postcomment span { padding-right:22px; background: transparent url('images/sprites1_320.png') no-repeat right 4px; }
.link_postcomment:hover { text-decoration:none; background-position:right -56px; }
#commentlist {
	padding:0;
	margin:0;
	list-style:none;
	background-color:#000;
	color:#fff;
}
#commentform input { height:21px; background-color:#000; color:#fff; border:1px solid #a30000; font-family:Arial,Tahoma,sans-serif; padding: 0 3px; }
#commentform textarea { background-color:#000; color:#fff; border:1px solid #a30000; font-family:Arial,Tahoma,sans-serif; font-size:1em; padding: 1px 3px; }
.comment-entry {
	padding:10px 0 10px 25px;
	border-top:1px solid #666;
}
.comment-avatar { float:right; }

/* Send-Button, overwrite input defaults */
#commentform input.btn {
	border:none;
	height:30px;
	background-color:transparent;
	font-family:Verdana,Arial,sans-serif;
	margin:0px 0px 0px 24px;
	padding:0px 12px 0px 0px;
}

/* reCaptcha */
.recaptcha-error {
	color:#bf0000 !important;
	font-size:1.2em !important;
	padding-bottom: 8px;
}

/* Buttons */
span.btn1 {
	display:inline;
	height:30px;
	margin-left:10px;
	background: transparent url('images/sprites1_320.png') no-repeat scroll left -115px;
	float:left;
}
span.btn1 input.btn {
	color:#fff;
	background: transparent url('images/sprites1_320.png') no-repeat scroll right -85px;
}
span.btn1 input.btn {
	font-family:Verdana,Arial,sans-serif;
	overflow:visible;
	width:auto;
	height:30px;
	border:0px none;
	margin:0px 0px 0px 24px;
	padding:0px 12px 0px 0px;
/*	font-size:1.25em; */
	font-weight:bold;
	cursor:pointer;
	
}
/* Share Icons */
.addthis_button { padding:1px 100px 2px 0; background:transparent url('images/share_icons96x16.png') no-repeat right top; }
.addthis_button_icons { display:block; width:16px; height:16px; background:transparent url('images/share_icons16.png') no-repeat left top; }
.ggfx_share_facebook { background-position: left -47px !important; }
.ggfx_share_myspace { background-position: left -16px !important; }
.ggfx_share_google { background-position: left top !important; }
.ggfx_share_twitter { background-position: left -32px !important; }
.ggfx_share_mrwong { background-position: left -64px !important; }

.share_img {vertical-align:top}

/* Facebook Like Container */
.fbLikeContainer {
	float:right;
	margin-bottom:3px;
	margin-left:9px;
/*	border:1px solid #f4f0f0;
	background:transparent url('images/fb_bg1.png') repeat-x left top;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:0px;
	padding-top:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; */
}
/* Syntaxhighlighter */
.syntaxhighlighter.ggfx2010_syntax {
	font-size:0.855em !important;
}
