/*  
Theme Name: KJuly_No1
Theme URI: http://www.KJuly.com/
Description: Designed for Myself.
Version: 1.0
Author: KJuly
Author URI: http://www.KJuly.com
Tags: white, simply, custom header, fixed width, two columns, widgets
*/

/* STRUCTURE */
body {
	text-align:center;
	margin:0;
	padding:0;
	background-color:#efefef;
	background-image:url(images/back.png);
	background-position:top left;
	background-repeat:repeat-x;
	color:#555555;
	font-size:12px;
	font-family:Arial;
}

#body2 {
background-image:url(images/backfooter.png);
background-position:bottom left;
background-repeat:repeat-x;
}

#page {
	width:960px;
	margin:auto;
	background-image:url(images/page.png);
	background-repeat:repeat-y;
	text-align:left;
}

#header {
	height:88px;
	width:960px;
	padding-left:0px;
	padding-top:20px;
	clear:both;
	margin:auto;
	text-align:left;
}
.headleft { float:left; width:450px; }

#menulinks { height:40px; width:960px; clear:both; margin:auto; background-image:url(images/menulinks.png); }

#rsslink a {
	float:right;
	text-align:right;
	padding-top:10px;
	padding-left:17px;
	height:30px;
	color:#d7d1d1;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background:url(images/rsslink.gif) left 12px no-repeat;
}

ul#navlist {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	float:left;
	width:600px;
}
ul#navlist li { font-size:10pt; display:inline; list-style-type: none; }
ul#navlist li a {
	padding:10px 15px 0 15px;
	height:30px;
	background-image:none;
	display:block;
	color:#d7d1d1;
	text-decoration:none;
	float:left;
	font-size:14px;
	font-weight:bold;
}
ul#navlist li a:link, ul#navlist li a:visited { text-decoration: none; }
ul#navlist li a:hover {
	background-position:top left;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(images/menuhover.png);
}

#mainarea { clear:both; width:960px; padding-top:0px; margin:0 }
#contentarea { padding-left:10px; width:600px; float:left; padding-bottom:20px; }

#searchform { padding-left:10px; padding-right:10px; padding-top:10px; }
#searchform #s {
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#555555;
	width: 210px;
	padding:6px 4px 4px 7px;
	float:left;
	height:19px;
	font-weight:bold;
	margin-left:5px;
	border:1px solid #717171;
}
#searchform #s:focus { background-color:#717171; color:#FFFFFF; }
#searchsubmit {
	background-image:url(images/search.png);
	width:32px;
	height:29px;
	float:right;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
	cursor:pointer;
	margin-right:10px;
}

#sidebar { width:320px; float:right; padding-bottom:20px; }
* html #sidebar { clear:both; }
#mainSidebar { width:310px; margin:15px 1px 30px 10px; padding:0; }
* html #mainSidebar { float:right; margin:0; }
#sidebar1 { width:155px; float:left; margin-left:1px; margin-right:5px; }
#sidebar2 { width:155px; float:left; margin-right:1px; }
* html #sidebar2 { clear:both; float:right; }


#widelist li a{
	padding:4px 0 4px 5px;
	border-bottom:#CCCCCC solid 1px;
	display:block;
	font-size:10pt;
	color:#9d8c8c;
	text-decoration: none;
	clear:both;
	text-align:left;
	margin:0 0 5px 4px;
	width:300px;
}

#widelist li a:hover { color:#555555; text-decoration: none; }

#footer {
	width:960px;
	height:87px;
	background:url(images/backfooter.png) bottom left repeat-x;
	clear:both;
	color:#CCCCCC;
}
#footer a:hover { color:#FFFFFF; }
#footer .left { float:left; padding-left:0px; padding-top:42px; line-height:18px; }
#footer .right { float:right; padding-right:0px; padding-top:42px; line-height:18px; text-align:right; }

/* POST DETAILS */
.post { padding:10px 20px 0 20px; }
.posttop { clear:both; width:100%; height:40px; margin-bottom:90px; }

.entry { line-height:20px; }
.entry img { background:#f4f4f4; padding:4px; border:1px solid #f4f4f4; }
.entry img:hover { border:1px solid #CCC; }

.aligncenter { margin: 10px auto 20px auto;display: block;}
.alignleft { margin: 10px 20px 8px 0;float: left;}
.alignright { margin: 10px 0px 8px 20px;float: right;}

.entry .size-large { margin-right:-120px; width:100%; }
* html .entry .size-large { margin-left:-27px; margin-right:0; width:auto; }

#SingleChoose { background:#454545; padding:10px 20px; margin:60px 0 60px -27px; border-right:3px solid #333333; height:22px; }
.singleLeft, .singleRight{ font-size: 16px; color:#cccccc; }
.singleLeft { float:left; }
.singleRight { float:right; }
.singleLeft a, .singleRight a { text-decoration:none!important; font-weight:bold; color:#cccccc; }
.singleLeft a:hover, .singleRight a:hover { color:#f1f1f1; }

#indexListTop { display:block; height:10px; background:url(images/indexListTop.jpg) no-repeat left; margin:40px 0 120px -7px; }
#indexList { padding:10px 20px; margin:30px 0; height:200px; border-bottom:1px dashed #888888; }

#postListInfo { float:left; width:150px; font-size:12px; color:#bfbfbf; }
#postListInfo .title { margin-bottom:12px; padding-top:6px; }
#postListInfo .thetitle a { font-size:14px; color:#555555; clear:both; font-weight:bold; }
#postListInfo .thetitle a:hover { text-decoration:none; color:#9d8c8c; }

.comments, .commentsH { float:right; height:60px; width:60px; margin:0; }
.comments{ background: url('images/commentPic.jpg') right no-repeat; }
.commentsH{ background: url('images/commentPic2.jpg') right no-repeat; }
.comments p, .commentsH p { height: 50px; font-size: 18px; z-index: 999; padding-right: 20px; }
* html .comments p, * html .commentsH p { margin-top:18px; }
.comments p { color: #f4f4f4; }
.commentsH p { color: #969696; }

/* STYLING */
h1 { font-size:25px; clear:both; color:#666666; margin:0; }
h1 a { color:#666666; }
h1 a:hover { color:#333333; text-decoration:none; }
a { color:#bfbfbf; text-decoration:none; }
a:hover { color:#555555; text-decoration:none; }

#sidebar h2 {
height:25px;
font-size:16px;
font-weight:bold;
margin-top:15px;
margin-bottom:0;
clear:both;
padding-left:5px;
}

#subfooter .subfooterwidget h2 {
padding-left:8px;
padding-top:8px;
height:25px;
font-size:16px;
font-weight:bold;
color:#CCCCCC;
}

#sidebar ul li ul li a {
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#CCCCCC solid 1px;
display:block;
font-size:10pt;
color:#9d8c8c;
text-decoration: none;
clear:both;
text-align:left;
margin-left:-6px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
width:140px;
}

#subfooter .subfooterwidget a {
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#555555 solid 1px;
display:block;
font-size:10pt;
color:#CCCCCC;
text-decoration: none;
clear:both;
text-align:left;
margin-left:10px;
margin-right:4px;
width:250px;
}

#sidebar ul li ul li a:hover { color:#555555; text-decoration: none; }

#subfooter .subfooterwidget a:hover { color:#FFFFFF; text-decoration: none; }

.clear { clear:both; }

#commentsTop { margin-top:120px; }

.commentlist { padding:0; margin:30px 0 0 0; text-align: justify; }
.commentlist li, #commentform input, #commentform textarea { font-family: Arial, Helvetica, sans-serif; }
.commentlist li, .commentlist .alt, .commentlist .author {
	font-weight: bold; margin:5px 0; min-height:180px; padding: 5px 10px 40px 3px; list-style: none; border:1px solid #ccc; }
.commentlist .alt { background:#f4f4f4; }
.commentlist .author { background:#333333; }
.commentlist .author p { color:#CCC; }

* html .commentlist li, * html .commentlist .alt, .commentlist .author { height:180px; } /* for IE */
.commentlist p { font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#888888;
	min-height:120px; margin: 10px 25px 0px 160px; }
.commentlist a { color:#6099ff; text-decoration:underline; }

.commentlist li .commentLeft { float:left; width:100px; margin:25px 0 0 20px; text-align:center; }
* html .commentlist li .commentLeft { margin:25px 0 0 10px; }
.commentlist li .commentLeft img { background:#fff; padding:5px; border:1px solid #888888; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 10pt; }
.commentlist cite { color:#f90; }
.commentlist cite a { color:#f90; text-decoration:underline; }

.commentmetadata { font-size:10px; color:#888888; font-weight:normal;  margin:0; }
.nocomments { text-align: center; margin: 0; padding: 0; }

#commentform { text-align:left; padding-left:35px; }
#commentform p { font-family:Arial, Helvetica, sans-serif; margin: 5px 0; }
#commentform input { width: 170px; padding: 6px; margin: 2px 5px 1px 0; border:#cccccc solid 2px; }
#commentform textarea { width:90%; padding: 6px; border:#cccccc solid 2px; }
#commentform #submit { margin-right:37px; float: right; cursor:pointer; }

small, .nocomments, .postmetadata, blockquote, strike { color:#555555; }

code { font-family:"Courier New", Courier, monospace; font-size:9pt; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

/* Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; color:#9d8c8c; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:8pt; }
#calendar_wrap { margin-top:5px; margin-left:10px; }
#wp-calendar #prev a { font-size: 8pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 10pt Arial, Helvetica, sans-serif; text-align: center; }
#wp-calendar th { font-size:8pt; font-style: normal; text-transform: capitalize; }

p img { padding: 0; max-width: 100%; }
/* End Images */

/* Begin Lists */
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px; text-indent: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }

ul {}
.entry ul li:before, #sidebar ul ul li:before, #subfooter ul ul li:before { content: ""; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #subfooter ul {  margin: 0; padding:0; }
#sidebar ul ol, #subfooter ul ol { margin: 0; padding:0; }
#sidebar ul li, #subfooter li { list-style-type:none; list-style-image:none; padding-left:0px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

ol li, #sidebar ul ol li, #subfooter ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li, #subfooter ul ul li { margin: 3px 0 0; padding: 0; }

.entry form { text-align:center; }

select { width: 130px; }

#sidebar form { margin: 0; }
.textwidget { margin-left:20px; margin-right:20px; padding-top:7px; text-align:left; }

.textwidget a { }

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 10px; border-left: 3px solid #999999; color:#999999; }
blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

hr { display: none; }

a img { border: none; }

.more_entries { clear:both; text-align: right; margin:70px 20px 130px 0; }

.contentSpace { float:left; margin:0 10px 20px 0; padding:6px; background:#f4f4f4; }

.backTop, .backTop:hover { display:block; width:18px; height:99px; background:url(js/backtop/backtop.png) 0 0 no-repeat; }
.backTop { background:url(js/backtop/backtop.png) 0 0 no-repeat; }
.backTop:hover { background:url(js/backtop/backtop.png) -18px 0 no-repeat; }

.tool-tip { z-index:13000; width:139px; color:#fff; }
.tool-title { padding:4px 8px 8px 8px; font-weight:bold; font-size:11px; background:url(js/tips/smoke.png) left top; margin:0; }
.tool-text { padding:4px 8px 8px 8px; font-size:11px; background:url(js/tips/smoke.png) right bottom; }
.custom-tip { z-index:13000; width:130px; color:#000; }
.custom-title { padding:4px 8px 8px 8px; font-weight:bold; font-size:11px; background:#c3df7d; margin:0; color:#3e4f14; border-bottom:#b5cf74 1px solid; }
.custom-text { padding:4px 8px 8px 8px; font-size:11px; background:#cfdfa7; }

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}