/*
Theme Name: HoPE
Theme URI: http://patrick.bloggles.info/themes/
Description: A 3-column theme with a clean and flickr or PicasaWeb gallery design. Customizable header images, fixed-width and widget-ready. Compatible with WordPress 2.7+
Author: Patrick
Author URI: http://patrickchia.com/
Version: 2.5.8
Tags: microformats, theme-options, custom-header, dark, yellow, white, black, threaded-comments, photoblogging
20/05/2010 fixed background image's width
25/05/2010 Subpage included, compressed css
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, ar, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
:focus
{
	outline: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
body
{
	font-family:verdana, 'Lucida Grande', arial, sans-serif;
	font-size:65%;
	text-align:center;
	line-height:1.3;
	background:#fff;
}
body
{
	background-color: #fff ;
	color: #333333 ;
}

#page
{
	width:960px;
	margin:0 auto;
	text-align:left;
	color:#111;
}

#header
{
	width:960px;
	height: 150px;
	float:left; 
	position:relative;
}

#container
{
	width:920px;
	float:left;
	padding:0;
	margin-left:19px;
}

#rotating
{
	display:block;
	width:920px;
	height: 305px;
	padding:0;
	background-image: url( "images/ss.jpg" ) ;
	background-repeat: repeat-x ;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

#gradient
{
	bottom: 0px; 
	background: url(images/gradient-dark.png) bottom center repeat-x; 
	height: 305px;
	padding:0;
}


#gradient_yellow
{
	background-color: #FAB512; 
	height: 9px;
	margin: 0px;
}

#ha_logo
{
	float: right;
	margin-top: 25px;
	margin-right: 5px; 
	margin-bottom: 15px;
}

#note
{
	float:right;
	right:0;
	top:0;
	padding:10px;
	margin-right: 0;
	margin-top:0;
	width: 401px;
	height: 285px;
	background: #999 url(images/gradient-dark.png) bottom repeat-x;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}
.search
{
	text-align: center;
	padding-bottom:25px;
	margin-bottom:10px;
}
.search input
{
	color: #222;
	padding: 3px;
	border: solid 1px #333;
	background-color:#fff;
	width: 155px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-right: 8px;
}
.search input:hover,.search input:focus
{
	border: solid 1px #222;
	background-color:#fff;
}

.search .search_button {
	padding: 0px 4px;
	background-color: #fab512;
	font-size: 17px;
	box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: none;
	border-radius: 4px;
	float: left;
}

.search .search_button:hover {
	background-color: #ffd712;
	cursor: pointer;
}

#note p
{
	font-size:1em;
	font-weight:bold;
	color:#000;
}

#note li
{
	list-style-type:none;
}

#note li a
{
	color:#000;
	float:relative;
}

#content
{
	width:680px;
	float:left;
	padding:80px 19px 0 0;
}

#secondary
{
	width:215px;
	float:left;
	font-size:1.2em;
	background-color:#fff;
	margin-bottom:30px;
	float: right;
}

#sidebar-1
{
	border-left:0px solid #ccc;
}
.sidebar
{
	float:left;
	width:195px;
	padding:10px 0 0 10px;
}

#footer
{
	width:920px;
	float:left;
	clear:both;
}


.homelink
{
	font: 26px/1 arial, sans-serif;
	padding:15px 10px 10px 19px;
	text-transform:none;
	font-weight:bold;
}
.homelink a
{
	color:#222;
}
.homelink a:hover
{
	color:#ccc;
	text-decoration:none;
}
.description
{
	font: italic 14px/1 arial, sans-serif;
	color:#666;
	margin-top: -5px;
	padding:0 0 10px 20px;
	line-height:1;
	text-transform:none;
}

#skip a
{
	padding:0.2em 0.3em;
	font-weight:bold;
	background:#e5e5e5;
	color:#444;
	display:block;
	text-decoration:none;
	position:absolute;
	top:0.5em;
	right:999em;
}

#skip a:first-letter
{
	text-decoration:underline;
}

#skip a:hover
{
	background:#ddd;
}
ul.menu
{
	float:left;
	display:block;
	padding-top:15px;
}
ul.menu li
{
	font:bold 12px/1 verdana, arial, sans-serif;
	padding-top:5px;
	width:181px;
}
ul.menu li a
{
	display:block;
	color:#fff;
	padding:8px;
	background-color:#000;
	-moz-border-radius-topright: 8px;
	-khtml-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	width: 165px;
}
ul.menu li a:hover
{
	text-decoration:none;
	background:#333;
}
ul.menu li.current_page_item a
{
	color:#444;
	background:#fff;
}

ul.menu li ul
{
	position:absolute;
	visibility:hidden;
	float:none;
	width:120px;
	margin-left:179px;
	margin-top:-33px;
	z-index:10000;
	padding-left:5px;
}
ul.menu li:hover ul,ul.menu.iehover ul
{
	visibility:visible;
}
b, strong
{
	font-weight:bold;
}
i, em, dfn, .fn, cite
{
	font-style:normal;
}
dfn
{
	font-weight:bold;
}
abbr, acronym
{
	/* border-bottom:1px solid #ddd; */
}
sup, sub
{
	font-size:0.7692em;
	line-height:1;
}
sup
{
	vertical-align:super;
}
sub
{
	vertical-align:sub;
}
del
{
	text-decoration:line-through;
}
u, ins
{
	text-decoration:underline;
}
pre, code, tt
{
	font:1em/1.5385 consolas, 'Courier New', Courier, Monospace;
}
pre
{
	margin:0 0 1.5385em;
	padding:0.7692em 10px;
	border:1px solid #ddd;
	overflow:auto;
}
hr
{
	background:#ccc;
	color:#ccc;
	clear:both;
	float:none;
	width:100%;
	height:0.1em;
	margin:0 0 1.5385em;
	border:none;
	margin-top: 20px;
}
blockquote
{
	margin:0 0 1.5385em;
	padding:0 0 0 40px;
	color:#555;
	background:url('images/quote.gif') no-repeat;
}
h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
	font-family: verdana, arial, sans-serif;
	letter-spacing:-0.3px;
}
.entry-title
{
	font-size:1.75em;
	font-weight: bold;
	color: #009;
	margin:0.9091em 0 5px 0;
	text-transform: none;
}
.page-title
{
/*	font-size:2.2em; */
	font-size: 1.625em;
	margin:0 0 0;
	margin-bottom:0.9091em;
/*	text-align:center; */
}
.page .entry-title, .page-template .entry-title
{
	text-align:center; 
}

.sidebar h2
{
	font-size:1.2em;
}
.entry-content h1, .entry-content h2
{
	font-size:1.5385em;
	line-height:1;
	margin:1.5em 0 0.5em;
}
.entry-content h3
{
	font-size:1.3846em;
	line-height:1.1111;
	margin:1.66665em 0 0.55555em;
}
.entry-content h4
{
	font-size:1.2308em;
	font-weight:bold;
	line-height:1.25;
	margin:1.875em 0 0.625em;
}
.entry-content h5, .entry-content h6
{
	font-size:1em;
	font-weight:bold;
	margin:2.30775em 0 0.76925em;
}
.looped .entry, .single .entry
{
	border-bottom:1px dashed #ddd;
}
.entry-content
{
	font-size:1.2em;
	line-height:1.5385;
	margin:1.5385em 0 0;
	color:#444;
	text-align: justify;
}
.entry-content p
{
	margin:0 0 1.5385em;
}
.entry-content li ul
{
	margin:0 0 0 30px;
}
.entry-content li ol
{
	margin:0.5385em 0 0.9999em 30px;
}
.entry-content ul, .entry-content ol
{
	margin:0 0 1.5385em 30px;
}
.entry-content ul
{
	list-style-type:none;
}
.entry-content li ul
{
	list-style-type:none;
}
.entry-content ol
{
	list-style-type:none;
}
.entry-content li ol
{
	list-style-type:none;
}
.entry-content dl
{
	margin:0 0 1.5385em;
}
.entry-content dl dt
{
	font-weight:bold;
}
.entry-content dd
{
	margin:0 0 1.5385em;
}
.entry-content address
{
	margin:0 0 1.5385em;
	font-style:normal;
}
.entry-date
{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	display:block;
	width:50px;
	height:50px;
	float:left;
	background-color:#fab512;
	padding:6px;
	margin-top:0;
	margin-bottom:10px;
	margin-right:10px;
	-moz-border-radius: 20%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0px 0px 8px #aaa;
	-webkit-box-shadow: 0px 0px 8px #aaa;
	-moz-box-shadow: 0px 0px 8px #aaa;
	text-align:center;
	font-family: verdana, arial;
	font-size: 19px;
	font-weight:bold;
	color: #243;
}
.entry-byline
{
	color:#777;
	font:normal 1.1em sans-serif;
}
.entry-byline address
{
	display:inline;
}
.entry-meta
{
	margin:2.4999em 0 0.8333em;
	font:normal 1.1em/1.25 verdana, sans-serif;
	color:#555;
}
.entry-categories
{
	background:#fff url(./images/post.gif) no-repeat left;
	padding:3px;
	padding-left:20px;
}
img.alignleft, div.alignleft
{
	margin:0 15px 3px 0;
	display:inline;
}
img.alignright, div.alignright
{
	margin:0 0 3px 15px;
	display:inline;
}
.aligncenter, div.aligncenter
{
	display:block;
	margin:0 auto 1.5385em;
}
img.border
{
	padding:4px;
	border:1px solid #ccc;
	background:#eee;
}
.alignleft
{
	float:left;
}
.alignright
{
	float:right;
}
.center
{
	text-align:center;
}
.wp-caption
{
	text-align:center;
	padding-top:4px;
}
.wp-caption img
{
	margin:0;
	padding:0;
	border:0 none;
}
.wp-caption p.wp-caption-text
{
	color:#555;
	padding:4px;
	margin:0;
	font:normal 0.923em/1.6666em verdana, sans-serif;
}
.entry-content .attachment a,.entry-content .gallery a,.entry-content .attachment a:hover,.entry-content .gallery a:hover
{
	border:none;
}
.attachment img, .attachment-thumbnail, .entry-content .gallery img
{
	padding:2px;
	border:1px solid #ccc;
}
.attachment img:hover, .attachment-thumbnail:hover, .entry-content .gallery img:hover
{
	border:1px solid #888;
}
img.attachment-thumbnail
{
	width:147px;
}
.attachment
{
	text-align:center;
}
.entry-content table
{
	margin:0 0 1.5385em;
	border-collapse:collapse;
	color:#444;
	width:80%;
}
.entry-content th
{
	font-weight:bold;
	background:#ccc;
}
.entry-content th, .entry-content td
{
	padding:0.2em 10px;
}
.entry-content td
{
	border:1px solid #ccc;
}
.entry-content tbody tr:hover
{
	background:#ddd;
}
.entry-content tfoot
{
	background:#ddd;
}

#rss-links
{
	height:32px;
	margin:0 0 1em 0;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#rss-links p
{
	margin:0 0 0 65px;
	padding:8px 5px;
	font:bold 13px verdana, sans-serif;
}
.rss
{
	background:#eee url(images/rss.png) no-repeat 2% 47%;
}
.twitter
{
	background:#eee url(images/twitter-trans.png) no-repeat 2% 47%;
}
div#search
{
	height:22px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:0 0 1em 0;
	background:#ccc;
	padding:5px 5px 5px 6px;
}

#s-input
{
	border:1px solid #fff;
	margin-right:4px;
	font-size:12px;
	height:16px;
	padding:2px;
	vertical-align:top;
}
.entry #s-input
{
	border-color:#888;
}

#submit, #s-submit
{
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #ccc;
	background:#eee;
	color:#000;
	font-size:10px;
	font-weight:bold;
	padding:5px;
}

#submit:hover, #s-submit:hover
{
	border:1px solid #333;
	background:#ccc;
}

#s-input, #submit, #s-submit
{
	font-family:verdana,arial, sans-serif;
}
.pagenav, .widget
{
	font-size:1em;
	line-height:1.5;
	margin:0 0 1em;
	padding:15px 20px 15px 0;
	background:#eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #333;
}
.pagenav li, .widget li
{
	margin:0.1667em 0;
	padding:0;
}
.pagenav ul li, .widget ul li
{
	border-bottom: solid 1px #fff;
	margin-left:20px;
	padding-bottom:5px;
}
.pagenav h2, .widget h2
{
	padding:0 0 0 20px;
	line-height:1.8;
	color:#333366;
	text-transform:none;
	font-weight:bold;
	font-size:12px;
}
.pagenav ul li a, .widget ul li a
{
	color:#808080;
	text-decoration:none;
}
.pagenav ul li a:hover, .widget ul li a:hover
{
	color:#663300;
}

#calendar_wrap
{
	padding:0 0 0 18px;
}

#wp-calendar
{
	width:95%;
	margin:0;
}

#wp-calendar caption
{
	font-weight:bold;
}

#wp-calendar th
{
	background:#ccc;
}

#wp-calendar th, #wp-calendar td
{
	text-align:center;
	padding:0.25em 0;
}

#wp-calendar td
{
	font-size:0.9em;
	color:#666;
	border:solid 1px #fff;
}

#wp-calendar a
{
	font-weight:bold;
}
.navigation
{
	font-size:1.2em;
	text-align:center;
	padding:1.8181em 0;
}
.navleft, .gnavleft
{
	float:left;
	width:50%;
	text-align:left;
}
.navright, .gnavright
{
	float:right;
	width:50%;
	text-align:right;
}
.gnavigation
{
	padding:0 0 2em;
}

#footer
{
	margin:0 0 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0;
	font:12px/20px verdana, snas-serif;
}

#footer .left
{
	width:75%;
	float:left;
	text-align:left;
	font-size: 9px;
}

#footer .right
{
	width:50%;
	float:right;
	text-align:right;
}
.clear
{
	margin:0;
	padding:0;
	clear:both;
}

#comments
{
	width:480px;
	font-size:100%;
}
.nocomments
{
	text-align:center;
	padding:1.25em 0;
	font-size:1.6em;
	border-top:1px dashed #ddd;
}

#comments h3
{
	font-size:1.15em;
	text-transform:none;
/*	font-weight:normal; */
}
h3.comments-number
{
	margin:0 auto 1.5em;
	padding-top:1em;
	border-top:1px dashed #ddd;
}
h3#respond
{
	margin:0 0 0.5em;
	font-size:1em;
}
.commentlist
{
	margin:0 0 4em;
	padding: 10px;
	border: solid 1px #ccc;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(images/gradient-grey.png) top center repeat-x;
}
.commentlist li
{
	margin:0 0 1em;
	padding:0.5em 5px;
	position:relative;
}
.ccount
{
	font-size:1.3em;
	position:absolute;
	right:10px;
}
.commentauthor
{
	font:bold 1.5em/1 verdana, arial, sans-serif;
}
.comment-meta, #comments p, .commentlist p
{
	font:normal 1.3em/1.6666 sans-serif;
	color:#555;
}
.comment-content p
{
	margin:1.8181em 5px 1.8181em 0;
}
.alt
{
	background:#ececec;
	padding:15px;
}
.authorcomment
{
	background:#ddd;
}
.avatar
{
	float:right;
	padding-right:7px;
}
.reply a
{
	display:block;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	padding: 5px;
	text-decoration:none;
	margin-top:15px;
	margin-bottom:15px;
	background-color: #ddd;
	width:70px;
	border: solid 1px #ccc;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: url(images/gradient-grey.png) top center repeat-x;
}
.cancel-comment-reply
{
	float:right;
}
.comment-author-admin
{
	background: #CD8C95;
	color:#fff;
}

#commentform
{
	margin:0 0 4em 0;
}

#commentform p
{
	margin:0 0 1em 0;
}

#commentform textarea, #commentform input[type=text]
{
	font:1.2em verdana, Courier, Monospace;
	padding:3px;
	border:1px solid #ccc;
	color:#666;
}

#commentform textarea:focus, #commentform input[type=text]:focus
{
	color:#000;
	border-color:#888;
}

#commentform label
{
	font-size:1em;
}

#commentform textarea
{
	width:90%;
}

#commentform input[type=text]
{
	width:45%;
}

#commentform #submit
{
	height:30px;
	padding:3px 6px;
}


a
{
	text-decoration:none;
	color: #18297B;
}
a:hover
{
	text-decoration:underline;
}
.entry-title a:hover, .entry-byline a:hover, .navigation a:hover
{
	color:#000;
	text-decoration:none;
}
entry-byline a
{
	color:#777;
}
.entry-content a:hover
{
}

#content.page-template .entry-content a
{
	text-decoration:none;
	font-weight:normal;
}

#content.page-template .entry-content a:hover
{
	text-decoration:underline;
}

#footer a:hover
{
}
.gnavigation a:hover.
{
	border-bottom:none;
}
.comments-link
{
	font:bold 1em/1.2222 verdana, sans-serif;
/*	font:normal 1.2em/1.6666 verdana, sans-serif; */
	color: #888;
	background:#fff url(images/packaged.gif) no-repeat center left;
	padding:3px;
	padding-left:20px;
}

#simplegallery
{
	position: relative;
	visibility: hidden;
}

#simplegallery .gallerydesctext
{
	text-align: left;
	padding: 2px 5px;
}

#branding
{
	position: absolute;
	top: 60px;
}

.impressum {
	font-size: 10px;
	margin-bottom: 25px;
}