html
{
	height: 100%;
	background-color: #fff;
	background-image: url('../blogcore/blogimages/BackGroundGradient.png');
	background-position:top;
	background-repeat:repeat-x;
}

body{
	/*height: 100%;*/
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333;
	background-image: url('../blogcore/blogimages/Body_Drop_Shadow.png');
	background-position:center;
	background-repeat:repeat-y;
}



/*
 * IE hack - IE doesn't know min-height but does incorrectly interpret
 * height, effectively causing the same effect as min-height should in
 * this case. Uses IE's root ghost hack to only apply to IE.
 
* html body {
	height: 100%;
} */



.topBlackBar {
	background-color:#000;
	margin: 0 auto;
	width:100%;
	height:7px;
	display:none;
}

/*b{font-size: 110%;}*/


hr {
	color: #a0a0a0;
	width:500px;
	margin-left:-10px;
	height: 1px;
	margin-top:10px;
	margin-bottom:10px;
}




a:link {
	color: black;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: black;
}
a:hover {
	text-decoration: underline;
	color: #FFa300;
}
a:active {
	text-decoration: underline;
	color: #ffa300;
}



#mainheader {
	float:right;
	width:580px;
	height:138px;
	background-image: url('../blogcore/blogimages/Header_Blue_Background.jpg');
	background-repeat:no-repeat;
	/*margin-right:-16px;  Firefox */
	margin-right:-18px; /* Chrome / safari */
	/margin-right:-17px; /* IE 7 / IE 8 */
	
}

#Logo {
	/*position:relative;
	bottom:-18px;
	left:18px;*/
}

#HeaderLogo {
	margin-bottom:50px;
}

#headerUC {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	position:relative;
	bottom:93px;
	/bottom:96px;
	/*bottom:55px;
	/bottom:58px;*/
	left:196px;
	width:465px;
}

#headerText {
	color:#FFF;
	font-size:2.5em;
	font-weight:bold;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	line-height:1.0em;
	position:relative;
	bottom:93px;
	/bottom:96px;
	/*bottom:55px;
	/bottom:58px;*/
	left:196px;
	width:465px;
	height:69px;
	overflow:hidden;
}

#headerDate {
	color:#FFF;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url('../blogcore/blogimages/Yellow_Date_bar.png');
	background-repeat:repeat-x;
	position:relative;
	bottom:88px;
	/bottom:91px;
	/*bottom:50px;
	/bottom:53px;*/
	text-indent:7px;
	width:134px;
	height:21px;
	overflow:hidden;
	padding-top:1px;
}

#headerTime {
	color:#FFF;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url('../blogcore/blogimages/Orange_Time_bar.jpg');
	background-repeat:repeat-x;
	position:relative;
	bottom:110px;
	/bottom:113px;
	/*bottom:72px;
	/bottom:75px;*/
	left:134px;
	text-indent:5px;
	width:65px;
	height:21px;
	overflow:hidden;
	padding-top:1px;
}

#headerUserName {
	color:#FFF;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url('../blogcore/blogimages/Yellow_Date_bar.png');
	background-repeat:repeat-x;
	position:relative;
	bottom:132px;
	/bottom:135px;
	/*bottom:94px;
	/bottom:97px;*/
	left:196px;
	text-indent:5px;
	width:544px;
	height:21px;
	overflow:hidden;
	padding-top:1px;
}

#headerUserName {
	color:#FFF;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url('../blogcore/blogimages/Yellow_Date_bar.png');
	background-repeat:repeat-x;
	position:relative;
	bottom:94px;
	/bottom:97px;
	left:196px;
	text-indent:5px;
	width:384px;
	height:21px;
	overflow:hidden;
	padding-top:1px;
}

#maincontainer{
	padding:0;
	margin:0;
	width: 718px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/ 
	min-height:100%;
	position:relative;
	left:-86px; /* old value: -86 */
}


#topsection{
height: 150px; /*Height of top section*/
background-image:url(blogimages/header.gif);
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
	float: right;
	position: relative;
	min-height: 100%;
}

* html #contentwrapper {
	height: 100%;
}

#contentcolumn{
	width:535px;
	margin-top: 25px;
	margin-right: 6px;
	background-color: #ffffff;
}

#navigation{
	display:none;
	/*position:relative;
	top:196px;
	margin-left:-175px;*/
	margin-left:-13px;
	/margin-left:-14px;
	float:left;
	width: 169px; /*Width of left column*/
	background-color:transparent;
	background-image: url('../blogcore/blogimages/Left_nav_sliv.png');
	background-repeat:repeat-y;
	background-position:top;
	/*border-right:#ffcc00 2px dotted;
	border-bottom:#ffcc00 2px dotted;*/
}

#NavTop {
	display:none;
	margin-left:-13px;
	/margin-left:-14px;
	width:169px;
	height:9px;
	background-image: url('../blogcore/blogimages/Left_nav_top.png');
	background-repeat:no-repeat;
	background-position:top;
}

#NavBottom {
	display:none;
	margin-left:-13px;
	/margin-left:-14px;
	width:169px;
	height:9px;
	background-image: url('../blogcore/blogimages/Left_nav_bottom.png');
	background-repeat:no-repeat;
	background-position:top;
}

#footer{
	display:none;
	position:static;
	bottom:0px;
	margin:0 auto; 
	margin-top:0px;
	clear: both;
	width: 580px;
	background-color:#dbcca5;
	background-image: url('../blogcore/blogimages/Footer_Sliver.jpg');
	background-repeat:repeat-x;
	background-position:top;
	height:80px;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer
{
	margin-top: -7.4em;
}





/*#footerpicture{
		background-image: url(http://dev.ucanr.org/blogs/blogcore/blogimages/bottom_banner.jpg); 
		height: 150px; 
		background-repeat: no-repeat; 
		text-align: left;} */
		
#footertext {
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#dbcca5;
}
		

#footertext a,
#footertext a:link,
#footertext a:visited,
#footertext a:active
 {
	color:#333;
	text-decoration:none;
}

#footertext a:hover {
	color:#555!important;
}



#logininfo {
margin-top: 28px;
margin-bottom: 20px;
margin-left: 80px;
float:left;
width: 50%;
}

#logininfo a {
color:#333;
font-weight: lighter;
margin-left: 35px;
border-left: 1px solid black;
padding-left: 33px;
}

#moreStories {
	text-align:right;
	height:2.0em;
	vertical-align:top;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.toptube{
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

.toptube a:link {
	text-decoration: none;
}
.toptube a:visited {
	text-decoration: none;
}
.toptube a:hover {
	text-decoration: underline;
}
.toptube a:active {
	text-decoration: none;
}





.sitename {
	font-size: 2em;
	font-weight: lighter;
	margin-bottom: 10px;
	margin-left: 80px;
	padding-top: 8px;
	clear:both;
}

.sitenametext {
	border-bottom: 1px solid #ffcc66;
	color: #006699;
	
}

.sitetag {
	font-size: 1em;
	font-weight: lighter; 
	margin-left: 85px;
	color: #333333;
}
	

.postinfo,
.postinfofirst,
.commentBlock {
	height:100%;
	/*min-height:100%;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background-color:#FFF;
	padding-top:13px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:13px;
}

.postinfofirst {
	background-color:#F7f7f1;
}

.titleBlock {
	background-color:#f0f0ea;
	width:95%;
	padding:13px;
	padding-bottom:30px;
	/padding-bottom:13px;
}

.commentBlock {
	background-color:#FFFFFF;
	font-size:1.0em;
	font-style:italic;
	font-weight:normal;
	color:#333;
}

.blogcomment,
.message {
	color:#990000;
	font-size:1.0em;
	font-weight:normal;
}

.postDate,
.formlabel {
	color:#666; /*303030;*/
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:1.0em;
	margin-bottom:1.0em;
}

.formlabel {
	color:#666;
	margin-bottom:0;
	font-weight:bold;
	font-style:normal;
}

.formNote {
	font-size:10px;
}

.hr {
	clear:both;
	width:542px;
	margin-left:-7px;
	margin-top:10px;
	margin-bottom:20px;
	border-bottom:#cccccc 1px solid;
}

.morestuff {
	clear:both;
}

.commentBlock a .commentlink,
.commentBlock a:link,
.commentBlock a:visited {
	text-decoration:none;
	color:#333;
	border-bottom:#333 1px dashed;
}

.commentBlock a:hover {
	text-decoration:none;
	color:#347150;
	border-bottom:#347150 1px dashed;
}

.postdetails, a .postcomment{
	clear:both;
	width:480px;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.9em;
	font-weight:lighter;
	color: #666; /*333*/
	text-decoration: none;
}

.postdetails a:link,
.postdetails a:visited {
	color:#666; /*333*/
	text-decoration: none;
}

.postdetails a:hover {
	color: #333; /*347150;*/
	text-decoration: none;
}

#leftsearch {
margin-top:14px;
}	

.navcontainer { 
	margin-left:9px;
	width: 145px;
	color:#fff;
}

.navcontainer ul
{
margin-left: 0px;
margin-top:14px;
padding-left: 0px;
list-style-type: none;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-decoration:none;
}

.leftnavline {
	border-bottom-color:#fff;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

.navcontainer a
{
display: block;
width: 145px;
text-decoration:none;
color:#fff!important;
}

.navcontainer a:link, .navlist a:visited
{
color:#fff;
text-decoration: none;
margin-bottom: 3px;

}


.navcontainer a:hover
{
/*background-color: #999;*/
color:#999!important;
width: 145px;

}


.blogroll a,
.blogroll a:link,
.blogroll a:visited {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	margin-left:8px;
	font-size:14px;
	color:#CCC;
	line-height:18px;
	padding-bottom:3px;
}

.blogroll a:hover {
	color:#999;
}


.navcontainerright { width: 150px;}

.navcontainerright ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}

.navcontainerright a
{
display: block;
padding: 3px;
width: 150px;
text-decoration:none;
}

.navcontainerright a:link, .navlist a:visited
{
color: black;
text-decoration: none;
}


.navcontainerright a:hover
{
background-color: #f2f2f2;
width: 142px;

}





.smalltext{
	font-size:0.8em;
}


.posttitle,
.pagehead
{
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-weight: lighter;
	margin-left: 0;
	padding-left: 0px;
	padding-bottom:3px;
	color:#555; /*347150;*/
	
}

.posttitle a:visited
{
	text-decoration: none; 
	color:#555; /*347150;*/
}

.posttitle a:hover
{
	text-decoration: none; 
	color:#333!important;
}

.posttitle a:link
{
	text-decoration: none;
	color:#555; /*347150; */
}

.posttags {
	font-size: 10px;
	font-variant: normal;
	font-style: oblique;
}

/*.recentcommenthead {
	font-size: 1.3em;
	font-style: bolder;
	background-color:#f2f2f2;
	border-top: 1 px solid #cccccc;
}*/
	


.commentauthor {
	font-size: 1.2em;
	color:#333333;
	font-weight:bold;
}


.commentlist a {
text-decoration: none;
border-bottom: 1px solid #e1e1d1;
}

.comment {
	font-size: 1em;
	color:#333;
}


/*.pagehead {
	font-size: 1.7em;
	color: #006699;
	font-weight: lighter;
	border-top: 0px solid #ffa306;
	margin-bottom: 5px;
	
}*/

.onleft {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
.submitbutton {
	background-color: #efefef;
}

.submitbuttonover {
	background-color: #999999;
	color: #ffffff;
}
.secondhead {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.rightoption {
	text-align: right;
	font-weight:bold;
	font-size: 13px;
}

.rightoption a:link {
	color: black;
}
.rightoption a:visited {
	color: black;
}
.rightoption a:hover {
	color: #FFa300;
}
.rightoption a:active {
	color: #ffa300;
}
.inabox {
	margin: 4px;
	padding: 6px;
	/*border: medium solid #ac8d5f;*/
	/*background-color: #efe9d1;*/
}
.mainpicture {
	padding: 6px;
	border:0;
	margin-right: 0px;
	margin-left:20px;
	margin-top:10px;
	float: right;
	
}

.tablehead{
	font-size: 1.2em;
	color:#FFF;
	font-weight:lighter;
	background-color:#927014;
	text-align: left;
}
	
	
.row1 {
	background-color:#F6F6F0; /*#F9F9F4;*/
}

td a,
td a:link,
td a:visited {
	color:#666;
}

td a:hover {
	color:#000;
}

.tablehead td a,
.tablehead td a:link,
.tablehead td a:visited {
	color:#FFF;
}

.tablehead td a:hover {
	color:#aaa;
}

.row2 {
	background-color:#F9F9F4;
}

.rowHigh {
	background-color:#ffffff;
}
	
.postinfopage {
	color:#333333;
	font-size: 1.2em;
	font-weight: lighter;

}
	
	
/* ------------------------------ Admin section --------------------------------- */
.adminSection {
	border:#666 1px solid;	
	width:225px;
	margin-top:30px;
}

.adminSection ul {
	padding: 5px;
	margin: 0px;
}

.adminSection ul li {
	list-style:none;
	margin-left:0px;
}

.adminSectionTitle {
	padding: 3px 5px;
	color:#222;
	background-color:#FaFaFa;
	border-bottom:#666 1px solid;
	text-align:center;
	font-weight:bold;
}
	
	
/*---------------------------*/
/*   Portal Login Styles     */	
/*---------------------------*/

.message {
	width:100%;
	text-align:center;
	font-weight:bold;
	background: URL('graphics/red_fade.gif') repeat center;
	color:#CC0000;
	padding: 7px 0px;
	margin-top: 8px;
	border-top:#CC0000 1px solid;
	border-bottom:#CC0000 1px solid;
}

.ANRLoginBlock {
	width:535px;
	height:490px;
	margin:0 auto;
	color:#333;
	background-color:white;
	padding-left:7px;
	padding-right:7px;
}

.ANRLoginBlock h1 {
	text-align:center;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: lighter;
	margin-left: 0;
	padding-left: 0px;
	color:#555; /*347150;*/
}


.ANRLoginTable, .ANREditTable {
	width:450px;
	margin-left:-32px;
}

.ANRLoginTable tr th, .ANREditTable tr th {
	font-weight:bold;
	color:#000;
	text-align:right;
}

.ANREditTable tr th {
	color:#333;
	}

.ANRLoginTable td, .ANREditTable td {
	font-size:1em;
}

#ANRLoginEmail, #ANRLoginPassword {
	width:150px;
}
	
a.ANRLoginLink,
a.ANRLoginLink:link,
a.ANRLoginLink:active,
a.ANRLoginLink:visited {
	font-weight:bold;
	color:#333;
}

a.ANRLoginLink:hover {
	color:#edb200;
}

#footer {
	width:width:100%;
	margin:0 auto;
	clear:both;
	text-align:center;
	background-color:black;
	padding-top:4px;
	padding-bottom:4px;
}
	
	
table.fields tr th,
table.ANREditTable tr th {
	text-align:right;
	vertical-align:top;
	padding:4px;
	font-size:12px;
}

table.fields tr td,
table.ANREditTable tr td {
	padding:4px;
}


/* --- Link Buttons --- */

a.red,
a.red:link,
a.red:visited,
a.green,
a.green:link,
a.green:visited,
a.blue,
a.blue:link,
a.blue:visited {
	font-family:Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	text-decoration:none;
	font-size:12px;
	font-weight: normal;
}

a.red,
a.red:link,
a.red:visited
{
	border: 1px solid #990000 !important;
	background-color: #fce1e1;
	color: #990000 !important;
}

a.red:hover  {
	background-color: #990000 !important;
	border: 1px solid #990000 !important;
	color: #FFFFFF !important;
}

a.green,
a.green:link,
a.green:visited {
	border: 1px solid #336600 !important;
	background-color: #eafdd6 !important;
	color: #336600 !important;
}              

a.green:hover  {
	background-color: #336600 !important;
	border: 1px solid #336600 !important;
	color: #FFFFFF !important;
}

a.blue,
a.blue:link,
a.blue:visited {
	border: 1px solid #12264b !important;
	background-color: #dbe1ef !important;
	color: #12264b !important;
}              

a.blue:hover  {
	background-color: #12264b !important;
	border: 1px solid #12264b !important;
	color: #FFFFFF !important;
}