﻿/* ------------------------------------------------------------------------------------------------------------------------------------
      DEFAULT
------------------------------------------------------------------------------------------------------------------------------------ */
#main .featuredarticles { position: relative; height: 210px; background: url(../Images/fromtheblog.gif) no-repeat right top;}
.featuredarticles ul { padding: 0px; margin: 0px; height: 35px;}
.featuredarticles li { display: block; float: left; padding: 2px 5px 2px 5px; background-color: #e88a24; margin: 0px 5px 0px 0px;
	color: White; cursor: pointer; }
.featuredarticles li:hover, .featuredarticles li.active { background-color: #944501;} 

.featuredarticles .article { position: absolute; top: 32px; left: 0px;  }
.featuredarticles img { float: left; margin: 0px 8px 8px 0px;}
.featuredarticles label { font-size: 8pt; display: block; margin: 0px 0px 4px 1px; background: url(../Images/calendar.gif) no-repeat left; padding-left: 18px; }
.featuredarticles label span { display: inline; float: right; margin: 0px; background: url(../Images/comment_small.gif) no-repeat left; padding-left: 18px; font-size: 8pt;}
.featuredarticles cite { font-style: normal;}
.featuredarticles span { font-size: 9pt; display: block;  margin: 4px 0px 0px 1px; text-align: right;}

#main .topleft-column, #main .topright-column, #main .bottomleft-table, #main .bottomright-table 
	{width: 260px; padding: 8px 8px 4px 8px; border: 1px dotted #eea01e; margin-bottom: 15px;}

#main .topleft-column { float: left; }
#main .topleft-column img { margin: 2px 0px 4px 6px; }

#main .topright-column { float: right; }
#main .topright-column .date { text-align: right; color: #944501; display: block;}

#main .bottomleft-table { float: left; line-height: 1.8em; }
#main .bottomright-table { float: right; line-height: 1.8em; }

#main .googlead { margin-bottom: 10px;}

/* ------------------------------------------------------------------------------------------------------------------------------------
      ARTICLES
------------------------------------------------------------------------------------------------------------------------------------ */
#articles label { font-size: 8pt; display: block; margin: 0px 0px 0px 1px; background: url(../Images/calendar.gif) no-repeat 0px 3px;  padding-left: 18px; }
#articles label span { display: inline; float: right; margin: 0px; background: url(../Images/comment_small.gif) no-repeat left; padding-left: 18px; font-size: 8pt;}
#articles .tags { margin: 0px 0px 4px 1px; font-size: 8pt;}
#articles cite { font-style: normal;}
#articles span { font-size: 9pt; display: block;  margin: 4px 0px 15px 1px; text-align: left;}

/* ------------------------------------------------------------------------------------------------------------------------------------
      REGISTER
------------------------------------------------------------------------------------------------------------------------------------ */
#register {}
#register strong { display: block; margin: 10px 0px 5px 0px;}
#register label { width: 180px; display: block; float: left; position: relative; top: 2px;}
#register input[type="text"] { width: 150px; margin-bottom: 3px; border-color: Silver;}
#register select { width: 162px; margin-bottom: 4px; border-color: Silver;}
#register br { clear: both;}
#register image { width: 162px;}

#register .security {margin: 4px 0px 0px 0px;}
#register .security input[type="checkbox"] {float: left;}
#register .security label { width: 500px; position: relative; top: 0px;}

/* ------------------------------------------------------------------------------------------------------------------------------------
      USER PROFILE
------------------------------------------------------------------------------------------------------------------------------------ */
.userprofile {}
.userprofile .left { float: left; width: 170px; xbackground-color: Yellow; }
.userprofile .left p { text-align: left; font-size: 12px;}
.userprofile .left label { display: block; font-weight: bold;}
.userprofile .right { float: right; width: 380px; xbackground-color: Olive;}
.userprofile .right .headline { background: none; color: Black; font-size: 13pt; margin: 2px 0px 2px 0px; padding: 0px; font-weight: normal;
	text-transform: lowercase; text-transform: capitalize;	font-variant: small-caps; line-height: 20pt; text-align: left; }
.userprofile .right textarea { width: 340px; xborder-color: Gray; height: 60px; margin: 0px 3px 5px 0px; float: left;}
.userprofile .right .status { font-size: 16px; margin-bottom: 10px; text-align: left;}
.userprofile .right .postStatus { width: 25px; height: 60px;}

.userprofile .right div.recentActivity { font-size: 13pt; margin: 14px 0px 4px 0px; padding: 0px; font-weight: normal;
	text-transform: lowercase; text-transform: capitalize;	font-variant: small-caps; line-height: 20pt; text-align: left; }

.userprofile .right ul.recentActivity { padding: 0px; margin: 0px; list-style-type: none; }
.userprofile .right ul.recentActivity li { padding: 0px 0px 9px 34px; border-bottom: 1px solid #d7d7d7; font-size: 13px;
    margin: 0px 0px 9px 0px; text-align: left;}
.userprofile .right ul.recentActivity li span { display: block; color: Gray; font-size: 11px;}    
.userprofile .right ul.recentActivity li.comment { background: url(../Images/comment.gif) no-repeat 0px 18px; }
.userprofile .right ul.recentActivity li.article { background: url(../Images/pen.gif) no-repeat 0px 18px; }
.userprofile .right ul.recentActivity li.upload { background: url(../Images/sheet.gif) no-repeat 0px 18px; }
.userprofile .right ul.recentActivity li cite { display: block; }


/* ------------------------------------------------------------------------------------------------------------------------------------
      SEARCH RESULTS
------------------------------------------------------------------------------------------------------------------------------------ */
table.searchResults { width: 100%; }
table.searchResults td {margin: 0; padding: 2px 10px;}
table.searchResults tr.head td { padding: 0px 0px 3px 25px; border-bottom: 1px solid #944501; font-weight: bold; }
table.searchResults tr.head:hover { background-color: White; cursor: auto; }
table.searchResults tr:hover {background-color: #FEE3C5; cursor: pointer;}

/* ------------------------------------------------------------------------------------------------------------------------------------
      PROMO
------------------------------------------------------------------------------------------------------------------------------------ */
.promo { background-color: #FEE3C5; padding: 15px; margin-bottom: 10px;}
.promo .headline {  color:Black; font-size:16pt; font-variant:small-caps; font-weight:normal; line-height:20pt; text-align:left; text-transform:capitalize; margin-bottom: 10px;}