/*
Theme Name: Our Rights
Theme URI: http://wplover.com/our-rights-wordpress-theme/
Description: A WordPress theme based on a design by <a href="http://kappachan.blogspot.com/">Retno Nindya</a>.
Version: 1.1
Author: Hafiz Rahman
Author URI: http://wplover.com/
Tags: grunge, fixed width, two columns, widgets

Our Rights
 http://binarybonsai.com/kubrick/

This theme was designed by Retno Nindya, and
converted to WordPress theme by Hafiz Rahman.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Eric Meyer's Reset CSS.
 * --------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-style: normal;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1.5;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0 dotted #ccc;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Everything else
 * --------------------------------------------------------------------------------------- */

a {
color: #990000;
}
  
html {
background: #fff;
font: 62.5% Arial, Helvetica, sans-serif;
color: #333;
}

body {
width: 770px;
float: left;
background: url('images/body.jpg') top left no-repeat;
}

#header {
height: 200px;
}

#header-container {
padding-top: 60px;
}

#header-container h1 {
font: bold 2.8em Arial, Helvetica, sans-serif;
background: url('images/header-bg.png') left repeat-y;
padding: 3px 0 3px 30px;
letter-spacing: -1px;
}

#header-container h1 a {
text-decoration: none;
color: #333;
}

#header-container #description {
margin-top: 1px;
padding: 3px 0 3px 35px;
font: 1.3em Georgia, Times, serif;
background: url('images/header-bg.png') left repeat-y;
}

#content {
float: left;
width: 500px;
background: url('images/content-bg.gif') left repeat-y;
margin-top: 50px;
margin-left: 15px;
}

.post {
margin: 0 0 30px 0;
}

.postdate {
text-align: right;
font: 1em Arial, Helvetica, sans-serif;
text-transform: uppercase;
/**word-spacing: 2px;
letter-spacing: 2px;**/
color: #990033;
margin-bottom: 5px;
}

.post h2 {
font: 1.8em serif;
margin-bottom: 10px;
}

.post h2 a {
text-decoration: none;
color: #006699;
}

.entry {
font: 1.2em Georgia, Times, serif;
color: #666;
line-height: 1.75;
}

.postmetadata {
background: url('images/meta-bg.gif') top left no-repeat;
padding-top: 15px;
margin-top: 20px;
text-transform: uppercase;
color: #333;
}

.postmetadata a {
color: #990000;
text-decoration: none;
}

.postmetadata a:hover {
text-decoration: underline;
}

.post a {
color: #990000;
}

.post p {
margin: 15px 0;
}

.post blockquote {
width: auto;
margin: 15px 15px 0;
padding: 0 10px;
border: 1px solid #e3e3e3;
background: #f1f1f1;
/*font-size: 84%;*/
}
.post blockquote p {
margin: 10px 0;
}

.post ul, .post ol {
margin-left: 30px;
}

.post ol li {
list-style-type: decimal;
}

.post ul li {
list-style-type: square;
}

.edit-content {
text-transform: uppercase;
}

.pagetitle {
font: 1.2em Georgia, Times, serif;
color: #990000;
}

#notfound h2 {
font: 1.8em Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}

#notfound p {
font-size: 1.2em;
margin-bottom: 10px;
}

.navigation {
text-transform: uppercase;
overflow: auto;
}

.navigation a {
text-decoration: none;
}

.navigation a:hover {
text-decoration: underline;
}

.alignleft {
width: 45%;
float: left;
}

.alignright {
width: 45%;
float: right;
text-align: right;
}

h3#comments, h3#respond {
font: bold 1.2em Arial, Helvetica, sans-serif;
margin-bottom: 10px;
background: url('images/meta-bg.gif') bottom left no-repeat;
padding-bottom: 15px;
clear: both;
}

.commentitem {
margin-bottom: 5px;
background: url('images/meta-bg.gif') bottom left no-repeat;
padding-bottom: 20px;
overflow: auto;
clear: both;
}

.avatar {
float: left;
width: 55px;
margin-left: 3px;

}

.avatar img {
border: 1px solid #ccc;
padding: 1px;
background: #fff;
width: 48px;
}

.commentcontent {
float: right;
width: 430px;
}

.commentlist cite {
font: bold 1.2em Arial, Helvetica, sans-serif;
display: block;
color: #666;
}

.commentlist cite a {
color: #006699;
text-decoration: none;
}

.commentlist .commentmetadata {
font: 1em Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}

.commentmetadata a {
text-decoration: none;
color: #666;
text-transform: uppercase;
}

.commentlist p {
font: 1.2em Georgia, Times, serif;
color: #666;
line-height: 1.75;
}

#commentform {
width: 500px;
}

#commentform textarea, #url, #email, #author {
width: 485px;
border: 3px double #aaa; 
margin: 5px 0 10px;
font: 1.1em Arial, Helvetica, sans-serif;
color: #666;
padding: 3px;
}

#formmessage {
font: 1.1em Arial, Helvetica, sans-serif;
margin-bottom: 10px;
background: #f5f5f5;
padding: 3px;
}

#commentform label {
font: 1em Georgia, Times, serif;
color: #666;
text-transform: uppercase;
}

#sidebar {
float: right;
width: 200px;
margin-top: 90px;
}

#sidebar h2 {
font: bold 1.5em serif;
/**letter-spacing: -1px;**/
text-transform: lowercase;
margin-bottom: 10px;
}

#sidebar h2 span {
color: #990000;
font-weight: normal;
}

#sidebar > ul > li {
margin-bottom: 30px;
font: 1.1em Arial, Helvetica, sans-serif;
}

#sidebar > ul > li a {
text-decoration: none;
color: #990000;
}

#sidebar > ul > li a:hover {
text-decoration: underline;
}

#sidebar > ul > li li {
margin: 5px 0 5px 15px;
padding-left: 15px;
list-style-type: none;
background: url('images/listmark.gif') 1px left no-repeat;
}

#searchform #s {
border: 1px solid #aaa; 
font: 1.1em Arial, Helvetica, sans-serif;
color: #666;
padding: 3px;
}

#searchform #searchsubmit {
border: 1px solid #aaa; 
font: 1.1em Arial, Helvetica, sans-serif;
color: #666;
padding: 2px;
}

.sidebarnote {
background: url('images/header-bg.png') left repeat-y;
padding: 5px 5px;
font: 1.1em Arial, Helvetica, sans-serif;
line-height: 1.5;
}


#footer {
clear: both;
width: 100%;
background: url('images/footer-bg.jpg') left bottom no-repeat;
padding-bottom: 130px;
padding-top: 120px;
}

#footer p {
width: 500px;
background: url('images/meta-bg.gif') 15px top no-repeat;
padding-left: 20px;
padding-top: 20px;
font: 1.1em Georgia, Times, serif;
color: #666;
}

#footer a {
color: #990000;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}


/* 画像キャプション */
.imgcap { 
margin: 5px 0 0 0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 84%;
}
/* 右寄せ */
.alignR { 
text-align:right;
}

