So , i need some help with style.css
I have 3 column theme , this one
But i want it to make something like this ,
I need to make the content smaller , advertisements area wider , and those other stuff area too lil wider , so they all are in one page !
I tried to do this , but hopeless , so im asking for help :) PLS
Heres the style.css
/*
* Default HTML tags
*/
a {
color: #181818;
}
a:visited {
color: #181818;
text-decoration: underline;
}
a:hover {
color: #181818;
}
acronym, abbr {
cursor: help;
}
blockquote {
border-left: 5px solid #e2c44a;
margin-left: 15px;
padding-left: 10px;
}
body {
background: #000000 url("images/background.jpg") repeat-x top;
color: #181818;
font-size: 60.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 auto;
padding: 0;
text-align: center;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font-size: 12px;
margin: 0px 0 6px 0;
padding: 4px 0 4px 5px;
font-weight: bold;
color: #ffffff;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
background: url("images/content-h2.jpg") repeat-x;
}
h2 a,
h2 a:visited {
text-decoration: none;
color: #ffffff;
}
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #fffc01;
}
h3 {
font-size: 120%;
margin-top: 0;
}
img {
padding: 3px;
border: #181818 1px solid;
margin-bottom: 5px;
}
img a:link {
padding: 3px;
border: #181818 1px solid;
margin-bottom: 5px;
}
img a:hover {
padding: 3px;
border: #181818 1px dotted;
margin-bottom: 5px;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
ul {
margin: 0;
padding: 0;
}
/*
* Classes
*/
/* The credits at the bottom of the site */
#credit {
color: #3f5179;
font-size: 11px;
width: 868px;
text-align: center;
margin: 0 auto;
padding: 5px 0 5px 0;
clear: both;
}
#credit a,
#credit a:hover,
#credit a:visited,
#credit a:visited:hover {
color: #underline;
}
/* For the blog tagline */
/* Link to the comments */
.feedback { font-size: 11px;
color: #181818;
text-align: right;
padding-bottom: 15px;
clear: both;
text-transform: lowercase;
}
.feedback a, .feedback a:visited { color: #181818;
font-weight: bold;
text-decoration: none;
}
.feedback a:hover, .feedback a:visited:hover {
text-decoration: underline;
color: #fe7200;
}
/* The post informations */
.meta {
font-size: 11px;
}
.meta li,
ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta a {
color: #181818;
text-transform: lowercase;
text-decoration: none;
font-weight: bold;
}
.meta a:hover {
color: #fe7200;
text-transform: lowercase;
text-decoration: underline;
}
.meta {
color: #181818;
font-weight: normal;
letter-spacing: 0;
font-size: 11px;
}
.storycontent {
font-size: 115%;
}
/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #fefefe;
border: 1px solid #000000;
color: #181818;
}
#commentform textarea {
width: 95%;
}
#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
}
ol#commentlist li {
list-style: decimal;
}
#content {
float: left;
width: 630px;
margin: 5px 0px 20px 23px;
padding: 0px 0px 10px 0px;
text-align: left;
display: inline;
}
#content ol li {
list-style: decimal;
}
#content ul {
margin-top: 10px;
margin-left: 25px;
}
#content ul li {
list-style-image: none;
}
#content-big {
float: left;
width: 629px;
margin: 5px 0px 20px 23px;
padding: 0px 0px 10px 0px;
display: inline;
text-align: justify;
}
#header {
font-size: 26px;
font-weight: bold;
text-decoration:none;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0 auto;
height: 300px;
width: 1000px;
padding: 0;
background: url("images/header.jpg");
}
.header-title {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#ffffff;
font-size:28px;
font-weight:bold;
padding: 48px 0px 0px 0;
text-align:center;
}
.header-title a{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-title a:hover{
color:#fffc01;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: normal;
color:#ffffff;
padding: 0px 0px 0px 0px;
text-align:center;
}
#footer {
width: 1000px;
height: 68px;
margin: 0 auto;
color: #181818;
font-size: 11px;
background: url("images/footer.jpg") no-repeat;
}
#footer p {
color: #181818;
text-decoration: none;
text-align:center;
margin-top: 5px;
}
#footer a {
color: #181818;
text-decoration: none;
font-weight: bold;
}
#footer a:hover {
color: #fe7200;
text-decoration: underline;
}
#footer a:visited {
color: #181818;
text-decoration: none;
}
#footer a:visited:hover {
color: #fe7200;
text-decoration: underline;
}
/*
* Left sidebar
*/
#menu-right {
float: right;
padding: 0px 0px 2px 0px;
margin-right: 6px;
width: 336px;
font-size: 11px;
display: inline;
}
.menu1 {
float: left;
width: 150px;
font-size: 11px;
padding: 0px 0px 12px 6px;
margin-top: 5px;
display: inline;
}
.menu1 h2 {
font-size: 12px;
margin: 0px 0 3px 0;
padding: 4px 0 4px 5px;
font-weight: bold;
text-align: center;
color: #ffffff;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
background: url("images/menu1-h2.jpg") repeat-x;
}
.menu1 a,
.menu1 a:visited {
text-transform: lowercase;
text-decoration: none;
color: #181818;
font-weight: bold;
}
.menu1 a:hover,
.menu1 a:visited:hover {
color: #181818;
text-decoration: underline;
}
.menu1 ul ul {
margin-left: 8px;
padding: 4px 0px 10px 0px;
}
.menu1 ul ul li {
list-style-image: none;
padding: 1px 0px 2px 0px;
}
.menu1 img {
padding: 4px;
border: #000000 1px solid;
background: #000000;
margin-bottom: 5px;
}
.menu1 a:link img {
padding: 4px;
border: #000000 1px solid;
background: #000000;
margin-bottom: 5px;
}
.menu1 a:hover img {
padding: 4px;
border: #e2c44a 1px solid;
background: #e2c44a;
margin-bottom: 5px;
}
.menu2 {
float: left;
width: 157px;
font-size: 11px;
padding: 0px 7px 12px 1px;
margin-left: 5px;
margin-top: 5px;
display: inline;
}
.menu2 h2 {
font-size: 12px;
margin: 0px 0 3px 0;
padding: 4px 0 4px 5px;
font-weight: bold;
color: #ffffff;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
background: url("images/menu2-h2.jpg") repeat-x;
}
.menu2 a,
.menu2 a:visited {
text-transform: lowercase;
text-decoration: none;
color: #181818;
font-weight: bold;
}
.menu2 a:hover,
.menu2 a:visited:hover {
color: #fe7200;
text-decoration: underline;
}
.menu2 ul ul {
margin-left: 6px;
padding: 4px 0px 10px 0px;
}
.menu2 ul ul li {
list-style-image: none;
padding: 1px 0px 2px 0px;
}
.125ads {
padding-left: 10px;
text-align:center;
}
/* End of left sidebar */
input#s {
width: 158px;
border: 1px solid #181818;
color: #181818;
}
#rap {
width: 1000px;
margin: 0 auto;
background: url("images/rap.jpg") repeat-y;
text-align: left;
}
#searchbutton {
margin-top: 2px;
}
