/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* blue #0088cc, red #ff6666
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	font-style: none;
	color: #2b2b2b;
	background: #f1f1f1;
	
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #0088cc;}
a:visited { text-decoration: none; color: #ff6666; }
a:hover {
	text-decoration: none;
	background-color:#ffff44;
	color:#000000;
}
a:active { 
	text-decoration: none; 
	color:#FFF000;
}

a img {
	border: none;
	background: transparent;
}

#menu {
	width: 226px;
	overflow: none;
	position: fixed;
	left: 1px;
	top: 0px;
	height: 900px;
	background-color: none;
	padding-top: none;
	padding-left: none;

}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 0 0 0 227px;
    top: 0;

}

.container {
    padding: 0px 15px 25px 15px;

}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; color: #aaa; }
h2 { font-size: 24px; color: #707070; }
h3 { font-size: 16px; color: #555; }
h4 { font-size: 12px; color: #707070; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }
#img-container span.backgrounded a,
#img-container a.thickbox, 
#img-container a.thumb-img, 
#img-container #d-col1 a { background: transparent; }

#once { clear: left; }

form input { margin-bottom: 0px; padding: 2px; font-size: 16px; font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #51555b; }
form button { margin-bottom: 0px; padding: 2px; font-size: 16px; font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #51555b; }

form legend { font-size: 22px; }
form label { font-weight: bold; padding: 5px 1px 2px 2px; }
form p.error {
	margin: 0; background: #fdb5b5; -webkit-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
	border-left: 2px solid #cd4646; border-right: 2px solid #cd4646; border-bottom: 2px solid #cd4646; border-top: 2px solid #cd4646; text-transform: lowercase; font-size: 13px; font-weight: bold;
	display: none; margin: 0 0 5px 0; padding: 4px; width: 200px; }
form p.confirm {
	margin: 0; color: #282828; background: #CDC9C9; -webkit-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
	border-left: 2px solid #EEE9E9; border-right: 2px solid #EEE9E9; border-bottom: 2px solid #EEE9E9; border-top: 2px solid #EEE9E9; text-transform: lowercase; font-size: 13px; font-weight: bold;
	display: none; margin: 0 0 5px 0; padding: 4px; width: 200px; }



form fieldset { -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0px solid #dfe6ee; padding: 10px 15px; width: 500px}
form fieldset legend { font-size: 22px; }
form fieldset input { margin-bottom: 4px; padding: 3px; font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #51555b; }
form fieldset label { font-weight: bold; padding: 0 0 0 15px; }
form fieldset p.error {
	margin: 0; background: #fdb5b5; -webkit-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
	border-left: 2px solid #cd4646; border-right: 2px solid #cd4646; border-bottom: 2px solid #cd4646; border-top: 2px solid #cd4646; text-transform: lowercase; font-size: 13px; font-weight: bold;
	display: none; margin: 0 0 5px 0; padding: 4px; width: 200px; }
#error {
	margin: 0; background: #fdb5b5; -webkit-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
	border-left: 2px solid #cd4646; border-right: 2px solid #cd4646; border-bottom: 2px solid #cd4646; border-top: 2px solid #cd4646; text-transform: lowercase; font-size: 13px; font-weight: bold;
	 margin: 0 0 5px 0; padding: 4px; width: 200px; }


#wrap {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	float:left;

	}

#sidebar {
	position: relative;
	float: left;
	width: 163px;
	padding-top: 25px;

	}

.sidebar_pod {
	float: left;
	width: 100%;
	width: 131px;
	padding: 12px 16px 0 16px;
	background: #EEEED8;

	}

.sidebar_list
 {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 18px;

}

.sidebar_pod h4 {
	margin-bottom: 7px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #333;
	}

.sidebar_list ul {
	margin: 0 -8px;
	}

.sidebar_list li {
	position: relative;
	float: left;
	display: block;
	width: 131px;
	padding: 0 8px;
	margin-bottom: 1px;
	}
#main_header_content {
	float: left;
	width:100%;
	padding: 0px 0px 0px 30px;


	}
#main_header_content .header_thumbnail {

	display: inline;
	margin-top: 10px;


	}




#profile_bio {
	float: left;
	margin: 0px 10px 10px 30px;
	overflow: hidden;
	clear: both;
	display: inline;
	width: 590px;

	}

#profile_bio p  {
	font-size: 16px;

	}

hr {
	border: 0;
	background-color: #eee;
	height: 1px;
}


p {
padding: 0 0 1em;
}
.msg_list {
margin: 0px;
padding: 0px;
width: 500px;
}
.msg_head {

padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#eee;
margin:1px;
font-weight: bold;
border-bottom-style: dashed; 
border-width: 1px;
border-bottom-color: #ddd;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;


}


/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
/* form, #add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; } */
form ol li { list-style-type: none; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 450px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 450px; }
form ul { margin: 0 !important }
#facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

#facebook-auto { display: none; position: absolute; width: 512px; background: #eee; }
#facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
#facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
#facebook-auto ul li.auto-focus em { background: none; }

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 100px; padding: 2px; }
#button_container { margin-left: 70px; margin-bottom: 30px;}
.hidden { display:none;}

.msg_head span{
color: #166;


}

.msg_head span:hover {

color: #611;
text-decoration: underline;

}



table {
  border-collapse: collapse;
width: 590px;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;

  }
caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
thead, tfoot {
background: #CDCDC1;
text-align:left;
height:30px;

}
thead th, tfoot th {
padding:5px;
text-align: center;
}
table a {
color: #333333;
text-decoration:none;
}
table a:hover {
text-decoration:underline;
}
tr.odd {
background: #f1f1f1;
}
tbody th, tbody td {
padding:5px;
text-align: left;
}



#tee_image {
	clear: both;
	position: relative;
	float: left;

	padding: 0;
	border: 5px solid #F5FFFA;

	}


#myprofile {
	  text-align: right;
	  font: bold 16px arial, helvetica, sans-serif;
	  background: transparent;
	  padding:6px 4px 8px 0px;
	  color: #8B5742;
	  text-transform: lowercase;

	}
.myname { color: #68838B; }


div#loginback {

background-image:url('/login/loginback.png');
background-repeat: no-repeat;
padding: 0px 40px 100px 30px;

}


.commentRatingButton img
{
    cursor: pointer;
	vertical-align: middle;

}


.commentRatingButton span
{
	color: #555;
	font-weight: bold;

}

.commentRatingButton
{
	float: left;

}

.buttonArea
{
	float: left;
	width: 400px;
	padding: 0;
	color: #888;
    font-size: 0.9em;
	letter-spacing: 1px;
}


.avatararea
{
	float: left;

}

.contentarea
{
	float: left;
	padding:0px 8px 2px 8px;
	width: 320px;

}


.commentArea
{
	float: bottom;
	width: 400px;
	padding: 0;
	color: #888;
    font-size: 0.9em;
}

.commentArea form textarea { 

    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 390px;
	overflow:auto;
}
.commentArea form button { float: right; border: 1px solid #888; margin-bottom: 0px; padding: 2px; font-size: 9px; font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #51555b; }

.commentArea form input { 

    font-family: Arial, Sans-Serif;
    font-size: 10px;
    border:  0px;
	background: #f1f1f1;
	width: 20px;
}

.wall_list {

    position: relative;
	float: left;
	display: block;
	width: 390px;
	padding:6px 4px 8px 4px;
	margin-bottom: 2px;
	background-color: #ECF1EF; 
}

.count {
	color: #22d;
	font-weight: bold;
}