/*
Theme Name: Yo Yo Crazy
Theme URI: http://yoyocrazy.com/
Description: Custom blog theme for yoyocrazy.com.
Version: 2.0
*/

@charset "UTF-8";
/* CSS Document for Yo Yo Crazy Blog, October 2009 */


/* ------- RESET STYLES ------- */
html {
color: #000;
background: #fff;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,
img {
border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
font-style: inherit;
font-weight: inherit;
}

del,
ins {
text-decoration: none;
}

li {
list-style: none;
}

caption,
th {
text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}

q:before,
q:after {
content: '';
}

abbr,
acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: baseline;
}

sub {
vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
*font-size: 100%;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

.clear {
clear: both;
}


/* ------- LEFT COLUMN ------- */

#blogwrap .leftcol {
float: left;
width: 480px;
padding: 0 20px 0 0;
background: url(http://yoyocrazy.com/blog/images/bg_sidebar_line.gif) top right repeat-y;
}

#blogwrap a:link, #blogwrap a:visited {
color: #990000;
text-decoration: none;
}

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

#blogwrap .leftcol .post {
margin: 0 5px 5px;
padding-right: 10px;
}

#blogwrap .leftcol .postcontent {
padding-left: 8px;
margin-top: -3px;
}

#blogwrap .leftcol .postcontent p {
line-height: 1.3em;
padding: 10px 0;
}
	
#blogwrap .leftcol .centerimg {
text-align: center;
}
	
#blogwrap .leftcol .postcontent a:link, .postcontent a:visited {
font-weight: bold;
}

#blogwrap .leftcol .meta { 
font-size: 1em;
color: #8b8d96;
margin: 0 0 0 4px;
}
	
#blogwrap .leftcol .feedback {
margin: 12px 0 65px 2px;
padding: 4px 0 6px;
font-size: 1em;
color: #8b8d96;
border-bottom: 1px solid #e6e2d9;
}

#blogwrap .leftcol .feedbacksingle {
margin: 12px 0 30px 2px;
}
	
#blogwrap .leftcol .feedback a:link, #blogwrap .leftcol .feedback a:visited {
text-decoration: none;
color: #fff;
background-color: #21445b;
font-weight: bold;
margin-left: 6px;
padding: 1px 5px;
}
	
#blogwrap .leftcol .feedback a:hover {
background-color: #e5812c;
}
	
#blogwrap .leftcol h1 a:link, #blogwrap .leftcol h1 a:visited {
text-decoration: none;
font-weight: 800;
color: #21445b;
text-transform: uppercase;
}
	
#blogwrap .leftcol h1 a:hover {
color: #d27223;
}
	
h1 {
font-size: 26px;
color: #630000;
letter-spacing: -1px;
margin: 18px 0 0 0;
text-transform: capitalize;
}
	
h2 {
font-size: 1.4em;
margin: 15px 0 3px 3px;
}
	
h3 {
font-size: 1.4em;
margin: 35px 0 15px 0;
}


/* ------- RIGHT COLUMN ------- */
	
#blogwrap .rightcol {
margin: 10px 0 0;
padding: 12px 0 0 8px;
float: left;
width: 208px;
}

#blogwrap .rightcol h2 {
font-size: 15px;
color: #4d4d4d;
margin: 0 0 6px 0;
}
	
#blogwrap .rightcol ul {
list-style: none;
margin: 0 0 10px 2px;
padding: 0;
}
	
#blogwrap .rightcol li {
padding: 3px 0;
font-size: 13px;
}
	
#searchbar {
margin-bottom: 30px;
}

#searchbar .searchbox {
background-color: #fcf5d0;
border: 1px solid #e8812c;
padding: 4px 1px 3px 2px;
width: 118px;
max-width: 118px;
float: left;
height: 16px;
}

#searchbar .button {
float: left;
}
	
#recentposts {
margin-left: 2px;
}

#recentposts h2 {
display: none;
}	

#recentposts h3 {
margin: 3px 0 2px;
color: #6e6e6e;
text-transform: none;
font-style: normal;
font-size: 15px;
font-weight: normal;
}
	
#archivelist {
margin-top: 40px;
margin-bottom: 40px;
}
	
#sidebarfeeds img {
margin-bottom: -2px;
}
	
#sidebarmisc {
margin-top: 40px;
}


/* ------- SINGLE PAGE NAV PROPERTIES ------- */

.postnavbottom {
margin: 15px 8px 80px 8px;
font-size: 1em;
display: block;
text-align: center;
}
	
.postnavbottom a:link, .postnav a:visited {
text-decoration: none;
color: #de530f;
}

.postnavbottom a:hover {
text-decoration: underline;
color: #fb8349;
}
	
.postnav {
margin: 20px 0 10px 0;
width: 450px;
font-size: 12px;
display: block;
}
	
.postnav a:link, .postnav a:visited {
text-decoration: none;
color: #de530f;
}

.postnav a:hover {
text-decoration: underline;
color: #fb8349;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.homelink {
margin: 30px 0;
}

.homelink a:link, .homelink a:visited {
text-decoration: none;
color: #de530f;
font-size: 1em;
}

.homelink a:hover {
text-decoration: underline;
color: #fb8349;
font-size: 1em;
}


/* ------- COMMENT PAGE PROPERTIES ------- */

#commentarea { 
margin: 20px 20px 5px 10px;
padding: 0;
}

#commentarea h4 {
font-size: 20px;
color: #21445b;
padding-bottom: 10px;
}

#commentlist h5 {
margin: 5px 0 0 0;
padding: 0 0 4px 0;
font-size: 1.3em;
color: #636363;
}
	
#commentlist h5 a:link, #commentlist h5 a:visited {
text-decoration: none;
color: #4a4949;
}
	
#commentlist h5 a:hover {
text-decoration: none;
color: #83879e;
}

#commentarea .nocomments {
padding: 30px 0;
}
	
#commentlist li {
margin-bottom: 30px;
padding: 0;
}
	
#commentlist a:link, a:visited {
text-decoration: none;
color: #990000;
}

#commentlist a:hover {
text-decoration: underline;
color: #990000;
}
	
.commentmeta {
font-size: 11px;
color: #8b8d96;
padding-top: 6px;
}
	
.commentgoodies { 
font-size: 12px;
color: #8b8d96;
margin: 8px 0 20px 0;
}

#commentform p {
padding: 10px 0;
}

#commentform .inputbox {
padding: 6px 2px;
background-color: #fcf5d0;
border: 1px solid #e8812c;
}

#commentform .writecomment {
width: 450px;
max-width: 450px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#commentform small {
font-size: 10px;
color: #8b8d96;
}

#commentform .button {
background-color: #21445b;
border: none;
padding: 6px 4px;
letter-spacing: -0.5px;
color: #e8812c;
font-size: 14px;
font-weight: bold;
}