Fixing Small Offset – Right Margin
-
so i wanted to add some kind of wrapper to extend the sidebar and make it flexible with the main content section. it appears to have worked. but here is a small offset on the right hand side (about 3px) and i can’t seem to do anything to get rid of it. i just want it to line up. site is: teamairplay.com thanks
/*
Theme Name: Golden Essence
Theme URL: https://essence.ithemes.com
Description: Golden Essence is an elegant Widget-ready theme created for WordPress.
Author: Brian Gardner / iThemes
Author URI: https://ithemes.com
Version: 2.0Changelog:
v2.0 – 03.26.08
Second Release of Golden Essence
v2.5 – 07.21.08
-Updated to fix bugs, add more options
*/
html {
background: #D9D8AC url(images/bg.png) repeat-x;
}
body {
background: url(images/body-bg.png) repeat-y;
width: 852px;
color: #555555;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
.clearfix:after { content: “.”; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }#wrap {
background: url(images/wrap2.png) top center no-repeat;
width: 852px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}#wrapper{
margin:0 auto;
width:790px;
}#content{
border-right:solid 162px #DFDFDF;
position:absolute;
width:620px;
}#sidebar{
background:#bab794;
margin-left: 620px;
position:absolute;
width: 160px;
}
/************************************************
* Hyperlinks *
************************************************/a, a:visited {
color: #1e42b0;
text-decoration: none;
}a:hover {
text-decoration: underline;
}/************************************************
* Header *
************************************************/#header {
background: #FFFFFF url(images/header.png);
width: 780px;
height: 100px;
color: #c9c7a0;
font-size: 24px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}#header a img {
border: none;
margin: 0px;
padding: 0px;
}#header h1 {
color: #666666;
font-size: 36px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: -300px;
padding: 25px 0px 0px 20px;
text-decoration: none;
}#header h1 a, #header h1 a:visited {
color: #666666;
font-size: 36px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}#header h1 a:hover {
color: #666666;
text-decoration: none;
}#headerleft {
width: 560px;
float: left;
font-size: 14px;
margin: 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}#headerleft p {
color: #666666;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px 0px 0px 25px;
text-decoration: none;
}#headerright {
width: 200px;
float: right;
font-size: 12px;
text-align: right;
margin: 0px;
padding: 40px 10px 0px 0px;
overflow: hidden;
}#headerright p {
color: #666666;
font-size: 18px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px;
padding: 0px 0px 0px 20px;
text-decoration: none;
}/************************************************
* Navbar *
************************************************/#navbar {
background: #c9c7a0;
width: 780px;
height: 30px;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}#nav {
margin: 0px;
padding: 0px;
list-style: none;
}#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}#nav a {
background: #a0996f;
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0px 0px 3px 0px;
padding: 8px 10px 8px 10px;
}#nav a:hover {
background: #333333 url(images/navdrop.gif);
color: #333333;
display: block;
text-decoration: none;
margin: 0px 20px 0px 0px;
padding: 8px 10px 8px 10px;
}#nav li {
float: left;
margin: 0px;
padding: 0px;
}#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 160px;
}#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #333333 url(images/navdrop.gif);
color: #333333;
width: 160px;
float: none;
margin: 0px;
padding: 8px 10px 8px 10px;
border-top: 1px solid #FFFFFF;
}#nav li li a:hover, #nav li li a:active {
background: #AAA786 url(images/navhov.gif);
color: #333333;
}#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}#nav li:hover ul {
left: auto;
display: block;
}#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}/************************************************
* Hometop *
************************************************/#hometop {
width: 780px;
height: 330px;
background: #bab794;
margin: 0px auto 0px;
padding: 5px 0px 0px 0px;
line-height: 20px;
}#hometop p {
padding: 0px 0px 5px 0px;
margin: 0px;
}#hometop h1 {
color: #84805B;
font-size: 22px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}#hometop h1 a, #hometop h1 a:visited {
color: #A29E78;
text-decoration: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}#hometop h1 a:hover {
color: #A29E78;
text-decoration: none;
}#hometop img {
float: left;
border: none;
margin: 0px 0px 0px 0px;
}/************************************************
* Bottom Sidebars *
************************************************/#bottom {
background: #bab794;
width: 780px;
margin: 0px auto 0px;
padding: 10px 0px 20px 0px;
line-height: 20px;
clear: both;
}#bottom p {
padding: 0px 0px 0px 0px;
margin: 0px;
}#bottom h2 {
color: #84805B;
font-size: 18px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}#bottom h2 a, #bottom h2 a:visited {
color: #84805B;
text-decoration: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}#hometop h2 a:hover {
color: #84805B;
text-decoration: none;
}#bottom img{
float: left;
border: none;
margin: 0px 0px 10px 0px;
}#bottom ul{
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#bottom ul li{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}.bottomleft {
background: #bab794;
float: left;
width: 220px;
margin: 0px 0px 0px 0px;
padding: 10px 15px 0px 10px;
overflow: hidden;
}.bottommiddle {
background: #bab794;
float: left;
width: 220px;
margin: 0px 0px 0px 0px;
padding: 10px 20px 0px 20px;
overflow: hidden;
}.bottomright {
background: #bab794;
float: right;
width: 220px;
margin: 0px 20px 0px 0px;
padding: 10px 10px 0px 20px;
overflow: hidden;
}/************************************************
* Content *
************************************************/#content {
width: 780px;
background: #bab794;
border: 5px solid #bab794;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
min-height: 0px;
}#content p {
padding: 0px 0px 0px 0px;
margin: 0px;
}#content h1 {
color: #000000;
font-size: 28px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 10px;
}#content h1 a, #content h1 a:visited {
color: #000000;
text-decoration: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}#content h1 a:hover {
color: #D51515;
text-decoration: none;
}#content h2 {
color: #202020;
font-size: 18px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
padding: 10px 0px 3px 0px;
margin: 0px 0px 5px 0px;
border-bottom: double #C0C0C0;
}#content h4 {
color: #000000;
font-size: 14px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}#contentleft p img {
border: none;
float: left;
margin: 0px 10px 10px 0px;
}blockquote {
margin: 0px 20px 15px 20px;
padding: 5px 0px 5px 15px;
border-left: 5px solid #C0C0C0;
}#content blockquote p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#contentleft {
float: left;
width: 550px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#contentleft ol {
margin: 0px 0px 0px 5px;
padding: 0px 0px 15px 0px;
}#contentleft ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}#contentleft ul {
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}#contentleft ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}#contentright {
float: right;
width: 550px;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 0px;
}#contentright ol {
margin: 0px 0px 0px 5px;
padding: 0px 0px 15px 0px;
}#contentright ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}#contentright ul {
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}#contentright ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}.archive {
float: left;
width: 250px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}.postmeta {
font-size: 12px;
padding: 5px 0px 50px 0px;
margin: 0px;
border-top: 1px dotted #C0C0C0;
}/************************************************
* News Page *
************************************************/#newspage {
width: 760px;
margin: 0px auto 0px;
padding: 20px 0px 0px 0px;
line-height: 20px;
}#newspage h2 {
color: #84805B;
font-size: 22px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}#newspage p {
padding: 0px 0px 0px 0px;
margin: 0px;
}#newspage img {
border: none;
margin: 0px 0px 10px 0px;
}#newspage ul{
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#newspage ul li{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}#newspageleft {
float: left;
width: 350px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 10px 10px;
overflow: hidden;
border-right: 1px solid #C0C0C0;
}#newspageright {
float: right;
width: 350px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 0px;
overflow: hidden;
}/************************************************
* Featured Top *
************************************************/#featuredtop {
background: #F8F5EC;
width: 750px;
height: 260px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
line-height: 20px;
border-bottom: 5px solid #ACA988;
}#featuredtop p {
padding: 10px 0px 10px 10px;
margin: 0px;
}#featuredtop h1 {
color: #84805B;
font-size: 22px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}#featuredtop h1 a, #featuredtop h1 a:visited {
color: #A29E78;
text-decoration: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}#featuredtop h1 a:hover {
color: #A29E78;
text-decoration: none;
}#featuredtop img {
float: right;
border: none;
margin: 0px 0px 10px 20px;
}/************************************************
* Info Top *
************************************************/#infotop {
background: #fff;
width: 760px;
height: 260px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
border-bottom: 0px solid #666666;
}#infotop p {
padding: 0px 0px 10px 0px;
margin: 0px;
}#infotop h1 {
color: #84805B;
font-size: 22px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}#infotop h1 a, #featuredtop h1 a:visited {
color: #84805B;
text-decoration: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}#infotop h1 a:hover {
color: #000;
text-decoration: none;
}#infotop img {
float: right;
border: none;
margin: 0px 0px 10px 20px;
}/************************************************
* Left Sidebar *
************************************************/#l_sidebar {
float: left;
width: 160px;
margin: 0px;
padding: 10px 0px 20px 20px;
line-height: 20px;
display: inline;
}#l_sidebar p {
padding: 0px 0px 15px 0px;
margin: 0px;
}#l_sidebar a img {
border: none;
margin: 0px 0px 3px 0px;
padding: 0px;
}#l_sidebar h2 {
color: #202020;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
padding: 10px 0px 3px 0px;
margin: 0px 0px 5px 0px;
border-bottom: double #C0C0C0;
}#l_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}/************************************************
* Right Sidebar *
************************************************/#r_sidebar {
float: right;
width: 160px;
background: #bab794;
margin: 0px;
padding: 4px 10px 20px 10px;
line-height: 20px;
display: inline;
}#r_sidebar p {
padding: 0px 0px 15px 0px;
margin: 0px;
}#r_sidebar a img {
border: none;
margin: 0px 3px 5px 0px;
padding: 0px;
}#r_sidebar h2 {
color: #202020;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
padding: 10px 0px 3px 0px;
margin: 0px 0px 5px 0px;
border-bottom: double #C0C0C0;
}#r_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}/************************************************
* Widgets *
************************************************/#subscribe ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#subscribe ul li {
background: #FFFFFF url(images/rss.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin: 0px 0px 0px 0px;
}#recent-posts ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#recent-posts ul li {
background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}#recent-comments ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#recent-comments ul li {
background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}#categories-1 ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#categories-1 ul li {
background: #FFFFFF url(images/icon_categories.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}#archives ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#archives ul li {
background: #FFFFFF url(images/icon_archives.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}#pages ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#pages ul li {
background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}#links ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#links ul li {
background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}#meta ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#meta ul li {
background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}#text-1 ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}#text-1 ul li {
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}/************************************************
* Footer *
************************************************/#footer {
background: #bab794;
width: 780px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}#footer p {
color: #000000;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 10px;
padding: 0px 0px 0px 0px;
}#footer a, #footer a:visited {
color: #555555;
text-decoration: none;
}#footer a:hover {
text-decoration: underline;
}#footer a img {
border: none;
margin: 0px 0px 0px 10px;
padding: 0px;
}.footerleft {
width: 375px;
float: left;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}.footerright {
width: 375px;
float: right;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}/************************************************
* Search Form *
************************************************/#searchdiv {
margin: 0px;
padding: 0px;
}#searchform {
margin: 0px;
padding: 0px;
overflow: hidden;
}#s-head {
background: #FFFFFF;
width: 240px;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 5px 0px 20px 0px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
}#s {
background: #FFFFFF;
width: 220px;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 5px 0px 20px 0px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
}#signup {
background: #F5F5F5;
width: 240px;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 0px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
}#name, #email, #url {
background: #FFFFFF;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
}#submit {
background: #DDDDDD;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #666666;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #666666;
}#words {
background: #FFFFFF;
width: 380px;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 4px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #666666;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #666666;
border-bottom: 1px solid #DDDDDD;
}/************************************************
* Comments *
************************************************/#commentblock {
color: #000000;
float: left;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}#commentblock ol {
list-style-type: square;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}.commentdate {
font-weight: bold;
font-size: 12px;
}.commentname {
color: #000000;
font-weight: bold;
margin: 0px;
padding: 5px 0px 0px 0px;
}.commentinfo {
clear: both;
}.commenttext {
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 0px 0px 0px 0px;
margin: 5px 0px 20px 0px;
border-bottom: 1px dotted #C0C0C0;
}.commenttext-admin {
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
padding: 0px 0px 0px 0px;
margin: 5px 0px 20px 0px;
border-bottom: 1px dotted #C0C0C0;
}
- The topic ‘Fixing Small Offset – Right Margin’ is closed to new replies.