Menu position - CSS help please

  • Thread starter Thread starter 14A
  • Start date Start date
1

14A

Hello all,

I have a few menu buttons that are in a seemingly fixed position, when I add a logo these buttons drop down the page (The same distance as the logos height). I have literally spent hours going through various CSS files and cannot for the life of me find where to change this.

Could someone advise me please, below is the Stylesheet

Code:
/*
Theme Name:zBench
Theme URI:http://zww.me/archives/25131
Description:It is a simply WordPress theme without any plugins needed (support plugin WP-PageNavi, WP Page Numbers, WP-PostViews, wp-utf8-excerpt, Related Posts of Simple Tags, WP-RecentComments), little images, custom-menu, widgets, threaded-comments, Valid CSS3 & HTML. For WordPress version 3.0+
Version:1.1.4
Author:zwwooooo
Author URI:http://zww.me/
Tags:custom-menu, threaded-comments, two-columns, fixed-width, right-sidebar, theme-options
License:GNU General Public License, v2 (or newer)
License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
/* static START */
*{margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
abbr[title], acronym[title]{border-bottom:thin solid;cursor:help;}
body{background:#f7f7f7 url('/background.png');background-repeat: no-repeat; background-position: 200px 10px;
font-size:12px;font-family:Tahoma,Arial,Helvetica,sans-serif;color:#333;text-align:left;}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",Times,serif;font-weight:bold;}
h1{font-size:24px;line-height:30px;}
h2{font-size:20px;line-height:26px;}
h3{font-size:16px;line-height:24px;}
h4{font-size:14px;line-height:20px;}
h5{font-size:14px;line-height:20px;}
h6{font-size:14px;line-height:20px;}
small{font-size:10px;line-height:16px;}
dl{font-size:12px;}
dt{width:120px;font-weight:bold;}
dd{}
a{color:#047;text-decoration:none;}
a:hover{color:#4a630f;text-decoration:none;}
fieldset,img{border:none;}
hr{display:none;}
.toggle{display:none;}
/* fixed */
.fixed{clear:both;margin:0;padding:0;}
/* radius */
#search,#sidebar-border,#sidebar,.sticky,#commentform textarea,.page-title,.page-title h1{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#author,#email,#url,#submit{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#menus a{-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;}
#menus ul ul a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
/* nav */
#nav{z-index:5;position:relative;height:100px;margin:0 auto;padding-top:10px;clear:both;background-color:rgb(48,48,48);}
#menus{width:700px;height:1px;margin:0 auto;padding-right:260px;}
#menus .nav_menu,div.menu{width:700px;height:31px;font-size:14px;text-shadow:0 1px 0 #000;}
#menus .nav_menu ul,div.menu ul{list-style:none;margin:0;}
#menus .nav_menu li,div.menu li{float:left;position:relative;margin-right:8px;}
#menus a{border:1px solid #555;border-bottom:none;color:#abaaaa;display:block;line-height:30px;background:#333;padding:0 10px;}
#menus ul ul{display:none;position:absolute;top:31px;left:0;float:left;width:150px;z-index:99999;}
#menus ul ul li{min-width:150px;}
#menus ul ul ul{left:100%;top:0;}
#menus ul ul a{background:#222;width:160px;height:auto;}
#menus li:hover > a,#menus ul ul :hover > a{background:#222;color:#fff;}
#menus ul li:hover > ul{display:block;}
#menus ul li.current_page_item > a,
#menus ul li.current-menu-ancestor > a,
#menus ul li.current-menu-item > a,
#menus ul li.current-menu-parent > a{background:#f7f7f7;color:#333;text-shadow:0 1px 0 #fff;}
#menus ul li.current_page_item:hover > a,
#menus ul li.current-menu-ancestor:hover > a,
#menus ul li.current-menu-item:hover > a,
#menus ul li.current-menu-parent:hover > a{background:#222;color:#fff;text-shadow:0 1px 0 #000;}
/* Search */
#search{box-shadow:2px 2px 5px #777;-moz-box-shadow:2px 2px 5px #777;-webkit-box-shadow:2px 2px 5px #777;position:absolute;background:#565657;right:50%;margin-right:-450px;bottom:-14px;width:230px;height:26px;overflow:hidden;border:1px solid #999;}
#search form{padding:0;}
#search input#s{width:190px;background:transparent;border:none;color:#ddd;padding:6px;font-size:12px;}
#search form input#searchsubmit{cursor:pointer;position:absolute;right:2px;top:0;width:30px;height:26px;background:#565657 url('images/search-input-bg.gif') no-repeat right 0;border:none;border-left:1px solid #999;}
/* wrapper */
#wrapper{margin:0 auto;width:960px;}
/* Header */
#header{z-index:1;position:relative;margin:30px auto 0;height:1px;}
#header h1{float:left;padding:0 0 0 10px;text-shadow:1px 1px 1px #999;font-size:28px;font-family:Georgia,"Times New Roman",Times,serif;}
#header h1 a{color:#222;line-height:30px;}
#header h2{float:left;height:20px;overflow:hidden;line-height:18px;padding:10px 0 0 20px;color:#222;font-size:12px;font-weight:normal;text-shadow:0 1px 0 #fff;}
/* Rss */
#rss{position:absolute;bottom:-10px;right:120px;}
#rss a{background:url("images/icons.gif") no-repeat 0 0;display:block;width:66px;height:20px;text-indent:-9999em;}
#twitter{position:absolute;bottom:-10px;right:95px;}
#twitter a{background:url("images/icons.gif") no-repeat -70px 0;display:block;width:20px;height:20px;text-indent:-9999em;}
#facebook{position:absolute;bottom:-10px;right:191px;}
#facebook a{background:url("images/icons.gif") no-repeat -95px 0;display:block;width:20px;height:20px;text-indent:-9999em;}
/* content */
#content{overflow:hidden;float:left;width:640px;padding:0;margin-right:20px;}
.page-title{margin:0 0 20px;background:#eee;border:1px solid #ccc;}
.page-title h1{font-size:18px;height:30px;line-height:30px;padding:5px 10px;border:1px solid #fff;}
 
Topic too long, continued:

Code:
/* Post */
.post{position:relative;width:640px;margin:0 0 10px;padding:0;}
div.post-single{margin:0;}
div.post-page{margin:0;border-bottom:1px solid #fff;}
h2.title{border-bottom:1px solid #fff;font-size:16px;text-shadow:1px 1px 3px #aaa;margin:0;padding:2px 10px;}
h2.title a{color:#445566;}
h2.title a:hover{color:#4a630f;}
h2.title-single{color:#445566;}
.entry ul,.entry ol{margin:0 30px 18px;}
.entry li{line-height:18px;}
.entry hr{display:block;}
.entry p{line-height:18px;margin:0 0 18px 0;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin:0 0 18px 0;color:#555;}
.entry{font-size:13px;overflow:hidden;padding:0 10px;}
.entry a{color:#333;text-decoration:underline;}
.entry a:hover{color:#4a630f;text-decoration:none;}
.entry img{background:#fff;border:1px solid #ddd;padding:5px;}
.entry table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;}
.entry th,.entry td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;}
.entry .entry tr.even td{background:#f7f7f7;}
.entry th{background:#edeff0;}
.entry blockquote{color:#555;padding:10px;margin:0 0 20px;border:1px solid #ddd;background:#eee;}
.entry code{background:#333;color:#ddd;}
.entry pre{font-size:12px;width:95%;line-height:16px;overflow:auto;font-family:"Courier New", FixedSys;color:#555;background:#fafafa;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:15px solid #ccc;border-right:1px solid #ccc;padding:0 5px 16px;margin:0 0 20px;}
.post-info-top{border-top:1px solid #ddd;line-height:18px;height:18px;position:relative;color:#999;margin:0 0 18px;padding:2px 10px;overflow:hidden;display:block;}
.post-info-bottom{border-bottom:1px solid #fff;line-height:24px;position:relative;color:#999;margin:0;padding:2px 10px;overflow:hidden;display:block;}
.post-info-top a,.post-info-bottom a{color:#999;}
.post-info-top a:hover,.post-info-bottom a:hover{color:#4a630f;text-decoration:underline;}
.entry p.read-more a,.entry p a.more-link,.post-info-date,.post-info-category,.post-info-tags,#gotocomments,#addcomment{display:block;padding-left:20px;background:url("images/icons.gif") no-repeat scroll 0 0;}
.post-info-date{float:left;background-position:0 -40px;}
.post-info-category{display:inline;background-position:-35px -60px;}
.post-info-tags{display:inline;background-position:-20px -240px;margin-left:10px;}
#gotocomments{float:right;background-position:0 -100px;margin-right:10px;}
#addcomment{float:right;background-position:0 -120px;}
.entry p.read-more a,.entry p a.more-link{display:inline;font-weight:bold;color:#4a630f;text-decoration:none;background-position:0 -20px;}
.entry p a.more-link{display:block;margin-top:18px;}
.entry p.read-more a:hover,.entry p a.more-link:hover{color:#999;}
.nav_link{}
.sticky{width:638px;background:#f2f2f2;border:1px solid #ccc;}
h2.sticky-h2 a{color:#ff4e00;}
.add-info{padding:0 10px;}
.add-info h3{line-height:16px;font-size:12px;color:#4a630f;margin-bottom:5px;background:#e5e5e5;}
.add-info ul{list-style:square;}
/* Sidebar */
#sidebar-border{overflow:hidden;float:left;width:298px;background:#f2f2f2;border:1px solid #ccc;}
#sidebar{width:276px;border:1px solid #fff;padding:20px 10px 10px;}
#sidebar a{color:#555;text-shadow:0 1px 0 #fafafa;}
#sidebar a:hover{color:#999;}
#sidebar h3,#sidebar h2{text-shadow:1px 1px 3px #aaa;color:#445566;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;margin:0;padding:0 5px;line-height:30px;border-bottom:1px solid #fff;}
#sidebar li{line-height:20px;}
#sidebar li.widget{margin-bottom:10px;}
#sidebar li.widget div{padding:8px 5px;border-top:1px solid #ddd;}
#sidebar li.widget div div{padding:0;border-top:none;}
#sidebar li.widget div.fixed{padding:0;margin:0;border:none;}
#sidebar ul{list-style:none;}
#sidebar ul ul{padding:8px 5px;border-top:1px solid #ddd;}
#sidebar ul ul ul{padding:0;border-top:none;}
#sidebar ul ul li{padding-left:15px;background:url("images/icons.gif") no-repeat 0 -280px;}
#sidebar ul ul li:hover{background:url("images/icons.gif") no-repeat -10px -260px;}
#zbench-cat select,#zbench-archives select{background:#fff;color:#555;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #fff;border-bottom:1px solid #fff;width:260px;height:25px;line-height:25px;}
/* WP-RecentComments */
#sidebar ul ul li.rc_item,#sidebar ul ul li#rc_nav{background:none;padding:0;margin:3px 0;}
#sidebar ul ul li.rc_item div{padding:0;border:none;}
#sidebar ul ul li.rc_item .rc_avatar img{border:1px solid #ddd;}
/* Comments */
#comments-div{border-top:1px solid #ddd;position:relative;line-height:24px;height:24px;text-shadow:1px 1px 1px #999;text-align:right;margin:0 0 30px;padding:2px 10px;}
h2#comments{line-height:24px;font-size:12px;font-weight:normal;width:300px;float:right;}
span#comments-addcomment{position:absolute;left:10px;top:2px;padding-left:20px;background:url("images/icons.gif") no-repeat 0 -115px;}
span#comments-addcomment a{color:#047;text-decoration:none;}
span#comments-addcomment a:hover{color:#4a630f;text-decoration:none;}
/* comments list style */
ol.commentlist li{position:relative;list-style:none;height:1%;margin:0 20px;padding-bottom:20px;}
ol.commentlist li div em.approved{margin-left:55px;color:#ff0000;}
ol.commentlist li div.comment-author{margin:0;padding:0;line-height:16px;height:16px;border-bottom:1px solid #ddd;display:block;}
ol.commentlist li div.vcard img.avatar{position:absolute;left:0;top:0;width:40px;height:40px;background:#fff;padding:2px;border:1px solid #ddd;}
ol.commentlist li div.vcard cite.fn{margin-left:55px;font-style:normal;font-weight:bold;}
ol.commentlist li div.vcard cite.fn a.url{color:#047;}
ol.commentlist li.bypostauthor div.vcard cite.fn a.url{text-shadow:1px 1px 1px #777;}
ol.commentlist li.bypostauthor div.vcard cite.fn a.url:hover{color:#000;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#aaa;}
/* ol.commentlist li div.vcard span.says{position:absolute;text-indent:-9999em;} */
/* ol.commentlist li div.comment-meta{position:absolute;left:55px;top:25px;} */
ol.commentlist li span.comment-meta{}
ol.commentlist li span.comment-meta a{color:#aaa;}
ol.commentlist li span.comment-meta a:hover{color:#555;}
ol.commentlist li div.comment-text{border-top:1px solid #fff;margin:0 0 10px;padding-top:10px;}
ol.commentlist li.bypostauthor div.comment-text{color:#777;}
ol.commentlist li p,ol.commentlist li blockquote{margin:0 50px 0 55px;padding-bottom:10px;}
ol.commentlist li blockquote{padding:5px;border:1px dotted #ddd;color:#999;background:#fafafa;}
ol.commentlist li blockquote p{margin-left:0;}
ol.commentlist li code{margin-bottom:10px;padding:2px;background:#777;color:#ddd;}
ol.commentlist li div.reply{position:absolute;right:0;top:8px;}
ol.commentlist li div.reply a{display:block;width:30px;text-align:center;color:#aaa;padding:0 5px;background:#fafafa;border:1px solid #dfdfdf;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
ol.commentlist li div.reply a:hover{background:#f2f2f2;}
ol.commentlist li ul.children li{margin:0 0 0 30px;padding-bottom:0;border-bottom:none;color:#555;}
ol.commentlist li ul.children li.depth-2{margin:0 0 0 55px;}
ol.commentlist li ul.children li div{border-top:1px solid #dfdfdf;}
ol.commentlist li ul.children li div div{border-top:none;}
ol.commentlist li ul.children li div.comment-author{border-top:1px solid #fff;border-bottom:none;}
ol.commentlist li ul.children li div.vcard img.avatar{top:-8px;width:24px;height:24px;}
ol.commentlist li ul.children li div.vcard cite.fn{margin-left:40px;}
/* ol.commentlist li ul.children li span.comment-meta{} */
ol.commentlist li ul.children li p,ol.commentlist li ul.children li blockquote{margin:0 0 0 40px;}
ol.commentlist li ul.children li blockquote p{margin-left:0;}
ol.commentlist li ul.children li div.reply{top:-8px;}
ol.commentlist li ul.children li div.reply a{background:#f2f2f2;}
ol.commentlist li ul.children li div.reply a:hover{background:#fafafa;}
/* navigation */
#pagination,#nav-below{display:block;width:620px;line-height:18px;margin:0;padding:2px 10px;border-top:1px solid #ddd;}
.navigation{border-bottom:1px solid #fff;text-align:right;line-height:24px;margin:0;padding:2px 10px;}
#nav-below{display:inline-block;padding:20px 10px;border-top:1px solid #ddd;border-bottom:1px solid #fff;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}
/* respond */
#respond{margin:0 0 20px 0;padding:20px 0 0 55px;border-top:1px solid #ddd;}
#respond h2,#respond h3{text-shadow:1px 1px 1px #999;font-family:Georgia,"Times New Roman",Times,serif;margin-bottom:10px;}
#respond a#cancel-comment-reply-link{color:#920017;text-shadow:none;}
#respond a#cancel-comment-reply-link:hover{color:#FF4E00;}
#commentform{margin:0 55px 0 0;padding:0;}
#commentform p{margin:0 0 10px;padding:0;}
#commentform p.comment-notes{margin:10px 0;color:#999;}
#commentform a{}
#commentform textarea{padding:3px;background:#fff;border:1px solid #ddd;}
/* #commentform input{} */
/*.form-allowed-tags{display:none;}*/
#commentform .comment-form-comment label{display:none;}
#author,#email,#url{height:16px;margin-right:5px;padding:3px;border:1px solid #ddd;background:#fff;}
#comment{width:80%;height:125px;}
#submit{background:#222;font-weight:bold;color:#ccc;height:25px;padding:2px 10px;border:1px solid #555;}
#submit:hover{color:#fff;}
/* trackbacks-pingbacks */
.trackbacks-pingbacks h3{font-weight:bold;margin-bottom:10px;border-bottom:1px solid #ddd;color:#555;padding:3px 0;}
.trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle;}
.trackbacks-pingbacks ul li{margin-bottom:4px;}
 
Upvote 0
A link to the website would be handy to see where all these classes actually stack up. It's pretty much just gibberish without some context.
 
  • Like
Reactions: 14A
Upvote 0

Latest Articles