6 Replies - 820 Views - Last Post: 21 June 2011 - 11:21 AM

#1 nightwalker44  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 31
  • Joined: 12-April 09

CSS menu not aligning

Posted 17 June 2011 - 08:10 AM

Hey, would appreciate any help!

My the bottom of my Menu won't align with the Grey divider on the top of the site (i want no white space in between the bottom of the menu and the Grey line.

Attached Image

Also my menu has shifted on the far right. I want that extra space to go away, and if need to to add another page.
When i try to add another page it jumps to the next line.

Is there any way to automatically justify the menu to fit depending on how many menu items i add?
The margin's won't edit the way i need

what am i doing wrong?

@charset "utf-8";
/* CSS Document */

/* Reset ================================================================================= */
body {
	font:12px Arial, Helvetica, sans-serif;
	background-color: #eef3f3;
}
img {
	border:0;
	vertical-align:middle;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover { text-decoration:none; }
:focus { outline:0; }
/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin:0 0 5px;
	line-height:1.35;
	color:#0a263c;
}
h1 {
	font-size:20px;
	font-weight:normal;
}
h2 {
	font-size:18px;
	font-weight:normal;
}
h3 {
	font-size:16px;
	font-weight:bold;
}
h4 {
	font-size:14px;
	font-weight:bold;
}
h5 {
	font-size:12px;
	font-weight:bold;
}
h6 {
	font-size:11px;
	font-weight:bold;
}
/* Forms */
form { display:inline; }
fieldset { border:0; }
legend { display:none;  }
/* Table */
table {
	border:0; /*border-collapse:collapse;*/
	border-spacing:0;
	empty-cells:show;
	font-size:100%;
}
caption, th, td {
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
/* Content */
p { margin:0 0 10px; }
strong { font-weight:bold; }
address {
	font-style:normal;
	line-height:1.35;
}
cite { font-style:normal; }
q, blockquote { quotes:none; }
q:before, q:after { content:''; }
small, big { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul, ol { list-style:none; }
/* Tools */
.hidden {
	display:block !important;
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
	font-size:0 !important;
	line-height:0 !important;
	width:0 !important;
	height:0 !important;
	overflow:hidden !important;
}
.nobr { white-space:nowrap !important; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f-left, .left { float:left !important; }
.f-right, .right { float:right !important; }
.f-none { float:none !important; }
.f-fix {
	float:left;
	width:100%;
}
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
.no-border { border:none !important; }
.cleer {
	height: 0px;
	overflow: hidden;
	display: block;
	clear: both;
}
/* ======================================================================================= */


.main {
	margin: 15px auto 20px;
	width: 963px;
	min-height:300px;
	padding: 0px 0 20px 0px;
	background-color:#fff;
	border:1px solid #d3d3d3;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	-webkit-box-shadow: #6b6b6b 0px 1px 3px;
	-moz-box-shadow: #6b6b6b 0px 1px 3px;
	box-shadow: #6b6b6b 0px 1px 3px;
	behavior: url(http://www.47stblog.com/wp-content/themes/47photos/css3/PIE.htc);
}
.header {
	margin: 0;
	padding:0;
	width:963px;
}
.header_top {
	margin: 0;
	padding:0;
	width:963px;
	float:left;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	behavior: url(http://www.47stblog.com/wp-content/themes/47photos/css3/PIE.htc);
	background:url(images/header_top_bg.jpg) left top repeat-x;
}
.top_links { }
.header_top .top_links ul {
	float: right;
	padding: 0px 15px 0 0;
	margin:5px 0 0 0;
}
.header_top ul li {
	display:inline;
	border-right:1px solid #000;
	padding:0px 8px 0px 5px;
	line-height:12px;
}
.shop-links {
	margin:20px 0 0 0;
	float:left;
	width:380px;
}
.header_top .shop-links ul {
	float: left;
	padding: 3px 0px 0 10px;
	width:380px;
	height:15px;
}
.header_top .shop-links ul li {
	display:inline;
	border:1px solid #a6d0e7;
	padding:2px 8px 1px 8px;
	margin:0px 3px 0px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	behavior: url(http://www.47stblog.com/wp-content/themes/47photos/css3/PIE.htc);
	background:url(images/three_tab_bg.jpg) left top repeat-x;
}
.header_top .shop-links ul li a { font:bold 12px/14px Helvetica, Arial, sans-serif; }
.shop_by_phone {
	float:right;
	font:14px/19px Helvetica, Arial, sans-serif;
	color:#032c95;
	margin:10px 20px 0 0;
	width:190px;
	
}
.search_div { float:left; margin:0px 0 0 32px; *margin:0px 0 0 17px; padding:0px;   width:506px; }
.search_div input[type="text"] {
	float:left;
	border:2px solid #68b1f1;
	padding:0px 8px 0px 8px;
	margin:0px 6px 0px 13px;
	line-height:30px;
	width:340px;
	height:31px;
	line-height:31px;
	font:bold 15px/30px Arial, Helvetica, sans-serif;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	behavior: url(http://www.47stblog.com/wp-content/themes/47photos/css3/PIE.htc);
	background-color:#ededed;
}
.cart_info {
	float:left;
	width:197px;
	height:44px;
	padding:2px 8px 1px 11px;
	margin: -6px 0 0 28px;
	*margin: 6px 0 0 28px;
	background:url(images/cart_info.jpg) left top no-repeat;
}
span.items {
	float:left;
	padding:0px 0px 0px 0px;
	margin: 0px 0 0 32px;
	width:58px;
	font:13px/38px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}
span.amount {
	color: #FFFFFF;
	float: left;
	font: 15px/19px Arial, Helvetica, sans-serif;
	margin: 2px 0 0 0px;
	padding: 0;
	text-align: center;
	width: 100px;
}
.live_chat {
	display:block;
	float:right;
	margin: 0px 58px 0 0px;
	padding: 0px 0px 0px 0px;
	font:bold 15px/19px Arial, Helvetica, sans-serif;
}
.logo {
	display:block;
	float:left;
	margin: 0px 0 0 0px;
	padding: 16px 0px 0px 16px;
	width:241px;
	height:110px;
}
.nav {
	margin: 0px 0 0 -2px;
	float:left;
	width: 967px;
	height:41px;
	background:url(images/nav_bg.jpg) left top repeat-x;
}

.menu-header {
	margin: 0px 0 0 0px;
	float:left;
	width: 967px;
	height:41px;
	}
.nav ul {
	margin:0px;
	padding:0px;
	width: 967px;
}
.nav ul li {
	display: inline-block;
	float: left;
	height:17px;
	list-style: none outside none;
	margin: 0 0px;
	padding: 0px 0px 0px 0px;
}
.nav ul li a {
	float:left;
	line-height:10px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#fff;
	text-transform:capitalize;
	padding: 10px 26px 10px 26px;
	border-right:1px solid #6f88c5;
	border-left:1px solid #092a7e;
}
.nav ul li a.sale {
	padding: 2px 9px 2px 29px;
	border:none !important;
}
.nav ul li.menu-item-12 a {
		border-right:none !important;
}
.boxes {
	margin:0px;
	width:963px;
	float:left;
}
.box {
	margin:0px;
	width:235px;
	height:40px;
	float:center;
	background:url(images/box_bg.png) left top no-repeat;
	
}
.box img{
	margin:0px 4px 0 0;
	float:left;
	
}
.box_right {
	margin:0px;
	float:right;
	width:164px;
}
.box p{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#000;
	font-weight:bold;
	margin:0px 0 0 0;
	width:170px;
}

.box span{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#fff;
	font-weight:bold;
	float:left;
	padding:2px;
	background-color:#4fa7ba;
	margin:1px 0 0 2px;
}

.deal_of_day {
	margin:0px;
	width:217px;
	float:left;
	padding:3px 3px 2px 100px;
	background:url(images/deal_of_the_day.jpg) left 13px no-repeat;
}
.featured_product {
	margin:0px;
	width:217px;
	float:left;
	padding:3px 3px 2px 76px;
	background:url(images/featured_product.jpg) left 11px no-repeat;
}
.free_shipping {
	margin:0px;
	width:287px;
	height:23px;
	border:1px solid #277bbe;
	float:left;
	margin:10px 3px 2px 10px;
	padding:1px 3px 2px 10px;
	background:url(images/img3_bg.jpg) left top repeat-x;
	line-height:10px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:21px;
	color:#fff;
}
/*.box img { padding:12px 0 0 0; }*/
.middle {
	margin:0 0px 0 0px;
	width:963px;
	float:left;
	position:relative;
}
/* ======================================================================================= */

.slide_show_container {
	float:left;
	width:963px;
}
.slide_show_container .side_button .button {
	background-image: url("images/bkg_inactive_slide.png");
	background-repeat: no-repeat;
	height: 30px;
	padding: 19px 20px;
	width: 153px;
	cursor: pointer;
}
.slide_show_container .side_button .background_image {
	background-image: url("images/bkg_active_slide.png");
	width: 179px;
}
.side_button .button .title {
	font-size: 14px;
	font-weight :bold;
}
.side_button .button .content { color:#737373; }
.slide_show_container .side_button {
	float: left;
	z-index: 100;
	position: relative;
}
.slide_show_container .image_container {
	position: relative;
	z-index: 0;
}
.slide_show_container .image_container .image {
	position: absolute;
	left: 193px;
}
.side_button .background_image .title { color: #fff; }
.side_button .background_image .content { color: #fff; }
.slide_show_container .content_container {
	background-color: #FFFFFF;
	background-image: url("images/bkg_why_shop.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	float: right;
	height: 256px;
	padding: 0px 0;
	width: 183px;
}
.slide_show_container .content_container .heading {
	color:#df5dad;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px;
	background-image: none;
}
.slide_show_container .content_container .link { background-image: none; }
.slide_show_container .content_container .link a {
	color:#df5dad;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.slide_show_container .content_container li {
	border-top:1px solid #d7d7d7;
	padding: 9px 20px;
	margin-left: 2px;
	background-image: url("../images/home/bkg_li_square.png");
	background-repeat: no-repeat;
	background-position: 10px;
}
.slide_show_container .content_container li:FIRST-CHILD { border-top: none; }
/* ======================================================================================= */

/* Footer ================================================================================ */

.footer-container {
	background-image: url("images/bkg_mid.png");
	background-repeat: repeat-y;
	padding-top: 10px;
}
.footer-container .footer-strip {
	background-image: url("images/bkg_footer_strip.png");
	background-repeat: repeat-x;
	height: 41px;
	margin: 0 0 0 -2px;
	width: 966px;
}
.footer {
	margin:0px auto;
	padding:0px;
}
.top-footer {
	border-bottom: 1px solid #B8B8B8;
	margin: 0 0px;
	float:left;
	width:966px;
}
.top-footer .footer-column {
	float: left;
	height: 140px;
	padding: 15px 12px;
	width: 167px;
	border-left: 1px solid #b8b8b8;
}
.top-footer .footer-column:FIRST-CHILD { border-left: none;/*padding-left: 0px;*/ }
.footer-column .heading {
	font-size: 13px;
	font-weight: bold;
	height: 35px;
	overflow: hidden;
}
.footer-column .row:FIRST-CHILD { margin-top: 0px; }
.footer-column .row { margin-top: 10px; }
.footer-column .row .column {
	float: left;
	margin-left: 3px;
}
.footer-column .row .column:FIRST-CHILD { margin-left: 0px; }
.follow-us {
	float:left;
	margin: 0px;
	padding:0px;
	position:relative;
	
}
.footer-column .row {
	background-color: #FFFFFF;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	behavior: url(http://www.47stblog.com/wp-content/themes/47photos/css3/PIE.htc);
	float: left;
	height: 64px;
	margin: 74px 4px 4px !important;
	padding: 19px 4px 0 !important;
	width: 192px;
	position:relative;
}
.customer_assistance { background:url(images/customer_services.jpg) 134px 113px no-repeat !important; }
.company_info { background:url(images/company_info.jpg) 122px 103px no-repeat !important; }
.my_account { background:url(images/my_account.jpg) 136px 104px no-repeat !important; }
.tool {
	background:url(images/tool_resources.jpg) 116px 113px no-repeat !important;
	width:156px !important;
}
.follow_us_column {
	background: url("images/fellow_us_bg.jpg") no-repeat scroll left top #d1d1d1;
	height: 170px !important;
	padding: 0 !important;
	width: 207px !important;
	position:relative;
}
.middle-footer {
	width:966px;
	margin: 0 0 0 -2px;
	float:left;
	background-color:#d1d1d1;
	height:68px;
	border-bottom: 1px solid #B8B8B8;
	position:relative;
}
.middle-footer-box_outer {
	margin:7px;
	padding: 0px;
	float:left;
	border:1px solid #4a4a4a;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(http://www.47stblog.com/wp-content/themes/47photos/css3/PIE.htc);
	position:relative;
}
.middle-footer-box {
	padding: 0px;
	float:left;
	border:1px solid #d1d1d1;
	width:465px;
	height:51px;
	background:url(images/footer_box_bg.jpg) left top repeat-x;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(http://www.47stblog.com/wp-content/themes/47photos/css3/PIE.htc);
	position:relative;
}
.middle-footer-box p{
	font-size: 22px;
	line-height:51px;
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	text-transform:capitalize;
	font-weight:bold;
	text-shadow: -2px -1px 4px #38393B;
	/*filter: dropshadow(color=#38393b, offX=-1, offY=-1);*/
	padding-left:12px;
	
}


.bottom-footer {
	padding: 15px 16px 0 15px;
	float:left;
}
.bottom-footer .row { padding-top: 6px; }
.bottom-footer .row .column:FIRST-CHILD { padding-left: 0px; }
.bottom-footer .row .column {
	float: left;
	padding-left: 64px;
}
.bottom-footer .mcafee { padding: 7px 0px; }
.bottom-footer .bbb { padding: 13px 0px; }
.bottom-footer .cannon{ padding: 10px 0px; }
.bottom-footer .visa { padding-top: 1px; }
.bottom-footer .heading {
	font-size: 13px;
	font-weight: bold;
}
.footer .store-switcher {
	display:inline;
	margin:0 5px 0 0;
	color:#fff;
}
.footer .store-switcher label {
	font-weight:bold;
	vertical-align:middle;
}
.footer .store-switcher select {
	padding:0;
	vertical-align:middle;
}
.footer a {
	color:#587eaf;
	text-decoration:none;
}
.footer a:hover { text-decoration:underline; }
.footer .bugs {
	margin:13px 0 0;
	color:#ecf3f6;
}
.footer .bugs a {
	color:#ecf3f6;
	text-decoration:underline;
}
.footer .bugs a:hover { text-decoration:none; }
.footer address {
	margin:0 0 20px;
	color:#ecf3f6;
}
.footer address a {
	color:#ecf3f6;
	text-decoration:underline;
}
.footer address a:hover { text-decoration:none; }
.footer ul { display:inline; padding:0px; margin:0px; float:left;}
.footer ul.links { display:block;  }
.footer li { padding: 0px; margin:0px;}
.footer li a{ padding:3px 0 0 0; margin:0px; float:left; width:175px;}
.footer li:FIRST-CHILD { padding-top: 0px; }
.footer li.last {
	background:none !important;
	padding-right:0 !important;
}
.footer-container .bottom-container { margin:0 0 5px; }
/* ======================================================================================= */


/* Blog css ================================================================================ */


.middle_div {
    border-top: 1px solid #B8B8B8;
    float: left;
    margin: 20px 0 0;
    padding: 0px 0;
    width: 965px;
}
.content_inner_pages
{
	float:left;
	width:695px;
	}
.post_div
{
	width:685px;
	float:left;
	padding: 5px 10px 0px 15px;
	margin:10px 0px 10px 0px;
	
}
/*.post_div ul {
	margin:0px;
	padding:0px;
}
.post_div ul li {
    background: url("images/li_img.jpg") no-repeat scroll left 8px transparent;
    display: list-item;
    float: left;
    line-height: 25px;
    list-style: none outside none;
    margin: 0 0 0 30px;
    padding: 0 0 0 15px;
    width: 100%;
}*/
.post_div a:hover
{
	color: #d51068;
	text-decoration:underline;
	
}
.post_heading
{
	color: #d51068;
	font-size: 20px;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	
}
.post_heading a
{
	color: #d51068;
	text-decoration:none;
	
}
.category_date
{
	color: #000;
	float:left;
	width:625px;
	font-size: 10px;
	text-align:left;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: bold;
}
.comment_div
{
	color: #000;
	font-size: 13px;
	text-align:left;
	float:right;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
.post_content p
{
	display:inline;
	float:left;
	color: #000;
	line-height:20px;
	font-size: 14px;
	text-align:justify;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif
}
.sidebar
{
	float:right;
	width:200px;
	margin:20px 10px 0px 0px;
}

.search input 
{
	float:left;
	width:290px;
	margin:0px 0px 0px 1px;
	background:url(images/input_bg.jpg) left top repeat-x; 
	height:26px;
	line-height:28px;
	border:2px solid #B8B8B8;
	font-size:14px;
	background-color:#fff;
	text-transform:uppercase;
	color:#adb8b9;
	font-family:Verdana, Geneva, sans-serif;
}

.wedgets_div
{
	float:right;
	width:195px;
	margin:-21px -10px 5px 2px;
	background-color:#EEEDED;
	border:2px solid #B8B8B8;
	padding:0px 5px 0px 5px;
}
.wedgets_div a:hover
{
	color: #d51068;
	text-decoration:underline;
	
}
.wedget
{
   	float:left;
	width:190px;
	margin:4px 0px 4px 0px;
	padding:1px 0px 1px 0px;

}
.wedget_heading
{
	float:left;
	width:195px;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	background:url(images/box_bg.png) center top no-repeat; 
	height:40px;
	font-size:17px;
	text-transform:capitalize;
	line-height:30px;
	color:#ffffff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
}

.wedget ul 
{
	float:left;
	margin:13px 0px 13px 0px;
	padding:0px;
	
	
}
.wedget li 
{
	list-style:none;
	
	
}
.wedget ul li
{
	text-decoration:none;
	list-style:none;
	display:block;
	float:left;
	text-align:left;
	width:195px;
	line-height:21px;
	margin:0px 0px 0px 0px;
	text-transform:capitalize; 
}
.wedget ul li a
{
	color: #000;
	font-size: 13px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	line-height:19px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
.form-allowed-tags
{
	display:none;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: bold;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
.page-title {
	color: #000;
	font-size: 28px;
	font-weight: bold;
	margin: 10px 0 0 16px;
	text-decoration:underline;
}
.page-title span {
	color: #d51068;
	font-size: 28px;
	font-style: italic;
	font-weight: normal;
}
.pagination_div {
	
	float:left;
	width:610px;
	height:29px;
	/*border:1px solid red;*/
    margin:10px;
}

/* ======================================================================================= */
.welcome_txt { 
    float:left;
	margin:0px 45px 2px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#000;
	text-align:center;
 }
.header_text {
	float:left;
	margin:10px 3px 12px 34px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	color:#41477a;
	text-align:center;
	width:490px;
}
.social_media_header {
    background: url("images/follow_us.png") no-repeat scroll left 0 transparent;
    float: left;
    height: 40px;
    margin: -22px 0 -4px 10px;
    padding: 20px 0 0px 5px;
    width: 149px;
}
.social_media_header img{
	
	float:left;
	width:32px;
	height:32px;
	margin:1px;
	
}
.follow-us .row img{
	
	float:left;
	width:43px;
	height:43px;
	margin:1px;
	
}
.screen-reader-text{
	
	display:none;
	
}
#wp-calendar {
	width: 100%;
	float:left;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.footer_outer {
	margin: 0px;
	width: 100%;
		
}
.footer_nav {
	margin: 0px auto;
	width: 965px;
		
}	
.footer_nav ul {
	margin:0px 0 0 185px;
	width: 965px;
	float:left;
	padding:0px;
	text-align:center;
}
.footer_nav ul li {
    border-right: 1px solid #000;
    display: inline-block;
	float:left;
    list-style: none outside none;
    padding: 0;
}
.footer_nav ul li a {
    color: #000;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    line-height: 11px;
    padding: 0 6px 2px;
    text-decoration: none;
    text-transform: capitalize;
}
	
.footer_copyright {
    margin: 0 auto;
    text-align: center;
    width: 964px;
    
}
.footer_outer p {
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	text-align:center;
}



Is This A Good Question/Topic? 0
  • +

Replies To: CSS menu not aligning

#2 nightwalker44  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 31
  • Joined: 12-April 09

Re: CSS menu not aligning

Posted 17 June 2011 - 11:53 AM

www.47stblog.com is the site
Was This Post Helpful? 0
  • +
  • -

#3 nightwalker44  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 31
  • Joined: 12-April 09

Re: CSS menu not aligning

Posted 20 June 2011 - 06:32 AM

can anyone help?
Was This Post Helpful? 0
  • +
  • -

#4 BiffBaffBoff  Icon User is offline

  • D.I.C Head

Reputation: 20
  • View blog
  • Posts: 77
  • Joined: 10-February 11

Re: CSS menu not aligning

Posted 20 June 2011 - 09:45 AM

Hi there,

I think the way to solve your first problem, you need to remove the margin from your "middle_div" class on line 667 in your css file, that'll remove the white space which I think is what you're asking? It currently has a margin of 20px set to the top of the element.

As for your 2nd problem, I dont see that anymore so you either solved it or I'm blind. ;P

I hope that helps, if you have any other problems let me know.
Was This Post Helpful? 0
  • +
  • -

#5 Camerosaurus Rex  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 65
  • Joined: 06-June 11

Re: CSS menu not aligning

Posted 20 June 2011 - 09:49 AM

In addition to Biff's post, make sure that any width settings aren't constraining the menu bar from adding more elements. There's a lot of CSS there and I don't know which of it belongs to your menu.
Was This Post Helpful? 0
  • +
  • -

#6 robahas  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 55
  • Joined: 03-February 11

Re: CSS menu not aligning

Posted 21 June 2011 - 08:45 AM

A great way to troubleshoot this sort of thing is with Chrome's right-click | Inspect Element. I found that 20px top margin in like 20 seconds. Notice that you can see the css controlling a highlighted section on the right, and you an toggle it on and off to verify that it is doing what you think it's doing. IE also has a similar tool(F12).
Was This Post Helpful? 0
  • +
  • -

#7 nightwalker44  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 31
  • Joined: 12-April 09

Re: CSS menu not aligning

Posted 21 June 2011 - 11:21 AM

thanks!!!!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1