/*  
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
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, arial, lucida bright, sans-serif; font-size:65%; text-align:center; line-height:1.3; background:#000000;}
body {background-color:#000000;
        background-image: url(images/background3.jpg);
	background-repeat: repeat-y;
	color:#555555; 
}
#page {width:960px; margin: auto; text-align:left; background-color:#000000;margin-bottom: 10px;margin-top: 10px;
}
 /*this is for the bike49 title that appears at the very top of the page and the background for the entire page.*/

#header{width:960px; float:left; position:relative;}
#container{width:920px; float:left; padding:0;margin-left:19px;}/*when you change the float to center the entire header moves up*/
#rotating{display:block; width:920px; height: 335px; padding:0; margin-top: 15px; margin-bottom: 20px; border: dashed 1px #663300;
	background-image: url( "images/ss.jpg" ); 
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

#note{
	float:right;/*moves big picture*/
	right:0;
	top:0;
	padding:4px;
	margin-right:18px;
	margin-top:21px;
	width: 401px;
	height: 285px;
   background: url(images/gradient.png); 
background-repeat: repeat-x;	
     

}

.search{float:right;/*moves search box, can only move left or right or none*/padding-right:25px;
	padding-top:25px;
}
.search input{
	color: #996633;
	padding: 3px;
	border: dashed 1px #663300;
	background-color:#151515;
	width: 200px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.search input:hover {
	border: solid 1px #663300;
	background-color:#eaf6f6;}
}

#note p{font-size:1em;font-weight:bold;color:#000;}
#note li{list-style-type:none}
#note li a{color:#000;float:inherit;}
#content{width:630px; float:left; padding:35px 19px 0 0;}/*moves content ie the page*/

#secondary{
	width:250px;
	float:right;
	font-size:1.2em;
	background-color:#000000;/*090909*/
	margin-bottom:30px;
        margin-top: 50px;
}
#sidebar-1{border:1px dashed #663300; 
         background-color:#151515;
        -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.sidebar{float:right; width:225px; padding:10px 10px 0px 10px;}

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

.homelink{font:30px/1 georgia, verdana, arial, sans-serif; padding:15px 0 10px 19px;text-transform:uppercase;}
.homelink a{color:#996633;}
.homelink a:hover{color:#663300; text-decoration:none;}
.description{color:#a8a8a8; 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:black; color:black/*#f87217*/; display:block; text-decoration:underline; 

position:absolute; top:0.5em; right:999em;}
#skip a:first-letter{text-decoration:underline;}
#skip a:hover{background:#090909;}

ul.menu{font:bold;font-size:2px;padding-left:0px; font-color: #151515; float:left;display:block;padding-top:10px;color:#151515/*#f87217*/}
ul.menu li{11px/1 verdana, georgia, arial, sans-serif;padding-top:275px;float:left;font:bold}
ul.menu li a{display:inline;float:left; background-color:#151515; padding:0px;color:#151515/*#f87217*/;
	-moz-border-radius-topright: 2px;
	-khtml-border-top-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-khtml-border-bottom-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
filter:alpha(opacity=0);
	-moz-opacity:.85;
	opacity:.85;	
}
ul.menu li a:hover{color:#151515; font:bold;text-decoration:underline; background:#151515/*#f87217*/;}
ul.menu li.current_page_item a{color:#151515; background:#151515/*#f87217*/;font:bold;}
	
b, strong{font-weight:bold;}
i, em, dfn, .fn, cite{font-style:normal;}
dfn{font-weight:bold;}
abbr, acronym{border-bottom:1px solid #a8a8a8;}
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 #a8a8a8; overflow:auto;}
hr{background:#ddd; 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:#555555; background:url('images/quote.gif') no-repeat;}

h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: georgia, verdana, sans-serif; letter-spacing:-0.3px; color:#996633;}
.entry-title{font:bold;font-size:2.0em; margin:0.9091em 0 0;text-transform:uppercase;color:#996633;}/*color was 996633 and font size was 2.2em*/

.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 #a8a8a8;}
.entry-content{font-size:1.2em; line-height:1.5385; margin:1.5385em 0 0; color:#a8a8a8;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 0px #ccc;
	border-bottom:solid 0px #ccc;
	display:block;
	width:50px;
	height:50px;
	float:left;
	background-color:#eaf6f6;/*fff*/
	padding:6px;
	margin-top:0;
	margin-bottom:10px;
	margin-right:10px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;	
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-align:center;
	font-family: arial; sans-serif;
	font-size: 19px;
	font-weight:bold;
	color: #000000;
}

.entry-byline{color:#996633; 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:#555555;}
.entry-categories{
	background:#000000 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:#555555; 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 #444;}
.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:#996633; 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:#090909;}
.entry-content tfoot{background:#090909;}

#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 a{color:#f87217;}
.rss a:hover{color:#D55907;}
.rss{background:#eaf6f6 /*fff*/ url(images/rss.png) no-repeat 2% 47%;}
.twitter a{color:#f87217;}
.twitter a:hover{color:#d55907;}
.twitter{background:#eaf6f6 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;}

.pagenav, .widget {
	font-size:1em;font-family:verdana;text-align:center;
	line-height:1.5;
	margin:0 0 1em;
	padding:5px 5px 5px 5px;
	background:#eaf6f6;/*background colors of sidebar*/
	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:#f87217;/*widget title color*/ text-transform:none; font-weight:bold;font-size:14px;font-family:verdana;}
.pagenav ul li a, .widget ul li a {color:#996633;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-top: 20px; margin-bottom: 15px; margin-right: 30px; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; padding:10px ; padding-bottom: 3px; font:12px/20px georgia, verdana, sans-serif;}

#footer .left{width:50%; float:left; text-align:left;}
#footer .right{width:50%; float:left; text-align:right; margin-top:110px;}
.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:#a8a8a8;}
.comment-content p{margin:1.8181em 5px 1.8181em 0;}

.alt{background:#ececec;padding:15px;}
.authorcomment{background:#ccc;}
.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: #ccc;
	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: #ffffff;
	color:#000000;
}

#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:none;color:#663300;}
.entry-title a:hover, .entry-byline a:hover, .navigation a:hover{color:#663300;text-decoration:none;}
.entry-byline a{color:#996633;}
.entry-content a:hover{color:#663300;}
#content.page-template .entry-content a{text-decoration:none; font-weight:normal;}
#content.page-template .entry-content a:hover{text-decoration:none; color:#663300;}
#footer a:hover{color:#663300;}
.gnavigation a:hover{border-bottom:none;}
.comments-link{
	font:normal 1.2em/1.6666 georgia, sans-serif;
	background:#000000 url(images/packaged.gif) no-repeat center left;
	padding:3px;
	padding-left:20px;
}
.comments-link a:hover{text-decoration:none; color:#663300;}
}

#simplegallery{
	position: relative;
	visibility: hidden;
}

#simplegallery .gallerydesctext{
	text-align: left;
	padding: 2px 5px;
}
<style>
<li class= "css menu"> <a class="css menu" href= "#"
<span>About</span>
<ul class= "css menue"><a class="css menue" href="www.picasaweb.google.com/sara.dykman"> Who we are </a></li>
</style>