/*
Original

Theme Name: Clouds
Description: Based on Jamba Template from Joomlashack.com and DevArt - inspired by DeviantArt.
Version: 1.0.1
Author: C. de Veer
Author URI: http://www.deveer.org/
Tags: fixed width, two columns, widgets, deviant

	Clouds v1.0.1
	http://deveer.org/

	Clouds theme heavily modified by Chris de Veer, but
	uses much of original structure and CSS.  Hats off 
	and thanks to Denis Shakhov for his design.
	
	DevArt theme designed and built by Denis Shakhov,
	whose homepage you will find at http://deniart.ru/

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

*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
}


/* Body
-------------------------------------------------------------------*/
body { 
	font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; 
	color: #333; 
	background: #3E77AF; 
}

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #254A8C; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #254A8C; }
a:hover { color: #F3830B; }
a:visited { color: #3E77AF; }

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #C7DCFF; 
}


/* Container - Modified
-------------------------------------------------------------------*/
#spacer {background: url(images/spacer.png) no-repeat
	height: 5px; }
#container { 
	width: 964px; 
	padding-bottom: 10px; 
	margin: 0 auto; 
	overflow: hidden; 
}
#container #wrapper { 
	width: 964px; 
	float: left; 
	overflow: hidden;
	background: url(images/blog-main-mid.png) repeat-y top center; 
}

#container #wrapper-top { 
	width: 964px; 
	height: 11px; 
	margin: 14px auto 0 auto; 
	background: url(images/blog-main-top.png) no-repeat top center;
	}

#container #wrapper-bottom { 
	width: 964px; 
	height: 11px; 
	margin-bottom: 0px;
	background: url(images/blog-main-bot.png) no-repeat bottom center;
} 


/* Header
-------------------------------------------------------------------*/
#header-top {
	width:964px;
	height:5px;
	background: #3e77af url(images/header-top.png) no-repeat top center;
}
#header-bot {
	width:964px;
	height:5px;
	background: #3e77af url(images/header-bot.png) no-repeat bottom center;
}

#header { 
	width: 964px; 
	height: 107px; 
	 
	background: url(images/header-bg-db.png) repeat-y center; 
	position: relative; 
}
#header h1 { 
	font: 24px Verdana; 
	padding-top: 10px; 
	margin-bottom: 0; 
	color: #fff; 
}
#header h1 a { 
	color: #fff; 
	text-shadow: 1px 1px 1px #333; 
	text-decoration: none; 
}
#header h1 span { 
	padding-left: 10px; 
	font-size: 11px; 
	color: #ccc; 
}

#header a img {
	padding-top: 0px; /* Header Text distance from top */
	padding-left: 22px; /* moves the logo image over 22 px*/

}

/* position the background image of clouds in the topbar*/
#header_bgimg {padding-left: 54px;}


/* Search
-------------------------------------------------------------------*/
#search {
	position: absolute;
	top: 85px; 
	right: 5px;
}

#search input { border: 0; }

#search #s { 
	width: 148px;
	padding: 4px 0 4px 22px;
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Verdana;
	vertical-align: top;
	color: #333;
	background: url(images/search-text.png) no-repeat;
}
#search #searchsubmit { 
	width: 35px; 
	height: 22px;
	vertical-align: top;
	background: url(images/search-submit.png) no-repeat;
}




/* Navigation
-------------------------------------------------------------------*/

/* stuructural navbar elements */
.menubar {
	width: 100%;
	height: 41px;
	margin: 0px;
	padding: 0px;
	font: 12px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#navmenu {
	padding: 0px 0px 0px 15px;
	margin: 0px auto;
	position: relative;
	float: none;
	width: 960px;
}


#navmenu ul {
	float: left;
	list-style: none;
	padding: 0;
	position: relative;
	top: 8px;
}

#navmenu li {
	float: left;
	height: 22px;
	line-height:22px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#navmenu li a {
	float: none;
	height: 22px;
	line-height: 21px;
	text-decoration: none;
	padding-right: 10px;
	margin:0px 0px 0px 10px;
	display: block;
}

div#navmenu li:hover, div#navmenu li.iehover {
}

div#navmenu li:hover a, div#navmenu li.iehover a {
}

div#navmenu li.active {
}

div#navmenu li.active a {
}
div#navmenu ul ul {
	display: none;
}

/* visual CSS elements for navbar
-------------------------------------------------------------- */
.menubar {
	background:#254A8C;
}

#navmenu {
	background:#3E77AF url(images/navbar-bg.png) repeat-y center top;
} /* 3E77AF  */

#nav-bot {height:5px; width:964px; background: url(images/header-bot.png) no-repeat top center}

#navmenu li {
	background: url(images/nav_norm_l.png) no-repeat bottom left;
}
#navmenu li a {
	background: url(images/nav_norm_r.png) no-repeat bottom right;
	color: #fff;
}
div#navmenu li:hover, div#navmenu li.iehover {
	background: url(images/nav_hover_l.png) no-repeat bottom left;
}
div#navmenu li:hover a, div#navmenu li.iehover a {
	background: url(images/nav_hover_r.png) no-repeat bottom right;
	color: #FFF;
}
div#navmenu li.active {
	background: url(images/nav_active_l.png) no-repeat bottom left;
}
div#navmenu li.active a {
	background: url(images/nav_active_r.png) no-repeat bottom right;
	color: #FFF;
}

#navmenu #feed { 
	position: absolute; 
	right: 15px; 
	top: 12px; 
	height: 19px; 
	padding-left: 37px; 
	color: #C7DCFF; 
	display: block; 
	background: url(images/feed.png) no-repeat; 
	text-decoration: none; 
}


/* Content
-------------------------------------------------------------------*/
#content { 
	width: 667px; 
	float: left; 
	padding: 15px; 
	background: #fff; 
}

#content .post { margin-bottom: 40px; }
#content .post p { margin-bottom: 20px; }
#content .post h1 a { text-decoration: none; }
#content .post-list li { list-style: none; }

#content .post .post-info { 
	clear: both; 
	font-size: 11px; 
	color: #3E77AF; 
	padding: 3px 5px 5px 5px; 
	margin-bottom: 20px; 
	border-top: 1px solid #3E77AF; 
	border-bottom: 1px solid #3E77AF; 
	background: #C7DCFF; 
}
#content .post .post-info a { color: #254A8C; text-decoration:none; }
#content .post .post-info a:hover { color: #F3830B; text-decoration:none; }

#content #pages { text-align: center; }
#content #pages a { font: bold 20px "Trebuchet MS"; color: #254A8C; text-decoration: none; }
#content #pages a:hover { color: #000759; }

#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 267px;
	float: left;
	font-size: 11px; 
	margin-bottom: 10px;
	color: #254A8C;

}

#sidebar h3 { font: normal 18px Verdana, Arial, Sans-Serif; color: #000759; }

#sidebar a { color: #254A8C; text-decoration: none; }
#sidebar a:hover { color: #F3830B; }

#sidebar .block {
	width: 205px;
	padding: 15px; 
	border-bottom: 1px solid #3E77AF; 
	overflow: hidden;
	color: #254A8C;
}
#sidebar .block li { 
	background: url(images/arrow.gif) no-repeat 2px 8px; 
	padding-left: 12px;
}
#sidebar .block a:hover { color: #F3830B; }

/* Calendar */
#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap a:hover {color:#3E77AF; }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #C7DCFF; text-align: center; color: #fff; }



/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: center; 
	font: bold 22px "Trebuchet MS", Helvetica, Arial, Geneva; 
	color: #254A8C; 
}
#comments .comment { 
	background: #3E77AF; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 635px; 
	padding-bottom: 5px; 
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	width: 536px; 
	background: #C7DCFF; 
}
#comments .comment .comment-content a { color: #444; }


#comments .comment .comment-info { 
	font-size: 11px;
	color: #254A8C;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #254A8C; 
	text-decoration: none;
}




/* Comment Form
-------------------------------------------------------------------*/
#commentform { 
	background: #C7DCFF; 
	border: 5px solid #3E77AF; 
	padding: 10px; 
	color: #555; 
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 600px; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit { padding: 3px 10px; }



/* Footer
-------------------------------------------------------------------*/
#footer-top { 
	width: 964px;
	height:11px;
	margin: 5px auto 0px auto;  
	background: #3e77af url(images/top_wide.png) no-repeat top center; 
}
#footer-bot { 
	width: 964px;
	height:11px; 
	background: url(images/bot_wide.png) no-repeat bottom center; 
}
#footer-content { 
	width: 964px;
	color: #3E77AF; 
	padding-top: 6px;
	margin: 0px;
	text-align: center;
	float: left; 
	background: #3e77af url(images/mid_wide.png) repeat-y center; 
}
#footer p { 
	font-size: 11px; 
	margin: 0; 
}
#footer a { color: #254A8C; }