/* Theme Name: W4W Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: Michael Heilemann Author URI: http://binarybonsai.com/ Tags: blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* CSS Document */ body{ margin:0; background-color:#c5c5c5; /*font-family:Arial, Helvetica, sans-serif;*/ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333; } #container{ margin:0 auto; width:1004px; } #header-wrapper{ } #header{ background:url(images/header-bg.jpg) repeat-x; height:126px; } .search-bg{ background:url(images/search-bg.jpg) no-repeat top; width:319px; height:72px; } .search-div{ padding-top:26px; padding-left:70px; } .search-bg input{ background:none; border:solid 0px; font-size:14px; width:230px; color:#5a6062; } #subheader{ height:244px; background:#6dc240; } #content{ background:#fff; background-image:url(images/content-bg.jpg); background-position:top; background-repeat:repeat-x; padding:20px 10px 20px 10px; min-height:400px; } .rhs{ padding:0px 0px 0px 10px; } .vertical-divider{ background-image:url(images/vertical-divider.gif); background-position:top; background-repeat:no-repeat; background-color:#d4d6d5; } #footer{ background:#d9d9d9; height:87px; background-image:url(images/footer-bg.jpg); background-repeat:repeat-x; } #footer-text{ padding:30px 10px 10px 10px; text-align:center; color:#5f5f5f; } h2.widgettitle{ color:#277000; font-size:16px; height:25px; background-image:url(/wp-content/themes/Working_For_Wellness/images/widget-title-bg.jpg); background-repeat:no-repeat; background-position:left; padding:10px 0px 5px 0px; } #sidebar li{ list-style-type:none; } #sidebar ul{ padding:0; margin:0; } .sidebar-widget-title{ list-style-type:none; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } .postmetadata {font-weight:bold;} .postmetadata a:link, .postmetadata a:active, .postmetadata a:visited {color:#009900; text-decoration:none; font-weight:normal;} .postmetadata a:hover{text-decoration:underline; color:#000000;} a:link, a:active, a:visited {color:#009900; text-decoration:none;} a:hover{text-decoration:underline; color:#000000;} #sidebar a:link, #sidebar a:active, #sidebar a:visited {color:#441E59; text-decoration:none;} #sidebar a:hover{text-decoration:underline;color:#009900;} #sidebar {color:#009900;} #footer-text a:link, #footer-text a:active, #footer-text a:visited {color:#000000; text-decoration:none;} #footer-text a:hover{text-decoration:underline;color:#009900;} h2 a:link, h2 a:active, h2 a:visited {color:#000066; text-decoration:none;} h2 a:hover{text-decoration:underline;color:#009900;} /* End Various Tags & Classes*/ /*font-family:Verdana, Geneva, sans-serif; Verdana, Arial, Helvetica, sans-serif;*/ .widget_tag_cloud a:link {color:black; text-decoration:none;font-family:Verdana, Geneva, sans-serif;} .widget_tag_cloud a:active {color:black;text-decoration:none;font-family:Verdana, Geneva, sans-serif;} .widget_tag_cloud a:visited {color:black;text-decoration:none;font-family:Verdana, Geneva, sans-serif;} .widget_tag_cloud a:hover {text-decoration:underline;} /* 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; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ .post h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:29px; font-weight:normal; line-height:29px;} .entry p {line-height:20px;} body{line-height:20px;} .recent_post_box { position:relative; float:left; width:48%; background-color:#cccccc; border: 1px dotted #000000; padding:2px; margin:2px; } .mywrapper { width:50%; /* imran addition */ position:relative; float:left; margin-bottom:15px; } /* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(images/img.png) no-repeat bottom right} .cssbox{ /* intended total box width - padding-right(next) */ width:90% !important; /* IE Win = width - padding */ width: 90%; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:5px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; font-size:12px; padding:0px; margin:0px; margin-bottom: 0px; padding-bottom: 0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:5px 5px 5px 5px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:0px; /* interior-padding right */ padding:0px 0px 15px 15px} /* mirror .cssbox_head right/left */ .cssbox_body a{font-weight:bold; color:white;}