/*
Theme Name: Kookan
Theme URI: http://www.informationarchitects.jp/
Description: Theme based on a website that was never realized. 
Version: 1.0
Author: Information Architects
Author URI: http://www.informationarchitects.jp/
*/

/* Body and Box-like Elements */
html, body { padding: 0; margin: 0; }
body {
    background: #fff;
    border-top: 5px solid #D82705;
    font: normal 14px/1.6em "Lucida Grande", "Trebuchet", "Verdana", "Lucida Sans Unicode", "Lucida", sans-serif;
    color: #666; }
    
a {color:#D82705;
text-decoration:none; }

a:hover {color:#666;
text-decoration:none; }

#frame, #middleframe {
    background: #fff;
    width: 760px;
    padding: 0 0 0 0;
    margin: 0 auto; }
#middleframe { clear: both; }

#entry { 
         float: left;
         clear: both; }
    
#sidecontent, #middlesidecontent { /* Holds logo, navigation, and sidebar -- also comment info on weblog */
    width: 240px;
    margin-left: 10px;
    float: left; }
#middlesidecontent { padding-top: 390px; }
    
#maincontent, #middlemaincontent {
    width: 500px;
    padding: 25px 10px 0 0;
    float: right; }
#middlemaincontent { padding-top: 50px; padding-bottom: 35px; }
    
    #recentprojects {
        margin: 0 0 20px 0;
        padding: 10px;
        background: #f3f3f3 /* url(i/recent_projects_bg.gif) top left no-repeat*/; }
    
#footer {
    background: #000 url(i/footer.gif) top left repeat-x;
    border-top: 40px solid #fff;
    margin: 50px 0 0 0;
    clear: both; }
    
    #footercontainer { /* Centers content within wide block */
        width: 740px;
        margin: 0 auto;
        padding: 45px 0 0 0; }
        
        #footercontainer .footermain { /* Listing of Business Logs services */
            width: 230px;
            float: left;
            padding: 0;
            margin: 0; }
            
        #footercontainer .sidecontent { /* Text in footer */
            width: 500px;
            float: right;
            padding: 0;
            margin: 0; }
            
        #footercontainer .copyright { /* Copyright bottom */
            width: 740px;
            padding: 0;
            margin: 0;
            clear: both; }
            
#entrycomments, #addcomment { /* Reader comments on individual entry pages */
    padding: 35px 0 0 0;
    margin: 0; }
#addcomment { padding-top: 0px; }
    
    #entrycomments .each { /* Text styles for the heading above each comment, comment body styles are different */
        margin: 0 -10px;
        padding: 10px;
        background: #F9FCF5;
        color: #7EA775;
        font: normal 12px "Trebuchet", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif;
        border-bottom: 1px solid #DBE1B6; }
        
       .each a {
            color: #517B48;
            font-weight: bold;
            text-decoration: none;
            border-bottom: 1px dotted #517B48; }
    
        .each a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }   
            
        #entrycomments .other { background: #fff; }
        
        .each p { /* See below in paragraph styles */ }
    
#addcomment form {
    margin: 0 -10px 20px -10px;
    border-bottom: 5px solid #6d8d4d;
    padding: 10px;
    color: #517B48;
    background: #F9FCF5; }
        
        
        
        
        
/* Headings */
h1 {
    padding: 149px 0 20px 0;
    margin: 0px;
     font: normal 12px/16px "Helvetica", "Lucida Grande", "Verdana", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet", sans-serif;
    /*font: normal 14px "Helvetica", "Trebuchet", "Verdana", sans-serif;
    background: #fff url(i/homepage_text.gif) top left no-repeat;*/
    text-indent: 0px; }

h1 em {
    color: #999;
    text-decoration: none;
    font: normal;
    font-style: normal; }
    
h1 a:visited {
            color: #ff0099;
						border-bottom: 1px dotted #ff0099;}       
    
body#services h1 { display: none; }
    
    h1 a {

        padding: 0;
        margin: 0;
        width: 450px;
        height: 80px;
        color: #D82705;
        text-decoration: none;
				border-bottom: 1px dotted #D82705;}
		
h1 a:hover {     color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
        
h2 { clear: both; }

    #sidecontent h2 { /* Image-replaced logo */
        width: 217px;
        height: 450px;
        padding: 0;
        margin: 0;
        background: transparent url(i/h2.jpg) top left no-repeat; }
    
    #sidecontent h2 a {
        display: block;
        width: 240px;
        height: 20px;
        text-indent: 7px;
        border: 0;
        text-decoration: none;
        padding: 460px 0 0 0; /* Drops tagline down below logotext */      
        font: normal 12px "Helvetica", "Lucida Grande", "Verdana", "Trebuchet", sans-serif;
        color: #666; }
        
     #sidecontent h2 a em {
        text-decoration: none;    
      
        color: #D82705; }
        
        
    #maincontent h2 {  /* Business Logs entry titles, top page headings */
        padding: 0px 0 3px 0;
        margin: 0px 0 0 0;
        font: bold 32px/1.3em "Helvetica", "Lucida Grande", "Verdana", "Tahoma", "Bitstream Vera Sans", "Trebuchet", sans-serif;

        background: transparent;
        color: #666; }
    
    #maincontent h2 a {
        color: #D82705;
        text-decoration: none;
        border: 0; }

    #maincontent h2 a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
        
#maincontent h2 a:visited {
            color: #ff0099; }   
        
h3 { 
  clear: both;}

    #maincontent h3, #middlesidecontent h3 {
        font: bold 12px/1.4em "Lucida Grande", "Verdana", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet", sans-serif;
        color: #7B9B8E;
        padding: 20px 0 5px 0;
        margin: 2.5em 0 5px 0;
        border-bottom: 1px dotted #ccc; }
        
    #maincontent h3.header { /* Subheader under entry title or page title */
        padding: 12px 0 5px 0;
        margin: 0px 0 5px 0;
        border: 0;
        background: transparent url(i/h3_bg.gif) bottom left no-repeat;
        font: normal 12px/1.5em "Verdana", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet", sans-serif;
        color: #7B9B8E; }
        
        #maincontent h3 a {
            font: bold 10px "Lucida Grande", "Verdana", "Trebuchet", sans-serif;
            color: #D82705;
            border: 0;
            text-decoration: none; }
            
        #maincontent h3 a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
            
        
        #maincontent h3.header a {
            color: #999999;
            font: bold 12px/1.5em "Lucida Grande", "Verdana", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet", sans-serif;
            text-decoration: none;
            border-bottom: 1px dotted #999999; }
            
        #maincontent h3.header a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
            
        #maincontent h3 strong { color: #585f2b; }
            
    #sidecontent h3 { /* Sidebar list headers */
        padding: 0 0 4px 0;
        text-shadow: #ccc 2px 2px 0;
        margin: 5px 6px 3px 6px;
        width: 263px;
        font: bold 14px "Helvetica", "Lucida Grande","Verdana", "Trebuchet", sans-serif;
        color: #6d8d4d;
        background: #fff url(i/h4_bg.gif) bottom left repeat-x; }

h3 a:visited {
            color: #ff0099;}   
        
h4 { }

    h4.recentheader {
        margin: 15px 0 0 0;
        padding: 0;
        height: 14px;
        text-indent: -9000px;
        color: #777;
        border: 0;
        background: #fff url(i/h4_recent.gif) top left no-repeat;
        font: normal 6px sans-serif; }

    #recentprojects h4 { /* Floated image of project in #recentprojects box */
        float: left;
        padding: 0;
        margin: 0 10px 0 0;
        height: 140px;
        width: 130px;
        border: 0 !important;
        font-size: 8px;
        text-indent: -9000px;
        background: transparent url(i/TT_project_screenshot.gif) top left no-repeat; }
        
        #recentprojects h4 a { /* Image replaced */
            display: block;
            height: 140px;
            width: 130px;
            text-decoration: none;
            border: 0; }
            
    #entrycomments h4, #addcomment h4 { /* "Reader Comments" headline above comment boxes */
        padding: 0 10px .4em 10px;
        margin: 0 -10px;
        color: #6d8d4d;
        text-shadow: #ccc 2px 2px 0;
        font: bold 14px "Helvetica", "Lucida Grande","Verdana", "Trebuchet", sans-serif;
        border-bottom: 5px solid #6d8d4d; }
        
        #entrycomments h4 em, #addcomment h4 em {
            display: block;
            margin: 0;
            padding: .35em 0;
            text-shadow: none !important;
            font: normal 10px "Helvetica", "Lucida Grande", "Trebuchet", "Verdana", sans-serif;
            color: #666; }
            
            #entrycomments h4 em a, #addcomment h4 em a {
                color: #666;
                text-decoration: none;
                border-bottom: 1px dotted #666; }
                
            #entrycomments h4 em a:hover, #addcomment h4 em a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }

h4 a:visited {
            color: #ff0099;}  

h5 { }

    #recentprojects h5 { /* Title of project in #recentprojects box */
        padding: 2px 0;
        border-bottom: 1px dotted #aaa;
        margin: 0 5px 5px 140px;
        font: bold 12px "Helvetica", "Lucida Grande", "Trebuchet", "Verdana", sans-serif;
        color: #666; }
        
        #recentprojects h5 a, #recentprojects h5 a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
            
        #recentprojects h5 a:hover {     color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
        
    #footer h5 { /* Titles in footer */
        padding: 0 0 4px 0;
        text-shadow: #fff 2px 2px 0;
        margin: 0 0 4px 0;
        font: bold 16px "Helvetica", "Lucida Grande", "Verdana", "Trebuchet", sans-serif;
        background: transparent url(i/h5_bg.gif) bottom left repeat-x;
        color: #7B9B8E; }
        
        #footer h5 a, #footer h5 a:hover {
            padding-left: 4px;
            font: bold 11px "Helvetica", "Lucida Grande", "Verdana", "Trebuchet", sans-serif;
            color: #D82705;
            text-decoration: none; }
            
        #footer h5 a:hover {     color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #ccff00;
    background: #ccff00;  }
        
h5 a:visited {
            color: #ff0099;}  

h6 { }

    #recentprojects h6 { /* "View more projects..." link in #recentprojects box */
        padding: 0;
        height: 2em;
        border-top: 1px solid #fff;
        margin: 0 -10px -10px -10px;
        clear: both;
        font: normal 11px/2em "Helvetica", "Lucida Grande", "Verdana", "Trebuchet", sans-serif;
        color: #777;
        text-indent: 150px;
        background: #e1e1e1 url(i/recent_projects_bottom.gif) bottom left no-repeat; }
        
        #recentprojects h6 a {
            font-weight: bold;
            color: #444;
            text-shadow: #666 2px 2px 0;
            text-decoration: none;
            border: 0; }
            
        #recentprojects h6 a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
            
    #footer h6 { /* Copyright info in footer */
        padding: 8px 0;
        clear: both;
        width: 740px;
        text-indent: 8px;
        background: #fff url(i/copyright.gif) top left no-repeat;
        margin: 0;
        font: normal 10px/1em "Helvetica", "Lucida Grande", "Verdana", "Trebuchet", sans-serif;
        color: #fff; }
        
        #footer h6 a {
            color: #fff;
            text-decoration: none;
            border-bottom: 1px dotted #fff; }
            
        #footer h6 em {
            color: #fff;
            font-style: normal; }
        


#footer h6 a:visited {
            color: #fff;}  


/* Paragraph and link styles */
p {
    padding: 0;
    margin: 0 0 15px 0;
    font: normal 18px/1.3em "Lucida Grande", "Verdana", "Trebuchet", "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif;
    color: #444; }
    
    p.comment { /* Under each entry, associated styles down below */
        padding-bottom: 10px; }
        
p a {
    color: #D82705;
    text-decoration: none;
    border-bottom: 1px dotted #D82705; }

p a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
    
    #recentprojects p {
        padding: 0 5px 0 0;
        margin: 0;
        font: normal 12px/1.6em "Lucida Grande", "Verdana", "Trebuchet", "Verdana", "Lucida Grande", sans-serif;
        color: #555; }
        
        #recentprojects p a {
            color: #666;
            border-bottom: 1px dotted #666;
            text-decoration: none; }
            
        #recentprojects p a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }

p a:visited {
            color: #ff0099;
             text-decoration: none;
    border-bottom: 1px dotted #666; }  
 
            
#footer p {
    color: #666; }
    
    #footer p strong {
        color: #666; }
        
    #footer p.touchus { /* Get in touch button in footer */
        padding-bottom: 15px;
        margin-bottom: 0;
        margin-left: -3px; }
        
        #footer p.touchus a, #footer p.touchus a img,
        #footer p.touchus a:hover, #footer p.touchus a:hover img {
            border: 0 !important;
            background: transparent !important;
            text-decoration: none !important; }
            
#footer p  a:visited {
            color: #ff0099;}  
            
#entrycomments p { /* All padding/margin is on top */
    padding: 10px 0 0 0;
    margin: 0; }
    
    #entrycomments blockquote, #entrycomments blockquote p,
    #entrycomments q, #entrycomments q p {
        color: #666;
        font-size: 11px;
        font-weight: bold;
        font-style: italic; }
        
    
    
    
    
/* Lists */
#maincontent ul li {
font-size: 11px;
margin-bottom: 8px; }

#maincontent ul {
list-style-type: square;
padding-bottom: 10px; }

#maincontent ul li a {
font-weight: none;
text-decoration: none;
color: #666;
border-bottom: 1px dotted #666; }

#maincontent ul li a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }

#maincontent ul#projectslist { /* Projects Page */
padding: 5px 0 0 0;
margin: 0;
list-style: none; }

#maincontent ul#projectslist li {
padding: 0 0 7px 0;
border-bottom: 1px dotted #ccc;
margin: 0 0 35px 0;
line-height: 1.5em;
color: #444; }

#maincontent ul#projectslist li a img {
border: 5px solid #ddd;
margin-bottom: 7px; }

#maincontent ul#projectslist li a:hover img {     color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }

#maincontent ul#projectslist li a {
border: 0;
text-decoration: none;
font-weight: bold; }

#maincontent ul#projectslist li a:hover {     color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }


#maincontent  a:visited {
            color: #ff0099;}  

#footer p 

#sidecontent ul#navigation { /* Main site navigation */
    display: block;
    padding: 0;
    width: 275px;
    margin: 0 0 5px 0;
    list-style: none;
    /*background: transparent url(i/navigation_bg.gif) top left no-repeat; */}
    
    #sidecontent #navigation li { /* Each line in the nav */
        display: block;
        height: 2.6em;
        padding: 0;
        margin: 0;
        /* overflow: hidden; */
        text-indent: 7px;
        font: normal 12px/2.6em "Helvetica", "Lucida Grande", "Verdana", "Trebuchet", "Tahoma", "Bitstream Vera Sans", sans-serif;
        background: transparent url(i/nav_border.gif) bottom left repeat-x; }
    #sidecontent #navigation li.bottom { background: transparent url(i/bottom_nav_border.gif) bottom left no-repeat; }
        
    #sidecontent #navigation li strong { /* Section title */
        color: #D82705;
        padding-right: 2px;
        text-transform: uppercase;
        text-shadow: #fff 2px 2px 0;
        font: bold 12px "Helvetica", "Lucida Grande", "Verdana", "Trebuchet", "Verdana", "Tahoma", "Bitstream Vera Sans", sans-serif; }
        
    #sidecontent #navigation li a {
        color: #666;
        padding-right: 3px;
        text-decoration: none;
        border: 0; }
        
    #sidecontent #navigation li a:hover {
            color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
        
    body#current #navigation li a.current, body#archives #navigation li a.archives,
    body#syndicate #navigation li a.syndicate, body#services #navigation li a.services,
    body#projects #navigation li a.projects, body#about #navigation li a.about,
    body#contact #navigation li a.contact { /* To highlight the current page */
        font-weight: bold;
        cursor: default;
        text-shadow: #fff 2px 2px 0;
        text-decoration: none;
        color: #ccc; }
        
#sidecontent #sidefeatured { /* Latest work/projects/conferences featured under navigation */
    width: 275px;
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0; }
    
    #sidecontent #sidefeatured li {
        display: block;
        padding: 0;
        width: 275px;
        height: 75px;
        margin: 0 0 1px 0;
        font-size: 2px;
        background-position: top left;
        background-repeat: no-repeat;
        text-indent: -9000px; }

    #sidecontent #sidefeatured li a {
        display: block;
        width: 275px;
        height: 75px;
        padding: 0;
        margin: 0; }
        
        #sidecontent #sidefeatured li.top a {
            background: transparent url(i/featured_top.gif) top left no-repeat; }
            
        #sidecontent #sidefeatured li.bottom a {
            background: transparent url(i/featured_bottom.gif) bottom left no-repeat; }
        
#sidecontent #recententries { /* Recent entry list */
    display: block;
    padding: 5px 0;
    list-style: none;
    width: 275px;
    background: #fff;
    margin: 0 0 10px 0; }
    
    #sidecontent #recententries li {
        padding: 0 0 0 16px;
        margin: 0 6px 12px 6px;
        font: normal 12px/1.6em "Lucida Grande", "Verdana", "Trebuchet", "Lucida Sans Unicode", "Lucida", sans-serif;
        color: #BBC775;
        background: transparent url(i/entry_small.gif) 0 5px no-repeat; }
        
        #sidecontent #recententries li a {
            color: #6d8d4d;
            font-weight: bold;
            text-decoration: none;
            border-bottom: 1px dotted #6d8d4d; }
            
        #sidecontent #recententries li a:hover {
                color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
            
        #sidecontent #recententries li em {
            font-style: normal; }
    
        #sidecontent #recententries li em span {
            color: #98A741;
            font-weight: bold; }
            
#sidecontent #recentcomments { /* Recent comment list */
    display: block;
    padding: 5px 0;
    list-style: none;
    width: 275px;
    background: #fff;
    margin: 0 0 25px 0; }
    
    #sidecontent #recentcomments li {
        padding: 0 0 0 16px;
        margin: 0 6px 6px 6px;
        font: normal 12px/1.6em "Lucida Grande", "Verdana", "Trebuchet", "Lucida Sans Unicode", "Lucida", sans-serif;
        color: #BBC775;
        background: transparent url(i/comment_bubble.gif) 0 5px no-repeat; }
        
        #sidecontent #recentcomments li a {
            color: #6d8d4d;
            font-weight: bold;
            text-decoration: none;
            border-bottom: 1px dotted #6d8d4d; }
            
        #sidecontent #recentcomments li a:hover {
                color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
    
        #sidecontent #recentcomments li span a {
            color: #98A741;
            border-bottom: 1px dotted #98A741; }
            
        #sidecontent #recentcomments li span a:hover {
                color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
            
#footer ul { /* Lists in footer */
    display: block;
    padding: 2px 0 5px 0;
    list-style: none;
    margin: 0 0 25px 0; }
    
    #footer ul li {
        padding: 0 0 0 14px;
        margin: 0 6px 6px 6px;
        font: bold 12px/1.6em "Lucida Grande", "Verdana", "Trebuchet", "Lucida Sans Unicode", "Lucida", sans-serif;
        color: #666;
        background: transparent url(i/grey_arrow.gif) left center no-repeat; }
       
.each ul { /* Unordered list style in comments */
    display: block;
    list-style: square;
    color: #444; }
    
    .each ul a, .each ul a:hover,
    .each ol a, .each ol a:hover {
            color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
        
    .each ul a:hover, .each ol a:hover {
            color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
    
.each ol { /* Ordered list style in comments */
    color: #444; }
    

#footer  a {
            text-decoration: none;
            color: #D82705;}  
    
#footer  a:visited {
            color: #ff0099;}  

#footer  a:hover {
                color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #ff0099;

    background: #ff0099; }   
        
                     
/* Other Styles */ 
p.comment em { /* Next to "Read More..." links under entry body */
    font-style: normal;
    font-weight: normal;
    color: #999999;
    background: transparent url(i/comment_bubble.gif) center left no-repeat;
    padding-left: 14px; }
    
    p.comment em a, p.comment strong a {
        font-weight: bold;
        color: #999999;
        border-bottom: 1px dotted #999999; }
        
    p.comment em a:hover, p.comment strong a:hover {
            color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #D82705;
    background: #D82705;  }
        
p.comment strong {
    color: #999999;
    background: transparent url(i/entry_small.gif) center left no-repeat;
    padding-left: 14px; }
    
em.highlight { /* Yellow background text */
    padding: 2px 0;
    font-style: normal;
    font-weight: bold;
    color: #23540b;
    background: #f6ffde; }