/*  
Theme Name: Kim The Second
Theme URI: http://www.kimberlymccullough.org
Description: First, woot!
Version: 2.0
Author: Melly Lu Su
Author URI: http://www.kimberlymccullough.org
*/

/*Tag Selectrs */

body {padding:0;background-color:#e3f5a6;color:#000000;  text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;}

/* ID Selectors */

#container{width:850px;  height: 100%; margin:0 auto; background: #e3f5a6;}

#header{width:100%; text-align: left;}

#logo{width:100%; padding:0; margin: 0; text-align: left; }

#network{width:290px; background: #fcbce0; padding:1px; margin-top: 10px; margin:0; margin-left: 0px;  border: 1px solid #f0a8d1; float:left; min-height: 150px;}
#welcome{width:260px; background: #fcbce0; padding:2px; margin-top: 10px; margin:0; margin-left: 6px; border: 1px solid #f0a8d1;  float:left;  min-height: 150px;}
#gallery{width:270px; background: #fcbce0; padding: 2px; margin-top: 10px; float: right; margin-left: 2px;  border: 1px solid #f0a8d1; margin:0; min-height: 150px;}

#network p, #welcome p, #gallery p{padding:5px; margin:0;}
#network a img, #gallery a img{margin: 3px; padding: 2px;  border:1px solid #a95c88;}
#network a img:hover, #gallery a img:hover {margin: 3px; border:1px solid #fcbce0;}

#sidebar {width:25%;float:left; text-align:left; padding-left: 10px; margin: 0; margin-top: 10px;margin-bottom: 10px;}
#sidebar h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; text-align:center; color: #a95c88; margin: 0;padding:0; font-variant: small-caps; border-top: 1px solid #a95c88; border-left: 1px solid #a95c88; border-right: 1px solid #a95c88; border-bottom: 0px solid #a95c88;background: #f0a8d1;}
#sidebar ul {padding: 0; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin: 0; margin-bottom: 10px;background:#fcbce0;border: 1px solid #a95c88;}
#sidebar li {padding: 0; margin: 0; list-style-type: none;}
#sidebar li a {text-decoration: none;}
#sidebar li a:hover  {text-decoration: underline;}
#sidebar a img {padding: 2px; border:1px solid #f0a8d1;}
#sidebar a img:hover {border: 1px solid #E852AE;}

#content {width:70%; float:right; text-align:left; margin: 0; margin-top: 10px;}
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; text-align:left; color: #f0a8d1; margin:10px 0 0 0; padding:0; border-bottom: 1px dotted #f0a8d1;}
#content h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; text-align:left; color: #f0a8d1; margin:10px 0 0 0; padding:0; font-variant: small-caps;}
#content ul li {list-style-type: none; list-style-position: inside; padding:0; margin:0; display:block; margin:3px;padding:4px;padding-left:24px; border-bottom: 1px dotted #f0a8d1; background: url(http://www.kimberlymccullough.org/site/images/bullet_star.gif) left no-repeat; width: 65%;}
#content h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; text-align:left; color: #f0a8d1; margin:10px 0 0 0; padding:0; }	


.pagetitle, .pagetitle a{color:#a95c88; font-family: Georgia, "Times New Roman", Times, serif; margin:0px; padding:0px; font-size:12px; text-decoration: none;}
.pagetitle a:hover {text-decoration:underline;}

#content h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; text-align:left; color: #a95c88; margin:10px 0 0 0; padding:0; }

#footer {width: 100%; clear:both;  padding:0; text-align:left; color:#000;}

/* Pseudo Selectors */

a {color:#a95c88;text-decoration:none;}
a:hover {text-decoration:underline;}

/* WordPress - Post */
.post-date{float: left; display: inline; margin: 0 0 0 0; width:57px; height:59px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif;  line-height:16px;}

.month {text-transform:uppercase; text-align:center; padding-top:10px; font-size:11px; color:#c178a2;}
.day {color:#a95c88; text-transform:uppercase; font-size:28px; text-align:center;}

#post-header {background: #f0a8d1; margin-bottom: 0px; border: 1px solid #a95c88; border-bottom: 0px solid;}
.post-header h1 {color:#a95c88;font-size:22px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;border-bottom:1px solid #a95c88;padding-bottom:5px;margin-bottom:2px;margin-top:5px;font-weight:100;}
.post-header h1 a{color:#a95c88; text-decoration:none;font-weight:100;}
.post-header h1 a:hover{color:#a95c88;text-decoration:none}

.post-meta {color:#000000; font-size:11px; text-transform:none; margin-botton:0;}
.post-meta a {color:#a95c88; text-decoration:none}
.post-meta a:hover {color:#a95c88; text-decoration:underline;}

.post-body {margin-top:0px; margin-bottom:10px; background: #fcbce0; border: 1px solid #a95c88; padding: 5px;}
.post-body img {margin: 3px;  padding: 2px; border:1px solid #a95c88;}
.post-body img:hover {margin: 3px;   border:1px solid #f0a8d1;}

.tags {margin-bottom:3px;color:#000000;}
.tags a {color:#a95c88; text-decoration:none;padding:2px;}
.tags a:hover {color:#8eb359;background:#a95c88}

.post-spacer {border-bottom:1px dotted #f0a8d1;padding-bottom:25px;margin-bottom:35px; width: 94%;}

/*Wordpost - Comments */
li.commentlist {border-bottom: 1px solid #eee; margin-left:1px; padding:5px; list-style-type: none;border:1px solid #a95c88;}
.alt {margin: 0;width: 77%; background:#f0a8d1; margin-left:1px; margin-right:1px; padding: 5px; list-style-type: none;}
.comment-meta a, .comment-meta a:link, .comment-meta a:visited {color: #a95c88; text-decoration:underline;}
.comment-meta a:hover, .comment-meta a:active {color: #fff; text-decoration:none;}
.comment-meta {margin: 0;margin-left:1px; padding:10px; padding-left: 5px;}
.comment-text {margin: 0;margin-left:1px; padding-left:20px; padding-right:20px;	width: 75%;}
#respond {width: 75%; margin-bottom:10px; color:#a95c88; margin-top:5px; font-weight:100; background:#f0a8d1; padding:10px; padding-left:15px; border:1px solid #a95c88;}

.clearing {clear:both; height:0px; padding:0; margin:0;}
img.alignleft{margin: 5px 10px 2px 0;}
img.alignright{margin: 5px 0 2px 10px;}
.alignleft{float: left; clear:both}
.alignright{float: right; clear:both}
