/*
Theme Name: Stacy Kathryn
Theme URI: http://www.stacykathryn.com/
Description: Custom Stacy Kathryn Wordpress design
Version: 1.0
Author: Wendy Kopala
*/

body { color: #808080; padding:0; margin:10px; font-family:"Trebuchet MS", sans-serif; font-size:12px; background-image: url('(EmptyReference!)'); background-repeat: repeat; background-attachment: scroll; background-position: center 100%; }

#mainPage { background-color: white; background-image: none; width: 820px; margin-left: 100px; }
#main { background-color: white; background-image: none; width: 820px; border-top-width: 3px; border-right-width: 3px; border-right-color: #a2c8de; border-bottom-width: 3px; border-bottom-color: #a2c8de; border-left-width: 3px; border-left-color: #a2c8de; }
#main .nav { color: gray; font-size: 12pt; font-weight: bold; font-style: normal; text-decoration: none; text-align: center; }
#main .nav a { color: gray; font-size: 12pt; font-weight: bold; text-decoration: none; text-align: center;  }
#main .nav a:visited { color: gray; font-size: 12pt; font-weight: bold; text-decoration: none; text-align: center;  }
#main .nav a:hover { color: #cb616e; font-size: 12pt; font-weight: bold; text-decoration: none; text-align: center;  }
#main .navSelected a, #main .navSelected a:visited, #main .navSelected a:hover { color: #cb616e; font-size: 12pt; text-decoration: overline; }
#pageEntry .contact a:hover, #pageEntry .contact a:visited { color: #8a9e6d; font-size: 12pt; text-decoration: none; }
#pageEntry .contact a { color: #cb616e; font-size: 12pt; text-decoration: none; }
.pageImage {
	float: left;
	padding-top: 1px;
	margin: 0;
}

#pageContent { width: 800px; margin: 0 0 0 200px; padding: 0; float: left; }

#pageContent h2 {
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#pageContent #pageEntry { clear: both; font-size: 12px; text-align: left; float: left; margin: 0; padding: 3px 0; }
#pageEntry .contact { color: #cb616e; font-size: 12pt; padding: 0; margin: 0; float: left; }
#main a:hover, #main a:visited { color: #8a9e6d; font-weight: bold; text-decoration:none; }
#main a { color: #cb616e; font-weight: bold; text-decoration: none; }
#main h2 {
	color: #cb616e;
	margin-bottom: 0.5em;
	font-size: 1.3em;
	text-decoration:none;
	background: repeat-x 50% top;
	padding: 7px 0 0
}

#main h2 a, #main h2 a:visited, #main h2 a:hover  { color: #8a9e6d; margin-bottom: 0.5em; font-size: 1.3em; font-weight: bold; text-decoration:none; background: repeat-x 50% top ; padding: 7px 0 0
 }
/* 675 wide */
#blog { background-color: #fff; width: 506px; padding: 0; float: left; text-align: left; margin: 0; }
.boxed {
	clear: both;
}

/* Categories */
.boxed ul {
	margin-left: 0;
	padding-left: 35;
	margin-top: 4px;

}

.boxed li {
	text-align: left;
	margin: 0;
	color: #8a9e6d;

}

.boxed input {
	font-size: 11px;
}

.boxed select {
	font-size: 12px;
	margin-bottom: 15px;
}

/* Calendar */
#calendar_wrap {
	text-align: center;
	margin: auto;
}

#calendar_wrap caption {
	font-size: 12px;
	font-weight: bold;
}

#calendar_wrap th {
	font-size: 11px;
	font-weight: bold;
}

#calendar_wrap td {
	font-size: 11px;
	height: 15px;
	padding:  0px 3px 0px 3px;
	text-align: center;
	margin: auto;
}

#today {
	padding:  0px 3px 0px 3px;
	font-weight: bold;
	color: white;
}

#calendar_wrap #prev {
	font-size: 12px;
}

#calendar_wrap #next {
	font-size: 12px;
}

/* posts */

.post-author, .post-date, .post-comm, .post-time, .post-cath, .post-edit {
	font-size: 1em;
	text-decoration:none;
}

.entry {
	text-align: left;
	font-size: 1.1em;
	color: gray;
}

.post-author {
	color: #8a9e6d;
	padding: 0 0 3px 18px;
	background: url(http://www.stacykathryn.com/wp/wp-content/themes/stacy/images/p_author.gif) no-repeat;
}

.post-date { color: #8a9e6d; font-weight: bold; margin: 0; padding: 0 0 2px; background: no-repeat; }

.post-comm {
	color: #cb616e;
	padding: 0 0 3px;
	background: no-repeat;
}

.post-time {
	color: #cb616e;
	padding: 0 0 3px 18px;
	background: no-repeat;
}

.post-cath {
	color: #8a9e6d;
	padding: 0 0 3px;;
	background: no-repeat;
}

.post-edit {
	padding: 0 0 3px 3px;
}

.post { margin: 0 0 25px 6px; }
.post .info {
	padding: 2px 3px 3px 8px;
	border:solid 1px #ccc;
	background-color:#f7f7f7;
	font-size:0.9em;
	color:#8a9e6d;
}

/* Comments Styling */

.commtitle {
	color: white;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;
	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	background: transparent url(../images/commentstitle.gif)  no-repeat top ;
	padding: 7px 0px 5px 20px;
}


.leavecomm {
	color: white;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;
	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	background: transparent url(../images/leavecomm.gif)  no-repeat top ;
	padding: 7px 0px 5px 35px;
}

#comment {
	margin-left:30px;
	margin-bottom: 0em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
	font: Arial, Verdana, Sans-Serif;
}

#commentlist li {
	margin-left:30px;
	margin-bottom: 0em;
	padding-bottom: 1em;
	padding-top: 1em;
	border-bottom: 1px solid #700000;
}

#commentform {
	margin-left:30px;
	margin: 1em 0;
	background: #ffffff;
	width: 280px;
}

#commentform textarea {
	margin-left:30px;
	background: white;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;
	width: 280px;
}

#commentform textarea:hover {
	background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
}

#commentform textarea:focus {
	background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
}

#commentform #email, #commentform #author, #commentform #url {
	margin-left:30px;
	font-size: 1.1em;
	background: #fff;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;
	width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
	width: 280px;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size: 1.1em;
	background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
	width: 280px;
}

#commentform input{
	margin-bottom: 3px;
}

.submit1{
	color: white;
	font-weight: bold;
	margin-left:30px;
	width: 280px;
	cursor:hand;
	font-size:1.10em;
	background: #ac5e12;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;
}

.submit1:hover, .submit1:focus{
	background: #c6782c;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#commentlist li {
	padding: 5px 25px 0 0;
	border-bottom: 1px solid #e19543;
	background: #fff5e9 url(../images/comment-bg.gif) repeat-y 0 0;
}

.alt {
	background-color: #fff !important;
	background-image: none !important;
}

.comment-title, .comment-meta, .comment-text {
	margin: 0 0 0 80px;
}

.comment-title, .comment-title a, .comment-title a:hover {
	color: #8a9e6d;
}

.comment-meta, .comment-meta a, .comment-meta a:hover {
	color: #8a9e6d;
}

.blockquote {
	margin: 5px;
	padding: 0px 5px 5px 35px;
	background: transparent url(../images/blockquote.gif) no-repeat ;
}

/* Last Posts */

.posts .one {
	height: 18px;
	letter-spacing: 2px;
	padding: 1px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.15em;
	color: #FFFFFF;
	background:#FFFFFF url(../images/bg-03.gif) repeat-y top left;
}

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

.posts a {
	color: #cb616e;
	border-bottom: 1px dashed #f88641;
}

.posts a:hover {
	color: #cb616e;
	border-bottom: 1px dashed #bc4d17;
}


.posts li {
	background: none;
	display: block;
	line-height:1.4em;
	font-size:1.1em;
	margin: 0 0 0 20px;
	padding: 1px 3px 1px 15px;
	font-weight: bold;
	color: #8a9e6d;
	background:url(../images/posts-menu.gif) no-repeat left top;
}

.posts { margin: 0px; }


/* Footer */

#footer { color: #8a9e6d; padding-top: 0; line-height:1em; clear: both; margin: 0 100px; font-size:0.95em; }

#legal {
	margin: 0 300px;
	padding: 0;
}
#sidebar { color: #9d9d9d; margin-top:20px; width:200px; font-size:12px; float:right; letter-spacing:0.1em; line-height:140%; text-align: left; }
#sidebar br { letter-spacing:normal; }
#sidebar h2 { color: #cb616e; margin-bottom:6px; padding-bottom:2px; border-bottom:1px dotted #ccc; font-size:14px; text-align: left; letter-spacing:0.2em; }
#sidebar h3 { color: #8a9e6d; font-size:12px; text-align: left; margin:0 2px 6px; }
#sidebar ul li { margin:4px 0; border-width: 0; }
#sidebar .modBody { margin:16px 0 20px; }
#sidebar .count { margin-left:4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#8a9e6d; }
#sidebar img.avatar { margin:0 2px 10px; padding:4px; border:1px solid #DDD; width:96px; height:96px; overflow:hidden; }
#sidebar a:hover img.avatar { border-color:transparent; }
#sidebar .about { margin-left:1px; }
#sidebar #calendar table { padding:0; border:0; width:220px; line-height:140%; }
#sidebar #calendar td { text-align:center; }
#sidebar #calendar caption { padding:0 0 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#cb616e; }
#sidebar #calendar caption a { font-size:12px; font-weight:bold; }
#sidebar #calendar thead th { padding:0 2px 2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; }
#sidebar #calendar tbody td { padding:2px 2px 2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#sidebar #calendar tbody a {color:#8a9e6d;}
#sidebar #calendar #today { background:#F0F0F0; font-style:italic; }
#sidebar #login .modBody { margin-bottom:-6px; }
#sidebar #login div { padding:0 0 4px; }
#sidebar #login label { margin:0 6px 0 2px; }
#sidebar #login .submit { margin:2px 0 0 152px; }
#sidebar .button { font-size:12px; letter-spacing:0.5em; padding:1px 0 3px 6px; width:60px; color:#8a9e6d; cursor:pointer; }
#sidebar #tags .more { margin-top:6px; }
#sidebar #search .modBody { margin-bottom:10px; }
#sidebar #search .textField { padding:2px 1px; width:204px; border:1px solid #7F9DB9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin-bottom:6px; }
#sidebar #search .button { margin-left:150px; }
#sidebar #custom { margin-top:40px; }
#sidebar .statistics { margin:40px 0 16px; }
#sidebar .statistics .count { margin:0; }
#sidebar .poweredBy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#8a9e6d; }
#sidebar .poweredBy img { margin-bottom:6px; }

   /* begin gallery styling */
   #jgal { list-style: none; width: 200px; }
   #jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
   #jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
   #jgal li.active img { display: block; }
    #jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
