/* Theme Name: The House of Bachelorette Theme URI: http://www.imacomm.com/ Description: Bachelorette Party Info. Author: Marco Suarez Author URI: http://www.imacomm.com Version: 1.0 . General comments/License Statement if any. . */ body { background-image:url(http://www.houseofbachelorette.com/blog/wp-content/themes/thob/images/bkgd_03.png); background-repeat:repeat; margin:0px; padding:0px; font-weight: normal; } img { border: 0px; } #header { background-image:url(http://www.houseofbachelorette.com/blog/wp-content/themes/thob/images/header_01.png); background-repeat:no-repeat; height:333px; background-position:center; } #container { width:888px; background-color:#FFFFFF; margin:0 auto; overflow:auto; } #about { width:680px; min-height:100px; padding-left:16px; overflow:auto; text-align: left; float:left; margin-bottom: 15px; } #content_box { width:720px; padding-bottom:20px; float:left; position:relative; } #content { width:470px; padding-left:15px; padding-right:15px; padding-top: 0px; float:right; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#565656; } #ads { width:160px; float:right; min-height: 300px; overflow:auto; text-align: center; vertical-align: top; } #ads a { color: #ffffff; } #sidebar { width:220px; float:left; text-align:center; margin-top: 15px; } #mudflap{ background-image:url(http://www.houseofbachelorette.com/blog/wp-content/themes/thob/images/mudflap_07.png); background-repeat:no-repeat; background-position:right top; width:888px; } #footer { background-image:url(http://www.houseofbachelorette.com/blog/wp-content/themes/thob/images/footer_06.png); background-repeat:repeat-y; width:888px; margin:0 auto; min-height:250px; color:#793556; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:center; overflow:auto; padding-bottom: 20px; } #linkcat { width:450px; margin-left: auto; margin-right:auto; overflow:auto; } #linkcat ul { color:#793556; list-style-type: none; margin: 0; padding-left: 3px; text-transform: lowercase; } #linkcat h2, #linkcat h2 a { text-decoration:none; color:#793556; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:center; margin:0px; padding-top:10px; font-weight:bold; } #linkcat ul li { color:#793556; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:center; margin:0px; padding:0px; text-decoration:none; } #linkcat ul ul { color:#793556; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:center; margin:0px; padding:0px; list-style-type: none; margin: 0; padding: 0; text-align: center; text-decoration:none; } #linkcat ul ul li { color:#793556; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:center; margin:0px; padding:0px; text-decoration:none; } #linkcat ul ul li a { font-family:Arial, Helvetica, sans-serif; text-decoration: none; color:#793556; } #linkcat ul ul li a:hover { text-decoration: underline; } #linkcat ul ul ul.children { font-size: 17px; padding-left: 4px; } #sidebox { background-color: #f4f4f4; border: 2px solid #d4d4d4; width:196px; margin-left:15px; margin-bottom:20px; text-align:center; padding-top:10px; padding-bottom:10px; } .copyright { color:#793556; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:center; margin:0px; padding-top:20px; } .copy { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#565656; text-align:left; font-weight: normal; } h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#fc9ccc; line-height:30px; font-weight:normal; } .about_text { font-family:Georgia, "Times New Roman", Times, serif; color:#565656; line-height:30px; font-weight:normal; font-size:20px; } #content_box h1 a { text-decoration:none; color:#fc9ccc; } #content_box h1 a:hover{ text-decoration:underline; } #content_box a, #content_box a:visited { color:#fc9ccc; } #content_box a:hover { text-decoration:none; } #sidebox ul { text-align: left; } #sidebox ul li { margin-top: 5px; display: block; } #sidebox li { text-align:left; } #sidebox ul li ul li { margin-left: -25px; } #sidebox li a, #sidebar li a:visited { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #323232; text-decoration:none; } #sidebox li a:hover { color: #6c6b6b; } hr { background-color: #e5e5e5; color:#e5e5e5; border:0px; height: 1px; } textarea#comment { width: 400px; padding: 5px; } .commentmetadata { font-size: 10px; } /* Captions & aligment */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions & aligment */ /* 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 7px; display: inline; border: none; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; border: none; } .alignright { float: right; } .alignleft { float: left } /* End Images */