/*  
Theme Name: Otani Studio v2 Two Col
Author URI: http://www.otanistudio.com/journal/
Version: 2
Author: Robert Otani
Description: My own custom CeeEssUss stupidity
*/


html { 
    height: 100%;
    margin-bottom: 1px;
    font-size:1.0em;
}

body {
    background: #fff url(http://www.otanistudio.com/i/grd_grey_top.png) top repeat-x;
    color: #000;
    font-size: 68%;
    font-size: 72%;
    /* font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; */
    font-size:92%;
    font-family: Palatino, Georgia, serif;
    margin: 0px 0px 0px 0px;
}

a, a:visited{
    color:#2D4172;
    text-decoration: none;
/*    border-bottom:1px dotted #ADCAF2;*/
}
 
a:visited {
/*    color:#473883;*/
    color:#717171;
    text-decoration: none;
/*    border-bottom:1px dotted #473883;*/
}
    
a:hover{
    color: #1C28A8;
    background: none;
    text-decoration: none;
/*    border-bottom:1px solid #435FA7;*/
}

#header { 
    background: transparent;
    padding: 0 0 0 20px;
    margin-bottom: 0;
}
#masthead {
    margin: 21px auto 4px auto;
    width:880px;
}

#masthead a {
    text-decoration:none;
    border:none;
}

#header h2 {
    color: #FFF;
    font-size: 110%;
    font-variant: small-caps;
    margin: 0px;
}

#header h2 a {
    color: #FFF;
    text-decoration: none;
}

#header h2 a:hover {
    color: #000;
    background: #00ccff;
    text-decoration: none;
}

#header h3 {
    color: #cccccc;
    font-size: 100%;
    /*font-weight: bold;*/
    margin: 0px;
}

#menu { 
    color: #000;
    font-weight: bold;
    padding: 0;
    margin: 0;
    height:20px;
    text-align: center;
    display:block;
}

#container { 
    background: #FFF;
    width: 830px;
    text-align: left; 
    margin: 0px auto; 
}

#content { 
    width: 560px; 
    margin: 0;
    position:relative;
    padding: 4px 2px 15px 12px;
    float:left;
    font-size:110%;
}
#content p{
    margin: 0px;
    line-height: 1.4em;
    padding: 0px 0px 10px 0px;
}

#content p code, blockquote code {
    font-family: Monaco, Consolas, "Courier New", "Lucida Sans Typewriter", monospace;
}

#content p code {
    font-family: Monaco, Consolas, "Courier New", "Lucida Sans Typewriter", monospace;
    font-size:80%;
    /* color:#1F531E; */
    color: #992D2F;
}

/*
#content p a {
    font-weight:bold;
}
*/

#content p img{
    border: none;
    margin-right: 15px;
    /* margin-bottom: 10px; */
/*    padding: 0px 5px 15px 0px;*/
    padding: 10px 5px 18px 0px;
}

#content h1, #content h2, #content h3, #content p.post_author {
    font-family: Titillium, "Century Gothic", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#content h1 {
    color: #000;
    font-size:150%;
    /* font-weight: bold; */
    padding: 10px 10px 10px 10px;
    line-height: 150%;
    margin: 0px;
}
    
#content h1 a  {
    color: #cccccc;
    text-decoration: none;
}

#content h1 a:hover {
    color: #000;
    text-decoration: none;
}

#content h2 {
    font-size: 132%;    
    /*font-weight: bold;*/

    margin: 0 0 4px 0;
    line-height: 1.3em;
    font-variant: normal;
}
#content h2 a  {
    color: #1C3855;
    text-decoration: none;
}

#content h2 a:hover {
    color: #000;
    background: none;
    text-decoration: none;
}

#content h3 {
    color: #666666;
    font-size: 100%;
    /*font-weight: bold;*/
    margin-bottom: 0px;
    line-height: 120%;
}
#content h3 a  {
    color: #666666;
    text-decoration: none;
}

#content h3 a:hover {
    color: #000;
    background: #FFF;
    text-decoration: underline;
}

#content ol {
    list-style-type: decimal;
    line-height: 18px;
    margin: 0px;
    padding: 0px 0px 10px 30px;
}
#content ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
    
#content li {
    margin: 0px;
    padding: 0px;
}
    
#content ul li {
    list-style: disc inside;
    margin: 0px 0px 0px 10px;
    padding: 5px 0px 0px 0px;
}
    
#content ul li a {
    color: #435FA7;
    text-decoration: none;
/*    border-bottom: 1px dotted #435FA7;*/
}

#content ul li a:hover {
    color: #435FA7;
/*    text-decoration: underline;*/
}
    
#content p.post_author {
    font-size:76%;
}

blockquote{
    margin: 0px 0px 0px 0px;
    padding: 0px 25px 0px 38px;
    /* font-style: italic; */
    background-image: url("/journal/wp-content/themes/ostudio-new/images/blockquote.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #666666;
    /* border-left: 1px solid #cccccc; */
}
    
#content blockquote p{
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.postspace {
    background: #FFF;
    width: 440px;
    height: 32px;
    margin: 0px;
    padding: 0px;
}

.postspace2 {
    background: #FFF;
    width: 440px;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

.postspace3 {
    background: #FFF;
    width: 440px;
    height: 15px;
    margin: 0px;
    padding: 0px;
}


#sidebar { 
    color: #000;
    width: 220px;
    float: left; 
    position:relative;
    margin: 0 10px 22px 0;
    padding: 4px 15px 15px 4px;
    text-align:left;
    border-right:1px dotted #E2DBC0;
    font-family: Titillium, "Century Gothic", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:90%;
}
#sidebar p{
    margin: 0px;
    line-height: 16px;
    padding: 5px 0px 10px 0px;
}
#sidebar h2 {
    color: #000;
    background: #FFF;
    font-size: 110%;
    font-weight: 600;
    list-style: none;
    padding: 0;
    margin: 10px 0 4px 0;
}

#sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}
    
#sidebar li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
    
#sidebar ul li {
    list-style: none;
    margin: 0px;
    padding: 3px 0px 4px 0px;
}

#sidebar ul li a {
    color:#1C3855;
    text-decoration: none;
}

#sidebar ul li a:hover {
    background: #FFF;    
    color: #435FA7;
    text-decoration: none;
/*    border-bottom:1px dotted #435FA7;*/
}

#footer { 
    border-top: 1px;    
    padding: 10px 0px 20px 0px;
    text-align: center;
    clear: both;
}
    
    
form#searchform {
    margin:0;
    margin-bottom:17px;
}

form#searchform div {
    margin:0;
}

cite {
    text-decoration:none;
    font-style:normal;
    font-weight:bold;
}

/* fonts */

@font-face {
    font-family: 'Titillium';
    src: url('/f/TitilliumText14L-fontfacekit/TitilliumText400wt.eot');
    src: url('/f/TitilliumText14L-fontfacekit/TitilliumText400wt.woff') format('woff'), 
         url('/f/TitilliumText14L-fontfacekit/TitilliumText400wt.ttf') format('truetype'), 
         url('/f/TitilliumText14L-fontfacekit/TitilliumText400wt.svg#TitilliumText14L-Bold') format('svg');
}

@font-face {
	font-family: 'Gentium';
	src: url('/f/Gentium-Basic-fontfacekit/GenBasR.eot');
	src: url('/f/Gentium-Basic-fontfacekit/GenBasR.woff') format('woff'),
	     url('/f/Gentium-Basic-fontfacekit/GenBasR.ttf') format('truetype'), 
	     url('/f/Gentium-Basic-fontfacekit/GenBasR.svg#GentiumBasic') format('svg');
}