/*
Theme Name: bycrom
Theme URI: http://bycrom.org/
Description: This theme was designed and built for use at bycrom.org
Version: 0.7
Author: Matthew Jimenez
*/

#commentform #submit { margin: 0; float: right; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform p { font-family: sans-serif; margin: 5px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#content { font-size: 1.2em; padding: 0 0 0 0; margin: 0 0 0 178px; }
#control { position: absolute; float:right; bottom: 1px; right: 8px; }
#control a { display: inline-block; text-align: center; font-size: 9pt;  color: #000000;
    margin: 0 1px 0 0; padding: 2px 2px 1px 2px; height: 14px; min-width: 70px;
    background: #D0D0E0 url('images/whitegrad18.png') repeat-x;
    border-top: 1px solid #003366; border-left: 1px solid #003366; border-right: 1px solid #003366;
    /* webkit */
    -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
    /* gecko */
    -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px;
}
#control a:hover { text-decoration: none; background: #FFFFFF url('images/tangrad18.png') repeat-x; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }
#footer { border: none; padding: 0; margin: 0 auto; width: 100%; clear: both; }
#header { position: relative; margin: 0 0 5px 0; padding: 0; height: 100px; background: #6080B0 url('images/blackwhitegrad100.png') repeat-x; border: 2px solid #000000;
    /* webkit */
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 1px 5px #000000;
    /* gecko */
    -moz-border-radius: 6px;
}
#header h1 { position: absolute; top: 15px; left: 30px; }
#header .description { position: absolute; top: 63px; left: 87px; text-decoration: none; }
#page { margin: 0 0 0 0; width: 820px; text-align: left; }
#search { position: absolute; float:right; top: 0px; right: 8px; 
    padding: 3px 6px 5px 3px; min-width: 70px;
    /* I'm not really sure about this yet */
    background: #000000 url('images/whitesearch.png') no-repeat 5px center;
    /* webkit */
    -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;
}
#searchform { margin: 0 0 0 19px; }
#sidebar h2 { font-family: sans-serif; font-size: 1.2em; margin: 8px 5px 2px 5px; padding: 0 0 0 0; text-decoration: none; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; }
#sidebar ul ol li {  margin: 0 0 0 0; padding: 0; list-style: decimal outside;  color: #666666; }
#sidebar ul ol { margin: 0 0 0 0; }
#sidebar ul p { margin: 5px 5px 5px 5px; }
#sidebar ul select { margin: 0 0 0 0; }
#sidebar ul ul li { margin: 0 0 0 0; padding: 2px 10px 1px 10px; color: #666666; }
#sidebar ul ul li.current-cat { border-top: 1px solid #003366; border-bottom: 1px solid #003366; padding: 1px 10px 0px 10px;
    background: #D0D0E0 url('images/whitegrad18.png') repeat-x; }
#sidebar ul ul li.current_page_item { border-top: 1px solid #003366; border-bottom: 1px solid #003366; padding: 1px 10px 0px 10px;
    background: #D0D0E0 url('images/whitegrad18.png') repeat-x; }
#sidebar ul ul { margin: 0 0 0 0; padding: 0 0 0 0; }
#sidebar ul { margin: 0 0 60px 0; padding: 0 0 0 0; }
/* consider position:fixed */
#sidebar { position: relative; float: left; font: 1em sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; width: 170px; min-height: 430px;
    background: #F4F4F0 url('images/whitestripe.png') repeat; border: 2px solid #000000;
    /* webkit */
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 1px 5px #000000;
    /* gecko */
    -moz-border-radius: 6px;
}
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar caption { font: bold 1.3em sans-serif; text-align: center; text-align: center; width: 100%; }
#wp-calendar caption { text-decoration: none; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
.alignleft { float: left }
.alignright { float: right; }
.center { text-align: center; }
.clear { clear: both;}
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist li .avatar { float: right; border: 1px solid #eee; margin: 8px; padding: 2px; background: #fff; }
.commentlist li { font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;
    background: #FFFFFF url('images/tangrad18.png') repeat-x; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em sans-serif; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0; }
.commentlist { padding: 0; text-align: justify; border: 1px solid #CCBB77;}
.commentinfo { padding: 5px 10px 5px 5px; }
.commentbody { padding: 0 10px 5px 5px; }
.commentmetadata { font-weight: normal; margin: 0; display: block; }
.comments { padding: 0 0 0 0; margin: 80px 0 0 0; }
.entry p a:visited { color: #b85b5a; }
.entry { padding: 5px 8px 5px 8px; text-align: justify; min-height: 150px; background: #F4F4F0 url('images/whitestripe.png') repeat;
    font-size: 12pt;
    /* webkit */
    -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
    /* gecko */
    -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px;
}
.navigation { text-align: center; }
.navigation a { color: #FFFFFF; }
.navigation a:hover { color: #FFFF99; text-decoration: underline; }
.navigation div { line-height: 38px; height: 38px; min-width: 140px;
    padding: 0 8px 0 8px; color: #FFFFFF;
    background: #A0A0C0 url('images/blackgrad38.png') repeat-x; 
    border: 2px solid #000000;
    /* webkit */
    -webkit-box-shadow: 0 1px 5px #000000;
}
.nocomments { text-align: center; margin: 0; padding: 0; color: #666666; }
.pagetitle { font-size: 1.6em; margin-top: 30px; text-align: center;}
.post hr { display: block; }
.post { margin: 0 0 20px 0; padding: 0 0 0 0; border: 2px solid #000000;
    /* webkit */
    -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
    -webkit-box-shadow: 0 1px 5px #000000;
    /* gecko */
    -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
}
.postmetadata a { color: #FFFFFF; }
.postmetadata a:hover { color: #FFFF99; text-decoration: underline; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
.postmetadata { line-height: 38px; height: 38px; padding: 0 8px 0 8px; text-align: right; background: #6080B0 url('images/blackgrad38.png') repeat-x; color: #CCBB77; }
.powered { position: absolute; bottom: 8px; left: 8px; right: 8px; text-align: center; }
a img { border: none; }
a, h2 a:hover, h3 a:hover { color: #0066CC; text-decoration: none; }
a:hover { color: #003366; text-decoration: underline; }
acronym { border-bottom: 1px dashed #999; cursor: help; font-size: 0.9em; letter-spacing: .07em; }
abbr { border-bottom: 1px dashed #999; cursor: help; font-size: 0.9em; letter-spacing: .07em; }
span.caps { cursor: help; font-size: 0.9em; letter-spacing: .07em; }
alt { margin: 0; padding: 10px; }
blockquote cite { margin: 5px 0 0; display: block; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; color: #666666;}
body { margin: 8px 8px 8px 8px; font-size: 1.0em; font-family: sans-serif; background: #CCBB77 url('images/whitestripe.png') repeat; }
code { font: 10pt monospace; text-align: left; vertical-align: middle; display: block;
    margin: 8px 12px 4px 12px; padding: 12px 8px 12px 8px; border: 1px dashed #9090A0;
    background: #E0E0F0 url('images/whitegrad18.png') repeat-x; }
code br { height: 0; }
h1 { font-size: 4em; padding: 0; margin: 0; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; }
h1, h2, h3 { font-family: monospace; font-weight: bold; }
h2 { font-size: 20pt; margin: 0; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite { text-decoration: none; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h3 { font-size: 1.3em; padding: 0; margin: 0; }
hr { display: none; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
ul li { margin: 0 8px 8px 0; }
ol li { list-style: decimal outside; }
p img { padding: 0; max-width: 100%; }
select { width: 130px; }
small { font-family: sans-serif; font-size: 12pt; line-height: 1.5em; color: #666666; }
strike { color: #666666; }