/*
Oinam Software
http://www.oinam.com/
March 1, 2006
*/

@import(base-weblog.css);

/* ---------------------------------------------------
			global settings		
------------------------------------------------------ */
* {
margin: 0;
padding: 0;
}
body {
background: #fff;	
font: 100%/1.4em "lucida sans unicode", "lucida grande", verdana, 'trebuchet ms', sans-serif;
color: #666;
text-align: center;
}

/* links */

a:link {
text-decoration: none;
color: #c30;
}
a:visited {
text-decoration: none;
color: #c30;
}
a:hover {
text-decoration: none;
color: #930;
}
a:active {
text-decoration: none;
color: #c30;
}
a img { 
border: 0; 
}

/* hn */

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
color: #333;
}
h1, h2, h3, h4, h5, h6, p {
margin: 10px 0;
}
h1 {
font-size: 1.3em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 0.9em;
}

/* misc */
hr { size: 1; color: #999; noshade; }
abbr, acronym {
font-style: normal; 
border-bottom: 1px dotted #666; 
cursor: help;
}
code, pre {
margin: 10px 0;
font: 110% "Courier New", Courier, Monospace;
color: #666;
}

/* defination lists */

dl {
margin: 20px 0;
}
dt {
font-size: 0.9em;
text-transform: uppercase;
}
dd {
margin: 0 0 20px;
}

/* list styles */

ul {
margin: 10px 0;
} 
ul li {
height: 1%;
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat 0 0;
line-height: 20px;
}
ol {
margin: 10px 0 10px 25px;
}
ol li {
margin: 0 0 5px 0;
}

.mylist ul {
margin: 3px 0;
} 
.mylist ul li {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 0 5px;
line-height: 1em;
}

ul.tags {
font-size:0.675em;
margin:0; margin:0;
list-style:none;
text-align:left;
}

ul.tags li {
display:inline;
padding:0 .5em;
margin:0;
background:none;
}

ul.tags li a {
line-height: 1.15;
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 5px 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font: 0.9em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #666;
}
/* ---------------------------------------------------
			layout		
------------------------------------------------------ */
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
}
* html .pkg { 
display: inline-block; 
}
/* no ie mac \*/
* html .pkg { 
height: 1%; 
}
.pkg { 
display: block; 
}
#container {
margin: 0 auto; 
width: 655px;
text-align: left;
}
#pagebody { 
height: 1%;
margin: 15px 0;
background: url(i/main.gif) repeat-y;
}
#pagebody-inner { 
height: 1%;
background:  url(i/main-bottom.gif) 0 100% no-repeat;
}
/* ---------------------------------------------------
			banner
------------------------------------------------------ */
#banner {
width: 428px;
height: 1%;
padding: 0 0 12px;
background: #696969 url(i/header.gif) no-repeat 0 100%;
text-align: center;
}
#banner-inner {
padding: 10px 20px;
background: url(i/header-in.gif) repeat-y;
}
#banner-header {
margin: 0;
font-size: 0.9em;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#banner-header a {
color: #eee;
}
#banner-header a:hover {
color: #fff;
}
#banner-description {
margin: 0;
font-size: 0.9em;
color: #b2b2b2;
line-height: 1.4em;
}
/* ---------------------------------------------------
			main column		
------------------------------------------------------ */
#alpha {
width: 428px;
height: 1%;
display: inline; 
float: left;
background: url(i/main-top.gif) 0 0 no-repeat;
font-size: 0.9em;
}
#alpha-inner {
padding: 40px 35px;
}

/* entry */

h2.date-header {
margin: 0;
font-size: 0.9em;
color: #999;
text-align: center;
} 
.entry {
margin: 0 0 20px;
padding: 0 0 40px;
background: url(i/line.gif) no-repeat 0 100%;
}
h3.entry-header {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}    
h3_line2 {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
font-style: italic;
color: #333;
text-align: center;
}                        
.entry-content {
margin: 20px 0 0;
}
p.entry-more-link, .entry-more {
margin: 20px 0 0;
padding: 0 0 0 20px;
background: url(i/icon-arrow.gif) no-repeat;
line-height: 20px;
}
p.entry-footer {
margin: 20px 0 0;
padding: 0 0 0 20px;
background: url(i/icon-meta.gif) no-repeat;
line-height: 19px;
font-size: 0.9em;
color: #999;
}
p.content-nav {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
background: url(i/dot.gif) 0 100% repeat-x;
text-align: center;
}

/* trackback */

.trackbacks {
margin: 20px 0;
padding: 0 0 40px;
background: url(i/line.gif) no-repeat 0 100%;
}
h3.trackbacks-header {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}
.trackback {
height: 1%;
margin: 10px 0 0;
padding: 10px 0 0;
background: url(i/dot.gif) 0 0 repeat-x;
font-size: 0.9em;
}
.trackback-footer {
font-size: 0.95em;
text-transform: uppercase;
}

/* comments */

.comments {
margin: 20px 0;
padding: 0 0 40px;
background: url(i/line.gif) no-repeat 0 100%;
}
h3.comments-header {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}
.comment {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
background: url(i/dot.gif) 0 100% repeat-x;
font-size: 0.9em;
}
.comment-footer {
font-size: 0.95em;
text-transform: uppercase;
}
h2.comments-open-header {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}
p.comments-open-moderated {
font-size: 0.9em;
color: #999;
}
.comments label {
display: block;
font-size: 0.9em;
text-transform: uppercase;
}
#comment-author, 
#comment-email,
#comment-url,
#comment-text {
width: 90%;
margin: 0 0 10px;
padding: 2px;
border: 1px solid #ccc;
}
#comment-preview,
#comment-post, 
#comment-cancel {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
/* ---------------------------------------------------
			side		
------------------------------------------------------ */
#beta {
display: inline; 
float: left;
width: 180px;
font-size: 0.7em;
}
#beta-inner {
margin: 50px 0 50px 15px;
}
.module {
height: 1%;
margin: 0 0 10px;
padding: 0 0 10px;
background: url(i/dot.gif) 0 100% repeat-x;
}
h2.module-header {
font-size: 1em;
text-transform: uppercase;
}
li.module-list-item {
list-style-type: none;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat;
line-height: 20px;
}
.module-search {
padding: 0 0 20px;
}
.module-search label {
margin: 0 0 5px;
}
.module-search input {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
.module-search input#search {
width: 90%;
margin: 0 0 10px;
padding: 4px;
border: 1px solid #ccc;
background: #fff;
text-align: left;
text-transform: none;
letter-spacing: normal;
}
/* ---------------------------------------------------
			image styles		
------------------------------------------------------ */

p img {
border: 1px solid #aaa;
padding: 4px;
max-width: 100%;
}
ol img {
border: 1px solid #aaa;
padding: 4px;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
.module-content a img {
border: 1px solid #aaa;
padding: 4px;
max-width: 100%;
}

#module-flickr {
border: 1px solid #ccc;
padding: 0;
width: 105px;
text-align: center;
}

#module-flickr img {
border: 1px solid #aaa;
padding: 4px;
width: 75px;
text-align: center;
}

.simple {
border: 0;
padding: 0;
}

.flag {
border: 0;
padding-right: 4px;
}

.simple a img {
border: 0;
padding: 4px;
max-width: 100%;
}


/* Start Tag Cloud CSS */

#cloud { padding:1px; line-height:2.1em; text-align:left; }
#cloud a { text-decoration: none; padding: 0 1px 0 0; }

a.tag1{
 font-size:1.1em;
}
a.tag2, a.tag3 {
 font-size:1.2em;
font-weight: 120;
}

a.tag4 ,a.tag5, a.tag6 {
 font-size:1.3em;
font-weight: 130;
}

a.tag7, .tag8, a.tag9 {
 font-size:1.4em;
font-weight: 140;
}

a.tag10, a.tag11, a.tag12 {
 font-size:1.5em;
font-weight: 150;
}

a.tag13, a.tag14, a.tag15 {
 font-size:1.6em;
font-weight: 160;
}

a.tag16, a.tag17, a.tag18 {
 font-size:1.7em;
font-weight: 170;
}

a.tag19, a.tag20, a.tag21 {
 font-size:1.8em;
font-weight: 180;
}

a.tag22, a.tag23, a.tag24 {
 font-size:1.9em;
font-weight: 190;
}

a.tag25, a.tag26, a.tag27 {
 font-size:2em;
font-weight: 200;
}

a.tag28, a.tag29, a.tag30, a.tag31, a.tag32, a.tag33, a.tag34, a.tag35, a.tag36 {
 font-size:2.1em;
font-weight: 210;
}
/* End Tag Cloud CSS */