/*   
Theme Name: digitalpogo
Description: The ultimate digitalpogo-theme...
Author: Waldemar Wegelin, Daniel Sturm
Version: 1.00.5 - 081118
.
General comments/License Statement if any.
.
*/

/* GLOBAL RESET
/* ---
/* Sicheres Zurücksetzen der Formatierung aller Elemente
-----------------------------------------------------------------------------*/

@import url("./reset.css");

/* BASE
-----------------------------------------------------------------------------*/

html, body { height: 100%; }
/* html { overflow-y: scroll; overflow-x: hidden; } */
body { font: 76%/140% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color: #000; background: url(./images/base_bg.gif) repeat-x left top #e7dfd3; }
p { line-height: 1.4em; margin-bottom: 1.0em; }
table { width: 100%; }
th, td { vertical-align: top; text-align: left; }
strong { font-weight: bold; }
hr { display: none; }


/* LINKS
/* ---
/* Allg. Styling der Links
-----------------------------------------------------------------------------*/

a, a:link, a:visited { color: #ff358a; }
a:hover { color: #000; border-bottom: 1px solid #ff358a; }


/* HEADLINES
/* ---
/* Allg. Styling der Überschriften
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color: #ff358a; margin: 1em 0 .25em; }
h1:first-child, h2:first-child, h3:first-child /* , h4:first-child, h5:first-child, h6:first-child */ { margin-top: 0px; }
h1, h2, h3, h4 { font-weight: bold; }
h1, h2 { font-size: 1.73em; }
h3 { font-size: 1.5em; }


/* KLASSE: HIDDEN
/* ---
/* Elemente cross-browser-fähig ausblenden
-----------------------------------------------------------------------------*/

.hidden { position: absolute; top: -5000px; left: -2000px; z-index: 0; }
.bring_to_front { z-index: 1000 }


/* CLEARING
/* ---
/* Clearing der float-gesetzten Elemente
-----------------------------------------------------------------------------*/
.clear { clear: both; line-height: 0; font-size: 0; height: 0; border: 0; }
.zero { overflow: hidden; margin: 0; padding: 0; line-height: 0; font-size: 0; height: 0; border: 0; }
.auto_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.auto_clear { display: inline-table; }
/* Hides from IE-mac \*/
* html .auto_clear { height: 1%; }
.auto_clear { display: block; }
/* End hide from IE-mac */


/* EL: PAGE
/* ---
/* Das allumschließende Element
-----------------------------------------------------------------------------*/

#page { position: relative; border-right: 1px dotted #ff358a; width: 948px !important; width: 954px; margin: 0 auto -40px; min-height: 100%; /* Moderne Browser */ height: auto !important; /* Moderne Browser */ height: 100%; /* IE */ background: url(./images/base_content_bg.gif) repeat-y top right transparent; }
#page_bg_left, #page_bg_right { position: absolute; top: 166px; height: 35px; width: 100%; background: repeat-y top right transparent; }
#page_bg_left { left: -100%; background: url(./images/base_page_left.gif); }
#page_bg_right { left: 100%; top: 162px; background: url(./images/base_page_right.gif) top left no-repeat; width: 5px; /* display: none; */ }


/* EL: HEAD
/* ---
/* -
-----------------------------------------------------------------------------*/

#header { top: 0; width: 949px !important; width: 100%; height: 195px; background: url(./images/base_head_bg.gif) no-repeat bottom right #FFF; }
#headerimg h1 { background: transparent url(./images/base_logo.gif) no-repeat scroll right top; display: block; float: right; height: 107px; margin: 25px 75px 0 0; padding: 0; text-indent: -99999px; width: 308px; }
#headerimg h1 a { display: block; height: 107px; width: 308px; }
#headerimg h1 a, #headerimg h1 a:hover, #headerimg h1 a:visited { border-bottom: none; }
#nav { position: absolute; left: 518px; top: 145px; }
#nav li { display: inline; padding: 0 10px 0 8px; height: 14px; border-right: 1px solid black; }


/* MAIN-NAVIGATION
-----------------------------------------------------------------------------*/
div#nav { position: relative; width: 430px; height: 25px; margin: 0; background: transparent; }
div#nav ul { height: 25px; margin: 0; }
div#nav li { display: block; float: left; text-indent: -9999px; margin: 0; padding: 0; border: none; }
div#nav li a { height: 25px; display: block; background: url(./images/base_nav_map.gif) no-repeat transparent; margin: 0; border: none; }
 
li#n_home { width: 58px; }
li#n_about { width: 63px; }
li#n_author { width: 80px; }
li#n_archive { width: 71px; }
li#n_contact { width: 80px; }
li#n_home a:hover, li#n_home a:focus { background-position: 0px -25px; }
li#n_about a:link, li#n_about a:visited {	background-position: -58px 0px;	}
li#n_about a:hover, li#n_about a:focus { background-position: -58px -25px;	}
li#n_author a:link, li#n_author a:visited {	background-position: 0 0px;	}
li#n_author a:hover, li#n_author a:focus { background-position: 0 -25px;	}
li#n_archive a:link, li#n_archive a:visited { background-position: -124px 0px; }
li#n_archive a:hover, li#n_archive a:focus { background-position: -124px -25px; }
li#n_contact a:link, li#n_contact a:visited { background-position: -198px 0px; }
li#n_contact a:hover, li#n_contact a:focus { background-position: -198px -25px; }
  
/* MAIN-NAVIGATION "active tabs"
------------------------------------------------------------------*/
body#home li#n_home a { background-position: 0px -25px; }
body#about li#n_about a { background-position:-58px -25px; }
body#archive li#n_archive a { background-position:-124px -25px; }
body#contact li#n_contact a { background-position:-198px -25px; }


/* EL: CONTENT
/* ---
/* -
-----------------------------------------------------------------------------*/

#content { float: left; width: 510px; padding: 25px 42px 0; background: url(./images/base_main_bg.gif) no-repeat 1px 0 transparent; z-index: 999; /* border-left: 1px dotted #ff358a; */ }
#content.narrowcolumn { width: 425px; }
#content .post, #comments, #respond, #commentform, #content .commentlist, #content .navigation, #content .pagetitle { margin: 0 0 2.5em; }
#content .post { margin: 0 0 3em; }
#content .post h2, #content .post h3 { line-height: 1.4em; }
#content .post .entry div.col_2 { width: 200px; float: left; margin-right: 5px; text-align: justify; }
#content .post .entry div.col_2.right { float: right; }
#content .post .entry div.col_2.right:after { clear: both; }
#comments, #respond, #commentform, #content .navigation, #content .pagetitle { margin: 0 0 1.25em }

#content .section_nav { margin: 1em 0 .5em; }
#content .section_nav li{ display: inline; margin: 0 1em 0 0; }
#content .section_nav a:visited{ border: 0; }

#content h4, #content h5, #content h6 { color: #000; }

#content h4 a, #content h5 a, #content h6 a { color: #000; }
#content h4 a:hover, #content h5 a:hover, #content h6 a:hover { border: 0; }

#content ul { list-style-type: disc; font-size: 1em;  }
#content li { margin-left: 1.5em;  }

/* .post h1, .post h2, .post h3 { margin: 0 0 10px; } */
.post h4.date { color: #000; font-size: 0.825em; font-weight: bold; margin: 0 0 12px; }
.post a:visited { border-bottom: 1px solid #ff358a; }

.pic { display: block; margin: 0 0 10px; }
.pic a { border-bottom: 1px solid transparent; display: inline; }
.pic a:hover { border-bottom-color: #ff358a; }
.entry img, .pic img { border: 4px solid black; }

.size-thumbnail { width: 150px; }
.size-medium { width: 425px; }

#content .post .social { margin: 5px 0 0; padding: 2px 5px; background: #ece6c9; font-size: 0.8em; }
#content .post .social p, #content .post .social a { margin: 0; padding: 0; }

img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; }

#comment { width: 420px; }

.wpcf7 input.submitbutton { background-color: #000; border: 0; font-size: 9px; color: #FFF; border-right: 1px solid #ff358a; border-bottom: 1px solid #ff358a; padding: 5px;  }
.wpcf7 input[type=text], .wpcf7 input.text-box, .wpcf7 textarea { width: 420px; background-color: #ff358a; border: 0; padding: 2px 2px 2px 5px; font-size: 10px; border-right: 1px solid black; border-bottom: 1px solid black; }


/* EL: SIDEBAR
/* ---
/* -
-----------------------------------------------------------------------------*/

#sidebar { width: 438px !important; width: 441px; margin-left: 510px; background: url(./images/base_main_bg.gif) no-repeat right top transparent; line-height: 1.4em; }
.left_col { float: left; width: 197px; }
.right_col { width: 241px; margin-left: 197px; }
.left_col li, .right_col li { margin-left: 1px; }

#sidebar .right_col p { margin-bottom: .5em; }
#sidebar .wtf a:link, #sidebar .wtf a { color: #ff358a; }
#sidebar .wtf a:hover, #sidebar .wtf a:focus { color: #000; }

#sidebar li { border-bottom: 1px dotted #ff358a; padding: 0 0 15px; }
#sidebar li li { border-bottom: none; padding: 0; }
#sidebar h4 { font-size: 1em; font-weight: bold; margin: 0 0 5px 15px; padding: 10px 0 0; }
#sidebar h5 { font-size: 0.85em; font-weight: bold; margin: 0 0 5px 20px; padding: 5px 0 0; color: #000; }
#sidebar li:first-child h4, #sidebar li.first-child h4{ padding: 0; }
#sidebar li a, #sidebar li p { color: #000; font-size: 11px; }
#sidebar li li , #sidebar li p { margin: 0 20px 0 23px; font-size: 11px; }

#sidebar .recent_comments a, #sidebar .widget_recent_comments a { color: #ff358a; }
#sidebar a.author { color: #000; }

#sidebar .widget_tag_cloud { padding: 0 15px 15px 20px; white-space: normal; }
#sidebar .widget_tag_cloud h4 { margin: 0 0 10px -5px; }
#sidebar .widget_tag_cloud li { margin: 0; padding: 0; overflow: hidden; }
#sidebar .widget_tag_cloud a { /* border-bottom: 0; */ font-weight: bold; }

#sidebar .feed_links ul { position: relative; list-style-type: none; overflow: hidden; margin: 0 23px; }
#sidebar .feed_links ul li { display: inline; float: left; width: 24px; height: 24px; padding: 0 5px 0 0; margin: 0; }
#sidebar .feed_links a { display: block; width: 24px; height: 24px; background: url(./images/base_icons.png) 0 0 no-repeat transparent; }
#sidebar .feed_links a:hover { border: 0; }
#sidebar .feed_links a.rss { background-position: 0 0; } #sidebar .feed_links a.rss:hover { background-position: 0 -24px; }
#sidebar .feed_links a.skype { background-position: -24px 0; } #sidebar .feed_links a.skype:hover { background-position: -24px -24px; }
#sidebar .feed_links a.icq { background-position: -48px 0; } #sidebar .feed_links a.icq:hover { background-position: -48px -24px; }
#sidebar .feed_links a.gtalk { background-position: -72px 0; } #sidebar .feed_links a.gtalk:hover { background-position: -72px -24px; }
#sidebar .feed_links a.gtalk.online { background: url(./images/base_icon_gtalk_online.png) 0 0; } #sidebar .feed_links a.gtalk.online:hover { background-position: 0 -24px; }
#sidebar .feed_links a.gtalk.offline { background: url(./images/base_icon_gtalk_offline.png) 0 0; } #sidebar .feed_links a.gtalk.offline:hover { background-position: 0 -24px; }
#sidebar .feed_links a.eml { background-position: -96px 0; } #sidebar .feed_links a.eml:hover { background-position: -96px -24px; }
#sidebar .feed_links a.xing { background-position: -120px 0; } #sidebar .feed_links a.xing:hover { background-position: -120px -24px; }

#searchform { position: relative; margin-left: 20px; }
#s { width: 123px; height: 14px; background-color: #ff358a; border: 0; padding: 2px 2px 2px 5px; font-size: 10px; border-right: 1px solid black; border-bottom: 1px solid black; }
#searchsubmit { width: 25px; height: 19px; background: url(./images/btn_go.gif) 0 0 no-repeat transparent; border: 0; text-indent: -99999px; cursor: pointer; padding: 2px 0 0; font-size: 0; line-height: 0; }
#searchsubmit:hover { background-position: 0 -19px; }

#content #searchform { width: 100%; margin: 1em 0 0; }


/* EL: FOOTER
/* ---
/* -
-----------------------------------------------------------------------------*/

#footer { position: relative; width: 100px; background: transparent; }
#footer, #push { height: 40px; clear: both; }
#footerimg h1 { background: url(./images/base_footer.gif) no-repeat bottom left transparent; display: block; float: left; height: 40px; margin: 0; padding: 0; text-indent: -99999px; width: 100px; }
#footerimg h1 a { display: block; height: 40px; width: 100px; }
#footerimg h1 a, #headerimg h1 a:hover, #headerimg h1 a:visited { border-bottom: none; }


/* MISC
/* -
-----------------------------------------------------------------------------*/
a.stbutton { border: 0; }