/*
Theme Name: devgeek
Theme URI: http://www.devgeek.de
Description: Standard devgeek theme by Mark Buch <a href="http://www.devgeek.de">devgeek.de</>.
Version: 1.0
Author: Mark Buch
Author URI: http://www.linkeaugen.de/
Tags: fixed width, 960 fixed, three columns, 2 widgetizeable sidebars
Text Domain: devgeek.de

  	devgeek v1.0
	http://devgeek.de/

	This theme was designed and built by Mark Buch,
	whose blog you will find at http://www.devgeek.de/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Best regards to the developer of:
          - lavalamp (javascript library)
          - top 10 list (wp plugin)
	  - 960gs

	The themes includes lavalamp navigation and 960gs 
        and i recommend the usage of top 10 list plugin in the sidebar 
*/

body {
  /*background-color: #123;*/
  /*border-top: 5px solid #000;*/
  color: #CCC;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.7px;
  /*font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;*/
  /*font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: arial;
  background-image: url(/wp-content/themes/devgeek/images/bg_pattern.gif);
  background-position: top;
  background-repeat: repeat;
}

/* Bereiche definieren
-------------------------------------------------*/

#dg_navi {
  margin: 10px; 0px 10px 0px;
}

#dg_header {
  height: 408px;
  //border-top: 10 solid #FFF;
  padding-top: 10px;
  background-image: url(/wp-content/themes/devgeek/images/devgeek_header.png);
}

/* Spalten 2 und 3 formatieren
-------------------------------------------------*/
.grid_3 {
  //background-color: #FFF;
}

.grid_3 li a {
  font-size: 12px;
}

.grid_3 .widget {
  color: #FFF;
  padding-top: 20px;
}

/* Headlines definieren
-------------------------------------------------*/

h1 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #CCC;
  text-transform: uppercase;
}

h2 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #CCC;
  text-transform: uppercase;
}
	
h3 {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #CCC;
  text-transform: uppercase;
}	

/* Links in den Textlinks
-----------------------------------------------*/
a {
  text-decoration: none;
  color: #CCC;
}

/* Links in den Headlines
-----------------------------------------------*/
.container_12 h1 a {
  color: #CCC;
  font-size: 16px;
  text-decoration: none;
}

.container_12 h1 a:hover {
  text-decoration: none;
}

.container_12 h2 a {
  color: #CCC;
  font-size: 17px;
  text-decoration: none;
}

.container_12 h2 a:hover {
  text-decoration: none;
}

a {
  color: #CCC;
}

.container_12 {
  background-color: #FFF;
  margin-bottom: 0px;
}

.container_12 img {
  border: 3px solid #FFF;
}

/* Listenelemente formatieren
-----------------------------------------------*/
li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

/* Listenelemente formatieren
-----------------------------------------------*/
.widget {
  //background-color: #CECECE;
  font-weight: bold;
  font-size: 14px;
  color: #CCC;
}

.widget a {
  font-weight: normal;
  font-size: 14px;
}

.widget li {
  //background-color: #FFF;
  border-bottom: 1px dotted #e7e7e7;
}

.widget li a {
  display: block;
  padding: 3px 0px 3px 5px;	
  //background-color: #FFF;
  border-bottom: 1px dotted #e7e7e7;
}

.widget li a:hover {
  padding: 3px 0 3px 5px;		
  display: block;
  background-color: #2b2a2e;
  border-bottom: 1px dotted #e7e7e7;
}

/* Datum einrücken
-----------------------------------------------*/
.datum {
  padding-top: 15px;
  text-align: center;
  width: 61px;
  height: 46px;
  color: #FFF;
  /*background-color: #FFF;*/
  position: absolute;
  top: 0px;
  left: -80px;
  font-weight: bold;
  /*padding-left: 5px;*/
  background-image: url(/wp-content/themes/devgeek/images/bg_date.png);
  overflow: hidden;
  line-height: 22px;
}

/* Artikel Meta Daten
----------------------------------------------*/
.dg_metaData {
  font-size: 12px;
  background-color: #1F1F20;
  padding: 10px;
}

.dg_metaData p a {
  font-family: arial;
  color: #CCC;
}

.dg_metaData p a:link {
  color: #CCC;
}

.dg_metaData p a:active {
  color: #CCC;
}

.dg_metaData p a:hover {
  color: #CCC;
}

/* post stylen
---------------------------------------------*/
.post {
  font-size: 12px;
}

.grid_6 a {
  color: #FFF;
  text-decoration: none;
}

.entry p a {
  color: #FFF;
  text-decoration: underline;
}

/* subheadline
---------------------------------------------*/
.subline {
  color: #999;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
}


/* beitragVon
---------------------------------------------*/
.beitragVon {
  font-size: 12px;
  font-weight: bold;
}

/* footer2
----------------------------------------------*/
#footer2 {
  font-size: 12px;
  color: #FFF;
  width: 940px;
  //background-color: #343436;
  padding-left:10px;
  padding-right:10px;
  background-image: url(/wp-content/themes/devgeek/images/body_bg.gif);
}

/* WORDPRESSLEMENTE
---------------------------------------------*/
.post {
  padding-left: 10px;
  border-bottom: 10px;
}

.post img {
  border: 3px solid #333;
}

#recentcomments {
	font-weight: normal;
}

/* Tag Cloud
---------------------------------------------*/
.cloud a {
  text-decoration: none;
  font-family:"Times New Roman", Times, serif;
  padding-left: 0.2em;
}

.cloud a:hover {
color: #CCC;
}

/* Tag Cloud
---------------------------------------------*/
.aktt_tweets ul li {
	font-weight: normal;
	font-size: 12px;
}

/* comments
---------------------------------------------*/
#comments {
	padding-top: 20px;
	padding-left: 10px;
	font-size: 12px;
}

ol.commentlist {
	font-size: 12px;
	padding-left: 10px;
}

#respond {
	padding-left: 10px;
}

#respond h3 {
	font-size: 12px;
}

#commentform p {
	font-size: 12px;
}

.content p {
	margin-bottom: 15px;
}

.more-link {
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.page {
  font-size: 12px;
  padding-left: 10px;
  border-bottom: 10px;
}