/*  
Theme Name: GarageBOSO Theme No.1
Theme URI: http://www.garageboso.com
Description: This is the First GarageBOSO Theme
Version: 0.2
Author: Uchinan
Author URI: None
*/

@import url("css/page_nosidebar.css");
@import url("css/projects.css");

body {
background-color: black;
font: 12px Tahoma, Verdana, Arial, sans-serif;
color: black; /* Font Color */
/* background: #eee url(images/bg.png) top center repeat-x; */
/* margin-top: 11px; */
}
/* Original Grey Color is #2e393b */


/* Global Styles */
* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

h1, h2, h3 {
font-family: Tahoma, Verdana, sans-serif;
font-weight: normal;
}

h2 {
font-size: 1.5em;
color: #525b5c;
}

h3 {
font-size: 1.4em;
}

code {
font: 1em 'Courier New', Courier, Monospace;
}

.clear {
clear: both;
}


/* WIDTH ADJUSTMENT PARAMETER */
.widthfix {     /* Used to set Header & Footer Width */
width: 820px;
margin: 0 auto; /* Centers the Header and Footer */
}

/* Link Styles */
a {
color: #314FA9;
text-decoration: none;
}

a:hover {
color: #213571;
}

/* Header Styles */
#header {
margin: 0 auto; /* Centers the Header */
/* margin: 0px 0px 0px 0px;  Top Right Bottom Left */
background: black url(images/nav-bg.png) center bottom no-repeat; /* #2d393b color was default */ /* #3b3b3b color was type 2 */
width: 100%;
height: 192px;   /* Height of Header = Logo Height + Navigation Menu Height */
border-top: 0px; /* 1px solid #525b5c is an option; */
}

.logo {
/* float: right; */
margin: 0px 0px 0px 0px; /* Top Right Bottom Left (Margin around Logo Image) */
border: none;
}

/* Navigation Menu Styles */
ul.menu {
margin: 0px 0px 0px 0px; /* Top Right Bottom Left */
font-size: 12px;
list-style-type: none;
height: 30px;
}

ul.menu li {
color: #eee;
float: left;
}

ul.menu li a {
background: url(images/header-menu.png) 100% 100% no-repeat;
float: left;
display: block;
height: 22px;               /* Height of the Navigator Tab Images */
padding: 6px 25px 0px 25px; /* Top Right Bottom Left */
text-align: center;
color: #ccc;                /* Tab Text at Static: #ccc was default */
text-decoration: none;
}

ul.menu li a:hover { /* Tab Text on Hover */
background: url(images/header-menu.png) 100% 0% no-repeat;
color: #24edff;  /* 24edff nice blue */
text-decoration: none;
}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
background: url(images/header-menu.png) 100% 0% no-repeat;
color: #fff;
text-decoration: none;
}

/* Search Form Styles */
#searchform {
margin-top: 5px; 
}

#searchform input {
font: 1.1em Arial, Tahoma, Verdana, sans-serif;
background: #eee url(images/formfield_bg.png) repeat-x;
margin-top: 5px;
padding: 3px;
border: 1px solid #ccc;
}

#s {
font: 1.1em 'Lucida Grande', Tahoma, Verdana, sans-serif;
background: #eee url(images/formfield_bg.png) repeat-x;
width: 220px;
padding: 3px;
border: 1px solid #ccc;
vertical-align: middle;
}


/* BEGIN : Content Container Styles */
/* WIDTH ADJUSTMENT PARAMETER */
#content {
position: center;
background-color: #CCCCCC;  /* GREY Background Color for Post Area */
color: black;               /* Font Color for Post Area            */
padding: 10px 0px 0px 10px; /* Top Right Bottom Left               */
margin-left: auto;          /* Centers the Content on the Page     */
margin-right: auto;         /* Centers the Content on the Page     */
width: 810px;               /* Total Width with Padding is 810 px  */ /* .5 * (Padding Size) is added to total width */
}

#content h2 a {
text-decoration: none;
}

.navigation {
display: block;
margin-left: 10px;
width: 500px;
}

/* Container for Post Contents */
#article {
float: left;
width: 65%;
}

/* Container for Sidebar */
#sidebar {
float: left;
width: 32%;
}
/* END : Content Container Styles */



/* BEGIN: Entry Styles */
.entry {
background-color: #E0EBEB; /* Background Color immediately surrounding a Post Entry */
/* background: url(images/entry-bg.png) right top no-repeat; */
margin: 10px 10px 10px 5px;
padding: 10px 10px 20px 10px;
}

.entry p {
/* color: #CCC;   Font Color in Each Post, can supercede CONTENT block  */
line-height: 160%;
margin: 7px 0;
}

.entry ul {
margin: 0 0 0 30px;
}

.entry ul li {
margin: 7px 0;
}

.entrytitle h2, .entrytitle h3 {
display: inline;
}

.date {
font-size: 1em;
color: #800000; /* Font Color of Date next to Post Title */
}
/* END: Entry Styles */



/* BEGIN: Styles for the SideBar */
#sidebar ul {
margin-top: 10px;
}

#sidebar li {
list-style-type: none;
margin: 3px 5px;
padding: 0 0 0 15px;
background: url(images/li.png) 0 7px no-repeat;
}

#sidebar li:hover {
background: url(images/li_on.png) 0 7px no-repeat;
}

#sidebar li a {
}

#sidebar li a:hover {
}

.sidebarDiv {
background-color: #CCCCCC; /* Color for Standard Sidebar Entries */
/* background: url(images/sidebar.png) top right no-repeat; */
margin: 10px 0 20px 0;        /* Top Right Bottom Left */
padding: 10px 10px 0px 15px;  /* Top Right Bottom Left */
}

.sidebarDiv h2 {
font-size: 1.25em;
margin-bottom: 5px;
}

.sidebarDiv p {
color: black; /* Font Color for Text in Sidebar */
line-height: 160%;
}

.sidebarDivSponsor {
/* background: url(images/sidebar.png) top right no-repeat; */
/* background: url(images/sidebar_sponsor.png) right repeat; */
background-color: #E0EBEB;  /* Color for Sponsor Sidebar Entries */
margin: 10px 0 20px 0;
padding: 10px 10px 0px 15px;
}

.sidebarDivSponsor h2 {
font-size: 1.25em;
margin-bottom: 5px;
}

.sidebarDivSponsor h3 {
font-size: 1.25em;
margin-top: 5px;
}

.sidebarDivSponsor h4 {
text-decoration: none;
margin-left: 5px;
}
/* END: Styles for the SideBar */



/* footer */
#footer {
background-color: black;
height: 80px;
padding: 20px 0px 0px 0px; /* Top Right Bottom Left */
width: 100%;
text-align: center;
color: white;
}

/*Images*/
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright{
padding: 4px;
margin: 0 0 0 7px;
display: inline;
}
img.alignleft{
padding: 4px;
margin: 0 7px 0 0;
display: inline;
}

img.SB_sponsor{
padding: 4px;
margin: 5px 0px 2px 0px; /* Top Right Bottom Left */
display: inline;
}

img.floatLeft {
    float: left;
    clear: none;
    margin: 0px 6px 0px 2px;
}

img.floatRight {
    float: right; 
    clear: none;
    margin: 0px 2px 0px 6px;
}



img.BG_Border { 
    background-color: #ddd;
    padding: 10px;
    border: 1px solid #000;
}

img.height1 {
    line-height: 40px;
}

/* BEGIN: For Images with Captions */
.floatrightDivImage
{
float: right;
width: 160px;              /* Need Width for any Non-Image Floated Elements */
margin: 0px 0px 10px 10px; /* Top Right Bottom Left */
background-color: #666666;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
text-align:center;
/* height: 200px; */
}

div.floatrightDivImage img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}
/* END: For Images with Captions */



.alignright {
float: right;
}
.alignleft {
float: left;
}

/*comments*/
#comments {
margin-left: 10px;
}
.commentlist li, #commentform input, #commentform textarea {
font: 1em 'Lucida Grande', Tahoma, Verdana, sans-serif;
}
#commentform input, #commentform textarea {
background: #eee url(images/formfield_bg.png) repeat-x;
border: 1px solid #ccc;
padding: 3px;
}
#commentform textarea {
width: 480px;
}
.commentlist cite, .commentlist cite a {
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.6em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
}
.alt {
padding: 10px;
}
.commentlist {
width: 490px;
text-align: justify;
}
.commentlist li {
background: #ececec;
margin: 15px 0;
padding: 10px;
border: 1px solid #cdd1d1;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 10px 0;
}
.nocomments {
text-align: center;
}
.commentmetadata {
border-bottom: 1px dotted #cdd1d1;
padding-bottom: 5px;
display: block;
}
#respond {
margin-top: 20px;
}
.commentcount {
font-family: Georgia,sans-serif;
font-size: 1.8em;
font-weight: bold;
color: #cdd1d1;
float: right;
}

/*misc*/
.adsense {
}

.related {
margin: 0 0 20px 10px;
}

.none {
display: none;
}

.uniqueHeader1 {
    line-height: 125%;
    font-size: 12pt;
    font-family: Arial,Calibri,sans-serif;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 30px;
}

.uniqueHeader1 ul {
margin: 0px 0px 0px 30px;
}

.uniqueHeader1 ul li {
margin: 10px 0px 0px 0px;
}

.footnote {
padding: 5px 20px 5px 20px; /* Top Right Bottom Left */
font-size: 12px;
font-style: italic;
}

.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}