Need Help with Style Sheet Coding
-
We have been playing out with our style sheet to add more spacing between paragraphs. When we set the margins to 10 on the style sheet, our search bar moved down and now is misplaced. Can you help?
Here’s our website:
http://blog.mckinleymarketingpartners.com/Here’s our code:
/*
Theme Name: WordPress theme 660
Theme URL: http://wordpress.org/
Description: A theme from Template-Help.com Collection
Version: 2.6
Author: Template_Help.com
Author URL: http://www.Template-1Help.com/
*/
/* CSS Document */
*{margin:10; padding:10;}
ul{list-style:none;}
body{ font-family:arial; font-size:11px; line-height:14px; color:#3C3C3C; background:#D8D9D3;}
img { border:0;}table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}/***forms*******************************************/
input, textarea{font-family:Tahoma; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:263px; height:auto; color:#000000; height:16px; margin-right:3px; border: solid 1px #DEDEDE;}
.column_center input, .column_center textarea { margin:3px 0 3px 0;}/***end forms*******************************************/
.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 840)? “840px” : “100%”); min-width:840px;}
.main {width:840px; margin:auto;}a {color:#3C3C3C; text-decoration:underline;}
a:hover{text-decoration:none;}h1 { font-size:3.09em; color:#ffffff; font-weight:normal; line-height:1.01em; width:auto; visibility: hidden;}
h1 a {color:#003366; text-decoration:none;}
h2{ font-size:1.01em;}
h3 { color:#424242; font-weight:normal; font-size:1.63em; line-height:1.18em; padding:0 0 9px 0;}
h3 a {color:#424242; font-size:1.01em; line-height:1.01em; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
.pagetitle { padding:10px;}
.center { padding:0 0 10px 0;}/***global*******************************************/
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}/* Using ‘class=”alignright”‘ on an image will (who would’ve
thought?!) align the image to the right. And using ‘class=”centered’,
will of course center the image. This is much better than using
align=”center”, being much more futureproof (and valid) */img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}img.alignright {
padding: 4px;
margin: 0 0 2px 37px;
display: inline;
}img.alignleft {
padding:0 0 28px 0;
margin: 0 30px 0 0;
display: inline;
}.alignright {
float: right;
}.alignleft {
float: left
}
/* End Images */ul { margin:0;}
.float{float:left; margin:0 20px 0 0;}
.col{float:left;}
.side_bar { float:left; width:202px; margin:0 -202px 0 0; position:relative;}
.column_center{float:left; width:100%;}
.indent_center { padding:4px 0 0 4px; margin:0 0 0 202px;}
.clear{clear:both;}
.w100 { width:100%;}
.h100 { height:100%;}
.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}
.in20 { padding-bottom:20px;}
/***global*******************************************/.content .indent { padding:0 0 0 0;}
/***box*******************************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}.side_left{ background:url(images/side_left.gif) left top repeat-y #FFFFFF;}
.side_right{ background:url(images/side_right.gif) right top repeat-y;}
.side_top{ background:url(images/side_top.gif) left top repeat-x;}
.side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
/***box*******************************************/
.inside_main { padding:42px 35px 41px 37px;}/***header*******************************************/
#header {width:100%;}
.menu { background: #993366; min-height:78px; height:auto !important; height:78px; margin:0 0 4px 0;}
.inside_menu { padding:35px 0 0 0;}
.menu li { float:left; background:url(images/sep.gif) right 0 no-repeat; padding:0 24px 0 29px;}
.menu li a{ font-size:1.09em; color:#FFFFFF; text-decoration:none;}
.menu li a:hover{text-decoration:underline;}
#header .row { background: url(images/fill_header.gif) 0 0 repeat-x #57606A;}
#header .row .bg_row{ background: url(images/bg_header.jpg) right top no-repeat; min-height:222px; height:auto !important; height:222px;}#header .block_search { padding:50px 0 0 28px;}
#header .logo { padding:76px 0 0 28px;}
#header span { font-size:1.09em; line-height:1.45em; color:#003366; text-decoration:none;}
/***end header*******************************************//***side_bar*******************************************/
.side_bar .inside{}/**********************************************/
.widget_style { margin:0 0 3px 0; padding:23px 25px 27px 26px; background:#FBFBFB;}
.widget_style h2 {font-size:1.63em; line-height:1.27em; color:#272727; font-weight:normal; padding:0 0 16px 0;}
.widget_style h2 a {color:#272727; text-decoration:none;}
.widget_style h2 a:hover {text-decoration:none;}.widget_style ul { margin:0 0 0 9px;}
#categories.widget_style .children { margin:0 0 0 29px;}
.widget_style li { font-size:1.01em; line-height:1.78em; color:#1FA7DB;}
.widget_style li a { font-size:1.01em; line-height:1.78em; color:#1FA7DB; text-decoration:underline; background:url(images/arr_2.gif) no-repeat 0px 5px; padding:0 0 0 18px;}
.widget_style li a:hover { text-decoration:none;}#archives.widget_style ul { margin:0 0 0 3px;}
#archives.widget_style li { font-size:1.01em; line-height:1.78em; color:#1FA7DB;}
#archives.widget_style li a { font-size:1.01em; line-height:1.78em; color:#1FA7DB; text-decoration:underline; background:url(images/arr_2.gif) no-repeat 0px 5px; padding:0 0 0 13px;}
#archives.widget_style li a:hover { text-decoration:none;}#categories.widget_style { background:#F4FAFE; padding:27px 25px 20px 27px}
#categories.widget_style ul { margin:0 0 0 3px;}
#categories.widget_style li { font-size:1.18em; line-height:2.3em; color:#1FA7DB; background:url(images/sep_2.gif) left bottom repeat-x;}
#categories.widget_style li a { font-size:1.01em; line-height:2.3em; color:#1FA7DB; text-decoration:none; font-weight:bold; background:url(images/arr.gif) no-repeat 0px 6px; padding:0 0 0 17px;}
#categories.widget_style li a:hover { text-decoration:underline;}
/**********************************************/#links_with_style ul {margin:0 0 0 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li h2 { font-size:18px; line-height:14px; list-style:none; color:#272727; font-weight:normal; padding:0 0 18px 0; margin:0 0 0 0;}
#links_with_style ul li ul { margin:0 0 0 3px;}
#links_with_style ul li ul li { font-size:1.01em; color:#1FA7DB; padding:0 0 0 0;}
#links_with_style ul li ul li a{padding:0 0 0 12px;}/**********************************************/
#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 0px 0px 0;}
#calendar_wrap caption { color:#1FA7DB; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#1FA7DB; font-size:1.11em;}
#calendar_wrap td a {color:#1FA7DB;}
#calendar_wrap th { color:#1FA7DB; text-align:right;}
#calendar_wrap a {font-weight:bold;}/**********************************************/
#tag_cloud a{ color:#000000; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline;}.post { padding:0 0 20px 0;}
.post h3{ padding:0 0 5px 0;}/**********************************************/
#statusbar {text-align:left; color:#000000;}
#statusbar p {padding:5px 20px 20px 5px;}
#statusbar a {font-weight:bold; color:#1FA7DB;}
/***end side_bar*******************************************//***column_center*******************************************/
.title { padding:25px 31px 0 31px; background:url(images/sep_3.gif) left top repeat-x;}
.title span { color:#9298A3; font-size:0.9em; line-height:1.09em; float:right; padding:0 0 0 0;}
.title span em{ font-style:normal; color:#1FA7DB; text-decoration:underline;}
.title .date { font-size:0.9em; line-height:1.09em; color:#9298A3; background:url(images/pic_date.gif) 0 4px no-repeat; padding:2px 0 0 16px; margin:0 0 0 4px;}
.text_box { font-size:1.09em; line-height:1.33em; padding:21px 31px 5px 29px;}.comments { float:right; color:#1FA7DB; font-size:0.9em; line-height:1.9em; padding:5px 32px 26px 30px;}
.comments p{ background:url(images/arr_1.gif) 0 6px no-repeat; padding:0 0 0 16px;}
.comments a { text-decoration:underline; color:#1FA7DB; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:none;}
/***end column_center*******************************************//*************************************/
#recent-posts {vertical-align:top;}
.widget_style#recent-comments li a {background:none;}
#calendar {vertical-align:top;}
#google-search {vertical-align:top;}
#gsearch {text-align:left;}
#pages {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}/*************************************/
.textwidget {padding:13px 0px 0px 0px;}.oddcomment{color:#1FA7DB;}
.commentlist li { padding:0 0 10px 0;}/***footer*******************************************/
#footer { font-family:tahoma; font-size:1.09em; line-height:3.01em; color:#335c85; background:url(images/footerBKGD.gif) 0 0 no-repeat; min-height:73px; height:auto !important; height:73px; }
#footer .Contact {font-family: “Future Bk BT”, verdana, arial, sans-serif; color: #003366; font-size: 14px; padding:10px 0 0 10px;}
#footer .Copyright {font-family: verdana, arial, sans-serif; color: #335c85; font-size: 11px; padding:0 0 0 10px; margin: 0; line-height:2.01em;}
#footer .indent { padding: 0 20px 0 0; float:right; line-height:2.01em; font-family: verdana, arial, sans-serif; font-size: 11px; }
#footer a{ color:#335c85;}
/***end footer*******************************************/
The topic ‘Need Help with Style Sheet Coding’ is closed to new replies.