/*  
THEME NAME:Aranovo2
THEME URI:http://themes.go41.de/
DESCRIPTION: Aranovo2 theme is using an image (post) slider for the first five posts on the frontpage. Images you can easily be set using the enabled 'Post Thumbnail Option' in editor. Fixed-width, Navigation on single pages, Gravatar and threaded comment support is included. Sidebar widget ready. Advertising by putting your code in a widget.
Version: 1.0.1
Author: Joern Wolfsperger
Author URI: http://forum.go41.de/
Tags: blue, sticky-post, fixed-width, two-columns, right-sidebar


	This theme is released under GNU General Public License (GPL): 
	http://www.gnu.org/licenses/gpl.html

	1.0.1	25.01.2010	improved image scan, frontpage shows thumbnail plus excerpt if there is an image
	1.0		21.01.2010	first public release 
*/

/* HTML Elements */
*{margin:0; padding:0}
body{font:1em Arial,Helvetica,sans-serif; background:#FFF url(images/bodybg.jpg) repeat-y center top; color:#333}
p{margin:15px 0}
a:link, a:visited{color:#3E6CE4; text-decoration:none}
a:hover, a:active{color:#3E6CE4; text-decoration:underline;outline: 0;}
a {outline: none}
a img{border:0 none}
code{font:1.0em 'Courier New',Courier,Fixed; background:#ececec}
acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em; cursor:help}
acronym, abbr{border-bottom:1px dashed #999}
blockquote{padding:10px 10px 0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#D4E6FA; font:1.0em Arial; line-height:1.5em; margin:10px 0px}
select{width:130px}
ol, ul{list-style-image:none; list-style-position:outside; list-style-type:none}

/* Structure */
#head{width:950px; height:120px; margin:0px auto; padding:10px 5px; font-size:0.7em; background:#3875D7 url(images/logo.gif) repeat scroll 0 0; border-left:5px solid #FFF; border-right:5px solid #FFF}
#logo {padding:30px 0 0;width:470px;}
#logo.left a{display:block; color:#C0DBF9; font-size:1.2em; height:39px; margin:0;padding:0 0 10px 10px; }
#logo.left a:hover{text-decoration:none;color:#FFF;}
/* logo image - remove two lines above and uncomment below
#logo.left a{background:#FFF url(images/logo.gif) repeat scroll 0 0; display:block; color:#FFF; font-size:2%; height:39px; width:350px; margin:0; text-indent:-1000px}
#logo.left a:hover{background-position:0 -150px}
 */
#top {padding:0;}
#tagline{font-size:1.3em; margin:5px 0 0 15px; color:#FFF}
#headadd{height:60px;padding:10px 5px 0 0;width:468px;}
#headadd p {font-size:11px;font-weight:bold;margin:0;padding:0 0 15px;text-align:right;}
.rsssubsc {background:transparent url(images/feedicon.png) no-repeat scroll left center;padding:3px 10px 3px 16px;color:#FFF;}
a.rsssubsc {color:#FFF;}
#page{width:940px; margin:0px auto; padding:10px; background:#C0DBF8; font-size:0.8em; border-left:5px solid #FFF; border-right:5px solid #FFF}
.left, .alignleft{float:left}
.right, .alignright{float:right}

/* Navigation Bar*/
#navbar{margin:0 auto; width:940px;padding:1px 10px; border-left:5px solid #FFF; border-right:5px solid #FFF; font-size:0.8em; text-transform:uppercase; background:#000000 url(images/navbar2.jpg) repeat scroll center top}
#page-bar{padding:0;width:690px;}
#page-bar ul{list-style-image:none; list-style-position:outside; list-style-type:none}
#page-bar li{float:left; list-style-image:none; list-style-position:outside; list-style-type:none; cursor:pointer; display:block; border-right:1px solid #333; margin:0px; padding:0px}
#page-bar a, #page-bar a:visited{margin:0px; padding:8px 14px; font-weight:bold; color:#694A0F; display:block}
#page-bar a:hover{text-decoration:none;color:#EEE; display:block}
#searchform{width:240px; float:right; text-align:right; padding-top:2px; margin-right:10px}
input#s{background:#fcfcfc url(images/lupe.gif) no-repeat 2px 0; width:120px; height:16px; padding:2px 0 0 23px;}
#searchform input.button {background:#EEEEEE;border:1px solid #ECECEC;height:21px;cursor: pointer}

/* Dropdown Menus */
#page-bar li li{float:left; margin:0; padding:0; text-transform:none; width:150px}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited{color:#EEE;background:#5B5B5B url(images/dots_nav.gif) repeat-x scroll center top; float:none; margin:0; padding:4px 10px; width:150px}
#page-bar li li a:hover, #page-bar li li a:active{background:#909090 none repeat scroll 0 0; padding:4px 10px}
#page-bar li ul{left:-999em; position:absolute; width:10em; z-index:9999}
#page-bar li:hover, #page-bar li.sfhover{background:#696969 none repeat scroll 0 0}
#page-bar li:hover ul{left:auto}
#page-bar li:hover ul, #page-bar li.sfhover ul{left:auto}

/* Text*/
h1{font:3.5em Arial; font-weight:bold; letter-spacing:-0.08em}
h2{font:2.3em Georgia,"Times New Roman"}
h2.sliderlink { font:2em Georgia, "Times New Roman";padding:5px; }
h3{font:1.3em Arial; margin-bottom:3px; color:#3c78a7; font-weight:bold}
h4{font:1.0em Arial}
h3.cat_title, h3.cat_title a{color:#333; letter-spacing:-0.05em; font-size:0.85em}
h3#respond{margin-top:0px; padding-top:20px}
h3#comments{margin-top:32px; padding-left:0px}
h3.authors{margin-top:15px}

/* Index Page*/

#middle{width:920px; border:1px solid #DDDDDD; padding:5px 9px; float:right; margin:0}
.category {width:164px;float:left;border-top:8px solid #333;margin:0px;padding:5px 10px 10px 10px;background:#fff;cursor:pointer}
.category p {margin:0;}
#cat-1{border-top:8px solid #08EAE9; color:#000;height:62px}
#cat-1:hover, #cat-1:hover a{background:#08EAE9; color:#F8F8F8}
#cat-2{border-top:8px solid #01B673; color:#000;height:62px}
#cat-2:hover, #cat-2:hover a{background:#01B673; color:#F8F8F8}
#cat-3{border-top:8px solid #FF358B; color:#000;height:62px}
#cat-3:hover, #cat-3:hover a{background:#FF358B; color:#F8F8F8}
#cat-4{border-top:8px solid #F4FF3A; color:#000;height:62px}
#cat-4:hover, #cat-4:hover a{background:#F4FF3A; color:#000}
#cat-5{border-top:8px solid #6B1A6A; color:#000;height:62px}
#cat-5:hover, #cat-5:hover a{background:#6B1A6A; color:#F8F8F8}
.category h3.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title{text-transform:lowercase; margin:0; font-weight:bold; font-size:1.5em; letter-spacing:-0.05em}
#front-popular h3{color:#fff}
.category a{color:#333; display:block; background:none}
.category a:hover{background:none; color:#fff; text-decoration:none}
#bottom{width:940px;padding-top:10px; }
#front-list{width:590px; border:1px solid #DDDDDD; background:#FFFFFF url(images/headlinetop.gif) no-repeat scroll center top; padding:10px 9px; font-size:1.05em; line-height:1.75em; float:left}
#archive{padding-top:15px; font-size:1.05em; line-height:1.75em}
#front-list blockquote{padding:0px 10px 0 10px}
#front-list .title h2, #front-list .title h1, #archive .title h2{font-weight:bold; font:2.0em Georgia; letter-spacing:-0.05em}
#front-list .clearfloat, #archive .clearfloat{padding-bottom:10px; border-bottom:3px solid #C0DBF8; margin-bottom:10px}
#front-list .spoiler, #archive .spoiler{display:block; margin-top:3px}
#front-list p, #archive p{margin:0px; padding:0px}
.frontbox{line-height:1.5em; margin:0; padding:10px 0; width:275px}
.frontbox div.title a{font:0.8em Georgia,serif;}
.brdrd{background:#FFF url(images/brdrdfloat2.gif) repeat-y center top;}
.author{font-size:0.8em; font-weight:bold}
.meta{font-size:0.8em; color:#333}
.meta a{color:#333}
#headline p, #featured p {margin:0;}
/* sticky stuff */
.sticky {background: #E4F0FC;}
/* Content Page*/
#content{width:590px; background:#FFFFFF url(images/headlinetop.gif) no-repeat scroll center top; padding:10px 9px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px}
#content .breadcrumbs, #content .breadcrumbs a{font-weight:bold; color:#333}
#content h2.title, #content h1.title{font:2.2em Georgia; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0px}
#content .post h2.title a, #content .post h1.title a{color:#333}
.post{font-size:1.05em; line-height:1.75em}
.post p{margin-top:0px}
.post .clearfloat{border-bottom:1px dotted #ccc; margin:10px 0px}
.post ul, .post ol, #front-list ul, #front-list ol{margin-bottom:15px}
.post ul li, #front-list ul li{list-style:square; margin-left:30px}
.post ol li, #front-list ol li{list-style:decimal; margin-left:30px}
.post ol li ul li, #front-list ol li ul li{list-style:square; margin-left:20px}
.post img, .post a img, #front-list img, #archive img{border:1px solid #ccc; margin:0 10px 5px 0; padding:2px;max-width:99%;}
.post img.attachment-150x150{float:left;}
.post .ads{margin-top:10px}
.entry{margin-top:20px}
#stats{background:#F1F1F1; margin-top:0px; padding:4px 0px; text-transform:uppercase; font:0.8em Arial; display:block}
#stats span{padding:0px 20px 0px 5px}
#stats span a:hover{background:none}
#stats span a{color:#333}
#stats img, #nav img{border:0px; margin:0px; padding:0px}
#tools{width:590px; height:25px; font-size:0.95em}
#tools a:hover{background:none}
.navigation {padding:5px 0px;text-align:Center;}
/* Sidebar*/
#sidebar{width:320px; float:right; margin:0px 0px 0px 0px}
#sidebar h3{font:1.1em Arial; font-weight:bold; background:#13438B; color:#fff; margin:0px 0px 5px; padding:3px 10px}
#sidebar-top {width:300px; float:right; margin-bottom:10px;  border:1px solid #DDDDDD; background:#FFFFFF url(images/featuretop.gif) no-repeat scroll center top; padding:10px 9px;}
#top-ad{width:300px; height:300px; float:right; margin:0; border:1px solid #DDDDDD; background:#FFFFFF url(images/featuretop.gif) no-repeat scroll center top; padding:10px 9px;}
#sidebar-bottom{width:300px; float:right; margin:10px 0;  border:1px solid #DDDDDD; background:#FFFFFF url(images/featuretop.gif) no-repeat scroll center top; padding:10px 9px;}
#sidebar-middle{width:320px; float:right}
#sidebar-left{width:135px;float:left;   border:1px solid #DDDDDD; background:#FFFFFF url(images/middlestop.gif) no-repeat scroll center top; padding:0 10px 9px;}
#sidebar-right{width:135px;float:right;   border:1px solid #DDDDDD; background:#FFFFFF url(images/middlestop.gif) no-repeat scroll center top; padding:0 10px 9px;}
#sidebar-left h3, #sidebar-right h3 {margin-top:10px;}
#sidebar-right form p {margin:3px;text-align:center;}
#sidebar li{list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0px 2px 13px; background:url(images/sub.png) no-repeat 0 0px}
#sidebar li ul li:last-child{list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px; background:url(images/sub.png) no-repeat 0 0px}
#sidebar-ads{width:300px; float:right; margin-bottom:10px;  border:1px solid #DDDDDD; background:#FFFFFF url(images/featuretop.gif) no-repeat scroll center top; padding:10px 9px;}

/* Form Elements */
select{border:1px solid #333; width:100%}
.field{padding:2px; border:1px solid #333; background:#fff; font-size:1.0em}
#s{padding:1px; font-size:1.0em; width:150px}
#searchsubmit{padding-left:5px}
#commentform input{width:140px; margin:5px 5px 1px 0}
#commentform textarea{width:99%; margin-top:5px}

/* Comments*/
.alt {margin: 0;padding: 10px;}
.even, .alt {border-left:1px solid #DDDDDD;}
.children { padding: 0; }
.commentlist {padding: 0;text-align: justify;}
.commentlist li{background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #DCDBD7; color:#4D4D4D; font-weight:bold; line-height:1.25em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:15px 0 10px; padding:5px 5px 10px 10px;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;font-size:1em;background: #F8F8F8;}
.commentlist li .avatar { float: right;width:45px;height:45px;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist p {margin: 10px 5px 10px 0;font-weight:normal;line-height:1.5em;text-transform:none;}
.commentlist blockquote{background:#ededed}
.commentlist small{background:#e9e9e9}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist li.comment-author-admin {background: #E2E4FF;}
.commentmetadata {margin: 0;display: block;font-weight:normal;}
#commentform {margin: 5px 10px 0 0;}
#commentform p {margin: 5px 0;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform small{background:#FFF; font-weight:bold; padding:0}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
#respond {clear:left;margin-top:20px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.nocomments {text-align: center;margin: 0;padding: 0;}

/* Footer*/
#front-popular{font-size:0.8em; color:#fff; width:940px; background:#458BFE url(images/bottombar.png) bottom no-repeat; margin:0 auto; padding:10px; border-left:5px solid #FFF; border-right:5px solid #FFF}
#recentpost, #mostcommented{width:280px; float:left; padding:10px; border:1px solid #fff}
#mostcommented{margin-left:17px}
#recent_comments{width:280px; float:right; padding:10px; border:1px solid #fff}
#recentpost a, #mostcommented a, #recent_comments a{color:#fff; text-decoration:none}
#recentpost ul, #mostcommented ul, #recent_comments ul{margin-top:5px}
#recentpost ul li, #mostcommented ul li, #recent_comments ul li{list-style:none; border-top:1px solid #8E8E8E; padding:5px; display:block;}
#recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a{display:block;width:270px}
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover{background:#255DB5; color:#fff}
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child{border-top:0px dotted #fff}
#footer{background:#255DB5;color:#fff;margin:0 auto; width:940px; font-size:0.8em; padding:10px; border-top:1px solid #FFF}
#footer a {color:#fff;}

/* Float Properties*/
.clearfloat:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

/* Hides from IE-mac \*/
* html .clearfloat{height:1%}
*+html .clearfloat{height:1%}
.clearfloat{display:block}

/* required for themes as of WordPress 2.5 \*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */
fieldset {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
margin:1em 0;
padding:0.8em;}
table {
margin:0.5em 0 1em;
}
table td, table th {
border-right:1px solid #FFFFFF;
padding:0.4em 0.8em;
text-align:left;
}
table th {
background-color:#5E5E5E;
border-bottom:1px solid #E8E1C8;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}
table td {
background-color:#EEEEEE;
}
table th a {
color:#D6F325;
}
table th a:hover {
color:#FFFFFF;
}
table tr.even td {
background-color:#DDDDDD;
}
table tr:hover td {
background-color:#FFFFFF;
}
table.nostyle td, table.nostyle th, table.nostyle tr.even td, table.nostyle tr:hover td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
}
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div#comments{clear:both;}