/* @group info */

/*
Theme Name: WP-Sanda-RAB
Theme URI: http://tobbesanda.com/wp-themes/
Description: Randy's modification of the WP-Sanda theme by Tobias Sandelius. The original supports tags and "gravatars," and is "totally valid XHTML and CSS." My version borrows elements from the old Blitzkreig/Spring Flavour theme.
Version: 1.1
Author: Randy Burgess
Author URI: http://raburgess.com/
Tags: 3 columns, white, widget, fixed width, 900px, wp-sanda-rab, pro
*/

/* @end */

/* @group global reset */

/*** RESET ***/

html, body, ol, ul, li, p, form, input, textarea, select, label, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

/* @end */

/* @group =base */

/* @group -layout */

body {
	font-size: 85%;
	font-family: Georgia, serif;
	color: #414141;
	/* #EFEBEF is background from original blog */
	background: #EFEBEF; 
}


#wrap {
	/* width: 900px; */
	width: 780px;
	margin: 30px auto;
	border: solid 1px;
	/* fix this so it holds all content! */
	overflow: auto;
	/* try out padding etc. */
	padding: 30px 30px 0 30px;
	background-color: #fff; 
}

/* @end */

/* @group -link */

/*** LINK ***/

a {
	text-decoration: none;
	color: #6C8C37;
}

a:hover {
	color: #009193;
}


a img {
	border: none;
}

p a:hover {
    color: #7F7563;
	text-decoration: none;
}

li a:hover {
    color: #7F7563;
	text-decoration: none;
}

/* @end */

/* @group -headers */

/*** HEADER ***/

/* headings
--------------------------------------------------*/

h2, h2 a,
h3 a,
h4 a
  

{
	color: #414141;
}

h1, h1 a {
	color: #FFFFFF;
}

h1 a:hover {
	color: #7B7562;
}

h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: #BBB295;
}

#header {
	border-bottom: 1px solid #ccc;
	/* height: 148px; */
	overflow: hidden;
}

#header h1 {
	font-size: 28px;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	letter-spacing: +1px;
	text-transform: uppercase;
	float: left;
	clear: right;
	/* needed for IE to clear opposingly floated boxes */
	overflow: hidden;
	_height: 1%;
	/* and even so apparently IE still needs this too */
	width: 100%;
}


#header h1 a {
	color: #444;
}

#header h1 a:hover {
	color: #7B7562;
	text-decoration: none
}

#header p.desc {
	float: right;
	color: #aaa;
	font: 1.4em "Optima", "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", verdana, helvetica, arial, sans-serif;
	letter-spacing: +.5px;
	font-style: italic;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
	/* needed for IE to clear opposingly floated boxes */
	overflow: hidden;
	_height: 1%;
}


#header #header-pic {
	/* width: 900px; */
	width: 780px;
	height: 120px;
	background: url(img/topbg_pic.png) no-repeat 0 bottom;
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 0;
	margin: 5px 0;
}

#header #new_home_header-pic {
	/* width: 900px; */
	width: 780px;
	/* height: 303px;*/
	height: 206px;
	background: url(img/new_home_pic_header.jpg) no-repeat 0 center;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 0;
	margin: 5px 0 0;
	float: left;
}

#header #aa_header-pic {
	/* width: 900px; */
	width: 780px;
	/* height: 303px;*/
	height: 134px;
	background: url(img/aa_header_pic_1.jpg) no-repeat 0 center;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 0;
	margin: 5px 0 0;
	float: left;
}

#header #header-pic-anti-story {
	/* width: 900px; */
	width: 780px;
	height: 120px;
	background: url(img/anti-story_pic.jpg) no-repeat 0 bottom;
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 0;
	margin: 5px 0;
}

/* @end */

/* @group -content */

/*** CONTENT ***/

#content {
	float: left;
	width: 510px;
	margin: 10px 0 0 0;
	line-height: 20px;
}

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

#content h2 {
	font-size: 1.4em;
	font-family: "Optima", "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", verdana, helvetica, arial, sans-serif;
	margin: 15px 0 14px;
}

#content h2 a {
	font-weight: normal;
}

#content h3 {
	font: 1em "Optima", "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", verdana, helvetica, arial, sans-serif;
	font-style: italic;
	color: #444;
}

#content h3 a {
	font-weight: normal;
}

#content p {
	margin: 0 0 15px 0;
}

p.portfolio_entry {
        float:left;
        clear:left;
}

#content .post {
	margin: 0 0 20px 0;
}

#content ul, #content ol {
	margin: 0 0 15px 30px;
}

#content ul ul, #content ol ol {
	margin: 0 0 0 14px;
}

#content p.postmeta {
	font-size: .9em;
	color: #666;
	line-height: 16px;
	background: #f9f9f9;
	padding: 5px;
	border-bottom: 1px solid #eee;



	border-top: 1px solid #eee;
	margin: 5px 0 36px 0;
	font: .9em/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content ul li {
	margin: 4px 0 2px 0;
	padding-bottom: 4px;
}



#content p.postmeta a {
	font-weight: normal;
}

/* @end */

/* @group -archive-related */


/* @group For use with Collapsing Archive plugin */

span.month_count {
	color: #6c8c37;

}

#collapsArch {
	color: #6c8c37;

}

span.collapsArch.hide {
	color: #6C8C37; 
	 /*text-decoration: underline;*/ 
	font-variant: small-caps;
	/*text-transform: uppercase;*/ 
}
span.collapsArch.show {
	color: #6C8C37; 
	 font-variant: small-caps;
	/*text-decoration: underline;*/ 
	/*text-transform: uppercase;*/ 
}

/* @end */

/* @end */

/* @group -sidebar */

/*** SIDEBARS ***/

.sidebar {
	/* width: 180px; */
	width: 210px;
	float: right;
	margin: 10px 0 0 0;
	/*	margin: 10px 0 0 20px; */
	background: url(img/container_bg.gif) repeat-y 0 0;
	padding: 6px 0 0 20px;
}

#subcontent {
	float: right;
	width: 205px;
	padding: 15px 0 0 15px;
	line-height: 1.5em;
}


/* this affects 1st level of category headings */
.sidebar a {
	/* font-weight: bold; */
	font-size: 93%;
	
}

.sidebar h2, caption {
	letter-spacing: 1px;
	border-bottom: 2px solid #ccc;
	color: #5c5c5c;
	font: bold 1em "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	letter-spacing: +1px;
	text-transform: uppercase;
	margin-top: 12px;
}

.sidebar ul {
	list-style: none;
	padding: 2px;
	margin: 0 0 10px 0;
	border-width: 0;
	border-style: hidden;
	
	
}

.sidebar ul ul {
	border-width: 0;
	border-style: hidden;
	margin: 0 0 0 7px;
}

/* this affects 2nd level of category headings */
.sidebar ul ul a {
	font-size: 93%;
	font-weight: normal;
	border-style: hidden;
}


.sidebar ul li {
	margin: 4px 0 2px 0;
	color: #444;
		/* experimenting */
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-color: #f6f6f6;
	padding-bottom: 4px;
}

.sidebar li a {
	
		/* experimenting */
	border-bottom-style: none;
	border-bottom-width: 0;
}


.sidebar ul.children {
	border-bottom-style: none;
	border-style: none;
	border-width: 0;
}

.sidebar ul.children li {
	border-bottom-style: none;
	border-style: none;
	border-width: 0;
}

/* gives the gray-yellow glow when hovering over 
2nd level category headings only */
.sidebar ul.children li:hover {
	background-color: #FFFBF0;
}

/* @end */

/* @group -calendar */

/*** CALENDER ***/

table#wp-calendar {
	text-align: center;
	margin: 0 auto 10px;
	color: #aaa;
	width: 180px;
}

table#wp-calendar a {
	font-weight: normal;
}

td#prev {
	text-align: left;
}

td#next {
	margin-left: 20px;
}

/*** COMMENTS ***/

#comments {
	margin: 20px 0 0 0;
	float: left;
	width: 500px;
}

#comments p {
	margin: 0 0 10px 0;
	line-height: 12px;
}

#comments label {
	margin: 0 0 0 10px;
	font-size: 10px;
}

#comments ul.commentlist {
	list-style: none outside;
	margin: 0 0 20px 0;
}

#comments ul.commentlist li {
	border: 1px solid #eee;
	margin: 0 0 10px 0;
	overflow: hidden;
	background: #f6f6f6;
}

#comments ul.commentlist .top {
	background: #f6f6f6;
	height: 32px;
	font-size: .9em;
	border-bottom: 1px solid #eee;
}

#comments ul.commentlist li p {
	padding: 10px 10px 0 10px;
	line-height: 20px;
	font-size: 1em;
}

/* @end */

/* @group -footer */

/*** FOOTER ***/

#footer {
	float: left;
	/* width: 900px; */
	width: 780px;
	margin: 10px 0 0 0;
	padding: 5px 0 10px 0;
	border-top: 1px solid #aaa;
	text-align: center;
	color: #666;
}

/* @end */

/* @group -forms */

/*** FORMS ***/

input#s {
	width: 172px;
	border-top: 1px solid #f6f6f6;
	border-left: 1px solid #f6f6f6;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 2px 0 2px 0;
	color: #444;
}

form#commentform {
	border-top: 2px dotted #ccc;
	background: #f6f6f6;
	padding: 20px;
}

input.commenttext {
	padding: 4px;
	width: 200px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: none;
	border-top: none;
}

textarea {
	padding: 4px;
	width: 452px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: none;
	border-top: none;
	height: 100px;
}

input.commentbutton {
	padding: 4px;
	width: 150px;
	border: 1px solid #aaa;
	color: #aaa;
	font-weight: bold;
}

input.commentbutton:hover {
	border: 1px solid #444;
}

/* @end */

/* @group wp images */

/* WP IMAGES */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 5px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 5px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* messing with this to align it right - an experiment. */
.wp-caption {
	padding: 0;
	margin: 0;
	float: right;
	margin-left: 14px;
	margin-right: 2px;
	/* margin-top: 9px; */
margin-top: 5px;
	margin-bottom: 5px;

	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
*/	padding-top: 4px; */
/*	margin: 10px; */
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* @end */



/* @end */

/* @group text classes */

/*** CLASSES ***/

code {
	border: 1px solid #ccc;
	background: #f6f6f6;
	display: block;
	padding: 10px;
}

blockquote {
	font-style: italic;
	color: #444;
}

.textwidget {
	color: #444;
	margin: 4px 0 10px 0;
	line-height: 18px;
	font-size: 11px;
}

/* @end */

/* @group =RAB styles */

/* @group -category intros for category archives */




/* category name if there is no category description text */ 
#content h2.pagetitle {
	/* font-size: 90%; */
	font-size: 1em;
	font-size-adjust: .57;
	text-align: right;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin: 15px 0 37px;
	font-weight: normal;
	border-bottom: 1px solid #b7b7b7;
	color: #5d7162;
}

/* category name if category description text does exist */
#content h2.pagetitle_intro {
	/* font-size: 90%; */
	font-size: 1em;
	font-size-adjust: .57;
	font-family: "Optima", "Lucida Sans", "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", verdana, helvetica, arial, sans-serif;
	margin: 20px 0 17px; 
	font-weight: normal;
	border-bottom: 1px solid #b7b7b7;
	color: #5d7162;
	text-align: right;
}

/* category description text */ 
#category_intro {
	/* font-size: 90%; */
	font-size: .9em;
	font-size-adjust: .55;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin-bottom: 30px; 
	border-bottom: 1px solid #b7b7b7; 
	font-style: normal;
	padding: 0 0 4px 0;
}

/* @end */



/* @group category listings for top of single posts */

#single_category {
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin-bottom: 0;
	font-style: normal;
	padding: 0 0 4px 0;
	text-align: right;
	border-bottom: 1px solid #787b70; 
	/* font-size: 1em; */
	/* font-size: 90%; */
	font-size: 1em;
	font-size-adjust: .57;
	margin-top: 20px;
}

#single_category a, #single_category a:link, #single_category a:hover, #single_category a:active, #single_category a:visited  {
	color: #787b70;
}


/* @end */
/* @group -run-i heading for body text */

span.run-in_header {
	color: #45573c;
	font: bold 107%/20px "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
}



/* @end */


/* @group -images in posts */

img.RABfloatLeft {
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 14px;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

img.RABfloatLeft_portfolio {
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 14px;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
        clear: left;
}


img.RABfloatRight {
	padding: 0;
	margin: 0;
	float: right;
	margin-left: 14px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

img.RABfloatLeftBump {
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 14px;
	margin-left: 2px;
	margin-top: 9px;
	margin-bottom: 5px;
}

img.RABfloatRightBump {
	padding: 0;
	margin: 0;
	float: right;
	margin-left: 14px;
	margin-right: 2px;
	margin-top: 9px;
	margin-bottom: 5px;
}

/* @end */

/* @group -indented p, for excerpts, etc. */

#content p.indented_body {
	margin: 0 0 15px 0;
	padding: 0 30px;
}

#content p.indented {
	margin: 0 0 15px 0;
	padding: 0 30px;
}

/* with a colored background to set it off. However by itself this 
gives a background that breaks between grafs. */
#content p.indented_boxed {
	/* background-color: #e6e7d6; */
	background-color: #ecf4d9;
	margin: 0 25px 15px;
	padding: 5px 10px;
}

/* this can indent & give a colored background to a passage of many grafs. 
you do need to put in <p> </p> for the grafs to keep the spacing from 
disappearing from the odd graf or two. */
#indented_shaded_passage
{
	/* background-color: #e6e7d6; */
	background-color: #ecf4d9;
	margin: 2px 25px 18px;
	padding: 5px 10px;
}


/* same color for background, but no indent */
#shaded_passage
{
	/* background-color: #e6e7d6; */
	background-color: #ecf4d9;
}



/* @end */

/* @group - special subheads */

/* using this for an interview to style names of
interviewer & interviewee  */ 
#small_subhead {
	/* font-size: 90%; */
	font-size: .8em;
	font-size-adjust: .55;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	/* margin-bottom: 30px; */
	font-style: normal;
	padding: 0 0 0 0;
	color: #646821;
}
/* @end */


/* @group -footnote styling; the actual functionality is courtesy of
the FD Footnotes plug-in. */
.footnotes {
	margin: ;
	border-top: 1px solid #787b70;
	padding-top: .5em;
	margin-top: .8em;
}
}

/* @end */


/* @group -text effects for "About this blog" */

p.small {
	font-size: 91%;
	line-height: 18px;
	margin-bottom: 22px;
	margin-top: 5px;
}

a.more {
	padding-right: 10px;
	background: url(img/more.gif) center right no-repeat;
}

/* @end */


/* @group -special styles for pages */

#boxed_content_in_page {
	border: solid 1px gray; 
	float: left; 
	text-align: left; 
	padding: 8px 15px 15px 15px; 
        margin-bottom:17px;
        margin-top: 7px;
}

#fake_category {
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin-bottom: 0;
	font-style: normal;
	padding: 0 0 4px 0;
	text-align: left;
	border-bottom: 1px solid #787b70; 
	font-size: 1em;
	font-size-adjust: .57;
	margin-top: 20px;
}

#content h2.big {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.3;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin: 15px 0 20px;
}

#content h2.big_midpage {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin: 25px 0 15px;
}

#content h2.medium_midpage {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin: 25px 0 15px;
}

#content h2.medium_midpage_portfolio {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2;
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin: 15px 0 15px;
        float: left;
        clear: left;
}




img.RABfloatLeftWideGutter {
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 22px;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 15px;
}


img.RABfloatRightWideGutter {
	padding: 0;
	margin: 0;
	float: right;
	margin-left: 35px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 30px;
}



/* @end */

/* @group -special sidebar styles for pages */

#new_home_sidebar {
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin-bottom: 0;
	font-style: normal;
	padding: 0 0 4px 0;
	text-align: left;
	border-bottom: 1px solid #787b70; 
	/* font-size: 1em; */
	/* font-size: 90%; */
	font-size: 1em;
	font-size-adjust: .57;
	margin-top: 20px;
}

#pages_sidebar_entry {
	float: left;
	width: auto;
	height: auto;
	display: block;
	padding-bottom: 35px;
}


#fake_category_home_sidebar {
	font-family: "Optima", "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	margin-bottom: 0;
	font-style: normal;
	padding: 0 0 4px 0;
	text-align: left;
	border-bottom: 1px solid #787b70; 
	font-size: 1em;
	font-size-adjust: .57;
	margin-top: 20px;
}

.sidebar_new_home {
	/* width: 180px; */
	width: 210px;
	float: right;
	margin: 10px 0 0 0;
	/*	margin: 10px 0 0 20px; */
	background: url(img/container_bg.gif) repeat-y 0 0;
	padding: 0 0 0 20px;
	line-height: 20px;
}

.sidebar_new_home p {
	float: left;
	/* width: 510px;*/
	margin: 15px 0 0;
	line-height: 20px;
}

.sidebar_new_home p.quote {
	float: left;
	/* width: 510px;*/
	margin: 15px 0 0;
	line-height: 20px;
}

.sidebar_new_home p.attribution {
	float: right;
	text-align: right;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}



/* @end */


/* @end */


/* @group =page bar in header */

/* probably don't need this anymore - */
#header #page-bar {
	width: 780px;
	height: 2em;
	float: left;
	clear: both;
	display: block;
	padding-top: 4px;
}

/* @group -experimental bar */

/* "navigation" elements taken from blitzkrieg & renamed "tabs" */

#tabs {
	width: 780px;
	float: left;
	clear: both;
	display: inline;
	/*padding-top: 4px; */

	font-family: "Optima", "Lucida Grande", "Bitstream Vera Sans", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	font-size: 120%;
	background-color: #A2BFA1;
  	height: 2em;
	line-height: 2em;
	border: 0px;
	padding: 0;
}

#tabs li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

#tabs li a {
	border-color: white;
	border-right: 1px solid;
	display: block;
	padding: 0 18px;
	font-weight: bold; 
	font-size: 0.8em;
	text-transform:uppercase; 
  	letter-spacing: 1px;
}

#tabs a {
	color: white;
}

#tabs .selected {
	background-color: #D0D5B8;
}
#tabs a:hover {
	background-color: #D0D5B8;
}

* html #tabs a {
	width: 1%;
}
/* @group -possibly the search form? */

#tabs form {
	/* this was only element carried over from Blitzkrieg */
	/* desperately trying to move this about ... */
}

#tabs fieldset {
	display: block;
	float: right;
	background-color: #eee;
	width:  212px;
	border: 0;
	margin: 0;
	padding: .5em;
    font:90%/1 sans-serif;
    overflow: auto;
	height: 2em;

}


/* this is the search input field on nav bar */
input#s_nav {
/*	width: 172px;
	border-top: 1px solid #f6f6f6;
	border-left: 1px solid #f6f6f6;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 2px 0 2px 0;
	color: #444; */
	border-color: #fff;
	float: right;
	width: 160px;
	clear: none;
	display: inline;
	height: 60%;
	border-style: none;
}

#tabs #searchbutton_nav {
	color: white;
	background-color: #A2BFA1;
	display: run-in;
	float: right;
	margin-left: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	padding-left: 2px;
	height: 65%;
	vertical-align: middle;
	position:  relative;
}


#tabs #s {
	
	border-color: #FFF9EA;
}



/* @end */

/* @end */

/* @end */