/*  

Theme Name: JuicyRoo

Theme URI: http://kelleyroo.com/2008/11/08/free-theme-juicyroo/

Description: a colorful two column, widget ready wordpress theme

Version: 1.2

Author: kelleyroo

Author URI: http://www.kelleyroo.com/

Tags: two column, right sidebar, white, black, colorful, grey

*/







body {
   margin: 0;
   font-family: Helvetica, Verdana, arial, Sans-serif;
   font-size: 12px;
   text-align: justify;
   line-height: 16pt;
   vertical-align: top;
   background: #ffffff;
   color: #0d0e11;
}

a:link,
a:visited {
   text-decoration: none;
   color: #4694c0;
}

a:hover {
   text-decoration: none;
   color: #2168ca;
}

#container {
   margin: 108px auto 0px auto;
   width: 873px;
}

#header {
   display: block;
   width: 100%;
   height: 230px;
   background-color: #fff;
   background-image: url(../juicyroo/images/docbanner.png);
   background-position: top center;
   background-repeat: repeat-x;
   text-decoration: none;
}


#content {
   float: left;
   width: 600px;
}

#entry {
   padding: 0px 20px;
}

#entry p {
   padding: 0;
}

#footer {
   clear: both;
   text-align: center;
   color: #000;
}

#info {
   margin: -80px auto 0px auto;
   width: 815px;
}

#info .blogname {
   display: none;
}

#info .blogdescription {
   display: none;
}

.blogname {
   font-family: helvetica, "times new roman", sans-serif;
   color: #ffffff;
   letter-spacing: -1px;
   font-size: 36px;
   padding-bottom: 10px;
}

.blogdescription {
   font-family: verdana, arial, helvetica, sans-serif;
   color: #c0f500;
   font-size: 12px;
}

.date {
   color: #0093a2;
   font-size: 10px;
}

h2 {
   font-family: Helvetica, "Times New Roman", sans-serif;
   font-size: 17px;
   font-weight: normal;
}

h2 a {
   color: #ffff00;
}

.title h2 a {
   text-transform: none;
   margin-bottom: -12px;
   font-family: Helvetica, "Times New Roman", sans-serif;
   letter-spacing: -1px;
   font-weight: normal;
   text-align: left;
   font-size: 26px;
   line-height: 12pt;
}

p.postmetadata {
   border-bottom: 1px dashed #363636;
   margin: 10px 0 50px 0;
   padding-bottom: 6px;
   font-size: 10px;
   color: #000000;
}

.postmetadata a {
   color: #00aeef;
}

.postmetadata a:hover {
   color: #000;
}

hr {
   border-top: 1px dashed #000;
   border-bottom: 0px;
   width: 95%;
   height: 1px;
   background-color: #000;
}

blockquote {
   padding: 4px 18px;
   color: #000;
   border: 0px dashed #663399;
   background: #ebebeb;
   text-align: justify;
   font-size: 11px;
}

textarea {
   border: 0px dashed #111111;
   background-color: #ebebeb;
   color: #000000;
   font-family: Helvetica, sans-serif;
   font-size: 10px;
}

input {
   border: 0px dashed #111111;
   background-color: #ebebeb;
   color: #000000;
   font-family: Helvetica, sans-serif;
   font-size: 10px;
}

#flickr a img {
   width: 60px;
   height: auto;
   margin-top:40px;
   padding: 5px;
   margin: 0 5px 5px 0;
   border: 1px dotted #ccc;
}

pre {
   border: solid 0px #738695;
   padding:5px 5px 5px 8px;
   margin:8px 8px 8px 8px;
   overflow:scroll;
}

/*Sidebar*/

#calendar {
   display: none;
}

.sidebar {
   float: right;
   width: 220px;
   padding-top: 25px;
   padding-left: 45px;
}

.sidebar a {
   color: #3fb9ff;
}

.sidebar a:hover {
   color: #8fcdf1;
}

.sidebar ul {
   list-style-type: none;
   margin: 0;
   padding: 0 10px 0 0px;
}

.sidebar ul li {
   padding:  0;
   margin-right: 17px;
}

.sidebar ul li a img {
   border: 0;
}

.sidebar ul li h2 {
   font-family: Helvetica, "Times New Roman", sans-serif;
   font-size: 20px;
   color: #000;
   padding-top: 0px;
   letter-spacing: -1px;
   font-weight: normal;
   background-color: #fff;
   margin-top: 25px;
}

.sidebar ul ul li {
   padding: 0;
}

.followbuttons {
   width: 114px;
   background-color: #ffff00;
}


/*End Sidebar*/







/*Search Form*/

#searchform {
   border: 0px solid #f28aae;
   font-family: verdana, arial, sans-serif;
   color: #000;
   margin-top: 20px;
}

#searchsubmit {
   background-color: #ebebeb;
   border: 0px solid #f28aae;
   font-family: verdana, arial, sans-serif;
   color: #000;
}

#s {
   background-color: #ebebeb;
   border: 0px solid #f28aae;
   font-family: verdana, arial, sans-serif;
   color: #000;
}

/*End Search Form*/







/* Begin Navigation*/

 
.webcomic-navi {
    text-align: center
}

 
.webcomic-navi a {
   padding: 5px;
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   width: 90%;
   margin: 0 5% 0 5%;
}

.webcomic-navi-top {
    text-align: center
}

 
.webcomic-navi-top a {
   padding: 5px;
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   width: 90%;
   margin: 0 5% 0 5%;
}
 
#navcontainer {
   margin: -42px auto 0px auto;
   width: 815px;
}

#navlist {
   padding: 0;
   margin-left: 0;
   border-bottom: 0px solid #778;
   font: 18px Helvetica, sans-serif;
}

#navlist li {
   list-style: none;
   margin: 0;
   display: inline;
}

#navlist li a {
   padding: 3px 0.5em;
   margin-left: 3px;
   border: 0px solid #778;
   border-bottom: none;
   text-decoration: none;
}

#navlist li a:link {
   color: #69c9ff;
   background: white;
}

#navlist li a:visited {
   background: white;
   color: #69c9ff;
}

#navlist li a:hover {
   color: #2168ca;
}

/* End Navigation*/	

	



	

	

/* Begin Comments*/

.commentlist li .avatar {
   float: left;
   border: 0px solid #eee;
   padding-right: 7px;
}

.alt {
   margin: 0;
   padding: 10px;
   background-color: #ebebeb;
}

.commentlist {
   padding: 0;
   text-align: justify;
}

.commentlist li {
   margin: 15px 0 3px;
   padding: 15px 10px 3px 11px;
   list-style: none;
   border: 0px dashed #363636;
}

.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;
}

h3.comments {
   padding: 0;
   margin: 40px auto 20px;
}

/* End Comments */





/* WP Captions*/



.aligncenter,
 div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 0px solid #ddd;
   text-align: center;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.post .webcomic {
}

.dropdown-comics {
   width: 200px;
}

/*End WP Captions*/