/* Shibuya.JS Screen Styles based on Azure Screen Styles */

html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #container {
	height: auto;
}

html {
	background: #fff url(../../images/theme/html_bg.gif) top left repeat-y;
}

body {
	margin: 0;
	padding:0;
	text-align: center;
	font: 1em/1.2em Helvetica, Arial, Verdana, sans-serif;
	line-height:150%;
	color: #555;
	background: transparent url(../../images/theme/body_bg.gif) right top repeat-y;
	position: absolute;
	top: 0;
	left: 0;
}

#container {
	margin:0 auto;
	text-align: left;
	background: url(../../images/theme/header_bg.gif) repeat-x;
}

#header { 
	width:290px;
	height: 108px;
	padding: 32px 0 0 70px;
	float:left;
}

#content {
	background: url(../../images/theme/content_lt.gif) repeat-x;
}

#main { 
	padding:70px 90px;
	background: url(../../images/theme/content_rt.gif) right top no-repeat;
}

#search {
	height: 108px;
	text-align:right;
	padding-right: 70px;
}

#sidebar {
	padding:0 90px;
	text-align:right;
}

.sidebar-node {
	position:absolute;
	right:0px;
	top:110px;
	margin-right:75px;
}

#footer {
	margin: 10px;
	text-align:center;
}

#footer a { border: none; }
#footer img { border: none; margin-top: 10px; }

/*+-------------------------------------------+
|   			LINKS 						  |
+-------------------------------------------+*/
a {
	color: #5189b5;
	text-decoration: none;
	border-bottom: 3px solid #5189b5;
}
a:visited {
	color:#7D9DB1;
	border-bottom: 3px solid #7D9DB1;
}
a:hover { color: #85ab02; border-bottom-color: #85ab02; }

/*+-------------------------------------------+
|   			UTILITY 					  |
+-------------------------------------------+*/
h1, h2, h3, h4, h5, h6 {
	font-weight:900;
	margin: 0;
	padding: 0;
}

form, div { padding: 0; margin: 0; }
p { margin: 0 0 1em 0; padding: 0; }
img { border: 0; }


/*+-------------------------------------------+
|   			HEADER 						  |
+-------------------------------------------+*/
#header h1 {
	text-indent:-9000px;
	background:url(../../images/theme/logo.gif) no-repeat;
	height:38px;
}
#header h1 a {
	color: #fff;
	text-decoration: none;
	border: none;
	display: block;
	height:100%;
}

#logo h2 { color: #fff; padding-top: .2em; font-size: 1.2em; text-decoration: underline;}

/*+-------------------------------------------+
|   			        SEARCH     						    |
+-------------------------------------------+*/	
#sform { padding-top: 15px; }

#sform label {
	color:#666;
	font-size:10px;
	display:block;
}

#search-results {
	padding: 2px;
}

#q {
	width:10em;
}


/*+-------------------------------------------+
|   			POST 						                  |
+-------------------------------------------+*/
.post {
	margin: 0 0 20px 5px;
	padding: 30px 10px;
}

.post h2 {
	font-size:160%;
	letter-spacing:-0.1em;
}

.post h2 a {
	color: #FF0066;
	text-decoration: none;
	border: none;
}

.post h2 a:hover {
	color: #85ab02;
}

.post p {
	font-size:90%;
}

p.meta {
	font-size: 75%;
	text-align: right;
	margin-right: 5px;
}

p.auth {
	font-size: 75%;
	font-weight: bold;
	color: #aaa;
	background:url(../../images/theme/auth.gif) no-repeat left 50%;
	padding-left:20px;
}

.postmetadata {
	margin-left:5px;
}

#content h4 {
	border-top:5px #00CCFF solid;
	padding-top:10px;
	margin-top: 10px;
	letter-spacing:-0.1em;
	font-size:160%;
}

/*+-------------------------------------------+
|   			      COMMENTS						         |
+-------------------------------------------+*/
ol.trackback-list, ol.comment-list {
	padding:0;
	margin:0;
}

.trackback-list li, .comment-list li {
	list-style:none;
	list-style-position:outside;
	padding: 0 0 0 20px;
	margin: 0 0 10px 8px;
	color: #555;
	background:url(../../images/theme/comment.gif) no-repeat left 4px;
}

.trackback-list li a, .comment-list li a {
	color: #FF0066;
	border:none;
	font-weight:bold;
}

.comment-box {
	padding-top:10px;
	border-top:5px #00CCFF solid;
}

small {
	font-size:70%;
}
small a {
	border:none;
}

cite {
	font-style:normal;
}
/*+-------------------------------------------+
|   			SIDEBAR 						               |
+-------------------------------------------+*/

#sidebar h3 {
	display:none;
}

#sidebar h3 a {
	color: #d75a20;
	border-bottom: 1px dotted #d75a20;
}

#sidebar h3 a:hover { color: #85ab02; border-bottom-color: #85ab02; }

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

#sidebar ul li { 
	display:inline;
	padding-left: 20px;
	font-size:70%;
}

#sidebar ul li a { 
	border:none;
	color:#ccc;
	font-weight:bold;
	background:url(../../images/theme/arrow_right.gif) left 3px no-repeat;
	padding-left:13px;
}

#sidebar ul li a:hover { 
	background-color:#FF0066;
}

/*+-------------------------------------------+
|   			FOOTER 						                 |
+-------------------------------------------+*/

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 75%;
}

/*+-------------------------------------------+
|   			       FORMS 						           |
+-------------------------------------------+*/

input, textarea, select {
	border: 1px solid #333;
  color: #fff;
	background: #999;
	padding:0.2em;
}

.frm-tbl td { vertical-align: top; padding: 5px; }
td#frm-btns { text-align: right; }

#comment_body { height: 220px; }
#form-submit-button { padding:3px; background: #ccc; }

/*+-------------------------------------------+
|   		          	MISC 						         |
+-------------------------------------------+*/

.powered { border: none; }
.pullquote {
	width: 30%;
	float:right;
	font: 150%/1.5em Times, Helvetica, "Times New Roman", serif;
	color: #666;
	margin:10px;
	background: url(../../images/theme/q-close.gif) no-repeat 70% 100% !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding: 0 25px 5px 0;
}
.pullquote:first-letter {
	background: url(../../images/theme/q-open.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

.light-bg { background: #f7f7f7; padding: 2px; }

#errors {
	color: red;
}

.admintools {
	float: right;
	background-color: #fff;
	font-size: smaller;
	padding: 0 2px;
	margin: 0 1px;
	color: #ccc;
	border: 1px solid #ccc;
}

.admintools:hover {
	color: #c00;
	border: 1px solid #c00;
}

a[name] { border: none; }

#categories li em, #archives li em {
	color: #98B4D1;
	font-size: smaller;
}

.success {
  background-color:#DFF0FF;
  border:1px solid #949FFF;
  padding:4px;
}

.error {
  background-color:#FFDFDF;
  border:1px solid #FFA1A1;
  padding:4px;
}