/****** GIVE TAKE DONATE *****/
.reg-btn a,
.skills-btn a,
.giver-more-btn a,
.taker-more-btn a {
	text-decoration: none
}

.give-blue { color: #1d439b}
.take-pink {color: #ec008c}
.bold {font-weight:bold}

#content_wrapper {
	background-color: #e5e7f4;
	margin-left: auto;
	margin-right: auto;
	width:800px;
}

#home-intro {
	color: #383838;
	float: left;
	font-size: 1.2em;
	line-height: 1.1;
	margin: 0;
	padding: 5px 10px;
}



#home-intro h1 {
	color: #1d439b;
	font-size: 1.7em;
	margin-bottom: 8px;
	text-align: center;
}

#home-intro h2 {
	color: #1d439b;
	font-size: 1.2em;
	margin-bottom: 8px;
	text-align: center;
	font-weight: bold
}

#home-intro .intro-box {
	float: left;
	margin-left: 18px;
	width: 370px;
}

#home-intro .intro-center {
	width: 780px;
    margin: 0 auto;
    text-align: center;
}

#home-intro p
{
    margin: 0 0 10px 0;
}

/****************************/
#main-panel {
	clear: both;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 352px;
	position: relative
}

#main-panel .main-image {
	background: url(../images/home_football.jpg) no-repeat 0% 0%;
	height: 352px;
	float: left;
	text-align: center;
	width: 233px;	
}

#main-panel .main-image .main-register {
	background: transparent url(../images/1px_transparency.png) repeat-x bottom left;
	bottom: 0;
	height: 44px;
	position: absolute;
	width: 233px;
}



#main-panel .main-image .main-register p {
	color: #383838;
	float: left;
	font-size: 1.2em;
	margin:15px 0 0 25px;
width:84px;
}



#main-panel .main-image .main-register .reg_btn {
	margin-top: 10px
}

#main-panel .give-bt {
	background: url(../images/corner_blue_top.gif) no-repeat top left;
	width: 7px;
	height: 7px;
	float: left;
}

#main-panel .give-bb {
	background: url(../images/corner_blue_bottom.gif) no-repeat bottom left;
	bottom:0;
	clear: both;
	position:absolute;
	width: 7px;
	height: 7px;
}

#main-panel .give-panel {
	background-color: #3cb2d3;
	background: #3cb2d3 url(../images/give.gif) no-repeat 90% 3%;
	float: left;
	margin: 0;
	padding: 0;
	width: 284px;
	height:352px;
}

#main-panel .desc {
	font-size: 1.2em;
	line-height: 1.1;
	margin-top: 60px;
	padding: 0px 10px 15px 20px;
	width: 235px;
}

#main-panel .give-panel .giver-arrow {
	background: #279dbe url(../images/blue_arrow_large.gif) no-repeat 0% 0%;
	height: 54px;
	margin-left: 10px;
	margin-bottom: 10px
}

#main-panel .give-panel .giver-arrow p {
	font-size: 1.5em;
	padding: 10px 15px 10px 0px;
	text-align: right;
}

#main-panel .give-panel .volunteer-options {
	text-align: right;
}

#main-panel .give-panel .volunteer-options p {
	font-size: 1.2em;
	padding: 5px 15px 10px 0px;
}



#main-panel .give-panel .volunteer-options select,
#main-panel .take-panel .volunteer-options select {
	color: #555555;
	font-size: 1.1em;
	height: 23px;	
	margin-top: 4px;
	margin-left: 10px;
	width: 175px;
}



#main-panel .give-panel .field-bg input, 
#main-panel .take-panel .field-bg input {
	color: #555555;
	font-size: 1.1em;
	margin-top: 4px;
	margin-left: 2px;
	padding-top: 1px;
	height: 16px;
	width: 171px
}

#main-panel .give-panel .volunteer-options .field-bg {
	background: #279dbe url(../images/blue_corner.gif) no-repeat 0% 0%;
	height: 30px;
	font-size: 1.2em;
	float: right;
	margin-top: 2px;
	padding-right: 10px;
	width: 235px;
}

#main-panel .give-panel .skills_btn,
#main-panel .take-panel .skills_btn {
	color: #FFFFFF;
	float: right;
	font-weight: bold;
	margin: 12px 21px 7px 0px;
	height: auto;
	width: auto;
}

#main-panel .take-panel .volunteer-options .skills_btn {
	margin-right: 62px;
}

#main-panel .give-panel .skills_btn .submithack_give input {
	background-color: #3CB2D3;
	padding-left:5px;
}

#main-panel .take-panel .skills_btn .submithack_take input {
	background-color: #EC008C;
}

#main-panel .take-bt {
	background: url(../images/corner_red_top.gif) no-repeat top right;
	width: 7px;
	height: 7px;
	float: right;
}

#main-panel .take-bb {
	background: url(../images/corner_red_bottom.gif) no-repeat bottom right;
	bottom:0;
	position:absolute;
	right:0;
	height: 7px;
	width: 7px;
	/*clear: both;
	float: right;*/
}

#main-panel .take-panel {
	background-color: #ec008c;
	background: #ec008c url(../images/take.gif) no-repeat 10% 3%;
	float: right;
	margin: 0;
	padding: 0;
	width: 283px;
	height: 352px;
}

#main-panel .take-panel .taker-arrow {
	background: #ce0371 url(../images/pink_arrow_large.gif) no-repeat right top;
	height: 54px;
	margin-right: 10px;
	margin-bottom: 10px
}

#main-panel .take-panel .taker-arrow p {
	font-size:1.5em;
letter-spacing:-0.2px;
padding:10px 0 10px 15px;
text-align:left;
}

#main-panel .take-panel .volunteer-options {
	text-align: left;
}

#main-panel .take-panel .volunteer-options p {
	font-size: 1.2em;
	padding: 5px 10px 10px 15px;
}

#main-panel .take-panel .volunteer-options .field-bg {
	background: #ce0371 url(../images/pink_corner.gif) no-repeat right top;
	height: 30px;
	font-size: 1.2em;
	margin-top: 2px;
	padding-left: 15px;
	width: 235px;
}

.field-bg .group {
	color:#555555;
	font-weight:bold
}

/***************************************/
#bottom-panel {
	margin: 25px 0px 25px 33px;
	padding: 0;
}

.top-rated-col,
.middle-col,
.subscribe-col,
.recent-takers-col,
.browse-col {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	width: 233px
} 



.top-rated-col .box-heading h2 {
	background:#30a6c7 url(../images/header_left.png) repeat-x;
	padding:7px 20px 0 12px;
	color:#fff;
	position:relative;
	height:22px;
	font-size:1.4em;
	font-weight: bold;
}

.top-rated-col .box-heading h2 span {
	background:url(../images/header_right.png) no-repeat top right;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:5px;
	height:29px;
}

.subscribe-col .box-heading h2 {
	background:#254ba3 url(../images/header_left.png) repeat-x;
	padding:7px 10px 0 12px;
	color:#fff;
	position:relative;
	height:22px;
	font-size:1.4em;
	font-weight: bold;
}

.subscribe-col .box-heading h2 span {
	background:url(../images/header_right.png) no-repeat top right;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:5px;
	height:29px;
}

.browse-col .box-heading h2 {
	background:#254ba3 url(../images/header_left.png) repeat-x;
	padding:7px 20px 0 12px;
	color:#fff;
	position:relative;
	height:22px;
	font-size:1.4em;
	font-weight: bold;
}

.browse-col .box-heading h2 span {
	background:url(../images/header_right.png) no-repeat top right;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:5px;
	height:29px;
}

.recent-takers-col .box-heading h2 {
	background:#ec008c url(../images/header_left.png) repeat-x;
	padding:7px 20px 0 12px;
	color:#fff;
	position:relative;
	height:22px;
	font-size:1.4em;
	font-weight: bold;
}

.recent-takers-col .box-heading h2 span {
	background:url(../images/header_right.png) no-repeat top right;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:5px;
	height:29px;
}

.box-bottom {
	background:url(../images/box_bb.gif) no-repeat top left;
	float: left;
	height: 7px;
	width:233px;
}

#bottom-panel .box {
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
	color: #6a676a;
	float: left;
	padding: 10px;
	width: 211px;
}

#bottom-panel .top-rated-col .box,
#bottom-panel .recent-takers-col .box {
	background: #fff url(../images/border_top_shadow.gif) no-repeat top center;
}


#bottom-panel .subscribe-box {
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
	color: #6a676a;
	float: left;
	padding: 8px 5px 5px;
	width: 221px;
}

.subscribe-box .email-input {
	color: #5f5f5f;
	width: 130px;
	font-size: 1.1em
}



#bottom-panel .box .giver-info,
#bottom-panel .box .taker-info {
	float: left;
	clear: both;
	padding: 10px 0px;
}



#bottom-panel .giver-info .details-wrapper,
#bottom-panel .taker-info .details-wrapper {
	display: inline;
	float: left;
	width: 147px;
}


#bottom-panel .give-user-pic {
	
	float: left;
	height: 50px;
	margin-right: 10px;
	width: 50px
}

#bottom-panel .take-user-pic {
	
	float: left;
	height: 50px;
	margin-right: 10px;
	width: 50px
}

#bottom-panel .user-name {
	font-size: 1.2em;
	margin-top: 4px;
}

#bottom-panel .tags {
	font-size: 1.1em;
	margin-top: 4px;
}

#bottom-panel .ratings {
	margin-top: 6px
}

#bottom-panel .giver-info a, 
#bottom-panel .giver-info a:visited {
	color: #30a6c7;
}

#bottom-panel .giver-info a:hover,
#bottom-panel .taker-info a:hover,
#bottom-panel .browse-col a:hover {
	text-decoration: underline;
}

#bottom-panel .taker-info a, 
#bottom-panel .taker-info a:visited {
	color: #ec008c;
}

#bottom-panel .browse-col a {
	color: #3d3938;
	line-height: 1.3em;
}

#bottom-panel .browse-cat-tags {
	font-size: 174%
}

#bottom-panel .giver-more-btn, 
#bottom-panel .taker-more-btn {
	float: left;
	clear:both;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 10px;
}



.register-btn {
	margin-right:10px;
margin-top:16px;
}

/*svn test*/