/*  

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.1

Tags: microformats, theme-options, custom-header, dark, yellow, white, black, threaded-comments, photoblogging

*/



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, var, 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;}



/* remember to define focus styles! */

:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: collapse;	border-spacing: 0;}





body {font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px;line-height:1.3; background:#fff;}

body {

	background: #d9e9ea url( "images/banner3.jpg" ) left top repeat-x ;

	color: #000 ;

}

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

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

#container{width:920px; float:left; padding:0;margin-left:19px;margin-top:50px;background-color:#fff;}

#rotating{display:block; width:920px; height: 250px; padding:0; margin-bottom:1px;

	background: url( "images/feature_pic9.jpg" ) left top no-repeat ;

    /*-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 {

	margin-top:-35px;

    bottom: 0px;

	height: 250px;

	padding:0;

}

#branding {margin-top:20px;}

#note{

	float:right;

	right:0;

	top:0;

	padding:0;

	margin-right: 10px;

	margin-top:25px;

	width: 300px;

	height: 244px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #fff;

}



.search{float:right;

	padding-right:25px;

	padding-top:25px;

}

.search input{

	color: #333;

	padding: 3px;

	border: solid 1px #333;

	background-color:#000;

	width: 200px;

	-moz-border-radius: 8px;

	-khtml-border-radius: 8px;	

	-webkit-border-radius: 8px;

	border-radius: 8px;

}



.search input:hover {

	border: solid 1px #fff;

	background-color:#666;}

}



#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:650px; float:left; padding:20px 40px 0 30px; margin-top:-20px;
	background: #fff url( "images/content-top.jpg" ) top left no-repeat;
}

#secondary{

	width:200px;

	float:left;

	font-size:1.2em;

	background: url(images/sidebar-background.jpg) top right no-repeat;

    margin-top:-20px;

	margin-bottom:10px;

    padding:27px 0 8px 0;

}

#sidebar-1{border-left:0px solid #ccc;}

.sidebar{margin:0 auto; width:200px; padding:0;}

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



.homelink{font:30px/1 georgia, verdana, arial, sans-serif; padding:0 0 10px 19px;text-transform:uppercase;}

.homelink a{color:#fff;}

.homelink a:hover{color:#ccc; text-decoration:none;}

.description{color:#fdfdfe; margin-top:150px; padding:0 0 0 26px; font-size:14px; line-height:1; font-weight:bold;}

#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;margin-top:120px;width:125px;}

ul.menu li{font:bold 12px verdana, georgia, arial, sans-serif;}

ul.menu li a{display:block; color:#fff; padding:6px;background-color:#000;height:12px;

	-moz-border-radius-topright: 8px;

	-khtml-border-top-right-radius: 8px;

	-webkit-border-top-right-radius: 8px;

        border-top:1px solid #ddd;

	border-top-right-radius: 8px;

	/* -moz-border-radius-topleft: 8px;

	-khtml-border-top-left-radius: 8px;

	-webkit-border-top-left-radius: 8px;

	border-top-left-radius: 8px; */

	/*filter:alpha(opacity=80);

	-moz-opacity:.80;

	opacity:.80;*/

}

ul.menu li a:hover{text-decoration:none; color: #fff; background:#888;}

ul.menu li.current_page_item a{color:#fff; background:#444;

	filter:alpha(opacity=70);

	-moz-opacity:.70;

	opacity:.70; }

/* -- submenu --

.menu li ul {float:left;display:none;padding-top:15px;margin-left:50px;}

.menu li ul li {display:block;}

.menu li ul li a{display:block;}*/

	

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

blockquote{margin:0 20px 13px 20px; padding:10px 20px 1px 40px; color:#333; background:#fff url('images/quote.gif') no-repeat;}



h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: Verdana, Geneva, sans-serif; letter-spacing:-0.1px;}

.entry-title{font-size:2.2em; margin:0.9091em 0 0;text-transform:uppercase; }

.page-title{font-size:2.2em; margin:0.9091em 0 0;text-transform:uppercase; }

/*.page .entry-title, .page-template .entry-title{text-align:center;}*/

/*.page-title{text-align:center; margin-bottom:0.9091em;}*/

.sidebar h2{font-size:1.2em;}

.entry-content h1{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em; color:#660000; font-weight:bold;}

.entry-content h2{font-size:1.4385em; line-height:1; margin:1.5em 0 0.5em; color:#660000;}

.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:1em; line-height:1.5385; margin:1.5385em 0 0; color:#000;text-align: left;}

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

.entry-content li ul{list-style-type:none;}

.entry-content ol{}

.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:#eee;

	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%;

	text-align:center;

	font-family: arial; sans;

	font-size: 19px;

	font-weight:bold;

	color: #000;

}



.entry-byline{color:#777; font:normal 1.1em georgia, sans-serif;}

.entry-byline address{display:inline;}

.entry-meta{margin:2.4999em 0 0.8333em; font:normal 1.3em/1.6666 georgia, 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:#111; padding:4px; margin:0; font:normal .97em/1.6666em Verdana, Geneva, 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:#eee;}

.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 georgia, 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%;}

	/*-search*/

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

.post_list {

	font-size:1em;

	line-height:1.2;

	margin:0 0 1em;

	padding:15px 20px 15px 0;

	/*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: #000;

}

.post_list li{margin:0.1667em 0; padding:0 0 0 6px;}

.post_list ul li{border-bottom: solid 1px #999;margin-left:4px;padding-bottom:5px;}

.post_list h2{padding:0 0 0 4px; line-height:1.2; color:#660000; font-weight:bold;font-size:16px;}

.post_list ul li a {color:#0F51B5;text-decoration:none;}

.post_list ul li a:hover {color:#663300;}

.widget {text-align:left;}

.pagenav, .widget {
	font-size:1em;
	line-height:1.5;
	/*margin:0 0 1em;*/
	width:165px;
	margin:0 auto 3px auto;
	padding:15px 20px 15px 0;
	background-color:#F4F4F4;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #222;
}

.pagenav li, .widget li{margin:0.1667em 0; padding:0;}

.pagenav ul li, .widget ul li {border-bottom: solid 1px #eee;margin-left:20px;padding-bottom:1px;}

.pagenav h2, .widget h2{padding:0 0 3px 20px; line-height:1.2; color:#660000; text-transform:uppercase; font-weight:bold;font-size:12px;margin-left:-6px;}

.pagenav li h2, .widget li h2{padding:0 0 3px 20px; line-height:1.2; color:#660000; text-transform:uppercase; font-weight:bold;font-size:12px;margin-left:-26px;}

.pagenav ul li a, .widget ul li a {color:#0E4AA5;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:1em; text-align:center; padding:6px 0; width:650px;}

.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; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; font:12px/20px georgia, verdana, snas-serif; background-color:#d9e9ea; }

#footer .left{width:40%; float:left; text-align:left; padding:0 0 0 20px;}

#footer .right{width:40%; float:right; text-align:right; padding:0 20px 0 0;}

.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.5em; text-transform:uppercase; font-weight:normal; line-height:1;}

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 georgia, arial, sans-serif;}

.comment-meta, #comments p, .commentlist p{font:normal 1.3em/1.6666 georgia, 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:50px;

	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:#0E4AA5;
}

a:hover{color:#663300;}

.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:normal 1.2em/1.6666 georgia, sans-serif;

	background:#fff url(images/packaged.gif) no-repeat center left;

	padding:3px;

	padding-left:20px;

}

.tblrates {width:600px; margin: 0 auto;}

#simplegallery{

	position: relative;

	visibility: hidden;

}



#simplegallery .gallerydesctext{

	text-align: left;

	padding: 2px 5px;

}