@charset "utf-8";

/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(reset.css);
/* end StyleCatcher imports */


/* base
------------------------------------------------------------ */
body {
	background:#FFF;
	color:#444;
	voice-family:inherit;
	line-height:1.4;
	background:url(../../../images/common/bg.gif);
}

hr {
	margin:0 0 2em 0;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* Hyper text
------------------------------------------------- */
a {
	color:#06C;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

#sidemenu a {
	color:#444;
}

#sidemenu a:hover {
	color:#06C;
}

/* Base elements
------------------------------------------------- */
blockquote {
	padding:1.5em 1.5em 0 1.5em;
	background-color:#F9F9F9;
	border:solid #CCC 1px;
	margin:0 0 2.2em 0;
}

#container .entry-content blockquote p {
	margin:0 0 1.5em 0;
}

pre {
	border:solid #999 1px;
	overflow:auto;
	letter-spacing:0.05em;
	background-color:#CCC;
	padding:0.6em;
	margin: 0 0 3em 0;
}

abbr {
	border-bottom-width:0;
}

/* for without MacIE5 \*/
div.main_body pre {
overflow:scroll;
}

div.main_body > pre {
width:auto;
}

div.main_body code {
font-family:monospace;
}

/* wrapper
------------------------------------------------------------ */
#wrapper {

}

/* Header
------------------------------------------------------------ */
#header {
	background: url(../../../images/common/bg002.png) repeat;
	margin:0 auto;
}

#header #header_contents{
	width:960px;
	padding: 0 0 0 20px;
	margin: 0 auto;
	height: 150px;
}


#header #header_contents ul{
	height: 35px;
	padding: 15px 0 0 0;
}

#header #header_contents ul li{
	float:left;
	margin:0 23px 0 0;
}

#header #header_contents ul li a {
	padding:0.5em 0;
	background-position:left center;
	display:inline-block;
}

#header #header_contents ul li a:hover {
	text-decoration:none;
	color:#69C;
}

#header #header_contents ul li.button_home a {
	background:url(../../../../common/home.png) no-repeat;
	padding:0 0 0 19px;
	background-position:left 2px;
}

#header #header_contents ul li.button_gallery a {
	background:url(../../../..//common/photo.png) no-repeat;
	padding:0 0 0 19px;
	background-position:left 2px;
}

#header #header_contents ul li.button001 a {
	background:url(../../../images/common/rss002.png) no-repeat;
	padding:0 0 0 19px;
	background-position:left 2px;
}

#header #header_contents ul li.button002 a {
	background:url(../../../images/common/info.gif) no-repeat;
	padding:0 0 0 10px;
	background-position:left 2px;
}

#header #header_contents ul li.button003 a {
	background:url(../../../images/common/login.gif) no-repeat;
	padding:0 0 0 19px;
}

#header h1 {
	font-size:123.1%;
	margin:20px 0 0.2em 280px;
}

#header a {
	color:#FFF;
}

#header h1 a:hover {
	color:#CCC;
}

#header h2 {
	color:#CCC;
	margin: 0 0 0 280px;
	font-size: 92.4%;
}

#header p#logo{
	width: 262px;
	height: 54px;
	display: block;
	position: absolute;
	top: 65px;
}

/* info_banner
------------------------------------------------------------ */
#info_banner {
	width:545px;
	height: 102px;
	margin: 0 0 15px 0;
}

/* middle_navi
------------------------------------------------------------ */
#middle_navi {
	width:534px;
	height: 33px;
	background:url(../../../images/common/middle_navi_bg.png) no-repeat;
	padding:6px 0 0 11px;
	margin: 0 0 11px 0;
}

#middle_navi li {
	float:left;
}

/* mainbox
------------------------------------------------------------ */
#mainbox {
	width:990px;
	padding:15px 15px 0 15px;
	background:#FFF url(../../../images/common/mainbox_bg.png) repeat-y 573px 0;
	margin:0 auto;
	border:#CCC 7px solid;
	border-top-width:20px;
	border-bottom-width:20px;
}

/* container
------------------------------------------------------------ */
#container {
	width:545px;
	padding:0 0 30px 0;
	float: left;
}

#container .page-title {
	margin: 0.5em 0 0.7em 0;
}

#container .page-title span {
	font-weight:bold;
	color:#FFF;
	padding:0.3em;
	background-color: #999;
}

#container .entry-date {
	line-height:1.1;
	padding:25px 0 15px 0;
	border-top:#CCC dotted 1px;
	
}

#container .post {
	padding:0 0 10px 0;
}

#container h2.entry-title, 
#container h3.entry-title{
	font-size:138.5%;
	line-height:1.2;
	color:#000;
	padding: 4px 10px 14px 41px;
	margin: 0 0 25px 0;
	border-bottom:solid #CCC 2px;
	background:url(../../../images/common/title_icon.png) no-repeat;
}

#container .entry-title a{
	color:#333;
}

#container .entry-title a:hover{
	color:#666;
}

#container p.theme{
	font-size:77%;
	padding: 0.5em 0 0 0;
}

#container .entry-content {
	padding:0 15px;
}

#container .entry-content h3 {
	border-bottom: dotted #CCC 1px;
	font-size:138.5%;
	padding:0 0 0.1em 0;
	margin:0 0 1em 0;
	color: #000;
}

#container .entry-content h3#related {
	border-bottom: dotted #CCC 1px;
	font-size:107.8%;
	padding:30px 0 0 0;
	margin:0 0 1em 0;
}

#container .entry-content ul.st-related-posts {
	padding:0 0 20px 0;
}

#container .entry-content ul.st-related-posts li {
	margin:0 0 0.3em 0;
}

#container .entry-content .img-deco img {
	padding:4px;
	border-top: solid #ccc 1px;
	border-left: solid #ccc 1px;
	border-bottom: solid #999 1px;
	border-right: solid #999 1px;
}

#container .entry-meta {
	margin:0 0 0 15px;
	font-size:77%;
	border-left:#CCC solid 3px;
	padding:8px
}

#container .navigation{
	font-size:77%;
	margin: 0 0 10px 0;
}

#container .nav-previous {
	float:left;
}

#container .nav-next {
	float:right;
}

#container #trackback {
	padding:0 0 0 15px;
	margin:0 0 30px 0;
}

#container #trackback p {
	padding:15px;
	border:#CCC dotted 1px;
}

#container #trackback p input {
	color:#333;
	width:90%;
}

#container #trackbacks-list {
	margin:0 0 30px 0;	
}

#container #trackbacks-list ol li {
	background-color:#EEF;
	border:#CCC solid 1px;
	padding:0.5em;
}

#container #trackbacks-list h3 span {
	font-weight:bold;
	font-size:large;
}

#container #trackbacks-list h3 {
	font-size:107.8%;
	line-height:1;
	margin:0 0 0.7em 0;
	padding:0 0 0 8px;
	border-left:#999 solid 4px;
}

#container #trackbacks-list .comment-author {
	margin:0 0 0.5em 0;
	color:#000;
}


#container #trackbacks-list p {
	background-color:#FFF;
	padding:8px;
}

#container #comments {
	padding:0 0 0 15px;
}

#container .entry-content p {
	line-height:1.6;
	margin: 0 0 1.8em 0;
}

#container .pagetop {
	text-align:right;
	padding: 30px 0 0 0;
}


/* comment
------------------------------------------------------------ */
#comments #respond {
	padding:1.2em 1.3em;
	background-color:#F9F9F9;
	border:solid #CCC 1px;
}

#comments #comments-list h3{
	border-bottom:1px #CCC dotted;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

#comments #respond h3 {
	margin:0 0 3px 0;
}

.comment-author img {
	padding:2px;
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
}

#comments .fn {
	font-weight:bold;
	font-size:107.4%;
}

#comments .comment-content {
	padding:20px 0 40px 20px;
	margin:0 0 20px 0;
	border-bottom:#CCC 1px dotted;
	background:url(../../../images/common/comments.png) no-repeat;
	background-position:left 15px;
}

#comments .comment-content p {
	margin:0 0 1em 0;
}

#comments span.required {
	color:#C00;
}

#comments .form-label {
	margin:15px 0 0 0;
}

/* sidemenu
------------------------------------------------------------ */
#sidemenu {
	width:410px;
	float:right;
}

#sidemenu ul.xoxo li{
	padding:0 0 25px 0;
}

#sidemenu ul.xoxo li ul{
	padding:0 0 0 7px;
}

#sidemenu h3.widgettitle{
	color:#FFF;
	padding:0.7em 5px 0.6em 22px;
	margin:0 0 15px 0;
	background-color: #333;
	background-image:url(../../../images/common/side_title_bg.gif);
	background-repeat:no-repeat;
	border-bottom: solid #999 1px;
	border-right: solid #999 1px;
	background-position: 8px center;
}

#sidemenu ul.xoxo li ul li {
	line-height:1.2;
	background-repeat:no-repeat;
	padding:0 0 0.6em 18px;
}

#sidemenu ul.xoxo li ul li ul {
	padding:0.5em 0 1em 0;
	margin:0.5em 0 0 0;
	border-top:#CCC dotted 1px;
}

#sidemenu ul.xoxo li.widget_recent_entries ul li {
	background-image:url(../../../images/common/document.png);
}

#sidemenu ul.xoxo li.widget_archive ul li {
	background-image:url(../../../images/common/calendar.png);
}

#sidemenu ul.xoxo li.widget_recent_comments ul li {
	background-image:url(../../../images/common/comments.png);
}

#sidemenu ul.xoxo li.recent-comments-list ul li {
	background-image:url(../../../images/common/document.png);
}

#sidemenu ul.xoxo li.recent-comments-list ul li ul li {
	background-image:url(../../../images/common/comments.png);
}

#sidemenu ul.xoxo li#twitter-tools ul li {
	background-image:url(../../../images/common/twitter.png);
}

#sidemenu ul.xoxo li#twitter-tools ul li.aktt_more_updates{
	background-image:none;
}

#sidemenu ul.xoxo li.widget_categories ul li {
	background-image:url(../../../images/common/folder.png)
}

#sidemenu #sidemenu_primary {
	width:200px;
	float: left;
	font-size: 92.4%;
}

#sidemenu #sidemenu_secondary {
	width:200px;
	float: right;
	font-size: 92.4%;
}

/* calender(Plugin)
------------------------------------------------------------ */
table#wp-calendar {
	width:90%;
	margin:0 auto;
	border:1px solid #999;
}

table#wp-calendar thead{
	background-color:#CCC;
}

table#wp-calendar caption {
	padding:0 0 0.1em 0;
}

table#wp-calendar th,table#wp-calendar td {
	text-align:center;
	padding:3px;
}

table#wp-calendar td a {
	display:block;
	background-color:#CCC;
	color:#333;
}

table#wp-calendar td a:hover {
	background-color:#666;
	color:#FFF;
	text-decoration:none;
}

/* footer
------------------------------------------------------------ */
#footer {
	color:#333;
	height: 140px;
	background: url(../../../images/common/footer_bg.png) repeat-x;
}

#footer #footer_content {
	width:980px;
	margin: 0 auto;
}

#footer #footer_left {
	float:left;
	padding: 0 40px 0 0;
	width: 156px;
}

#footer #footer_right {
	float:left;
	padding: 10px 0 0 0;
	width: 784px;
}

#footer #footer_right ul {
	padding: 0 0 7px 0;
	display: block;
	border-bottom: solid #666 1px;
	width: 784px;
	font-size: 92.4%;
}

#footer #footer_right ul a {
	color:#000;
}

#footer #footer_right ul a:hover {
	color:#FFF;
	text-decoration:none;
}

#footer #footer_right ul li{
	float:left;
	padding: 0 18px 0 0;
}

#footer #footer_right p#ad{
	font-size: 77%;
	width: 784px;
}

#footer a:link,#footer a:hover,#footer a:active,#footer a:visited {
	color:#333;
}

#footer address {
	font-size:92.4%;
	display: block;
	width: 784px;
	padding: 10px 0;
}

/* Entry (html tag)
------------------------------------------------------------ */


#container .entry-content ul,#container .entry-content ol {
margin:0 0 1.5em 0;
}

#container .entry-content ul li {
	margin:0 0 0.7em 1em;
	line-height:1.6;
}

#container .entry-content dl {
  margin:0 0 2em 0;
}

#container .entry-content dt {
	border-bottom: dotted #CCC 1px;
	font-size:107.8%;
	margin:0 0 0.5em 0;
	color:#900;
	padding: 0 0 0.1em 0;
}

#container .entry-content dd {
	margin:0 0 3em 0;
	padding:0 0 0 1em;
	line-height: 1.5;
}

/* Navigation
=========================================================== */
#glovalnavi {
	background:url(../../../images/common/globalnavi_bg.png) repeat-x;
	height:43px;
	overflow: hidden;
}

ul#navigation {
	background:url(../../../images/common/navi_partition.gif) no-repeat left 13px;

	width:980px;
	height:43px;
	line-height:normal;
	font-size: 92.4%;
	margin:0 auto;
}

ul#navigation li {
	background:url(../../../images/common/navi_partition.gif) no-repeat right 13px;
	height:43px;
	float: left;
}

ul#navigation li#navi009 {
	float:right;
	padding:7px 0 0 0;
	width:250px;
	text-align:right;
	background:none;
}

/* Default Position
---------------------------------------- */
ul#navigation li a {
	color:#FFF;
	padding:13px 11px 0 11px;
	height: 28px;
	display: inline-block;
}

ul#navigation li a:hover {
	color:#69C;
	text-decoration:none;
}
.home ul#navigation li#navi001 a { color:#69C; text-decoration:underline;}
.category-coding ul#navigation li#navi002 a,
.s-category-coding ul#navigation li#navi002 a { color:#69C; text-decoration:underline;}
.category-application ul#navigation li#navi003 a,
.s-category-application ul#navigation li#navi003 a { color:#69C; text-decoration:underline;}
.category-web-design ul#navigation li#navi004 a,
.s-category-web-design ul#navigation li#navi004 a { color:#69C; text-decoration:underline;}
.category-php ul#navigation li#navi005 a,
.s-category-php ul#navigation li#navi005 a { color:#69C; text-decoration:underline;}
.category-photo ul#navigation li#navi006 a,
.s-category-photo ul#navigation li#navi006 a { color:#69C; text-decoration:underline;}
.category-notebook ul#navigation li#navi007 a,
.s-category-notebook ul#navigation li#navi007 a { color:#69C; text-decoration:underline;}
.category-wordpress ul#navigation li#navi008 a,
.s-category-wordpress ul#navigation li#navi008 a{ color:#69C; text-decoration:underline;}

ul#navigation li#navi009 a {
	display:block;
	height:18px;
}

#primary .entry_body p.theme,div.plg3_body p.theme ,p.tag_lnk{
	text-align: right;
	margin: 0.5em 0 0 0;
}

div.form,p.trackback_url {
	padding:15px 30px;
}

p.pagetop-btn {
	text-align: right;
	width: 98%;
	height: 18px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 20;
}

/* wordpress_contact_form
=========================================================== */
div.wpcf7 {
	padding:1.5em 1.5em 0 1.5em;
	background-color:#F9F9F9;
	border:solid #CCC 1px;
	margin:0 0 1.8em 0;
}

/* pagebar
=========================================================== */
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #2E6AB1;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
}

.pagebar a:hover {
	border-color: #2E6AB1;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}