/*
Theme Name: Infusion-Yellow2
Theme URI: http://studio.busylife.com/
Design Name: Infusion-Yellow2
Description: Infustion-Yellow2 is a 2 column theme created for Wordpress.
Version: 1.0
Author: BusyLife Studio
Author URI: http://studio.busylife.com
*/


html, body {
margin: 0px;
padding: 0px;
background: url('images/page_bg.jpg') repeat-y #000000;
font-family: tahoma, arial, helvetica, san-serif;
font-size: 90%;
}

p {
line-height: 150%;
}

blockquote {
background: #f0f0f0;
padding: 5px 15px 5px 15px;
border-left: 3px solid #000000;
}

blockquote p {
}

h1,h2,h3,h4,h5,h6 {
font-family: arial, helvetica, sans-serif;
}

h1 {
margin: 0;
padding: 0;
}

a:link,
a:active,
a:visited {
text-decoration: none;
border-bottom: 1px dotted #000000;
color: #000000;
}

a:hover {
color: #666666;
text-decoration: none;
border-bottom: 1px solid #666666;
}

#page-container {
width: 760px;
padding-left: 10px;
padding-right: 10px;
background: #fff;
margin: 0 auto;
padding-bottom: 10px;
}

#top-nav {
margin: 0px;
padding-bottom: 10px;
border: 1px solid white;
font-weight: bold;
}

ul#navlist {
margin-left: -1px;
padding-left: 0;
margin-top: 10px;
margin-bottom: 0;
white-space: nowrap;
}

#navlist li {
display: inline;
list-style-type: none;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}

#navlist a {
padding: 8px 20px;
border: none;
}

#navlist a:link, #navlist a:visited {
color: #fff;
background-color: #000000;
text-decoration: none;
border: none;
}

#navlist a:hover {
color: #fff;
background-color: #CFAB01;
font-color: #000000;
color: #FFF;
text-decoration: none;
}

#header {
background: url('images/header.png')  repeat-x top left #000;
margin: 0px;
padding: 0px;
height: 110px;
border: none;
}

#header h1 a {
color: #fff;
text-decoration: none;
border: none;
}

#header .description {
color: #fff;
}

#sidebar {
float: right;
width: 220px;
background: #CFAB01;
margin-top: 4px;
padding: 5px;
}

/* Begin Lists */

html>body .entry ul {
margin-left: 15px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
} 

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin-left: 15px;
margin: 0;
padding: 10px;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
padding: 0;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}

#sidebar ul li h2 {
font-size: 120%;
margin: -5px 10px 0;
}

#sidebar input {
font-size: 90%;
}

/* End Entry Lists */

/*


#sidebar ul {
margin: 0px;
padding: 10px;
}

#sidebar ul li {
list-style-type: none;
padding: 0;
}

*/

#content {
padding: 10px;
margin-right: 250px;
}

.post {
margin-top: 10px;
}

.post h2 a {
border: none;
text-decoration: none;
color: #000000;
}

.post h2 a:hover {
color: #666666;
border: none;
}

.post h2 .date, .post h3 .date {
color: #aaa;
font-size: 14px;
}

.postmetadata {
padding: 8px;
background: #f4f4f4;
font-size: 80%;
border-bottom: 1px solid #ededed;
}

/* Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered',
will 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 */

#footer {
background: #CFAB01;
padding: 5px;
padding-left: 20px;
font-size: 80%;
}