/*  
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, 'Lucida Grande', arial, sans-serif;
font-size:65%;
text-align:center;
line-height:1.3;
background:#fff;
}

body {
background-color:#FFFFFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
color:#333333;
}

body.gallery {
background-color:#222;
background-image:url(images/gallerybg.jpg);
}

#page {
width:960px;
margin:0 auto;
text-align:left;
color:#111;
}
.gallery #page .entry {
color: #fff;
text-align: center;
}
.gallery #page .entry p {
margin: 10px;
}
#header {
width:960px;
float:left;
position:relative;
}
.gallery #header {
background: url("images/ahearn-header-sm.jpg") no-repeat scroll 22px 10px transparent;
height: 85px;
}
.gallery #branding {
padding-left: 130px;
}

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

#rotating {
display:block;
width:920px;
height:305px;
padding:0;
background-image:url(http://remarkablejourneys.net/wp-content/uploads/2010/08/RJdefault.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:0;
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:#FFF;
padding:3px;
border:solid 1px #FFF;
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:480px;
float:left;
padding:80px 19px 0 0;
}

.gallery #content {
width:920px;
margin:0 auto 10px auto;
padding:0;
}

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

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

.sidebar {
float:left;
width:195px;
padding:10px 0 0 10px;
}

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

.homelink {
font:26px/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;
font-weight:bold;
}

.description strong {
color:#fe7e19;
}

#skip a {
padding:.2em .3em;
font-weight:bold;
background:#e5e5e5;
color:#444;
display:block;
text-decoration:none;
position:absolute;
top:.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;}
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; }
*/
#navmenu {
margin-bottom:23px;
margin-top:18px;
}

#navmenu ul.menu {
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}

#navmenu li {
display:inline;
}

#navmenu ul.menu li a {
text-decoration:none;
margin:4px;
padding:5px 20px;
color:white;
background:black;
border-top:1px white solid;
border-bottom:1px white solid;
}

#navmenu ul.menu li a:hover {
color:white;
background:black;
border-top:2px white solid;
border-bottom:2px white solid;
}

#navmenu ul.menu li.current_page_item a {
background:white;
color:black;
border-top:1px white solid;
border-bottom:1px white solid;
}

.menu-topmenu-container {
width:750px;
}

.menu-slideshow-container {
float:right;
width:160px;
margin-top:-27px;
}

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:.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:.7692em 10px;
border:1px solid #ddd;
overflow:auto;
}

hr {
background:#ccc;
color:#ccc;
clear:both;
float:none;
width:100%;
height:.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:-.3px;
}

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

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

.page .entry-title,.page-template .entry-title {
text-align:center;
}
.gallery .entry-title {
color: #fff;
margin: 8px;
}

.page-title {
text-align:center;
margin-bottom:.9091em;
}

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

.entry-content h1,.entry-content h2 {
font-size:1.5385em;
line-height:1;
margin:1.5em 0 .5em;
}

.entry-content h3 {
font-size:1.3846em;
line-height:1.1111;
margin:1.66665em 0 .55555em;
}

.entry-content h4 {
font-size:1.2308em;
font-weight:bold;
line-height:1.25;
margin:1.875em 0 .625em;
}

.entry-content h5,.entry-content h6 {
font-size:1em;
font-weight:bold;
margin:2.30775em 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:.5385em 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:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
text-align:center;
font-family:arial;
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 .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 .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:.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;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

#rss-links p,#rss-links table {
margin:0 0 0 65px;
padding:8px 5px;
font:bold 11px georgia, verdana, sans-serif;
}

#rss-links table td {
padding:3px 5px;
}

.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;
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,div#google-connect {
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;
}

.widget_text {
background:none;
border:none;
padding:0;
}

div#google-connect {
padding-left:20px;
}

.pagenav li,.widget li {
margin:.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;
}

li.see-all {
text-align:center;
}

.widget li.see-all a {
font-family:Georgia, serif;
font-weight:bold;
color:#660000;
font-size:12px;
font-weight:bold;
}

.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:.25em 0;
}

#wp-calendar td {
font-size:.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;
}
.gallery #footer {
border: none;
}
#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 .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:.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;
}

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

#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;
}
.gallery-page a:hover, .portfolio-index a:hover, .highslide-thumb a:hover {
color: #fff;
text-decoration: none;
}

.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;
z-index:1;
}

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

#sidebar-3,#road-notes,#sponsors {
border-left:0 solid #ccc;
float:left;
width:400px;
padding:10px 0 0 10px;
}

#sponsor-wrap {
margin-left:20px;
border:1px solid #a8a8a8;
background:#ededed url(images/sponsor-bkgd.gif) repeat-x top left;
}

.sponsor {
text-align:left;
padding:10px;
}

ul.sponsor-col {
width:189px;
float:left;
margin-top:10px;
}

ul.road-notes img {
float:left;
margin:5px;
}

.sponsor img {
float:left;
margin-right:10px;
}

#slide-nav {
margin:5px;
clear:both;
}

a#next-slide,a#previous-slide {
display:block;
width:160px;
height:27px;
float:left;
background:url(images/slide-arrows.gif) no-repeat top left;
text-indent:-9999px;
}

a#next-slide {
float:right;
background:url(images/slide-arrows.gif) no-repeat bottom right;
}

#note {
width:432px;
height:305px;
padding:0;
overflow:hidden;
}

.flickr-slide {
width:431px;
height:305px;
}

#note img {
display:block;
margin:8px 15px;
}

ul.road-notes strong {
color:#660000;
}
ul.recent strong {
color:#000;
}

.video-thumb {
float:left;
margin:10px 0;
}

#content.home {
padding-top:10px;
}

#portfolio-index,.highslide-gallery {
margin:20px 40px;
}
#portfolio-index {
margin: 20px 100px;
}

#portfolio-index .highslide-thumb,.highslide-gallery .highslide-thumb {
width:240px;
float:left;
text-align:center;
font-family:Arial;
}

.highslide-gallery .highslide-thumb {
width:120px;
height:120px;
}

.highslide-wrapper,.highslide-outline {
background:transparent;
}

.highslide-image {
border:none;
}

.highslide-caption {
padding:5px;
font-weight:bold;
color:#fff;
}

.highslide-heading {
font-weight:bold;
color:#fff;
}

.highslide-thumb h2,#portfolio-index .highslide-thumb p,.highslide-thumb a {
margin-top:10px;
font-family:Arial;
color:#5a5b5e;
font-weight:normal;
font-size:11px;
}

.highslide-thumb p {
margin:0 10px;
}