/*
File:			custom.css
Description:	Custom styles for Thesis

BASIC USAGE:

If you have enabled the custom stylesheet in the Thesis options panel, the &;lt;body&gt; tag 
will be appended with the "custom" class, like so: <body class="custom"&amp;gt;. You can use 
the "custom" class to override *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }	<--- This makes links blue when you mouse over them

WHY THIS WORKS:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/

/* This is the image background of the site */
body.custom {
    background: #ffffff url('images/gg_bg.jpg') 10% 0 repeat;
}

.custom #container {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
 /*  -moz-border-radius: 1.75em; */
 This line (below), and the line above round the corners. I dunno why, but .css tells me they do, and it does in firefox at least. Comment makes them inactive right now. only works in firefox
  .custom #page { background: #fff; -moz-border-radius: 1.75em; } 


}
.custom #page {
    background: #ffffff;
}
/* This takes the padding out of the header area */
.custom #header             {
padding-bottom:0.0em;
padding-top:0.0em;
padding-left:0.0em;
padding-right:0.0em;
}

/* This gets rid of some arbitrary line above header image #previous color was #DDDDDD */
.menu, .menu a, .menu li ul {
border-color:#ffffff;
}

/* Custom table, trying to remove pixels between cells and rows.  Could take out if not using table in header. See custom hook "header" to determine if this is the case */
.custom td  {
display:table-cell;
padding:0px;
text-align:inherit;
vertical-align:inherit;
}

.custom tr  {
padding:0px;
}

.custom table  {
-moz-box-sizing:border-box;
border-collapse:separate;
border-spacing:0px;
display:table;
margin-bottom:0;
margin-top:0;
text-indent:0;
}

/* Header background color, this takes a bit of attention away from the gaps between visuals. Top right sux tho 
.custom #header
{
background-color: #B2D490 !important;
}
*/


/* Extends Sidebar background color */
.custom #content_box {
background: #fff url('http://www.mbaspring.com/ggtest/wp-content/uploads/2010/04/sidebar_bg.jpg') 
center left repeat;
}

/* adjusts spacing of widgets on the sidebar*/
.custom li.widget {
font-size: 0.8em;   /*driver for firefox spacing between sidebar widgets*/
line-height: 0.0em;
margin-bottom: 1.0em; /*driver for safari,opera spacing between sidebar widgets*/
}



/* Footer padding removed from top and bottom */
.custom #footer {
padding-bottom:0.0em;
padding-top:0.0em;
}

/* Gets rid of comments closed on Pages */
.custom .comments_closed p {
color:#ffffff;
letter-spacing:0px;
text-transform:uppercase;
font-size:0px;
}

 
/*  Makes the white area below the header on the home page 529px tall */
.Homepage div#content {
height:525px;
}

/* Squares up the homepage post box to cut down on white space */
.Homepage .post_box  {
margin-bottom:0;
margin-left:0em;
margin-right:0em;
margin-top:0;
}

/* This styles the homepage grey block of text on the right */
.Homepage .custom1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-size: 17px;
	line-height:160%
}



/*text in feature box*/
custom .textbox {
border: 1px solid;
background: red;
font-size: 2em;
width: 100%;
text-align: center;
padding: 2em 0 2em 0;
}

/* Links go green
.custom a, .custom a:visited {
&nbsp;color: #5E9238;
} */
/* Nav menu background transparent */
.custom .menu { padding:  0em 0em 0em 0em; 
 width: 655px; margin:auto; 
background:transparent;
font-weight: bold;
 }

.custom .menu a{
background:transparent;	
}



ul.menu li.tab { text-align:center; margin-right:.30em; margin-left: .30em; width: 125px; background:transparent;
}
ul.menu li.cat-item {text-align:center; margin-right:.30em; width: 122px; background:transparent;
}

.menu li {
	 float: left;
position:relative;
width: 122px;
text-align: center;
}

