/*   
Theme Name: publicjournal
Description: The ultimate publicjournal-theme...
Author: Waldemar Wegelin, Daniel Sturm
Version: 1.00.0 - 090218
.
*/

/* ------------------------------------------------------------------- */
/* Cross-Browser - HTML-Tag - Resetting
/* ------------------------------------------------------------------- */
@import url("css/reset.css");

/* ------------------------------------------------------------------- */
/* helper classes
/* ------------------------------------------------------------------- */
@import url("css/helper.css");

/* ------------------------------------------------------------------- */
/* layout classes
/* ------------------------------------------------------------------- */
@import url("css/layout.css");

/* ------------------------------------------------------------------- */
/* plugins specific classes
/* ------------------------------------------------------------------- */
@import url("css/plugins.css");


/* ------------------------------------------------------------------- */
/* define standard-HTML-Tags
/* ------------------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
	color: #000;
	background: url(./img/base_bg.gif) repeat-x 0% 0% #dbe2eb;
	font: 76%/140% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

p {
	line-height: 1.4em;
	margin-bottom: 1.0em;
}

table {
	width: 100%;
}

th, td {
	text-align: left;
	vertical-align: top;
}

strong {
	font-weight: bold;
}

hr {
	display: none;
}


/* links */

a, a:link, a:visited {
	border-bottom: 1px dotted #00b2f2;
	color: #00b2f2;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #00b2f2;
	color: #000;
}


/* headlines */

h1, h2, h3, h4, h5, h6 {
	color: #00b2f2;
	margin: 1em 0 .25em;
}

h1:first-child, h2:first-child, h3:first-child {
	margin-top: 0px;
}

h1, h2, h3, h4 {
	font-weight: bold;
}

h1, h2 {
	font-size: 1.73em;
}

h3 {
	font-size: 1.5em;
}


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

#page {
	background: url(./img/base_content_bg.gif) repeat-y top right transparent;
	border-right: 1px dotted #00b2f2;
}

#page_bg_left, #page_bg_right {
	background: repeat-x top right transparent;
}

#page_bg_left {
	background-image: url(./img/base_page_left.gif);
}

#page_bg_right {
	background: none; /* url(./img/base_page_right.gif) no-repeat top left; */
}


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

#header {
	background: url(./img/base_head_bg.gif) no-repeat bottom right #fff;
}

#headerimg h1 {
	background: transparent url(./img/base_logo.gif) no-repeat scroll right top;
	display: block;
	float: right;
	height: 56px;
	margin: 55px 35px 0 0;
	padding: 0;
	text-indent: -999em;
	width: 360px;
}

#headerimg h1 a {
	display: block;
	height: 100%;
	width: 100%;
}

#headerimg h1 a, #headerimg h1 a:hover, #headerimg h1 a:visited {
	border-bottom: none;
}

#nav li {
	border-right: 1px solid black;
	display: inline;
	height: 14px;
	padding: 0 10px 0 8px;
}


/* MAIN-NAVIGATION
-----------------------------------------------------------------------------*/

#nav ul {
	display: inline;
	line-height: 1em;
	vertical-align: top;
}

#nav li  {
	border: 0 solid black;
	border-left-width: 2px;
	padding: 0 7px 0.5em 10px;
	text-transform: uppercase;
}

#nav li:first-child, #nav li.first-child {
	border-width: 0;
	padding-left: 8px;
}

#nav li a {
	border: 0;
	color: #000;
}

#nav li a:hover, #nav li a:active {
	color: #00b2f2;
}


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

#content { float: left; width: 510px; padding: 25px 42px 0; background: url(./img/base_main_bg.gif) no-repeat 1px 0 transparent; z-index: 999; /* border-left: 1px dotted #00b2f2; */ }
#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 #00b2f2; }

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

.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; }

#comment { width: 420px; }

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

#sidebar { width: 438px !important; width: 441px; margin-left: 510px; background: url(./img/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: #00b2f2; }
#sidebar .wtf a:hover, #sidebar .wtf a:focus { color: #000; }

#sidebar li { border-bottom: 1px dotted #00b2f2; 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 h1 a, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a, #sidebar h5 a, #sidebar h6 a { color: #00b2f2; }

#sidebar .recent_comments a, #sidebar .widget_recent_comments a { color: #00b2f2; }
#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(./img/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(./img/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(./img/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: #00b2f2; 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(./img/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(./img/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; }