/*

Theme Name: frizon
Description: fully functional! widgets ready! three columns!
Version: 1.0
Author: frizon
Author URI: http://www.surdina.com/web/
	The CSS, XHTML and design is released under Creative Commons(BY):
 http://creativecommons.org/licenses/by/2.1/jp/

*/

/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}

/* general styles */
body {
 height: 100%;
 background: #C0C0C0;
 font-size: 14px;
}

img {
 border:0;
}

#wrapper {
 width: 772px;
 margin: 0px auto;
 padding: 0px;
 background: #000000;
 color: #333333;
 font: 1.0em/150% Georgia, Verdana, Tahoma, Arial, 'arial', sans-serif;
}

/* Header */
#header {
 float: left;
 width: 100%;
 margin: 0px;
 padding: 0px;
 background: #000000 url(images/header.jpg)  no-repeat top left;
}

#header #title {
 margin: 20px 0px 0px 30px;
 padding: 0px;
 color: #000000;
 font: bold 2.5em Georgia, Verdana, Tahoma, Arial, 'arial black', sans-serif;
 text-align: left;
}

#header #title a {
 color: #FFFFFF;
 text-decoration: none;
}

#header #title a:hover {
 color: #C0C0C0;
 text-decoration: none;
}

#header div#description {
 margin: 0px 0px 0px 30px;
 padding: 0px;
 color: #C0C0C0;
 font-size: 1.2em;
 text-align: left;
}

/* Navigation */
#navigation {
 float: left;
 width: 93%;
 margin: 0px;
 padding: 5px 2% 0px 5%;
 background: #000000;
 font: 0.7em Verdana, Tahoma, Arial, 'arial', sans-serif;
}

#navigation ul {
 list-style:none;
 float: right;
}

#navigation li {
 display:inline;
 float:left;
 margin: 0px;
}

#navigation li a.tabs {
 float:left;
 padding-left: 4px;
 text-decoration:none;
}

#navigation li a.tabs span {
 float:left;
 padding: 5px 15px 4px 6px;
 color: #FFFFFF;
 font-size: 1.0em;
}

#navigation li a.tabs:hover span {
 color: #C0C0C0;
}

/* Main contents */
#contents {
 float: left;
 width: 456px;
 margin: 0px 0px 0px;
 padding: 0px;
 background: #353A29;
 font-size: 1.0em;
 text-align: left;
}

/* Post Title */
#contents h2 {
 margin: 3px 5px 4px;
 padding: 0px 20px;
 color: #FFFFFF;
 font: bold 1.6em Georgia, Verdana, Tahoma, Arial, 'arial', sans-serif;
 text-align: left;
}

#contents h2 a {
 color: #999900;
 text-decoration: none;
}

#contents h2 a:hover {
 text-decoration: underline;
}

/* Contents */
#contents .contents_body {
 color: #FFFFFF;
 text-align: left;
 margin: 15px 25px 0px;
 padding: 0px 10px;
}

#contents .contents_body a {
 color: #999900;
 text-decoration: none;
}

#contents .contents_body a:hover {
 color: #999900;
 text-decoration: overline underline;
}

#contents .entry-body ul#twitter_update_list {
 list-style: none;
 padding-top: 3px;
}

/* Date */
#contents .contents_body1 {
 color: #FFFFFF;
 text-align: right;
 background-color: #707137;
 margin: 15px 25px 0px;
 padding: 0px 10px 2px;
 font: bold 0.9em Georgia, Verdana, Tahoma, Arial, 'arial', sans-serif;
}

/* Blog */
#contents .contents_body2 {
 color: #FFFFFF;
 text-align: justify;
 text-indent: 15px;
 margin: 0px 25px;
 padding: 0px;
 font: 1.1em Georgia, Verdana, Tahoma, Arial, 'arial', sans-serif;
}

#contents .contents_body2 p {
 padding: 12px 0px 0px 0px;
}

#contents .contents_body2 a {
 color: #999900;
 text-decoration: none;
}

#contents .contents_body2 a:hover {
 color: #999900;
 text-decoration: overline underline;
}

/* Comments */
#contents .response {
 font-weight: bold;
 color: #FFFFFF;
 text-align: center;
 background-color: #707137;
 margin: 30px 0px 10px 0px;
 padding: 0px;
}

#contents .by {
 color: #C0C0C0;
 text-align: right;
 margin: 10px 0px 30px 0px;
 padding: 0px;
 font: 0.7em Georgia, Verdana, Tahoma, Arial, 'arial', sans-serif;
}

#contents .by a {
 color: #999900;
 text-decoration: none;
}

#contents .by a:hover {
 color: #999900;
 text-decoration: overline underline;
}

#contents h3 {
 margin: 20px 25px 10px;
 padding: 10px 20px;
 font: bold 1.0em Georgia, Verdana, Tahoma, Arial, 'arial', sans-serif;
 text-align: left;
}

#contents blockquote {
 padding: 10px;
 background: #707137;
 border: #999999;
}

/* Sidebar */
#firstSide { float: left;}
#secondSide { float: left;}

.sidebar {
 width: 146px;
 margin: 0px 2px 5px 2px;
 padding: 0px 0px 0px 8px;
 background: #C0C0C0;
 text-align: left;
}

.sidebar h4 {
 margin: 10px 7px 0px 0px;
 padding: 3px 10px;
 border-bottom: 1px dotted #000000;
 border-left: 3px solid #000000;
 background-color: #707137;
 color: #FFFFFF;
 font: 11px Verdana, Tahoma, Arial, 'arial', sans-serif;
 text-align: left;
}

.sidebar a {
 background-color: #DADADA;
 color: #000000;
 text-decoration: none;
}

.sidebar a:hover {
 background: #C0C0C0;
 color: #000000;
 text-decoration: underline overline;
}

.sidebar ul {
 list-style: none;
 width: 146px;
 font: 11px Verdana, Tahoma, Arial, 'arial', sans-serif;
}

.sidebar p {
 padding: 3px 0 3px 3px;
}

.sidebar li {
 line-height: 0;
}

.sidebar li a {
 display: block;
 line-height: normal;
 padding: 3px 0px 3px 3px;
 border-bottom: 1px dotted #000000;
 border-left: 3px solid #000000;
 background-color: #C0C0C0;
 color: #000000;
 text-align: left;
 text-decoration: none;
 width: 132px;
}

.sidebar li a:hover {
 border-bottom: 1px dotted #000000;
 border-left: 3px solid #000000;
 border-right: 1px dotted #000000;
 background: #DADADA;
 text-decoration: underline;
 color: #000000;
}

/* Footer */
#footer {
 clear: left;
 height: 20px;
 margin: 0px;
 padding: 8px 3px 8px 3px;
 background: #ededed;
 font-size: 0.8em;
 text-align: center;
}

#footer a {
 color: #707137;
 text-decoration: none;
}

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

#footer a.rss {
 color: #707137;
 text-decoration: none;
 background:url(images/rss.png) top left no-repeat; padding: 0px 0px 0px 14px;
}

#footer a.rss:hover {
 color: #707137;
 text-decoration: underline;
 background:url(images/rss.png) top left no-repeat; padding: 0px 0px 0px 14px;
}

#footer .big {
 font-size: 1.1em;
 font-weight: bold;
}

.form {
 font-family: Verdana, Tahoma, Arial;
 font-size: 0.9em;
 font-weight: bold;
 font-style: normal;
 background-color: #DADADA;
 border: double #353A29;
 color: #353A29;
 margin: 1px 0px 0px 0px;
}

.searchform {
 font-family: Verdana, Tahoma, Arial;
 font-size: 0.8em;
 font-style: normal;
 font-weight: bold;
 background-color: #DADADA;
 border: double #000000;
 color: #000000;
 width: 75%;
 margin: 1px 0px 0px 0px;
}

.lupa {
 background:url(images/lupa.gif) center center no-repeat; padding: 0px 0px 0px 10px;
 background-color: #DADADA;
}