/***************************
*********** The Big Stuff */

div.specFriendsWindow {
	position: absolute;
	top: 120px;
}

div#wrapper {
}
div.wrap {
	width: 960px;
	margin: 0 auto;
}


/***************************
****************** Header */

div#header {
	height: 174px;
	position: relative;
}
div#header h1 { 
	display: block; 
	width: 330px;
	height: 45px;
 	text-indent: -999em; 
	float: left; 
	margin: 77px 0 0 0;
}
div#header h1 a { 
	display: block;
	width: 330px;
	height: 45px; 
}
div#header p {
	float: right;
	margin: 97px 0 0 0;
	width: 400px;
	display: block;
}
div#header p a {
	display: block;
	float: right;
	padding-right: 17px;
	padding-left: 17px;
	height: 40px;
}


/***************************
*************** SubHeader */

div#subheader {
	position: absolute;
	width: 100%;
	top: 0;
	height: 35px;
}
div#subheader ul {
	float: left;
	margin: 7px 0 0 8px;
}
div#subheader ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
div#subheader ul li {
	margin: 0 7px 0 0;
	background: url('/img/subheader.png') right top no-repeat;
}
div#subheader ul li a {
	display: block;
	float: left;
	padding: 2px 9px 0 0;
}
div#subheader ul li.alt {
	border-right: none;
	background: none;
}
div#subheader form {
	float: right;
}
div#search-header {
	margin: 6px 0 0 0;
}
div#search-header input {
	border: 1px solid #dbe2ba;
	height: 13px;
	padding: 4px 15px 4px 25px;
	width: 140px;
}
input#search-go {
	display: none;
}


/***************************
************** Navigation */



/***************************
****************** Extras */
.hide { 
	display: none; 
}
br.clear { 
	clear: both;
}



/***************************
****************** Teaser */

div#teaser div.content {
	width: 648px;
	height: 248px;
	float: left;
	border: 1px solid #c1c1c1;
	margin: 0 0 16px 0;
}
div#teaser h2 {
	margin-bottom: 10px;
}
div#teaser div.content div.post, div#teaser div.content div.question, div#teaser div.content div.answer, {
	margin: 30px 280px 0 40px;
}
div#teaser div.content p {
	margin-bottom: 10px;
}
div#teaser div.content div.post p.button a, div#teaser div.content div.question p.button a, div.content div.answer p.button a {
	display: block;
	width: 180px;
	height: 45px;
}



/***************************
******************* Login */

div#teaser div.specFriendsSidebar {
	float: right;
	border: 1px solid #c1c1c1;
	margin: 0 0 16px 0;
}

div#teaser div.sidebar {
	float: right;
	border: 1px solid #c1c1c1;
	width: 298px;
	height: 248px;
	margin: 0 0 16px 0;
}

div#teaser div.sidebar div.box, div#teaser div.specFriendsSidebar div.box {
	margin: 14px 24px;
}
div#teaser div.sidebar h3, div#teaser div.specFriendsSidebar h3 {
	white-space:nowrap;
	padding-bottom: 15px;
	margin-bottom: 13px;
	margin-top: 3px;
	background: url('/img/border.png') left bottom no-repeat;
}
div#teaser div.sidebar p, div#teaser div.specFriendsSidebar p {
	margin-bottom: 13px;
}
div#teaser div.sidebar input#login {
	display: block;
	text-indent: -999em;
	width: 58px;
	height: 28px;
	float: right;
	border: none;
	margin-top: -35px;
}
div#teaser div.sidebar form label {
	display: block;
	width: 50px;
	float: left;
	clear: left;
	margin-bottom: 14px;
}
div#teaser div.sidebar form label {
	display: block;
	width: 50px;
	float: left;
	clear: left;
	margin-bottom: 14px;
}
div#teaser div.sidebar form input, div#teaser div.sidebar form specFriendsSidebar {
	display: block;
	float: right;
	width: 175px;
	height: 16px;
	margin-bottom: 11px;
}
div#teaser div.sidebar form p, div#teaser div.specFriendsSidebar form p {
	clear: left;
}




/***************************
****************** Search */

body.index div#teaser div#search {
	clear: both;
	height: 80px;
	padding-top: 17px;
	padding-bottom: 17px;
	margin-bottom: 55px;
}
body.index div#teaser div#search div.box {
	margin: 0 14px 0 20px;
	height: 70px;
	position: relative;
}
body.index div#teaser div#search h3 {
	position: absolute;
	left: 0;
	top: 0;
}
body.index label#forsearch-item {
	display: none;
}
body.index div#teaser input#search-item {
	width: 442px;
	height: 31px;
	position: absolute;
	left: 270px;
	top: -5px;
}
body.index select#category-select {
	position: absolute;
	left: 730px;
	top: 7px;
	width: 100px;
/*	height: 45px;
	display: block; */
	border: none; 
}
body.index div#teaser h4 {
	position: absolute;
	left: 0;
	top: 28px;
	padding-left: 13px;
}
body.index div#message-options {
	position: absolute;
	left: -23px;
	top: 51px;
	width: 968px;
	height: 50px;
}
body.index div#message-options input {
	margin: 18px 10px 0 40px;
	float: left;
}
body.index div#message-options label {
	float: left;
	margin: 19px 0 0 0;
	padding-right: 13px;
	margin-right: -28px;
	line-height: 1em;
	border-right: 1px solid #a5c7d3;
}
body.index div#message-options h5 {
	float: left;
	display: block;
	margin: 17px 0 0 40px;
}
body.index div#message-options select {
	float: left;
	width: 163px;
	margin: 15px 13px 0 10px;
}
body.index div#message-options label#label-specific-friends {
	border-right: none;
	margin-top: 18px;
	padding-left: 13px;
	width: 130px;
	border-left: 1px solid #a5c7d3;
}
body.index div#message-options input#specific-friends {
	float: left;
	margin-top: 14px;
	margin-left: 0;
}
body.index div#message-options p.button a {
	float: left;
	display: block;
	height: 23px;
	width: 110px;
	margin: 11px 0 0 0;
}

body.profile div#message-options input.checkbox {
	margin-right: 4px;
}

body.profile div#message-options p.button a {
	float: left;
	display: block;
	height: 20px;
	width: 90px;
	margin: 8px 20px 0 0;
	text-decoration: none;
}

body.index input#search-submit {
	position: absolute;
	right: 0;
	top: -4px;
	display: block;
	border: none;
	width: 85px;
	height: 39px;
}




/***************************
***************** Content */

div#container div.content {
	width: 300px;
	float: left;
	margin: 0 27px 18px 0;
	border: 1px solid #d3d3d3;
}
div#container div.last {
	margin-right: 0;
}
div#container div.content .post, div#container div.content .answer {
	margin: 0 10px -3px 15px;
	clear: both;
	float: left;
}
div#container div.content .question {
	margin: 0 0 -3px 0;
	clear: both;
	float: left;
}
div#container div.content .post ul, div#container div.content .question ul, div#container div.content .answer ul {
	float: right;
}
body.index div.content .post ul, body.index div.content .question ul, body.index div.content .answer ul {
	position: relative;
	right: -10px;
}
body.overview div.content .post ul, body.overview div.content .question ul, body.overview div.content .answer ul  {
	right: -13px;
	position: relative;
}
div#container div.content .post ul li, div#container div.content .question ul li, body.overview div.content .answer ul {
	display: block;
	width: 16px;
	padding: 3px 0;
	margin-bottom: 1px;
}
div#container div.content h3 {
	margin: 15px 15px 15px 15px;
	padding: 0 0 10px 0;
	position: relative;
	background: url("/img/border.png") left bottom no-repeat;
}
div#container div.content h3 a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
div#container div.content .post img, div#container div.content .question img, body.overview div.content .answer ul  {
	float: left;
	margin: 0 12px 0 0;
	border: 1px solid #dddddd;
}
div#container div.content .post p, div#container div.content .question p, div#container div.content .answer p {
	width: 179px;
	float: left;
	margin-bottom: 0;
}

.answer form button {
	float: right; 
	padding: 8px 16px; border: 0; 
	background-color: #087ba1; color: #fff;
	font-weight: bold; font-size: 16px;
}

body.index .screen { width: 320px; padding: 30px 0 0 40px; }

/***************************
*********** Overview Page */

body.overview div#container div.content {
	height: 318px;
}
body.overview div#container div.content div.post, body.overview div#container div.content div.question, div#container div.content .answer p {
	margin-bottom: -6px;
	position: relative;
	padding-left: 60px;
}

body.overview div#container div.content div.post img, body.overview div#container div.content div.question img, body.overview div#container div.content div.answer img {
	position: absolute;
	margin-top: 0;
	left: 0;
	top: 0;
}
body.overview div#header p {
/*	margin-right: 18px; */
}
body.overview div#subheader form {
/*	margin-right: 18px; */
}
body.votes-off div#container div.content div.post ul li, body.votes-off div#container div.content div.question ul li, body.votes-off div#container div.content div.answer ul li {
	display: none;
}
body.votes-off div#container div.content div.post, body.votes-off div#container div.content div.question, body.votes-off div#container div.content div.answer  {
}



/***************************
********** Categories Box */

body div#container div#categories {
	position: relative;
	padding-bottom: 0;
}
body div#container div#categories h3 {
	margin-bottom: 0;
	padding-bottom: 10px;
}
body div#container div#categories ul {
	position: absolute;
	right: 15px;
	top: 21px;
}
body div#container div#categories ul#friends-list {
	position: relative;
	right: 0px;
	top: 0px;
}
body div#container div#categories ul li {
	display: block;
	float: left;
	padding: 0 6px 0 6px;
	border-right: 1px solid #7d7d7d;
}
body div#container div#categories ul#friends-list li {
	display: block;
	float: left;
	padding: 0 6px 0 6px;
	border-right: none;
}
body div#container div#categories ul li.alt {
	border-right: none;
	background: none;
	color:#a4a4a4;
}
dl {
	margin: 0 15px 15px 15px;
}
dl dt {
	float: left;
	clear: left;
}
dl dd {
	float: right;
	clear: right;
}

div#container div#categories dl dt {
	width: 210px;
}
div#container div#categories dl dd {
	width: 48px;
}


/***************************
************ Single Pages */

body.single div#container div.wrap div.content {
	width: 640px;
	border: 1px solid #d3d3d3;
	margin: 0;
	margin-bottom: 25px;
}
body.single div#container div.wrap div.sidebar {
	float: right;
	width: 300px;
	padding-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #d3d3d3;
}
body.single div#container div.sidebar div.box {
	margin: 0 15px 15px 15px;
	clear: both;
}
body.single div#container div.wrap div.sidebar h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
body.single div#container div#categories dl {
	margin-left: 0;
}
body.single div#container div#categories dl dt {
	width: 195px;
}
body.single div#container div#categories dl dd {
	width: 48px;
}

body.single .post .wrap, body.single .question .wrap, body.single .answer .wrap {
	width: auto;
}
body.single div#container div.wrap div.content .post p, 
body.single div#container div.wrap div.content .question p, 
body.single div#container div.wrap div.content .answer p {
	width: 475px; float: left; 
}

body.single div#container div.wrap div.content .post, body.single div#container div.wrap div.content .answer {
	float: left; overflow: hidden;
	position: relative;
	padding-top: 20px;
	padding-bottom: 24px;
	width: 590px;
	margin-bottom: 4px;
}

body.single div#container div.wrap div.content .question {
	float: left;
	position: relative;
	padding: 20px 10px 24px 26px;
	margin-bottom: 0px;
	width: 605px;
}

body.single div#container div.wrap div.content .post ul, 
body.single div#container div.wrap div.content .answer ul  {
	position: absolute; float: none;
	right: 0px; top: 6px;
}

body.single div#container div.wrap div.content .question ul  {
	position: absolute; float: none;
	right: 26px; top: 6px;
}

body.single div#container div.wrap div.content .post ul li, 
body.single div#container div.wrap div.content .question ul li {
	width: 32px;
	font-size: 16px !important;
	line-height: 2.2em !important;
}

body.single div#container div.wrap div.content .post p.favorite {
	display: block;
	position: absolute;
	right: 43px;
	bottom: 10px;
	width: 17px;
	height: 16px;
	text-indent: -999em;
}

body.single div#container div.wrap div.content .question p.favorite {
	position: absolute; display: block;
	right: 68px; bottom: 10px;
	width: 17px; height: 16px;
	text-indent: -999em;
}

ul.votes li.up, ul.votes li.down {
	cursor: pointer;
}

/***************************
****** Statistics Sidebar */

div#statistics div.box {
}
div#statistics dl {
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 25px;
}
div#statistics dl.alt {
	float: right;
	margin-right: 0;
	width: 108px;
}
div#statistics dt {
	width: 85px;
	text-align: right;
}
div#statistics dl.alt dt {
	width: 80px;
}


/***************************
********** Profile Search */

body.profile div#container div.wrap div#search-wrapper {
	padding-top: 0;
	background: none;
	border: none;
	width: 299px;
	position: relative;
}
body.profile div#container div.wrap div#search-wrapper div.box {
	padding-top: 15px;
	padding-bottom: 96px;
}
body.profile div#container div.wrap div#search-wrapper h3 {
	background: none;
}
body.profile div#search-wrapper label#forsearch-item {
	display: none;
}
body.profile div#search-wrapper textarea#search-item {
	width: 250px;
	height: 80px;
	margin-bottom: 60px;
	padding: 5px;
}
body.profile div#message-options {
	background: url('/img/profileoptions.png') left top no-repeat;
	width: 299px;
	height: 96px;
	position: absolute;
	left: -15px;
	bottom: 0;
	font-size: 0.9em;
}
body.profile input#search-submit {
	position: absolute;
	right: 5px;
	top: 168px;
	border: none;
	display: block;
	width: 90px;
	height: 39px;
}
div#search-wrapper {
	position: relative;
	background-color: #087ba1;
}
body.profile div#search {
	width: 100%;
}
body.profile div#search h4 {
	position: absolute;
	left: 0;
	width: 50px;
	top: 168px;
	padding-left: 0;
	padding-bottom: 25px;
}
body.profile select#category-select {
	position: absolute;
	left: 60px;
	top: 168px;
	width: 105px;
	height: 39px;
	display: block;
	border: none;
}
body.profile div#message-options input {
	margin: 12px 8px 0 20px;
	float: left;
}
body.profile label#anonymous {
	padding-right: 12px;
	margin-right: -12px;
	border-right: 1px solid #087ba1;
}
body.profile div#message-options label.checkbox {
	display: block;
	float: left;
	margin: 14px -8px 0 0;
	line-height: 0.9em;
}
body.profile p#viewallfriends {
	position: absolute;
	right: 20px;
	top: 9px;
	font-size: 0.8em;
}
body.profile p#viewallfriends a {
	display: block;
	padding: 0 4px;
}
body.profile div#message-options h5 {
	position: absolute;
	left: 20px;
	top: 38px;
}
body.profile div#message-options select {
	position: absolute;
	right: 20px;
	top: 35px;
	width: 153px;
}
body.profile label#label-specific-friends {
	position: absolute;
	left: 20px;
	bottom: 10px;
}
body.profile input#specific-friends {
	position: absolute;
	right: 14px;
	width: 145px;
	bottom: 10px;
}


/***************************
********* Profile Sidebar */

body.profile div.sidebar div.box {
	position: relative;
}
body.profile div.sidebar h3 {
	position: relative;
}
body.profile div.sidebar h3 span {
	display: block;
	position: absolute;
	top: -4px;
	right: 0;
}
body.profile div#welcome h3 a {
	padding: 4px 8px;
}
div#welcome img {
	border: 1px solid #dddddd;
	float: left;
	margin: 5px 15px 15px 0;
}
div#welcome p {
	margin: 15px 0 -10px 0;
}
body.profile div#wrapper div#friends ul.nav {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
body.profile div#wrapper div.sidebar ul.nav li {
	display: block;
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
	width: auto;
	line-height: 1.8em;
}
body.profile div.sidebar ul.nav li a {
	display: block;
	padding: 1px 4px;
}

div#friends div.box {
}
div#friends ul#friends-list {
	margin-bottom: 0;
	float: left;
	width: 280px;
}
div#friends ul.allfriends#friends-list {
	margin-bottom: 0;
	float: left;
	width: 100%;
}
div#friends ul li {
	padding: 0;
	margin: 0 0 8px 0;
	display: block;
	float: left;
	width: 46px;
}
div#friends ul#friends-list li {
	padding: 0;
	margin: 0 0 8px 0;
	display: block;
	float: left;
	width: 46px;
}
div#friends img {
	float: left;
	border: 1px solid #dddddd;
}
div#friends ul li.endofrow {
/*	width: 36px;*/
}




/***************************
**** Single Page Switcher */

div#picker {
	position: relative;
	margin: 15px 15px 0 15px;
}
div#picker ul {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
}
div#picker li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
div#picker li a {
	display: block;
	float: left;
	padding: 0 10px 0 10px;
}
div#picker li#subscribe a {
	position: absolute;
	right: 0;
	padding-left: 24px;
	top: 0;
}

div#sort {
	clear: left;
	margin: 0 15px 10px 15px;
	float: left;
	width: 600px;
	height: 40px;
}
body div#container div.wrap div.content div#sort h3 {
	float: left;
	margin: 12px 0 0 10px;
	padding: 0;
}
div#sort ul {
	float: right;
	display: block;
	margin: 15px 10px 0 0;
}
div#sort ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
div#sort ul li.alt a {
	display: block;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0 14px;
	margin: 0 14px;
}
div#sort ul li#bygroup {
	margin-top: -4px;
	margin-left: 10px;
	padding-left: 23px;
}
li#bygroup select {
	width: 155px;
}


/***************************
****************** Footer */

div#footer {
	clear: both;
	height: 80px;
}
div#footer span.sep {
	display: none;
}
div#footer p {
	float: left;
	margin: 25px 6px 22px 0;
	line-height: 0.9em;
	display: block;
	border-right: 1px solid #5fb3cd;
	padding: 0 5px 0 0;
}
div#footer ul {
	margin: 25px 0 0 0;
	float: left;
}
div#footer ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	line-height: 0.9em;
}
div#footer ul li.alt {
	padding: 0 8px 0 8px;
	margin: 0 10px;
	border-left: 1px solid #5fb3cd;
	border-right: 1px solid #5fb3cd;
}
div#footer ul li a {
	display: block;
	float: left;
}
div#footer p#credit {
	float: right;
	margin: 22px 0 0 0;
	border: none;
	padding: 0;
}


select.replaced, div#category-select-wrap select.replaced {
  display: none;
}
div#message-options select.replaced, li#bygroup select.replaced {
	display: block;
}	
div#message-options ul.selectReplacement, li#bygroup ul.selectReplacement {
	display: none;
}
div#category-select-wrap ul.selectReplacement {
	width: 100px;
	position: absolute;
	right: 96px;
	top: -4px;
	height: auto;
	background: #fff url('/img/categroy-select-bg.png') right top no-repeat;
	cursor: pointer;
}
body.profile div#category-select-wrap ul.selectReplacement {
	top: 168px;
	right: 107px;
}

ul.selectReplacement {
	margin: 0;
	padding: 0;
	height: 1.65em;
	z-index: 9999;
}

ul.selectReplacement li {
	display: none;
	font-size: 1.4em;
	margin-right: 0;
	padding: 10px 0 10px 6px;
}
ul.selectReplacement li.selected {
/*  background: url('/img/categroy-select-bg.png') right top no-repeat; */
	cursor: pointer;
	list-style: none;
	margin-right: 16px;
	font-size: 1.4em;
}
ul.selectReplacement li {
	padding: none;
	color: #353535;
}
ul.selectReplacement li:hover {
	background: #e5f6fd;
	color: #353535;
}

ul.selectOpen li:hover {
	background: #e5f6fd;
	color: #353535;
}

ul.selectOpen li, ul.selectReplacement li.selected, 
ul.selectOpen li.selected,
/* ul.selectReplacement:hover li, */
ul.selectReplacement:hover li.selected {
	display: block;
}

ul.selectReplacement li:hover,
ul.selectReplacement li.selectOpen,
ul.selectReplacement li.selected:hover {
	cursor: pointer;
}








/******************************************************/
div.signup form label {
	clear:left;
	display:block;
	float:left;
/*	margin-bottom:14px;*/
	width:140px;
}

div.signup input#signup {
	border:medium none;
	display:block;
/*	float:right;*/
	height:28px;
/*	margin-top:-35px;*/
/*	text-indent:-999em;*/
	width:58px;
	background-color:#BBBBBB;
	color: white;
}




a#upload_link, a#updateAccount, a#save_thumb, a#specFriendsOK {
	text-decoration:none;
	text-align:center;
	background-color:#7BC5DC;
	color:#FFFFFF !important;
	padding:1px 4px;
}