/* © xHtml Master 2007 */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	padding-top:10px;
}

p, form, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

button {
	cursor:pointer;
	margin:0;
	padding:0;
	overflow:visible;
}
img {
	border:solid 0;
}

.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
	height:1px;
	display:block;
}

#container {
	width:652px;
	margin:0 auto;
	text-align:left;
}

#header {
	position:relative;
	z-index:2;
	height:50px;
}
#header h1 {
	position:absolute;
	width:218px;
	bottom:-20px;
	left:20px;
}
#header h1 a {
	display:block;
	background:url(/images/SnapYap.gif) no-repeat;
	width:218px;
	height:66px;
	text-decoration:none;
}
#header h1 span {
	font-size:1px;
	visibility:hidden;
}

#header div {
	padding-right:5px;
	padding-top:14px;
	text-align:right;	
}
#header div.div {
	padding-right:10px;
	padding-top:25px;
}
#header div button {
	margin-left:18px;
	background:none;
	border:solid 0;
	position:relative;
	bottom:-4px;
}
#header div a {
	color:#990000;
	text-decoration:underline;
}
#header div a:hover {
	text-decoration:none;
}



#header_simple {
	position:relative;
	z-index:2;
}

#header_simple div {
	padding-right:5px;
	padding-top:0px;
	text-align:right;	
}
#header_simple div.div {
	padding-right:10px;
	padding-top:0px;
}
#header_simple div button {
	margin-left:18px;
	background:none;
	border:solid 0;
	position:relative;
	bottom:-4px;
}
#header_simple div a {
	color:#990000;
	text-decoration:underline;
}
#header_simple div a:hover {
	text-decoration:none;
}



#header2 {
	background:url(/images/SnapYap-big.gif) no-repeat;
	height:99px;
	width:652px;
}
#header2 h1 {
	width:218px;
	padding-left:12px;
}
#header2 h1 a {
	display:block;
	width:218px;
	height:66px;
	float:left;
	text-decoration:none;
}
#header2 h1 span {
	font-size:1px;
	visibility:hidden;
}
#header2 div {
	padding-right:5px;
	text-align:right;	
}
#header2 div button {
	margin-left:18px;
	background:none;
	border:solid 0;
	position:relative;
	bottom:-4px;
}
#header2 div a {
	color:#990000;
	text-decoration:underline;
}
#header2 div a:hover {
	text-decoration:none;
}

#content {
	padding-top:2px;
	padding-bottom:2px;
	width:652px;
	
}

#content .txt {
	padding: 0px 20px 0px 20px;
}

#content .txt p {
padding-top: 4px;
padding-bottom: 6px;
}

#content .txt h2 {
	font-size:18px;
	padding-bottom:4px;
}

#content .txt h1 {
	font-size:20px;
	padding-bottom:6px;
	padding-top:4px;
}

#content .txt h3 {
	font-size:14px;
	padding-bottom:4px;
	padding-top:4px;
}

#content .left {
	width:400px;
	padding: 20 20 10 0px;
}

#content .left #playercontent {
	padding-left: 40px;
}


#content .left img {
	display:block;
	padding: 0px 0px 0px 30px;
}

#content .right {
	float:left;
	width:215px;
	font-family:Arial, Helvetica, sans-serif;
}
#content .right p {
	font-size:14px;
	line-height:120%;
}
#content .right h2 {
	font-size:18px;
}

#content .right li {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 20px;
	font-size:15px;
	font-weight: bold;
}
#sbox {
	clear:both;
	width:613px;
	height:136px;
	padding:20px 21px 0 18px; 
	background:url(/images/bgc-sbox.gif) repeat-x left top;
	position:relative;
	z-index:1;
	color:#fff;
}
#sbox .boxleft {
	display:block;
	background:url(/images/bgl-sbox.gif) no-repeat;
	width:18px;
	height:157px;
	position:absolute;
	z-index:4;
	top:0;
	left:0;
}
#sbox .boxright {
	display:block;
	background:url(/images/bgr-sbox.gif) no-repeat;
	width:21px;
	height:157px;
	position:absolute;
	top:0;
	right:0;
}
#sbox .left {
	background:url(/images/bigbox2.gif) no-repeat;
	width:330px;
	height:118px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
}
#sbox .left h3 {
	background:url(/images/ico-call.gif) no-repeat;
	padding-left:30px;
	height:20px;
	line-height:20px;
	font-size:12px;
	padding-bottom:3px;
}
#sbox .left p {
	line-height:130%;
	padding-bottom:14px;
}
#sbox .left .form {
	height:24px;
	position:relative;
}
#sbox .left .form input {
	border:solid 1px #c3c3c4;
	font-size:12px;
	font-weight:bold;
	padding-left:8px;
	width:200px;
}
#sbox .left .form button {
	background:none;
	border:solid 0;
	position:absolute;
	right:0;
	bottom:-2px;
}
#sbox .right {
	background: url(/images/small-box2.gif) no-repeat;
	width:208px;
	overflow:hidden;
	height:116px;
	padding:10px 18px 0 12px;
}
#sbox .right img {
	text-decoration:none;
	text-align:center;
	padding-top:7px;
}
#sbox .right h3 {
	font-size:12px;
	padding-bottom:8px;
}
#sbox .right form input.itxt {
	border:solid 1px #c3c3c4;
	font-size:12px;
	font-weight:bold;
	padding-left:3px;
	margin-left: 20px;
	width:110px;
}
#sbox .right form label {
	display:block;
	float:left;
	width:69px;
}
#sbox .right form label.check {
	width:100px;
	font-size:10px;
	font-style:italic;
	line-height:12px;
}
#sbox .right form button {
	background:none;
	border:solid 0;
	float:right;
	position:relative;
	top:-8px;
	float:right;
}

#links {
	width:652px;
	padding-top:4px;
	padding-bottom:8px;
}
#links a {
	color:#000;
	text-decoration:underline;
}
#links a:hover {
	text-decoration:none;
}
#links .left {
	padding-top:2px;
	padding-left:20px;
}
#links .right {
	padding-right:20px;
}
#links .right p {
	background:url(/images/ico-security2.gif) no-repeat 0 0;
	padding-left:20px;
	height:20px;
	line-height:20px;
	_float:right;
	width:auto;
}


#box {
	clear:both;
	height:358px;
	padding:14px 21px 0 18px; 
	background:url(/images/bgc-bigbox.gif) repeat-x left top;
	position:relative;
	z-index:1;
	color:#fff;
}

#box .boxleft {
	display:block;
	background:url(/images/bgl-bigbox.gif) no-repeat;
	width:18px;
	height:372px;
	position:absolute;
	top:0;
	left:0;
}

#box .boxright {
	display:block;
	background:url(/images/bgr-bigbox.gif) no-repeat;
	width:21px;
	height:372px;
	position:absolute;
	top:0;
	right:0;
}
#box .beta {
	position:absolute;
	bottom:16px;
	left:23px;
}
#box .demo {
	background:url(/images/snapyap-demo.png) no-repeat;
	width:330px;
	height:192px;
	position:absolute;
	display:block;
	top:18px;
	left:-24px;
}
#box a {
	text-decoration:underline;
	color:#ffff66;
}
#box a:hover {
	text-decoration:none;
}
#box .txt {
	width:316px;
	padding-left:290px;
}
#box .txt h2 {
	font-size:17px;
	color:#fff;
	padding-top:4px;
	padding-bottom:8px;
}
#box .txt p {
	line-height:130%;
	padding-bottom:8px;
}
#box .txt p.security {
	font-weight:bold;
	background:url(/images/ico-security.gif) no-repeat 0 0;
	padding-left:20px;
	height:18px;
	line-height:18px;
}
#box .txt ul {
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}
#box .txt ul li {
	display:block;
	float:left;
	width:63px;
	height:43px;
}
#box .txt ul li a {
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;
	width:59px;
	padding-top:21px;
	text-align:center;
	font-size:11px;
}
#box .txt ul li#m1 {
	background:url(/images/b-snap.gif) no-repeat;
}
#box .txt ul li#m2 {
	background:url(/images/b-yap.gif) no-repeat;
}
#box .txt ul li#m3 {
	background:url(/images/b-record.gif) no-repeat;
}
#box .txt ul li#m4 {
	background:url(/images/b-messages.gif) no-repeat;
}
#box .txt ul li#m5 {
	background:url(/images/b-blog.gif) no-repeat;
}
#box .txt ul li a:hover, #box .txt ul li a.active {
	text-decoration:none;
	color:#ccc;
}


#header2 {
	clear:both;
	border: 0px solid black;
	height: 99px;
	padding: 4px 21px 0px 0px;
	position:relative;
	z-index:1;
	color:#000;
} 

#header2  ul {
	position:absolute;
	top:42px;
	left:323px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}
#header2  ul li {
	display:block;
	float:left;
	width:63px;
	height:43px;
}
#header2  ul li a {
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;
	width:59px;
	padding-top:21px;
	text-align:center;
	font-size:11px;
}
#header2  ul li#m1 {
	background:url(/images/b-snap.gif) no-repeat;
}
#header2  ul li#m2 {
	background:url(/images/b-yap.gif) no-repeat;
}
#header2  ul li#m3 {
	background:url(/images/b-record.gif) no-repeat;
}
#header2  ul li#m4 {
	background:url(/images/b-messages.gif) no-repeat;
}
#header2  ul li#m5 {
	background:url(/images/b-blog.gif) no-repeat;
}
#header2   ul li a:hover, #box .txt ul li a.active {
	text-decoration:none;
	color:#ccc;
}





#box .left {
	background:url(/images/bigbox.gif) no-repeat;
	width:330px;
	height:118px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
}
#box .left h3 {
	background:url(/images/ico-call.gif) no-repeat;
	padding-left:30px;
	height:20px;
	line-height:20px;
	font-size:12px;
	padding-bottom:3px;
}
#box .left p {
	line-height:130%;
	padding-bottom:14px;
}
#box .left form {
	height:24px;
	position:relative;
}
#box .left form input {
	border:solid 1px #c3c3c4;
	font-size:12px;
	font-weight:bold;
	padding-left:8px;
	width:200px;
}
#box .left form button {
	background:none;
	border:solid 0;
	position:absolute;
	right:0;
	bottom:-2px;
}

#box .right {
	background: url(/images/small-box.gif) no-repeat;
	width:210px;
	overflow:hidden;
	height:116px;
	padding:10px 18px 0 12px;
}
#box .right img {
	text-decoration:none;
	text-align:center;
	padding-top:7px;
}
#box .right h3 {
	font-size:12px;
	padding-bottom:8px;
}
#box .right form input.itxt {
	border:solid 1px #c3c3c4;
	font-size:12px;
	font-weight:bold;
	padding-left:3px;
	width:130px;
}
#box .right form label {
	display:block;
	float:left;
	width:69px;
}
#box .right form label.check {
	width:108px;
	font-size:11px;
	font-style:italic;
	line-height:12px;
}
#box .right form button {
	background:none;
	border:solid 0;
	float:right;
	position:relative;
	top:-8px;
	float:right;
}

#footer {
	text-align:right;
	padding-right:15px;
	padding-top:14px;
	color:#666666;
	font-size:11px;
}
#footer a {
	text-decoration:none;
	color:#666666;
}
#footer a:hover {
	text-decoration:underline;
}
#footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer ul li {
	display:inline;
	padding-left:3px;
	font-size:11px;
	color:#000;
}
#footer ul li a {
	color:#990000;
	font-size:12px;
	text-decoration:underline;
	padding-right:5px;
}
#footer ul li a:hover {
	text-decoration:none;
}
#footer p {
	padding-top:8px;
	padding-right:5px;
}

#bar {
	background:url(/images/bar_embossed.png) no-repeat;
	height:47px;
	width:659px;
}

#wall-owner-content {
  width: 650px;
  height: 412px;
}

#wall-owner-content-display {
  background-color: #AAAAFF;
  float: left;
  width: 420px;
  height: 412px;
}

#wall-owner-promo-display {
  background:url(/images/tc_background.png) no-repeat;
  background-color: #FFFFFF;
  float: right;
  margin-top: -2px;
  text-align: left;
  font-size: 12px;
  width: 220px;
  height: 325px;
  padding-top: 100px;
}

#wall-owner-promo-display p {
	margin: 0px 25px 15px 15px;
}
#wall-user-content {
  background-color: #FFFFFF;
  width: 650px;
  float: left;
}


#wall-user-posts-top {
  background:url(/images/tc_border_top.png) no-repeat;
  height: 11px;
  width: 369px;
  padding: 0px;
  margin: 0px;
  float: left;
}

#wall-user-posts-bottom {
  background:url(/images/tc_border_bottom.png) no-repeat;
  width: 369px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  float: left;
}

#wall-user-posts {
  background:url(/images/tc_border_middle.png) repeat-y;
  padding: 0px;
  float: left;
  width: 369px;
  margin-top: 0px;
  padding-top: 0px;
  float: left;
}

#wall-user-post {
  margin: 0px 12px 2px 8px;
  background: #EEE;
}

#wall-user-post-time {
  margin: 0px 12px 2px 8px;
  background: #EEE;
  font-size: 10px;
  width: 250px;
}

#wall-user-post-title {
  margin: 0px 12px 2px 8px;
  background: #EEE;
  font-size: 14px;  
  font-weight: bold;
  width: 250px;
}

#wall-user-post-body {
  margin: 15px 12px 2px 8px;
  background: #EEE;
  font-size: 12px;  
  width: 250px;
}


#wall-user-form {
  background-color: #cfcfcf;
  float:right;
  width: 275px;
}

#wall-user-recorder {
  background-color: #cfcfcf;
  width: 120px;
  height: 240px;
}

#wall-user-trackbacks {
  background-color: #C72E5A;
  width: 230px;
  height: 220px;
}

.vcenter {
	height:6em;
	margin:6em;     
}
.vspacer {
	height: 50px;
}

.welcome-letter {
	border: 1px solid black;
	background: #EEE;
	margin: 15px;
	margin-top: 30px;
	padding: 15px;
}
.welcome-letter p {
	margin-bottom: 10px;
}