/* 
Template:newgrid
Theme Name:New Off-grid theme v.2
Description:3 column based on
Author:by Moshu
Author URI:http://www.transycan.net/
/* -------------------------  Body and Page Layout ------------------------- */
/* ------------------------- Reset Browser settings ------------------------ */
/* By E. Meyer v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, wp-caption-text, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------------------------------------------------------------------------- */
body{ background:#fff;  /*url(img/new_bdbg.gif) repeat-x 5px 0; */ font-family:arial,Verdana,sans-serif;  font-size:14px;  margin:0;  padding:0;  text-align:center; /* IE 5.5 hack */}
#outer_rap{ width:970px;  height:100%;  margin:auto;  background:transparent;  text-align:left;  /* IE 5.5 hack part II */}
#rap{ margin:10px auto;  background:transparent;  border-top:solid 1px #dedede;  padding-top:0px}
#masthead{/*240 174 150 162*/ height:168px;  background:#transparent;  font:normal normal 90% verdana,arial,helvetica,sans-serif;  letter-spacing:0em;  margin:0;  padding:0}
#righthead{float:right; border-top:solid 7px #dedede; padding-top:10px; width:650px}
#rightbottom{border-top:solid 1px #dedede; margin-top:10px; padding-top:10px; text-align:left; height:36px}
#container{ width:100%; float:left; margin-right:-340px}
#main{ margin-right:340px}
#content{ margin-left:160px;  position:relative;  height:100%;  border-left:solid 1px #dedede;  border-right:solid 1px #dedede}
#menu{ float:left;  width:160px}
#nav{margin:0px; padding-right:10px;  padding-top:5px;  height:100%}
#rmenu{ float:right;  width:340px}
#rnav{padding-top:5px}
.right-left{width:48%; float:left; padding:0 0 0 3px}
.right-right{width:48%; float:right}
.clearer{ clear:both}
#footer{ margin-bottom:0}
/* -------------------------- WordPress Stuff ----------------------------- */
a:link, a:hover, a:visited{color:#D68000}
a img{border:none}
acronym, abbr{border-bottom:1px dashed #333}
acronym, abbr, span.caps{cursor:help; font-size:90%; letter-spacing:.07em}
blockquote{border-left:5px solid #ccc; margin-left:1.5em; padding-left:5px}
cite{font-size:90%; font-style:normal}
#header a{color:#cfc; text-decoration:none}
#header a:hover{text-decoration:underline}
h1{  margin:0;   padding:20px;   text-align:right}
h3{font:100% verdana,arial,helvetica,sans-serif; letter-spacing:0.1em; margin:5px 20px 0 10px; padding-bottom:2px; color:#555}
h2{font: normal normal 120% verdana,arial,helvetica,sans-serif; margin:0; padding-bottom:0; color:#D68000}
h2 a:link, h2 a:visited{text-decoration:none; color:#D68000}
ol#comments li p{font-size:100%}
p, li, .feedback{font:80%/135% Verdana,sans-serif}

#asl_form{color:#888; display:inline; padding-right:15px}
#asl_searchquery{color:#888}
.search{float:left; border-right:solid 1px #dedede}

/* Buttons */
#searchsubmit{background:#fff url(img/search.gif) no-repeat bottom left; border:0; margin:0; width:70px; height:22px}
.tool_box_submit{background:#fff url(img/subscribe_btn.jpg) no-repeat bottom left; border:0; margin:0; width:90px; color:#fff; height:22px;}

#nl{display:inline}
.tool_box_input{color:#888}
.subscr{margin:0; padding:0; float:left;  height:22px}
.rss{display:inline; margin:0; padding:0 0 0 25px; float:left}

/* ------------------Classes used by the_meta--------------*/
ul.post-meta{list-style:none}
ul.post-meta span.post-meta-key{font-weight:bold}
.credit{background:#fff; color:#333; font-size:11px; margin:10px 0 0 0; padding:3px; text-align:left}
.credit a:link, .credit a:hover{color:#fff}
.feedback{color:#ccc; text-align:right; margin-right:30px; font-size:.75em}
.meta{font-size:.75em}
.meta li, ul.post-meta li{display:inline}
.meta ul{display:inline; list-style:none; margin:0; padding:0}
.meta, .meta a{color:#808080; font-weight:normal; letter-spacing:0; text-decoration:none}
.post{margin-top:5px; margin-right:8px; margin-left:8px}
.storytitle{color:#D68000; margin-top:10px; margin-bottom:2px}
.storytitle a{color:#D68000; text-decoration:none}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea{background:#fff; border:1px solid #333; padding:.2em}
#commentform textarea{width:100%; font-size:100%}
#commentlist li ul{border-left:1px solid #ddd; font-size:110%; list-style-type:none}
#commentform #comment{ width:450px;  margin:0}
#commentarea{margin-left:10px; margin-top:50px}
#commentarea p{margin:0 0 3px 0}
.small{font-size:80%}

/* ---------- Nav Bar -------- */
.navbar{font-size:.9em; font-weight:normal; letter-spacing:0; text-decoration:none; background-color:#CAE4AA; border-style:solid; border-width:0px 0px 1px; width:966px}
.navbar ul li{display:inline; list-style:none; margin:0; padding:0}
.navbar a{/*font-size:.75em; */ color:#000; /* #B9D992; */text-decoration:none}
.navbar a:hover{/*font-size:.75em; */color:#F90}

/* ---------- All nav styling (leftbar)-------- */
.widgettitle{margin-right:0}
.widget_yd_rp .widgettitle {background:#FF9A00}
#nav h2{display:none; font:normal bold 80%/140% arial,verdana,sans-serif; margin:0px 0px 5px 0; border:0; letter-spacing:0.1em; padding:0 0 0 4px; background:#ff0; color:#fff}
#nav form{/* margin:0 0 0 13px; */}
#nav ul{color:#363; font-weight:bold; list-style-type:none; margin:0; padding:0}
#nav ul li{font:normal bold 100% arial,verdana,sans-serif; letter-spacing:0.1em; margin-top:0px; padding-bottom:2px}
#nav ul ul{font-variant:normal; font-weight:bold; line-height:100%; list-style-type:none; margin:0; padding:0; text-align:left}
#nav ul ul li{border:0; font:normal normal 70%/100% Arial,Verdana,Helvetica,sans-serif; letter-spacing:0; margin-top:5px; padding-left:2px}
#nav ul ul li a{text-decoration:underline; color:#4f6d49}
#nav ul ul li a:hover{}
#nav ul ul ul.children{font-size:100%; padding-left:4px}
#nav ul ul ul li{border:0; font:normal normal 100%/115% Arial,Verdana,Helvetica,sans-serif; letter-spacing:0; margin-top:0; padding:0; padding-left:12px}
#nav p{line-height:100%; margin:2px 0}
.widget{border-bottom:solid 0px #dedede; margin-bottom:16px}
#text-5, #categories{padding-bottom:10px}
/*------------------------- Right menu (sidebar.php)------------------*/
#rnav h2{font:normal bold 100%/140% arial,verdana,sans-serif; margin:0px 0px 5px 0; border:0; padding:0 0 0 4px; color:#000}
#rnav form{margin:0 0 0 13px}
#rnav input#s{width:80%; background:#eee; border:1px solid #999; color:#000}
#rnav ul{color:#000; /* font-weight:bold; */list-style-type:none; margin:0 0 7px 0; padding-left:3px}
#rnav ul li{/* next line had bold in it */font:normal 100% arial,verdana,sans-serif; margin-top:0px; padding-bottom:2px}
#rnav ul ul{font-variant:normal; /* font-weight:bold; */line-height:100%; list-style-type:none; margin:0; padding:0; text-align:left}
#rnav ul ul li{border:0; /* next line had bold in it */font:normal 80%/150% Arial,Verdana,Helvetica,sans-serif; letter-spacing:0; margin-top:0; padding-left:12px}
#rnav ul ul li a{color:#060; text-decoration:none}
#rnav .widget_execphp ul li a{color:#060; text-decoration:underline}
#rnav ul ul li a:hover{border-bottom:1px solid #809080}
#rnav ul ul ul.children{font-size:100%; padding-left:4px}
#rnav ul ul ul li{border:0; font:normal normal 100%/115% Arial,Verdana,Helvetica,sans-serif; letter-spacing:0; margin-top:0; padding:0; padding-left:12px}
/*Calendar style removed, ask if you need---*/
/*---- two col styles ---*/
.clear{clear:both; visibility:hidden}
.navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px}
.alignright{float:right}
.alignleft{float:left}
.leftgrid{float:left; width:48%; margin-left:3px}
.leftgrid p{font:80%/120% verdana,arial,sans-serif; margin:2px 0 0 0; padding:0; text-align:justify}
.leftgrid .post .storycontent{margin:2px 0 3px 0; padding:0 0 4px 0; border-bottom:1px dotted #999}
.leftgrid h2{margin-bottom:5px; margin-top:10px}
.leftgrid h2 a{color:#d68000; font:normal bold 80%/100% verdana,arial,helvetica,sans-serif; text-decoration:none; border:none; border-bottom:0}
.rightgrid{float:right; width:49%}
.rightgrid p{font:80%/120% verdana,arial,sans-serif; margin:2px 0 0 0; padding:0; text-align:justify}
.rightgrid .post .storycontent{margin:2px 0 3px 0; padding:0 0 4px 0; border-bottom:1px dotted #999}
.rightgrid h2{margin-bottom:5px; margin-top:10px}
.rightgrid h2 a{color:#d68800; font:normal bold 80%/100% verdana,arial,helvetica,sans-serif; text-decoration:none; border:none; border-bottom:0}
.submeta{display:block; margin:0 250px 0 0}
/*------ widgets -----*/
#text-1{  border-bottom:solid 1px #dedede; margin-bottom:6px;   height:auto}
.box_list{color:#363}
.box_list li a{color:#363}
}
.widget{margin:0; height:100%; position:relative}
.widget{margin-top:0}
#categories ul li a{color:#009}
.widget_execphp ul li{width:45%; font:normal normal 10%/200% arial}
.widget_execphp{border-bottom:solid 1px #dedede; margin-bottom:6px}
#text-9{height:154px}
/*--------------new widgets in footbar and rightfoot -------*/
#footer ul{color:#363; font-weight:bold; list-style-type:none; margin:0; padding:0}
/*--------------images -------*/
.postimage{float:left; margin-right:5px; margin-bottom:0; margin-top:5px}
.imagecaptionright{font:normal bold 80%/200% arial,verdana,helvetica,sans-serif; color:#555; margin:8px 0 0 16px; float:right}
.imagecaptionleft{font:normal bold 80%/200% arial,verdana,helvetica,sans-serif; color:#555; margin:8px 15px 0 0; float:left; text-wrap:unrestricted}
.imagecaption{font:normal bold 80%/200% arial,verdana,helvetica,sans-serif; color:#555; margin:0 16px 0 0; float:left}
.captiontext{font:italic bold 100% arial,verdana,helvetica,sans-serif; color:#000; white-space:normal}
/*Copy old styles to new WP defaults for images*/
.wp-caption {font:normal bold 80%/200% arial,verdana,helvetica,sans-serif; color:#555}
.wp-caption.alignright {margin:8px 0 0 16px; float:right}
.wp-caption.alignleft  {margin:8px 15px 0 0; float:left}
.wp-caption img {}
p.wp-caption-text {
font:italic 80%/200% arial,verdana,helvetica,sans-serif; color:#000; white-space:normal
}
/*-------------miscell--------*/
.more-link a:link, .more-link a:visited{display:inline; text-align:right; font:normal bold 100%/170% arial,verdana,helvetica,sans-serif; margin-top:0; color:#444; text-decoration:none}
.feature{padding:10px 0 0 10px; font:normal bold 100%/100% arial,verdana,helvetica,sans-serif}
.storycontent{border-bottom:solid 1px #222; margin:0; padding:0}
.storycontent p{text-align:justify}
.navi{width:100%; clear:both}
/*------------UTW------*/
.utwtags{padding: 0px; margin-bottom:2px; font-size:80%; text-transform:capitalize}
.utwtags a:link, .utwtags a:visited{color:#4f6d49}
.utwrelposts a:link, a:visited{color:#363}
.utwrelposts li{font-size:80%; margin:0; list-style-type:square}
.taggedpost a{color:#f90; font:bold normal 120% Verdana,sans-serif; text-decoration:none; letter-spacing:0; margin-left:0; padding-left:0}
h4{font-size:75%; margin:3px 0 0 0; text-transform:uppercase}
.gad{margin:5px 0 15px 5px}
.people{font-family:Verdana,sans-serif; color:#069; padding:7px}
.red{color:#f00}
/*===========directory stuff------*/
.link_table2{font-size:11px}
.link_table2 td{vertical-align:top}
.d0{background-color:#EBEBEB}
.d1{background-color:#CCC}
.d2{background-color:#abc986}
.link_table{font-size:10px; margin-top:4px}
.link_table input, select, textarea{color:#363}
.book{float:right; margin-right:5px}
/* td{border:dotted 1px #090; text-align:left}
*/
.center{text-align:center}
.gadleft{float:left; margin:5px 5px 5px 0}
.gadright{float:right; margin:5px 0 5px 5px}