/*  
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:Tahoma, Arial, sans-serif; font-size:65%; text-align:center; line-height:1.3; background: #f8fff4;}

body {background-color: #fff ;background-image: url( "images/bg.jpg" ) ;background-repeat: repeat-x ;color: #000 ;}
/******************/
#page {width:920px; margin:0 auto; text-align:justify; color: #006600; background-color:;}
#header{width:920px; float:right; position:relative ; background-color:#000; ;}
#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;}
#note{float:right;right:0;top:0;padding:5px;margin-right: 0;margin-top:0;width: 401px;height: 285px;background: #eaece8 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{float:left;padding-left:25px;padding-top:25px;}
.search input{color: #999;padding: 3px;border: solid 1px #ccc; background-color:#000;width: 150px;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.search input:hover,.search input:focus 

{border: solid 1px #ccc;background-color:#000;}
#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:480px; float:left; padding:80px 19px 0 0;}
/****************************************************************/
#secondary{width:421px;float:left;font-size:1.2em;background-color : transparent; margin-bottom:30px;}
#sidebar-1{border-left:0px; solid #333;}
.sidebar{ float:left; width:195px; padding:10px 0 0 10px;}

#footer{width:1030px; float:right; clear:both;}
.homelink{font:35px/1 B Fantezy, verdana, arial, sans-serif; padding:10px 40px 5px 5px;text-transform:uppercase;}
.homelink a{color:#f5f5f5;}

.homelink a:hover{color:#555; text-decoration:none;}
.description{color:#999; margin-top:10px; padding:10px 30x 10px 20px; font-family:B Kamran, Arial, sans-serif;font:bold;font-size:18px; line-height:1;text-align:center; font-style:normal;text-transform:uppercase;}

#skip a{ padding:0.2em 0.3em; font-weight:bold; background:#fff; color:#000; display:block; text-decoration:none; position:absolute; top:0.5em; right:999em;}
#skip a:first-letter{text-decoration:underline;}
#skip a:hover{background:#888;}

ul.menu{float:left;display:block;padding-top:15px;}
ul.menu li{font:bold 10px tahoma, georgia, arial, sans-serif;padding-top:5px;width:120px;}
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;}
ul.menu li a:hover{text-decoration:none; background:#888;}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:118px;margin-top:-33px;z-index:10000;padding-left:5px;}
ul.menu li:hover ul,ul.menu.iehover ul{visibility:invisible;}


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 Tahoma, 'Courier New', Courier, Monospace;}pre{margin:0 0 1.5385em; padding:0.7692em 10px; border:1px solid #ddd; overflow:auto;}
/*33*****************
********/
hr{background:#fff; color:#ccc; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.5385em; border:none;}
blockquote{margin:0 0 1.5385em; padding:0 40px 0 40px; color:#ccc; background:url('images/quote.gif') no-repeat;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:Tahoma, Arial, sans-serif; letter-spacing:-0.3px;}
.entry-title{font-size:2.8em; margin:0.9091em 0 0;text-transform:uppercase;text-align:right;font-family:B Kamran, Arial, sans-serif; }
.page-title{font-size:2.2em; margin:0 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, .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:2px solid  #eee;}
.entry-content{font-size:1.2em; line-height:1.5385; margin:1.5385em 0 0; color:#000;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 2px #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:#000; font:normal 1.4em Tahoma,  sans-serif;float:left;}
.entry-byline address{display:inline;}
.entry-meta{margin:2.4999em 0 0.8333em; font:normal 1.3em/1.6666 Tahoma, sans-serif; color:#000;}
.entry-categories{background:transparent 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;}
/*4**********/

img.border{padding:4px; border:1px solid #ccc; background:#444;}
.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:#000; padding:4px; margin:0; font:normal 0.923em/1.6666em tahoma, 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:2px solid #555;}
img.attachment-thumbnail{width:147px;}
.attachment{text-align:center;}

.entry-content table{margin:0 0 2.5385em; border-collapse:collapse; color:#000; width:80%;}
/**********************_________****/
.entry-content th{font-weight:bold; background:#000;}
.entry-content th, .entry-content td{padding:0.2em 10px;}
.entry-content td{border:1px solid #555;}
.entry-content tbody tr:hover{background:#000;}
.entry-content tfoot{background:#000;}

#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 Tahoma, Arial, 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 #ccc; 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 #888;background:# #f8faf3;color:#000; font-size:10px;font-weight:bold;padding:5px;}
#submit:hover, #s-submit:hover{border:1px solid #888;background:#ccc;}
#s-input, #submit, #s-submit{font-family:Tahoma, Arial, sans-serif;}
/******%%%%%************/
.pagenav, .widget {font-size:1em;line-height:1.5;margin:0 0 1em;padding:15px 20px 15px 0;background: #f4f6f2 ;border-right: solid 3px #eaece8;border-bottom: solid 3px #eaece8;border-left: solid 3px #eaece8;border-top: solid 3px #eaece8;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;color: #000;}
.pagenav li, .widget li{margin:0.1667em 0; padding:0;}
/**********
*********
*******/
.pagenav ul li, .widget ul li {border-bottom:1px dashed  #ddd ;margin-left:20px;padding-bottom:5px;}
.pagenav h2, .widget h2{padding:0 0 0 20px; line-height:1.8; color:#660000; text-transform:uppercase; font-weight:bold;font-size:12px;}
.pagenav ul li a, .widget ul li a {color:#000;text-decoration:none;}.pagenav ul li a:hover, .widget ul li a:hover {color:#5b6d36;}

#calendar_wrap{padding:0 0 0 18px;}#wp-calendar{width:95%; margin:0;}
#wp-calendar caption{font-weight:bold;}
#wp-calendar th{background:#fff;}
#wp-calendar th, #wp-calendar td{text-align:center; padding:0.25em 0;}
#wp-calendar td{font-size:0.9em; color:#000;border:solid 1px #ccc;}
#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 0px; border-top:1px solid #000; border-bottom:0px solid #ccc; padding:5px 0; font:12px/20px Tahoma, Arial, sans-serif;}
#footer .left{width:50%; float:left; text-align:left;}
#footer .right{width:50%; float:right; text-align:right;}
.clear{margin:0; padding:0; clear:both;}
/****************
********/
#comments{width:480px;font-size:100%;float: left;}
.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: border:2px solid #eaece8;-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.2em/1 Tahoma, Arial, sans-serif;background: #f4f6f2;color:#000;border:1px solid #eaece8;}.comment-meta, #comments p, .commentlist p{font:normal 1.3em/1.6666 Tahoma, sans-serif; color:#000;}
.comment-content p{margin:1.8181em 5px 1.8181em 0;border:1px solid #eaece8;}
.alt{background:#f5f6f2;padding:15px;}
.authorcomment{background:#f4f6f2;}
.avatar{float:left;padding-left: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:#f4f6f2;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: #f4f6f2;color:#000;border:1px solid #eaece8;}

#commentform{margin:0 0 4em 0;}
#commentform p{margin:0 0 1em 0;}
#commentform textarea, #commentform input[type=text]{font:1.0em tahoma, Courier, Monospace; padding:3px; border:1px solid #eaece8; color:#333;}
#commentform textarea:focus, #commentform input[type=text]:focus{color:#000; border-color:#555;}#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:#673137;}

a:hover{text-decoration:underline;}
.entry-title a:hover, .entry-byline a:hover, .navigation a:hover{color:#A0CFEC;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.4em/1.6666 Tahoma, sans-serif;background:transparent; 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;}