/* @group Framework */

/* -------------------------------------------------------------- 
   
 
   == STRUCTURE: ========================
    * Page width:            910 px
    * Number of columns:     23
    * Column width:          30 px
    * Margin width:          10 px
   ======================================
  
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 910px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin:1.5em 0;	
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23, div.span-23 { width: 910px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:28px;
  margin-right:25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23 {float:left;position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* @group Typography */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body {
	font-size: 75%;
	color: #222;
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #111;
}

h1 {
	font-size: 2.8em;
	line-height: 1;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 2em;
	margin-bottom: 0.75em;
}

h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}

h4 {color: #674B23;
	margin-bottom: .25em;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
}

h4 a:link,
h4 a:active,
h4 a:visited
{
color: #674B23;	
}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
	margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p {
	margin: 0 0 1.5em;
}

p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}

p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

a:focus, 
a:hover {
	color: #000;
}

a {
	color: #009;
	text-decoration: underline;
}

blockquote {
	margin: 1.5em;
	color: #163F5F;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em,dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup, sub {
	line-height: 0;
}

abbr, 
acronym {
	border-bottom: 1px dotted #666;
}

address {
	margin: 0 0 1.5em;
	font-style: italic;
}

del {
	color: #666;
}

pre {
	margin: 1.5em 0;
	white-space: pre;
}

pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol {
	margin: 0 1.5em;
}

ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

/* Tables
-------------------------------------------------------------- */

table {
	margin-bottom: 1.4em;
	width: 100%;
}

th {
	font-weight: bold;
}

thead th {
	background: #c3d9ff;
}

th,td,caption {
	padding: 4px 10px 4px 5px;
}

tr.even td {
	background: #e5ecf9;
}

tfoot {
	font-style: italic;
}

caption {
	background: #eee;
}

/* Misc classes
-------------------------------------------------------------- */

.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.hide {
	display: none;
}

.quiet {
	color: #666;
}

.loud {
	color: #000;
}

.highlight {
	background: #ff0;
}

.added {
	background: #060;
	color: #fff;
}

.removed {
	background: #900;
	color: #fff;
}

.first {
	margin-left: 0;
	padding-left: 0;
}

.last {
	margin-right: 0;
	padding-right: 0;
}

.top {
	margin-top: 0;
	padding-top: 0;
}

.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* @end */

/* @group Forms */

label {
	font-weight: bold;
}

fieldset {
	margin: 0 0 1.5em 0;
	/*border: 1px solid #ccc;*/
	padding: .75em;
}

legend {
	font-weight: bold;
	font-size: 1.2em;
}

/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
	margin: 0.5em 0;
	border: 1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border: 1px solid #666;
}

input.text, 
input.title {
	width: 300px;
	padding: 5px;
}

input.title {
	font-size: 1.4em;
}

textarea {
	width: 490px;
	height: 250px;
	padding: 5px;
	font-size: 1.3em;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.error a {
	color: #8a1f11;
}

.notice a {
	color: #514721;
}

.success a {
	color: #264409;
}

/* @end */

/* @end */

/* @group Structure */


body {
  margin: 0;
  padding: 0;
	background: #674B23 url(/images/test/bkgrnd_v2.jpg) repeat left top;
	}

.span-23 {
margin: 0;
}

#content{
	color: #664422;

}

#content_home{
	width: 910px;
	height: auto;
	background-color: #F1ECD8;
}

#content_no_side{
	color: #664422;
	background-color: #fff;
}

.container_outer{
	width: 930px;
	background: url(/images/test/container_310.gif) repeat-y center top;
	margin: 0 auto;
}
.container_outer_home{
	width: 930px;
	background: url(/images/container_home.gif) repeat-y center top;
	margin: 0 auto;
}

#banner{
	height: 150px;
	background: url(/images/banner_footer.jpg) no-repeat center top;
}

#banner_home{height: 90px;
width: 440px;
	background: url(/images/banner_emily.jpg) no-repeat left center;	
}

#nav{
	height: 30px;
	background: url(/images/nav_background_v2.jpg) no-repeat center center;
}

/*
	opacity: 0.65;
#673E04*/
.interior {
	padding: 0 25px;
}

.left {
	padding-left: 25px;
	padding-right: 20px;
}

.right {
	padding-right: 15px;
}
.inline{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.bottom{
		padding-top: 10px;
	padding-bottom: 10px;

	border-top: 1px solid #9E9C80;
		border-bottom: 1px solid #9E9C80;
}


.column_top {
	margin-top: 100px;
}

#footer{
	height: auto;
	background: url(/images/banner_footer.jpg) no-repeat center bottom;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #F1ECD8;
	border-bottom: 1px solid #493519;
	font-weight: bold;
	font-size: 1.1em;
}

#footer_sur{padding-top: .5em;
	background-color: #163F5F;
	height: auto;
	color: #ccc;
	letter-spacing: .125em;
	line-height: 22px;
}

#footer a{
	font-weight: bold;
	color: #F1ECD8;
}

#footer ul {
	padding-left: 15px;
}

#footer a:hover{
	color: #000;
}
p.quote{
	margin-top: 20px;
	color: #F1ECD8;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 4px;

	opacity: 0.89;
}

p.quote_who{
	color: #F1ECD8;
	margin: 0;
	padding: 0;
	text-indent: 3em;
	font-weight: bold;
	letter-spacing: .125em;
}

.quote_who_small{
	margin: 0;
	padding: 0;
	text-indent: 3em;
	font-weight: bold;
	letter-spacing: .125em;

}

.pullquote {
	color: #F1ECD8;
	background-color: #9E9C80;
	float: right;
	padding: 10px;
	width: 180px;
	font-size: 1.2em;
	margin: 0 5px 8px 8px;
}

.pullquote_left {
	background-color: #9E9C80;
	float: left;
	padding: 10px;
	width: 180px;
	font-size: 1.2em;
	color: #F1ECD8;
	margin: 0 8px 8px 5px;
}




hr {
	color: #fff;
	background-color: #fff;
}

#intro p{
	padding-top: 3px;
	font-style: italic;
	padding-right: 15px;
	padding-bottom: 3px;
	margin: 0;
	font-size: 1.1em;
}

#intro p a{
	color: #fff;
}

#intro p a:hover{
	color: #000;
}



div.colborder_home {
	padding-right: 20px;
	margin-right: 21px;
	border-right: 1px solid #F1ECD8;
}

.site_icon{
	width:90px;
	height:90px;
	float:left;
	margin-right:8px;
	background:#9E9C80;
	padding:4px;
}



.sidebar_icon{
	width:90px;
	height:90px;
	float:left;
	margin-right: 6px;
	background:#9E9C80;
	padding:4px;
	margin-bottom: 6px;
}



.people_icon{
	float:left;
	margin-right:8px;
	background:#9E9C80;
	padding:0;
	border: 4px solid #535045;
}

.date_box{
	display: block;
	float: left;
	margin-right: 12px;
	padding: 7px;
	background-color: red;
	
}

.google_map{
	height: 300px;
	width: 600px;
	margin: 0;
	padding: 0;
}
/* @end */

/* @group Main Menu */

body#home #home_tab a,
body#books #books_tab a,
body#writing #writing_tab a,
body#bio #bio_tab a,
body#reviews #reviews_tab a,
body#news #news_tab a,
body#links #links_tab a,
body#contact #contact_tab a {
	color: #CCCCAA;
}

body#home #home_tab a:hover,
body#books #books_tab a:hover,
body#writing #writing_tab a:hover,
body#bio #bio_tab a:hover,
body#reviews #reviews_tab a:hover,
body#news #news_tab a:hover,
body#links #links_tab a:hover,
body#contact #contact_tab a:hover {
	color: #000;
}




ul#navbar  {
	height: 30px;
	width: 75%;
	text-align: center;
	overflow: visible;
	margin: 0 auto;
}

#navbar li {
	
	opacity: 0.9;
	height: 30px;
	list-style: none;
	text-align: center;
	letter-spacing: .09em;
	font: normal 1.24em/30px Georgia, "Times New Roman", Times, serif;
}

#navbar li {
padding: 0 .75em;
}

#navbar a {

	background: 0 0 no-repeat;
	text-decoration: none;
color: #fff;
	font-weight: bold;
}
	/*color: #F1ECD8;*/

#navbar a:hover {
	color: #7DA0C3;
}


/*

 @end */

/* @group Lists */

ul {
	margin: 0;
	padding: 0;
}

li {
	display: inline;
	list-style-type: none;
	padding-right: 1em;
}

ul.text{
	margin-top: .75em;
}

ul.text li{
	display: block;
	padding-left: .75em;
}

ul.text li a{
	display: block;
	padding-left: .75em;
}

.sidebar li{
	display: block;
	list-style-position: outside;
	padding-bottom: .55em;
	letter-spacing: .09em;
	line-height: 1.6em;
	font-weight: bold;
}

.sidebar li ul li{
	font-weight: normal;
	font-style: normal;
}

.sidebar li a,
.sidebar li a:link,
.sidebar li a:active,
.sidebar li a:visited{
	text-decoration: none;
}

.sidebar li a:hover{
			background-color:#535045 ;
		color: #fff;

}

.cloud li{
	display: inline;
	line-height: 200%;

	
}
.cloud li a{
		padding: .25em;
}

.cloud li a:hover{
	
	color: #fff;
	background-color: #9E9C80;
}





ul#nav_member {
	display: block;
	margin-top: 2em;
	position: relative;
}

ul.overlay_list li{
	font-size: 1.2em;	
}

ul.overlay_list li a{
	color: #fff;
	padding: .65em;

}

ul.overlay_list li a:hover{
	background-color: red;
	color: #fff;
}

ul#toggle_switch{
	margin: 0 0 20px;
	padding: 0;
	width: 200px;
}
ul#site_list li a,
ul#keyword_list li a
{
	color: #fff;
}

ul#keyword_list li{
}

ul#keyword_list li a,
ul#keyword_list li a:link,
ul#keyword_list li a:active,
ul#keyword_list li a:visited

{
	padding: .35em;
	background-color: #9E9C80;
	color: #fff;
	border: 1px solid #BBBBBB;
}

ul#keyword_list li a:hover{
	padding: .35em;
	background-color: #535045;
	color: #fff;
	border: 1px solid #ccc;
}

.inline_list li{
	padding: 0;
}
a img {
	border: none;
	border-bottom-style: none;
	text-decoration: none;
}





/* @end */

/* @group Text */

.blog_image_home{
	float: left;
	margin-right: 15px;
	width: 225px;
	margin-bottom: 10px;
	margin-top: 15px;
}


.blog_image{
	float: left;
	margin-right: 8px;
	width: 225px;
	margin-bottom: 10px;
}

.left p,
.center_column p
 {
	font: 1.05em/160% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.sidebar{
background-color: #F1ECD8;
}

#homepage p{
	margin: 0;
}


h1 {color: #7DA0C3;
	margin-top: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 15px;
}

h1 a{
	color: #7DA0C3;
}
h1 a:hover{
	color: #000;
}
h1.page_heading{
	margin: 0;
	font: 2.2em Georgia, "Times New Roman", Times, serif;
	padding: 0 0 .5em;
}

h1.site_heading{
	margin: 0;
	font-size: 2em;
	padding: 0 0 .75em;
}

h2{
	letter-spacing: .09em;
	font: bold 1.8em Georgia, "Times New Roman", Times, serif;

}

h2, h2 a{color: #861517;
	}

h2 a:hover{
	color: #000;
}

.sidebar h2{
	color: #CEC6A8;
}

h3{
	color: #163F5F;
	text-decoration: none;
	margin-bottom: .5em;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
}

#footer_sur h3{
	 color: #7DA0C3;
}

h3 a{
	color: #163F5F;
	text-decoration: none;

}

h5 {
	margin-top: 1.5em;
	margin-bottom: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}


a{
	text-decoration: none;
	color: #535045;
}

p a{
	color: #0f0085;
	text-decoration: none;
		border-bottom: 1px dotted #999;
}

a:hover{
	color: 000;
}

sup a{
	color: blue;
}



.odd{
	background-color: #f4f4ed;
	padding: 5px;
}

.even{
		padding: 5px;
		background: #e5ecf9;
}

.author{
	font-size: 97%;
	color:#535045 ;
}

.notes{font-style: italic;
	color: #555;
}

.current{
	font-weight: bold;
}

.intro_large {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: .25em;
}
a.light{
	color: #ccc;
	border-bottom-style: none;
}


hr.sidebar{
	color: #F1ECD8;
	background-color: #F1ECD8;
}

hr.left{
	color: #fff;
	background-color: #fff;
}

hr.divider{
	margin-top: 40px;
	margin-bottom: 40px;
}

.print_only, .printOnly{
	display: none;
}

.no_display{
	display: none;
}

.center{
	text-align: center;
}

  


.homealt { 
  color: #861517;
	font: italic normal 2em "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
}

.alt { 
  color: #861517;
	font: italic bold 2.1em "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
}


.small {
	font-size: .9em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

/* @end */

/* @group Forms */

input.simple_search {
	font-size: 1.1em;
	padding: .35em;
	background-color: #DBD7C4;
	color: #535045;
	border: 1px solid #CEC6A8;
	margin: 0;
}

	/*border-top-style: none;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;*/


#alpha, #region, #keyword{
	margin-bottom: 60px;
}
#browser_menu{
	margin-bottom: 20px;
}

/* @end */

/* @group Buttons */

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
	display: block;
	float: left;
	margin: 0.7em 0.5em 0.7em 0;
	padding: 5px 10px 5px 7px;
	/*

Links */
  
  border: 1px solid #292929;
	border-top: 1px solid #292929;
	border-left: 1px solid #292929;
	background-color: #222;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
}

button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px;
/*

IE6 */
}


*:first-child+html button[type] {
	padding: 4px 10px 3px 7px;
/*

IE7 */
}

button img, a.button img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
	float: none;
}

/* Button colors
-------------------------------------------------------------- */

/* Standard */

button:hover, a.button:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

a.button:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* Positive */

body .positive {
	color: #529214;
}

a.positive:hover, button.positive:hover {
	background-color: #292929;
	border: 1px solid #313131;
	color: #6299c5;
}

a.positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

/* Negative */

body .negative {
	color: #d12f19;
}

a.negative:hover, button.negative:hover {
	background-color: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}

a.negative:active {
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}

/* @end */