/*  

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

{ text-align:center;

  font:65%/1.3 "Hoefler Text", garamond, serif;

  background:#fff; }



body

{ background-color:#fff;

  background-image:url( "images/bg_card.jpg" );

  background-repeat:repeat-x;

  color:#b7aa9e; }



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

}



#gradient

{ bottom:0;

  background:url(images/graphic_design_cardiff_L.jpg) bottom left no-repeat;

  height:305px;

  padding:0; }



#note

{ float:right;

  right:0;

  top:0;

  padding:9px;

  margin-right:0;

  margin-top:0;

  width:401px;

  height:285px;

  border: 1px dashed #fff;

  background:#999 url(images/graphic_design_cardiff_r.jpg) bottom no-repeat;

  }



.search

{ float:right;

  padding-right:25px;

  padding-top:25px; }



.search input

{ color:#000;

  padding:3px;

  border:solid 1px #fff;

  background:#b7aa9e url(images/cardbkg.jpg);

  width:200px;

  }



.search input:hover,.search input:focus

{ border:solid 1px #000;

  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:40px 19px 0 0; }



#secondary

{ width:421px;

  float:left;

  font-size:1.2em;

  background-color:#fff;

  margin-bottom:30px; }



#sidebar-1

{ border-left:0 solid #b7aa9e; }



.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 0px 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:#dbd3cc;

  color:#473623;

  display:block;

  text-decoration:none;

  position:absolute;

  top:0.5em;

  right:999em; }



#skip a:first-letter

{ text-decoration:underline; }



#skip a:hover

{ background:#dbd3cc; }



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;

  filter:alpha(opacity=60);

  -moz-opacity:.60;

  opacity:.60; }



ul.menu li a:hover

{ text-decoration:none;

  background:#b7aa9e; }



ul.menu li.current_page_item a

{ color:#473623;

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



dfn{font-weight:bold;}



abbr, acronym

{border-bottom:1px solid #dbd3cc;}



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 #dbd3cc; 

overflow:auto;}



hr{background:#b7aa9e; 

color:#b7aa9e; 

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:#600; 

background:url('images/quote.gif') no-repeat;}



h1,h2,h3,h4,h5,h6

{ font-weight:normal;

  font-family:"century gothic", helvetica, arial, sans-serif;

  letter-spacing:5px; }



.entry-title

{ font-size:2.2em;

  margin:0.9091em 0 0;

  }



.page-title

{ font-size:2.2em;

  margin:0 0 0;

  }



.page .entry-title,.page-template .entry-title

{ text-align:left; }



.page-title

{ text-align:left;

  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:#31251a;

  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

{ display:block;

  width:40px;

  height:40px;

  float:left;

  background:#dbd3cc;

  padding:6px;

  margin-top:0;

  margin-bottom:10px;

  margin-right:10px;

  text-align:center;

  font:14px "century gothic", helvetica, arial, sans-serif;

  color:#473623; }



.entry-byline

{ color:#69624f;

  font:normal 1.1em "century gothic", helvetica, arial, sans-serif; }



.entry-byline address

{ display:inline; }



.entry-meta

{ margin:2.4999em 0 0.8333em;

  font:normal 1.3em/1.6666 "century gothic", helvetica, arial, sans-serif

  color:#600; }



.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 "century gothic", helvetica, arial, 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 #b7aa9e; }



.attachment img:hover,.attachment-thumbnail:hover,.entry-content .gallery img:hover

{ border:1px solid #b7aa9e; }



img.attachment-thumbnail

{ width:147px; }



.attachment

{ text-align:center; }



.entry-content table

{ margin:0 0 1.5385em;

  border-collapse:collapse;

  color:#473623;

  width:80%; }



.entry-content th

{ font-weight:bold;

  background:#b7aa9e; }



.entry-content th,.entry-content td

{ padding:0.2em 10px; }



.entry-content td

{ border:1px solid #b7aa9e; }



.entry-content tbody tr:hover

{ background:#dbd3cc; }



.entry-content tfoot

{ background:#dbd3cc; }



#rss-links

{ height:32px;

  margin:0 0 1em 0;

  }



#rss-links p

{ margin:0 0 0 0;

  padding:8px 5px;

  font-size:14px;

  text-align:center;

  letter-spacing:5px;

  font-family: "century gothic", helvetica, arial, sans-serif; }



.rss

{ background:#dbd3cc url(images/rss.png) no-repeat 2% 47%; }



.twitter

{ background:#dbd3cc url(images/twitter-trans.png) no-repeat 2% 47%; }



div#search

{ height:22px;

  border-top:1px solid #b7aa9e;

  border-bottom:1px solid #b7aa9e;

  margin:0 0 1em 0;

  background:#b7aa9e;

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



#submit,#s-submit

{ border:1px solid #b7aa9e;

  background:#dbd3cc;

  color:#000;

  font-size:10px;

  font-weight:bold;

  padding:5px; }



#submit:hover,#s-submit:hover

{ border:1px solid #473623;

  background:#b7aa9e; }



#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:#dbd3cc;

  color:#333; }



.pagenav li,

{ margin:0.1667em 0;

  padding:0; }



.widget li

{ margin:0.3em 0;

  padding:0; }



.pagenav ul li,

{ border-bottom:solid 1px #fff;

  margin-left:20px;

  padding-bottom:5px; }



.widget ul li

{ border-bottom:solid 1px #fff;

  margin-left:20px;

  padding-bottom:3px; }



.pagenav h2,.widget h2

{ padding:0 0 0 20px;

  color:#600;

  line-height:1.8;

  font-size:14px; }



.pagenav ul li a,.widget ul li a

{ color:#69624f;

  text-decoration:none; }



.pagenav ul li a:hover,.widget ul li a:hover

{ color:#630; }



.widget p

{ padding: 0 0 0 20px;

  color:#69624f;

}



#calendar_wrap

{ padding:0 0 0 18px; }



#wp-calendar

{ width:95%;

  margin:0; }



#wp-calendar caption

{ font-weight:bold; }



#wp-calendar th

{ background:#b7aa93; }



#wp-calendar th,#wp-calendar td

{ text-align:center;

  padding:0.25em 0; }



#wp-calendar td

{ font-size:0.9em;

  color:#473623;

  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 #b7aa9e;

  border-bottom:1px solid #b7aa9e;

  padding:20px 0;

  font:12px/20px "hoefler text", garamond, 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

{ text-transform:uppercase;

  font-size:1.5em;

  font-weight:normal;

  line-height:1; }



h3.comments-number

{ margin:0 auto 1.5em;

  padding-top:1em;

  border-top:1px dashed #dbd3cc; }



h3#respond

{ margin:0 0 0.5em;

  font-size:1em; }



.commentlist

{ margin:0 0 4em;

  padding:10px;

  border:solid 1px #ccc;

  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 "hoefler text", garamond, serif; }



.comment-meta,#comments p,.commentlist p

{ font:normal 1.3em/1.6666 "hoefler text", garamond, serif;

  color:#69624f; }



.comment-content p

{ margin:1.8181em 5px 1.8181em 0; }



.alt

{ background:#dbd3cc;

  padding:15px; }



.authorcomment

{ background:#dbd3cc; }



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

  width:50px;

  border:solid 1px #b7aa9e;

  background:url(images/gradient-grey.png) top center repeat-x; }



.cancel-comment-reply

{ float:right; }



.comment-author-admin

{ background:#cdb48c;

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



#commentform textarea:focus,#commentform input[type=text]:focus

{ color:#000;

  border-color:#b7aa9e; }



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



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:#69624f; }



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