/*  
Theme Name: Affiliate Blog
Theme URI: http://www.affiliateblog.com/
Description: Theme for Affiliate Blog
Version: 1
Author: Rachel Cunliffe
Author URI: http://www.cre8d-design.com/blog/
*/

/* Main layout */

body {  margin: 0; padding: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 160%; text-align: center;
	color: #242E35; 
        background: #B9D9FE url(images/bg.png) no-repeat fixed top center;
}

#page { text-align: left;  margin: 5px auto; padding: 0; width: 970px; }
#header { height: 76px; padding-top: 4px; }
#header img { float: left; }
#header .ad { float: right; }

#introduction { border: 1px solid #EEC8C1; background: url(images/introbg.gif) repeat top left; 
                float: left; width: 308px; padding: 5px; }
#tipsandhints { border: 1px solid #F7D268; background: url(images/tipsandhintsbg.gif) repeat top left; 
                float: left; margin: 0 5px; width: 308px; padding: 5px; }
#answers {         border: 1px solid #242E35; background: url(images/newsbg.gif) repeat top left; 
                float: left; width: 308px; padding: 5px; } 
#introduction ul, #tipsandhints ul, #answers ul { margin: 0px; padding: 0px; }
#introduction li, #tipsandhints li, #answers li { font-weight: bold; list-style-type: none; padding: 3px 0px; margin: 0px; line-height: 120%; }

#hotblock {      clear: left; float: left; margin-top: 5px; color: #000000; border: 1px solid #D27362; background-color: #ECC5BC; padding: 0px; 
                 width: 968px; font-weight: bold; }

#hotblock .item { padding: 5px; float: left; border-right: 1px solid #D27362; }

#leftsidebar { clear: left; }
#leftsidebar, #content, #rightsidebar, #contentwide { margin: 5px 0; padding: 5px; float: left; }

#leftsidebar, #rightsidebar { width: 188px; border: 1px solid #F7D269; background-color: #D5E8FE; font-size: 11px; line-height: 140%; }

#content { width: 548px; border: 1px solid #F8C98B; background-color: #FFF; margin: 5px; }
#contentwide { width: 751px; border: 1px solid #F8C98B; background-color: #FFF; margin: 5px 0 5px 5px; }

.post { padding: 0px; padding-bottom: 22px; background: url(images/stars.gif) no-repeat bottom center; margin: 0 0 40px 0; }
#footer { padding: 10px 0px; margin: 0 auto; width: 760px; clear: both; text-align: center; }

/* Headings and special text */

h1, h2 { font-weight: normal; }
h2 { font-size: 20px; line-height: 24px; clear: left; margin: 5px 0; padding: 0; }
h3 { font-size: 14px; margin: 0px; padding: 0; }
h4 { font-size: 16px; margin: 8px 0 0 0; padding: 0; }

.postlist { margin-top: 20px; }
.entry p:first-child:first-letter { font-size: 30px; line-height: 30px; float: left; width: auto; margin: 0 2px -6px 0; }
.entry p:first-child:first-line { text-transform: uppercase; font-weight: bold; }
.postmetadata {	clear: left; text-transform: uppercase; font-size: 11px; }

#leftsidebar ul, #rightsidebar ul { padding-left: 0; margin: 5px 0; }
#leftsidebar li, #rightsidebar li{ list-style-type: none; padding-left: 5px; padding-bottom: 5px; margin-left: 0; }
#leftsidebar h4, #leftsidebar h2, #rightsidebar h4 { border-bottom: 1px solid #F7D269; padding: 2px 0; margin-top: 8px; letter-spacing: -1px; }
#leftsidebar p, #rightsidebar p, #leftsidebar form, #rightsidebar form { padding-left: 8px; }

/* Links */

a:link { color: #D27362; text-decoration: none; }
a:visited { color: #D27362; text-decoration: none; }
a:hover{ color: #D27362; text-decoration: none; }
a:active { color: #D27362; text-decoration: underline; }
a img { border: none; }


.entry a { font-weight: bold; }
h2 a:link, h2 a:visited { color: #000; }
#leftsidebar a, #rightsidebar a { padding: 0px 4px; display: block; color: #000; font-weight: bold; }
#leftsidebar p a, #rightsidebar p a { display: inline; padding: 0; }
#leftsidebar a:hover, #rightsidebar a:hover { color: #000; background-color: #ECDA6C; }
#introduction li a { padding: 0px 4px; color: #F5E1DE; display: block; }
#answers li a { padding: 0px 4px; color: #CFB8B8; display: block; }
#tipsandhints li a { padding: 0px 4px; color: #634D36; display: block; }
#introduction li a:hover { background-color: #CC6666; }
#tipsandhints li a:hover { background-color: #FFFF00; }
#answers li a:hover { background-color: #996666; }
#content h2 a { color: #D27362; }
#content a:hover { background-color: #ECC5BC; }
#hotblock a {color: #000; }
#hotblock a:hover {background-color: #f7e9e5; }

/* Misc */

input, textarea { border: 1px solid #000; }
.alt { margin: 0; padding: 10px; background-color: #f8f8f8; border-top: 1px solid  #F8C98B; border-bottom: 1px solid  #F8C98B; }


acronym, abbr { cursor: help; border-bottom: 1px dashed #999;	}
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; }

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; }
.center { text-align: center; }

select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 90%; padding: 2px; }
#commentform #submit { margin: 0; float: right; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

.navigation { text-align: center; margin-top: 10px; margin-bottom: 60px; }
#searchform { margin: 10px 0; }

/* hide from MacIE. only WinIE sees this. \*/ 
* html #content { overflow: hidden; o\verflow: visible; } 
/* end hide */
