/*  
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 ;background-image: url( "images/bg.jpg" ) ;background-repeat: repeat-x ;color: #333333 ;}#page {width:960px; margin:0 auto; text-align:left; color:#111;}#header{width:960px; 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;}#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{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,.search input:focus {border: solid 1px #fff;background-color:#fff;}#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:#fff;margin-bottom:30px;}#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:30px/1 georgia, verdana, arial, sans-serif; padding:15px 0 10px 19px;text-transform:uppercase;}.homelink a{color:#fff;}.homelink a:hover{color:#ccc; text-decoration:none;}.description{color:#666; margin-top:-10px; padding:0 0 10px 20px; font-size:12px; line-height:1; font-style:normal;text-transform:uppercase;}#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, 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: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;}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:georgia, verdana, arial, sans-serif; letter-spacing:-0.3px;}.entry-title{font-size:2.2em; margin:0.9091em 0 0;text-transform:uppercase; }.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: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:#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:#555; padding:4px; margin:0; font:normal 0.923em/1.6666em georgia, 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 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%;}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:#660000; text-transform:uppercase; 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:20px 0; font:12px/20px georgia, verdana, snas-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%;}.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:#996633;}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:normal 1.2em/1.6666 georgia, sans-serif;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;}