/* KANGMI LAYOUT AND STYLE
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2008 Design by Reese
Author: Design by Reese
Modified: Jan 29, 2008

www.designbyreese.com

*/

/* - - - GLOBAL   - - - */

body {
background: #fff;
color: #504f4f;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #f75419;
}

a:link {
text-decoration: none;
color: #f75419;
}

a:visited {
font-weight: bold;
}

a:hover {
color: #606060;
text-decoration: underline;
}

/* - - - LAYOUT/STRUCTURE - - - */
#container {
position: relative;
margin: 0 auto;
padding: 0;
width: 951px;
}

#header {
position: relative;
width: 951px;
height: 87px;
background: transparent url(/images/design/tagline.gif) no-repeat top right;
}

#header img#logo {
position: absolute;
left: 0px;
top: 0px;
}

#header h1 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

#searchbox {
float: left;
height: 31px;
width: 383px;
background: transparent url(/images/design/graphic-searchinput.gif) no-repeat top left;
margin: 0;
padding: 0;
}

#navigation {
float: left;
width: 568px;
height: 31px;
margin: 0;
padding: 0;
}

#sidebar {
position: absolute;
top: 130px;
left: 0px;
z-index: 1000;
width: 189px;
font-size: 11px;
}

#primary_content {
float: left;
margin-left: 163px;
margin-top: 35px;
z-index: 10;
background: transparent url(/images/design/graphic-blogmiddle.gif) repeat-y top left;
width: 608px;
}

#ads {
float: left;
margin-top: 35px;
padding-left: 20px;
width: 104px;
background: transparent url(/images/design/graphic-leafright.png) no-repeat top left;
}

.graphic-leaftop {
position: absolute;
right: 184px;
top: 123px;
background: transparent url(/images/design/graphic-leaftop.png) no-repeat top left;
width: 52px;
height: 31px;
}

#footer {
position: absolute;
bottom: 0px;
width: 951px;
text-align: center;
}

/* - - - SEARCH  - - - */
#searchinput {
background: url(/images/design/graphic-searchfield.gif);
width: 191px;
height: 25px;
margin: 2px 0 0 10px;
}

#searchinput #s {
float: left;
padding: 0;
margin: 4px 0 0 6px;
border: 0;
width: 110px;
background: none;
}

#searchinput #search_button {
float: left;
margin-top: 6px;
}

/* - - - NAVIGATION  - - - */
ul#menu {
height:31px;
width:568px;
margin:0;
padding:0;
border:0;
background:transparent url(/images/design/mainnav.gif) no-repeat 0 0;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #000;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url(/images/design/mainnav.gif) no-repeat;
outline: none;
}

li#about a {
width:56px;
height:31px;
padding: 0;
margin: 0;
}

li#resources a {
width:83px;
height:31px;
padding: 0;
margin: 0;
}

li#supermemo a {
width:98px;
height:31px;
padding: 0;
margin: 0;
}

li#shops a {
width:65px;
height:31px;
padding: 0;
margin: 0;
}

li#using-the-site a {
width:108px;
height:31px;
padding: 0;
margin: 0;
}

li#download a {
width:87px;
height:31px;
padding: 0;
margin: 0;
}

li#contact a {
width:71px;
height:31px;
padding: 0;
margin: 0;
}

li#about a:hover {
background-position: 0 -31px;
}

li#resources a:link, li#resources a:visited {
background-position: -56px 0px;
}

li#resources a:hover {
background-position:-56px -31px;
}

li#supermemo a:link, li#supermemo a:visited {
background-position: -139px 0px;
}

li#supermemo a:hover {
background-position:-139px -31px;
}

li#shops a:link, li#shops a:visited {
background-position: -237px 0px;
}

li#shops a:hover {
background-position:-237px -31px;
}

li#using-the-site a:link, li#using a:visited {
background-position: -302px 0px;
}

li#using-the-site a:hover {
background-position:-302px -31px;
}

li#download a:link, li#download a:visited {
background-position: -410px 0px;
}

li#download a:hover {
background-position:-410px -31px;
}

li#contact a:link, li#contact a:visited {
background-position: -497px 0px;
}

li#contact a:hover {
background-position:-497px -31px;
}


/* - - SIDEBAR - - */
.sidebar-repeat { 
float: left;
background: url(/images/design/graphic-sidebarrepeat.png) repeat-y top left;
width: 189px;
margin: 181px 0 0 0;
padding: 0;
}
.sidebar-top { 
float: left;
background: url(/images/design/graphic-sidebartop.png) no-repeat top left;
width: 189px;
margin: -181px 0 0 0;
padding: 0;
}

.sidebar-footer {
float: left;
width: 189px;
height: 20px;
background: url(/images/design/graphic-sidebarbottom.png) no-repeat top left;
margin-bottom: 21px;
}

#sidebar h2.header-side{
float: left;
width: 189px;
margin: 0;
padding: 6px 0 20px 40px;
color: #627c00;
font-size: 18px;
font-weight: normal;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
}

#sidebar p {
padding: 0 18px 0 6px;
}

#sidebar ul {
list-style-type: none;
float: left;
margin: 0;
padding: 0 18px 0 6px;
}

#sidebar li {
margin: 0 0 4px 0;
padding: 0;
}

#sidebar ul ul {
float: none;
margin: 3px 0 0 5px;
}

/* - - PRIMARY CONTENT - - */
.blog-top {
float: left;
width: 608px;
margin: 0;
padding: 0;
background: url(/images/design/graphic-blogtop.gif) no-repeat top left;
}

.blog-bottom {
float: left;
width: 608px;
height: 11px;
margin: 0;
padding: 0;
background: url(/images/design/graphic-blogbottom.gif) no-repeat top left;
}

.entry {
float:  left;
clear: left;
width: 608px;
line-height: 20px;
}

#primary_content h2 {
padding: 0 0 6px 0;
margin: 12px 24px 0 30px;
color: #806e20;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
font-size: 18px;
background: transparent url(/images/design/graphic-titleunderline.gif) repeat-x bottom left;
font-weight: normal;
}

#primary_content p {
padding: 0 24px 0 30px;
}


#primary_content h2+p:first-letter {
color: #B3D640;
font-size: 39px;
padding: 0 0 0 0;
margin:  5px 3px 5px -1px;
font-family: helvetica;
float: left;
}

#primary_content p.posted {
position: relative;
background: url(/images/design/graphic-postedbackground.gif) repeat-x top left;
height: 24px;
padding: 10px 5px 0 30px;
margin: 0 23px 0 0;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
text-transform: uppercase;
font-size: 11px;
color: #806e20;
}

.social {
margin: 6px 0 18px 0;
font-size: 10px;
}

p.feedburnerFlareBlock{
padding: 0;
margin: 0;
}

#primary_content p.feedburnerFlareBlock a {
font-weight: normal;
}

#primary_content p.posted span {
position: absolute;
right: 18px;
text-transform: none;
}

#primary_content p a {
font-weight: bold;
}

#primary_content p.posted a {
font-weight: normal;
}

/* - - FOOTER - - */
p.copyright {
font-size: 10px;
margin: 15px 0;
}


/* - - COMMENTS AND EXTRAS - - */
#ads-comments {
padding: 0 0 30px 30px;
}

.comments {
margin: 0 0 0 10px;
}

.content input  {
border: 1px solid #806e20;
padding: 5px;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
}

#comments-page table {
margin: 12px 0 0 30px;
width: 550px;
}


#comments-page td.comment-person {
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
padding-right: 20px;
}

#comments-page td.comment-content {
padding-left: 20px;

}

h4.title {
color: #806e20;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
font-size: 12px;
margin-left: 30px;
margin-top: 30px;
}

span#TextDisplay {
display: block;
margin-left: 30px;
}

input  {
border: 1px solid #806e20;
padding: 5px;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
}

input#search_button {
border: 0;
padding: 0;
}

textarea {
margin: 6px 0 18px 0;
border: 1px solid #806e20;
padding: 5px;
color: #806e20;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
}

#comment_form input {
background-color: #fff;
border: 1px solid #806e20;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
color: #56480a;
}

#comment_form input.comment-submit {
background-color: #bcd55a;
border: 1px solid #806e20;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
text-transform: uppercase;
color: #56480a;
margin-left: 30px;
}

input.trackback-url {
margin-left: 30px;
border: 1px solid #806e20;
padding: 3px;
font-family: "Lucida Bright", Georgia, Times New Roman, Times, serif;
margin-top: 6px;
}

.open-close {
margin: 6px 0 6px 30px;
}

.image_left {
float: left;
margin: 10px 10px 0 0;
border: 2px solid #77980e;
padding: 1px;
}


.image_right{
float: right;
margin: 10px 0 0 10px;
border: 2px solid #77980e;
padding: 1px;
}