@import url("layout.css"); @charset "utf-8"; 

/* CSS Document */

* { margin: 0px; padding: 0px; outline: none; }
img { border-width: 0px; }
body { background: #abdbff url(../images/body_bg.jpg) fixed no-repeat 50% 50%; font: 12px/ 14px Arial, Helvetica, sans-serif; color: #366030; }
p,ol,ul,hr { margin-bottom: 14px; }
li { margin-bottom: 7px; margin-left: 24px; }
h1 { font-size: 18px; line-height: 22px; color: #366030; margin-bottom: 12px; text-transform: none; }
h2,h4 { font-size: 18px; line-height: 20px; color: black; margin-bottom: 12px; text-transform: uppercase; text-align: left; background-position: bottom center; background-repeat: repeat-x; }
h3 { font-size: 18px; line-height: 20px; color: white; text-transform: uppercase; }
h4 { text-transform: capitalize; }
hr { border: none; height: 2px; clear: both; }
a { color: #366030; }

/*** General Styles ***/

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* Special FX (Sometimes Javascript Assisted) */

.curve,.curve_top,.curve_btm { padding: 4px 10px 10px; margin-bottom: 10px; }

.curve_top h2,.curve_top h3,.curve_top h4 { padding: 4px 8px 6px; margin: -4px -10px 0px; border:0px; }

.curve_top h3 { padding-bottom: 0px; }

a.curve_top { margin-bottom: 0px; }

.gradient { display: block; line-height: 30px; height: 30px; overflow: hidden; padding: 0px 10px; margin: 0px -10px; color: white; text-decoration: none; background: url(../images/gradient1.png) repeat-x bottom center; }
a.gradient:hover { text-decoration:none; } 

* html .gradient { background-image: none; }
.drop_shadow { background: url(../images/shadow.png) no-repeat bottom left; position: absolute; height: 14px; }


div.drop_shadow { position: absolute; left: -8px; bottom: -4px; }

img.drop_shadow { width: 8px; right: -8px; bottom: 0px; background-position: bottom right; }

/* Colors */
.sandstone { background-color: #e7f3e4; color: #996a09; }
.sandstone a:hover,a.sandstone:hover { color: #996a09; }
.harvest { background-color: #996a09; color: white; }
.harvest a:hover,a.harvest:hover { color: #d9b771; }
.harvest h2,.harvest h3,.harvest h4 { background-image: url(../images/grad_2_harvest.png); color: black; }
.dbblue { background-color: #65a3bd; }
.dijon { background-color: #7d9977; color: #fff; }
.canvas { background-color: #e7f3e4; color: #366030; }
.canvas * { color: #366030; }
.dbgreen { background-color: #366030; color: white; }
.dbgreen a:hover,a.dbgreen:hover { color: #c5c17e; }
.dbgreen h2,.dbgreen h4 { background-image: url(../images/grad_2_green.png); color: black; }
.wintermint { background-color: #e7f3e4; }
.white { background-color: white; color: #366030; }
.white a:hover,a.white:hover { color: #d9b771; }
.beige2 { background-color: #D9E0B2; }
.off_white2 { background-color: #F3F0DE; }
.mint_green2 { background: #BAD4B4; }

* html #site h2 { background-image: none; }

/* IE6 */

/* Special Elements */
.tab { display: inline-block; text-transform: uppercase; text-decoration: none; font-weight: bold; padding-top: 10px; font-size: 14px; }
.tab:hover { text-decoration: underline; }
.current_tab:hover { text-decoration: none; cursor: default; }

.tabBlocks, .tabBlock, .tabsBlock, .otherTabs { min-height:80px; }

/* Horizontal Thumbnails (Home Page Videos & Members) */
.th_horizontal { display: inline-block; width: 108px; padding: 2px; margin: 4px 0px; color: white; font-weight: bold; text-decoration: none; }
.th_horizontal img { width: 108px; height: 65px; background-position: top center; background-repeat: no-repeat; overflow: hidden; margin-bottom: 2px; }
/* Vertical Thumbnails (Friends & Members) */
.th_vertical { display: inline-block; width: 55px; padding: 4px 10px; margin: 4px 5px; color: white; font-weight: bold; text-decoration: none; background: url(../images/gradient1.png) repeat-x bottom center; }
.th_vertical img,.thumb { width: 55px; height: 55px; background-position: top center; background-repeat: no-repeat; overflow: hidden; margin-bottom: 2px; }

/* Account Overview */
.social_box { margin: 0px -11px; }
.social_box a,.social_box span { display: inline-block; width: 100px; text-transform: uppercase; margin: 0px; height: 36px; line-height: 36px; font-weight: bold; cursor: pointer; }
.social_box span { background-position: 0% 45%; }

.inbox { background-image: url(../images/ico_mail.png); background-repeat: no-repeat; }
* html .inbox { background-image: url(../images/ico_mail.gif); }

.alerts { background-image: url(../images/ico_alert.png); background-repeat: no-repeat; }
* html .alerts { background-image: url(../images/ico_alert.gif); }

.friends { background-image: url(../images/ico_friends.png); background-repeat: no-repeat; }
* html .friends { background-image: url(../images/ico_friends.gif); }

.settings { background-image: url(../images/ico_settings.png); background-repeat: no-repeat; }
* html .settings { background-image: url(../images/ico_settings.gif); }

.profile { background: url(../images/ico_profile.png) no-repeat 20% 45%; font-weight: bold; display: block; text-transform: uppercase; }
* html .profile { background-image: url(../images/ico_profile.gif); }

/*** Page Overrides ***/

/* Home */
#home .intro { color: #5f4e43; padding: 0px 10px 10px; font-weight: bold; }
#home #site_mid_lft { width: 615px; }
#home #site_mid_rgt { width: 246px; }

/* My Page */
.wall_post { display: inline; float: right; width: 340px; padding: 10px 0px 20px; position: relative; min-height: 37px; }
.stats { font-size: 11px; position: absolute; bottom: 0px; left: 0px; }
.stats a { text-transform: uppercase; text-decoration: none; font-weight: bold; }
.profile_overview { text-transform: uppercase; color: #2b5126; margin-bottom: 20px; font-size: 12px; line-height: 14px; padding: 0 10px;}
.profile_overview h1 { margin-bottom: 0px; }
.profile_overview strong { text-transform: capitalize; color: #996a09; }
.thumb { 

/* Wall Avatars */
margin: 10px; background-position: center center; float: left; display: inline; }

/* Events */
.event_hdr { position: relative; left: -68px; width: 638px; margin: -4px 0px 0px; padding-bottom: 4px; z-index: 5; }
.event_hdr strong { text-transform: uppercase; margin-right: 8px; }
.event_hdr .btm_rgt { display: none; }
.event_detail strong { color: #996a09; }
#events .wall_post { width: 500px; }
#events .stats { color: #666666; }

/* Networks */
#networks .intro p { font-size: 13px; line-height: 16px; }
/*#networks .intro .top_lft,#networks .intro .btm_lft { display: none; }*/
table.userInfoTable { margin-bottom:30px; width:100%; margin-left:30px; }
table.userInfoTable tr td { font-size:14px; line-height: 14px; vertical-align:top; padding:4px 0; }
table.userInfoTable label { float:right; margin-right:10px;font-weight:bold; }

#networks .intro h1 {margin-top:10px;}

label.error { color:#f00; margin-left:5px; }

.standardFormTable { border: 0px solid #AAAAAA; color: #000000; background: #B2BB7E; border-collapse: collapse; margin: 0 auto; }
.standardFormTable .caption { color: #fff; font-size: 2em; font-weight:bold; border-bottom: 0px solid #AAAAAA; padding:10px; }
.standardFormTable .info {  }
.standardFormTable td { padding: 3px; }
.standardFormTable .submit { text-align:center; padding: 10px 0; }
.standardFormTable .label { color: #000000; height: 30px; width: 30%; text-align:right; font-weight:bold; padding-right: 15px; }
.standardFormTable .input { background:white; border:2px solid #D9B771; width:175px; height:14px; padding:4px; margin:4px 0px; color:#666666; }
.standardFormTable select{ background:white; border:2px solid #D9B771; padding:0px; margin:4px 0px; color:#666666; }

#login_form { background: #B2BB7E; padding: 0 10px 10px 10px; width:480px; margin: 0 auto; }
#login_form h2 { border:0; padding:10px 0 0 0; color:#ffffff; margin-bottom: 15px; }
#login_form input[type='text'],#login_form input[type='password'] { background:white; border:2px solid #D9B771; width:175px; height:14px; padding:4px; margin:4px 0px; color:#666666; }

#blogList, #blogBlock { background: #D9E0B2; }

#site_btm a { color: #FFF; text-decoration:underline; }



.groupBlock { clear:both; background: #e7f3e4; padding-top:10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
.groupAvatar { width: 125px; height: 200px; float: left; margin:0 10px 10px 10px; }
.groupDetails { margin-left: 150px; margin-right: 15px; margin-top:10px; }

#tabinfo p {margin-top: 10px; }

.more_posts {
	margin-top: 10px;
	font-weight:bold;
}

#group_wall_form textarea {
	margin: 5px 0 !important;
}

.portrait_box {
	padding-top:8px;
}

.events_box { background:#e7f3e4; padding: 5px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#event_container .right .curve_top { bottom:-23px; right:-10px; }