html { background-color: white; }

body { font-size: 14px; color: #303030; background-color: white; 
		font-family: helvetica, arial, 'lucida grande', 'lucida sans', sans-serif; line-height: 1.5; }

h1,h2,h3,h4, h5, h6 {
	
	margin:0.5em 0 0.25em 0;
}



h1 { font-size: 30px; color: #303030; line-height: 1; }
h2 { font-size: 22px; color: #f4064f; line-height: 1.2; }
h3 { font-size: 18px; color: #303030; font-weight:bold; }
h4 { font-size: 16px; color: #f4064f; font-weight:bold;}
h5 { font-size: 14px; color: #303030; font-variant:small-caps;}
h6 { font-size: 12px; color: #f4064f;  font-variant:small-caps; }

strong { font-weight:bold; }

abbr,acronym {
	
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	
	font-style:italic;
}

blockquote { margin:1em; }

ul,dl {
	padding: 0;
	margin: 4px 0 1em 20px;
}

ol { padding: 0; margin: 4px 0 1em 35px; }

ol li {
	
	list-style: decimal outside;	
}
ul li {
	
	list-style: disc outside;
}

dl dd {
	margin-left:1em;
}

th,td {
	
	border:1px solid #e5e5e5;
	padding:.5em;
	background-color: #f4f4f4;
}

table { -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
thead th { border-top: 0; }
tbody th { border-left: 0; }
tbody tr:last-child td,tbody tr:last-child th { border-bottom: 0; }
tbody td:last-child { border-right: 0; }
thead th:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;  border-left: 0; }
thead th:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;  border-right: 0; }
tbody tr:last-child th { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
tbody tr:last-child td:last-child { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

thead th {
	color: white;
	background-color: #33ccff;
	 
}

tbody th{
	color: gray;
	background-color: #f4f4f4;
	text-align:left;
}

th {
	
	font-weight:bold;
	text-align:center;
}
caption {
	
	margin:.5em 0;
	font-size: 16px;
	text-align:center;
	color: gray;
	
}
p,fieldset,table {
	
	margin-bottom:1em;
}

hr { border: 0; width: 80%; background-color: #303030; height: 1px;  margin: 1.5em auto;}


img { border: 0; } 

a:link, a:visited, a:active { text-decoration:none; color: #f4064f;} 
a:hover { color: $orange; }


:focus { outline-color: $purple; }  

input[type=submit],input[type=reset],label,select,.pointer { cursor:pointer; }



.yui-t6 .yui-b { width: 285px; }
.yui-t6 #yui-main .yui-b { margin-right: 298px; *margin-right: 300px; }


#hd #login { float: right; margin: 10px 25px 0 0; }
#logo { margin: 20px 0 10px 25px; }
#logo a { font-size: 32px; }

.menubar { height: 39px; clear: both; background-color: $orange; }
.menubar a { display: block; float: left; color: $chifonLemon; padding: 9px 20px; font-size: 16px; letter-spacing: .5px; }


.insetImage { border: 1px solid $makisPink; background-color: white; text-align: center; min-width: 100px; margin: 10px; 
		width: 120px; padding: 4px; color: #303030; }
.insetImage img { width: 120px; }
.insetImage .caption { font-size: 10px; text-align: left; line-height: 12px; width: 120px; margin: 0 auto; }
.tleft { float: left; clear: left; }
.tright { float: right; clear: right; }


.info { background-color: #E6EFC2; color: #264409; border: 2px solid #C6D880; padding: 8px; text-align: center; }
.error { background-color: #FBE3E4; color: #8A1F11; border: 2px solid #FBC2C4; padding: 8px; text-align: center; }
.error h1 { color: #8A1F11; font-size: 20px; }

.waitIndicator { position: fixed; left: 50%; top: 50%; margin-left: -64px; margin-top: -64px; }


#pagination { text-align: center; clear; all; }
#pagination .yui-pg-current-page { color: purple; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#pagination a.yui-pg-page { color: white; background-color: $orange; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; }
#pagination a { color: $orange; }




.formButtons { margin: 1em 0 0; }
.formField { clear: left; padding-left: 30px; overflow: hidden; }
.formLabel, .formEdit, .formInfo { float: left; margin: 5px 0; }
.formLabel { width: 125px; padding-right: 20px; }
.fieldInfo {background:url(fam/information.png) no-repeat; color:#14C134; padding-left:20px; margin-left: 6px; }
.fformFerr  {background:url(images/caution-mark.png) no-repeat; color: #df0021; margin-left: 4px; padding-left:20px; } 
.fieldError {background:url(fam/exclamation.png) no-repeat 0 -1px;  color: #d0584f; margin-left: 4px; padding-left:20px;}  
input[type="radio"]{margin: 0 5px;}
textarea.simple {height:300px;}



.formContainer 
{
	background: url(bbStatic/images/gformBGBlueGray.png) repeat; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	padding:10px;
	margin: 12px auto;
	color: #333333;
}

.formContainer .title {color:#FFFFFF; font-size: 16pt; padding-bottom:15px;}
.formContainer input[type="text"], textarea
{ 
	border: 1px solid #44657F; 
	width:200px;
	padding: 2px;
	background-color: white;
	margin: 1px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

.formContainer input[type="text"]:focus, textarea:focus {border: 2px solid #44657F; background-color: #f6fDff; margin: 0;}
.formContainer textarea { width: 100%; }
.formContainer .formButtons { clear: left;  text-align: right; overflow: hidden; }    



.altLegend {
	background-color: #92979B;
	background: -webkit-gradient(linear, left top, left bottom, from(#ABB0B5), to(#92979B)); 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#ABB0B5, endColorstr=#92979B, GradientType=0); 
	border:0px solid red;
	color: white;
	font-weight:bold;
	padding-left:20px;
	padding-top:7px;
	height:24px;
	font-size: 16px;
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	
}


.formContainer form fieldset
{
	background-color: #F1F4F6;
	border:0px solid #E5921E;
	font-size: 93%;
	position:relative;
	display:block;
	padding: 10px 10px 10px 10px;
	-moz-border-radius-bottomleft: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
}


.formContainer form fieldset legend
{    
	background-color: #92979B;
	border: 1px solid orange;
	color: white;
	font-weight:bold;
	font-variant:small-caps;
	display:none;
	padding:4px 60px;
}                


#main { margin: 30px 10px 30px 30px; }  


#about {line-height:120%;}
#sidebar { line-height:1.3; padding: 30px 30px 30px 10px; color: $sidebarFG; background-color: $sidebarBG; min-height: 600px; }
#sidebar h1 { font-size: 20px; color: $sidebarSectionHeader; border-bottom: 1px solid $sidebarSectionHeaderUL; padding-bottom: 2px; padding-top:20px; }
#sidebar h2 { font-size: 16px; color: $primaryColor; }
#aboutMore {cursor: pointer; text-decoration:none; color:$moreColor; }

#subinfo a { margin: 5px; } 


#cpanel { color: white; background: url(bbStatic/images/dialogbox.png); position: fixed; width: 498px; height: 238px; margin: -119px 0 0 -249px; top: 50%; left: 50%; z-index: 102; }
#cpanel .hd { position: absolute; color: white; top: 15px; left: 15px; width: 456px; height: 20px; font-size: 20px; border: 0px solid blue; }
#cpanel .bd { position: absolute; color: #e0e0e0; top: 50px; left: 15px; width: 456px; height: 145px; border: 0px solid red; overflow: auto; }
#cpanel .ft { border: 0px solid green; position: absolute; top: 196px; left: 15px; width: 456px; height: 20px; }
#cpanel input[type='text'] { background: url(bbStatic/images/dialogTextField.png); width: 432px; height: 23px; font-size: 18px; border: 0; margin-left: 10px; padding: 1px 4px; }
#cpanel .formFerr { margin: 2px 0 0 10px; color: #Ff7870; }
#dialogmask { z-index: 101; width: 2048px; height: 2048px; position: fixed; top: 0; left: 0; background-color: black; }
#cpanel .wait { position: absolute; right: 30px; top: 12px; width: 15px; height: 15px; background: url(bbStatic/images/panelWait.gif); }
#cpanel a:focus { outline: none; }

.buttons { overflow: hidden; }
.buttons a { float: right; padding: 0px 8px 0 0; margin-left: 16px; }
.buttons a.p { background: url(bbStatic/images/buttonp.png) no-repeat scroll right top; }
.buttons a.n { background: url(bbStatic/images/buttonn.png) no-repeat scroll right top; }
.buttons a span { float; right; display: block; padding: 1px 2px  0 10px; margin-left: -8px; height: 19px; color: #f0f0f0; font-weight:bold;}
.buttons a.p span { background: url(bbStatic/images/buttonp.png); color: #f0f0f0; }
.buttons a.n span { background: url(bbStatic/images/buttonn.png); color: #f0f0f0; }
.buttons a:hover span { color: #dfbb4f; font-weight:bold;}



#magLayout { background-color: $magLayoutFrame; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#magLayout h2 { margin: 4px; } 

.magLayoutRow { margin-bottom: 20px; }

.blogBrief { border: 1px solid $blogBriefTrimColor; padding: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: $blogBriefBGColor; }
.blogBrief h1 { margin: 6px 0 0 0; font-size: 19px; font-weight: normal; } 
.blogBrief .featurePhoto { float: left; border: 6px solid $featurePhotoTrim; line-height: 0; margin: 0px 10px 4px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.blogBrief .noPicture { width: 120px; height: 120px; background-color: black; opacity: .3; 
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
	filter: alpha(opacity=30); zoom: 1; }
.blogBrief .description {line-height:130%; clear: left; height: 140px; overflow: auto; padding: 10px; }
.blogBrief .continue { text-align: right; }


.catdate .date { color:#33ccff; font-size: 11px; }
.catdate .category { color: #f4064f; font-weight: bold; font-variant:small-caps;}

.blogIndex h2 { margin-bottom: 0; }
.blogIndex .catdate { margin-bottom: 15px; }


.blogEntry { background-color: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px; margin-bottom: 20px; }
.blogEntry .content { margin-top: 10px; }
.blogEntry img { margin: 4px 10px; }

#editBlog #f1\.title, #addBlog #f1\.title { width: 500px; font-size: 20px; }
#commentArea { background: #f4f4f4; padding: 10px; color: $commentArea; position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.commentBoxContents { position: relative; z-index: 2; }

.commentContainer { position: relative; line-height: 1em; margin: 0 25px; overflow: hidden;}
.commenter { float: left; width: 110px; }
.commentAvatar { width: 80px; height: 80px; }
.avatarFrame { width: 80px; height: 80px; background: url(bbStatic/blog/gravatar_frame.png) no-repeat; position: absolute; top:0; left: 0;}
.commentName,.commentName a { color: #f4064f; font-size: 14px; margin-top: 4px; }
.commentDate { font-size: 10px; }
.commentTitle { color: #303030; font-size: 22px; margin-bottom: 10px; }
.commentText { background-color: white; color: #303030; border: 1px solid gray; padding: 4px; margin-left: 120px; padding: 18px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.commentStatus { font-size: 8px; color: #33ccff; }
.speechMark { width: 33px; height: 30px; background: url(bbStatic/blog/commentTriangle_white.png); position: absolute; top: 14px; left: 88px; }
.blogAuthor .speechMark { background-image: url(bbStatic/blog/commentTriangle_blue.png); left: 89px; }
.blogAuthor .commentText { background-color: #e2eff7; border: 1px solid #303030; }




#gallery { border: 1px solid $mediumGray; padding: 10px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#gallery div { float: left; border: 1px solid gray; width: 120px; height: 90px; text-align: center;padding: 5px; background-color: $green; margin: 1px; }
#gallery img { -moz-box-shadow: 3px 2px 7px 0px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
	-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); }


#yearSelect { margin: 20px 0 0 -20px; }
#yearSelect li { float: left; margin: 0 10px; list-style-type: none; font-size: 20px; }
#yearSelect .selected a { color: white; background-color: #f4064f; }
#yearSelect li a { color: #f4064f; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#blogIndex img { border: 2px solid #f4f4f4; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

html, body { padding: 0; margin: 0;  font-family: geneva, helvetica, ariel, sans-serif; }

h1 { font-size: 26px; font-weight: normal; }
h2 { font-size: 24px; font-weight: normal; margin-top: 0; }
h3 { font-size: 22px; font-weight: normal; }


#main { margin: 0; }


input { font-size: 18px; padding: 4px; color: #606060; border: 1px solid #aaaaaa; }
input.formOkButton { background-color: #33ccff; color: white; padding: 4px; border: 0; margin: 0 4px;}

#alert { font-size: 10px; margin: 32px 0 0 80px; }
#alert a { padding: 2px; color: #f4064f;background-color: white; }

#searchbar { position: fixed; top: 0; background-color: black; opacity: .8; 
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	filter: alpha(opacity=80); zoom: 1; width: 100%; left: 0; z-index: 30; color: #d0d0d0; }
#searchbar form { display: inline; }
#searchbar input { background-color: #f0f0f0; padding: 0; font-size: 20px; }
#searchbar input[type="button"] { font-size: 12px; }
#tabmsg { position: absolute; left: 410px; top: 9px; }

#tipbox { position: fixed; width: 420px; right: 80px; top: 50px; background-color: white; z-index: 30; display: none; 
	-moz-box-shadow: 3px 2px 7px 0px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
	-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); border: 2px solid #808080; padding: 10px; }
#controls #tipbox p { font-size: 14px; clear: left; }
#controls #tipbox .keyli { font-size: 14px; }
#tipbox h1 { margin: 0; text-align: center; background-color: #f0f0f0; color: #f4064f; }
#tipbox .tipboxbody p { text-align: center; }
#tipbox li { list-style: none; }
#tipbox .key { width: 74px; float: left; margin: 2px 10px 16px 0; text-align: right; }
#tipbox .keyli { clear: left; margin: 0 20px; }

#statarea div.reply { float: right; background: url(images/reply.png); width: 28px; height: 18px; margin: 4px 0 4px; }
#statarea div.rt { float: right; float: right; background: url(images/rt.png); width: 36px; height: 19px; margin: 4px 2px; }

#shield { width: 100%; height: 1500px; background-color: black; opacity: .6; 
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	filter: alpha(opacity=60); zoom: 1; z-index: 6; display: none; position: absolute; }

#main a { text-decoration: none; border-bottom: 2px dotted #f4064f; }

#pipiospeak { position: absolute; top: 10px; right: 300px; background: url(images/bubble-01.png); width: 149px; height: 104px; color: white; display: none; }
#threaded { border: 5px solid #33ccff; position: absolute; z-index: 20; width: 400px; display: none; 
		background-color: #f8f8f8; overflow: hidden; min-height: 30px; -moz-box-shadow: 3px 2px 7px 0px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
	-ms-filter: 'progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true)';
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=5,offY=5, positive=true); }
#wf { width: 43px; height: 11px; position: absolute; right: 10px; top: 8px; background-image: url('images/bluesquares.gif'); }

#header { height: 190px; background-color: #33ccff; }
	#pipio { position: absolute; top: 40px; right: 100px; z-index: 5; }
	#title { padding: 55px 0 0 80px; }
	
	.cloud { background: url('images/t4bp_CloudMenu.png'); width: 102px; height: 51px; z-index: 2;}
	.cloud a { position: relative; display: block; background: url('images/t4bp_CloudMenu.png'); top: 16px; left: 0px; width: 102px; height: 20px; }
	#newsmenu { position: absolute; top: 99px; right: 411px; }
	#newsmenu a { background-position: 0 -60px; }
	#newsmenu a:hover,#newsmenu.selected a { background-position: 0 -80px; }
	#indexmenu { position: absolute; top: 28px; right: 571px; }
	#indexmenu a { background-position: 0 -100px; }
	#indexmenu a:hover,#indexmenu.selected a { background-position: 0 -120px; }
	#menuray { position: absolute; width: 245px; height: 152px; background: url('images/t4bp_CloudMenu.png') -102px 0;}

	#statarea a { color: #f4064f; text-decoration: none; border-bottom: 2px dotted #f4064f;}
	a.thumb { border: 0; }
	
	#controls { background-color: white; overflow: hidden; min-height: 88px; position: relative;}
	#controls p { color: gray; font-size: 24px; }
	
	#entername #screenname { float: left; display: block; background-color: #f4f4f4; }
	#screenname { margin-right: 8px; margin-bottom: 20px; border: 0;}
	
	#snameEntry, #snameEntry h1 { color: #777777; }
	
	#accolade { font-size: 20px;}
	#accolade h4 { color: #555555; font-weight: normal; font-size: 16px; letter-spacing: .5px; }
	#accoladeImage { float: left; padding-right: 20px; }
	#accolade a { text-decoration: none; color: #f4064f; }
	#accoladeDate a { font-size: 12px; border-bottom: 0; margin-left: 10px; }
	
	#tweet { display: none; position: absolute; border: 5px solid #ffe600; background-color: #FFFEEE; width: 400px;
				max-height: 400px; overflow: auto; z-index: 10; -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px; }
				
	#main a.twitpic { float: left; width: 75px; height: 75px; background-color: lightgray; margin: 1px 4px 2px 0; border: 0; }
	
	#pointer { background: url(images/corner-right.png); position: absolute; top: 0; left: 0; width: 14px; height: 16px; display: none; z-index: 10; }
	
	#top { background: white; padding: 8px; }
	#statarea { padding: 4px 0; }

	#s { font-size: 18px; font-weight: bold; color: #000000; }
	#name { float: right; font-size: 16px; font-weight: bold; color: #888888;}
	#bio { font-size: 12px; color: #909090; text-align: left; }
	#more { text-align: right; margin: 6px 8px; }
	#more a { color: #33ccff; }
	
	#lastHour { background-color: #f4f4f4; overflow: hidden; color: #777777; font-size: 20px; }
	#lastDay { background-color: #e5e5e5; color: #6d6d6d; font-size: 20px;}
	#moreThanDay { background-color: #dddddd; color: #6d6d6d; font-size: 20px; }
	
	.thumb { float: left; margin: 4px 4px 8px; }
	.thumb img { border: 0; width: 48px; height: 48px; }
	.thumb { line-height: 0; position: relative; }
	
	#main a.thumb { border-bottom: 0; }
	#userimage { display: none; position: absolute; line-height: 0; z-index: 22;}
	
	.thumbphoto { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background-color: red; }
	#sta a { color: #f4064f; }
	#sta .thread { float: right; margin: 4px 2px; }
	
	#myinfo { position: relative; top: 10px;  overflow: hidden; display: none; }
	#myname { font-size: 27px; padding-top: 6px; padding-left: 16px; float: left; }
	#mythumb { float: left; margin: 0;}
	#mythumb .mythumb { margin: 0; }
	#mybm { float: left; padding-left: 40px; padding-top: 4px; }
	#mybm a { border: 0; }
	#mybmtip { float: left; background-color: #FFF097; padding: 2px 8px; font-size: 12px; margin-left: 7px; display: none; }
	
	.time { color: #33ccff; font-size: 10px; margin-left: 0px; padding-top:5px;}
	
	.r0 { background-color: #fffcb2; padding: 6px 12px; overflow: hidden; }
	.r1 { background-color: white; padding: 6px 12px; overflow: hidden; }
	#threaded .r0 { background-color: white; }
	#threaded .r1 { background-color: #ebf2fb;}
	
.section { padding: 20px 80px; }

#pagesection { overflow: hidden; display: none; position: absolute; bottom: 0; right: 35px; }

#ps1, #ps2 { float: left; position: relative;}
#ps1 { margin-right: 8px; top: 9px;}
#ps2 { margin-left: 10px; top: 9px;}
#pagination { float: left; }
#pagination span, #pagination a { float: left; display: block; }
#pagination a { border: 0; color: white; background-color: lightgray; }
#pagination a:hover { background-color: #e49fb4; }
#pagination .yui-pg-current-page { background-color: #f4064f; color: white;}
#yui-pg0-0-page-report { position: relative; top: 6px; }
#wait { position: absolute; top: 50px; left: 50%;  display: none; z-index: 5;}

#footer { height: 800px; background-color: #33ccff; color: white; clear: both; text-align: center; padding-top: 40px; }
#footer a { color: white; }
#footer #scb { font-size: 20px; padding-bottom: 30px; }
#footer #scb a { text-decoration: none; border-bottom: 1px solid white; }
#footer #scb .t { border: 0; margin-left: 18px; position: relative; top: 5px; }
#blinks { margin-bottom: 40px; }
#blinks a { color: #dddddd; margin: 0 40px; text-decoration: none;}
#blinks a:hover { border-bottom: 1px solid #dddddd;}
#blinks.index .l0, #blinks.why .l1, #blinks.news .l2, #blinks.comments .l3 { color: white; border-bottom: 1px solid white;}

#fulltwitpic { display: none; position: absolute; left: 50%; }


#standardPage { background-color: white; padding: 50px; }
#standardPage a { border: 0; }
#commentArea { -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 55px; }



.formContainer form fieldset { background-color: white; }


#tweetthis a { border: 0; }
#addACommentForm a { border: 0; }
.blogEntry { padding: 55px; -moz-border-radius: 0px; -webkit-border-radius: 0px; margin: 0; }
.blogEntry h1#title { padding: 0; }


.commentBoxContents { max-width:780px; }
.avatarFrame { background-image: url(images/gravatar_frame.png); }
#main .commenter a { border-bottom: 0; }
.shadow { -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px; }


#layoutcon { float: right; margin-right: 15px; position: relative; background: url(images/layoutControl.png); width: 175px; height: 29px; }
#layoutcon div { float: left; width: 27px; height: 27px; }
#layoutcon #b1 { margin-left: 2px; }
#layoutcon #b4 { margin-left: 25px; }
#layoutcon .cursor { width: 26px; height: 26px; border: 2px solid red; position: absolute; }
#loveComments { position: fixed; z-index: 12; right: 0; top: 160px; width: 26px; height: 147px; background: url('bbStatic/lc/fb-tab.png') -26px 0; opacity: .5; cursor: pointer; }
#loveCommentsBox { position: fixed; z-index: 12; top: 160px; right: -400px; width: 400px; background-color: #f0f0f0; -moz-box-shadow: 2px 2px 7px -2px black; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px; }
#lcin { background-color: #D3EDF4; margin: 10px; padding: 10px 20px; position: relative;  min-height: 200px; color: #666666; }
#lcin img { display: block; margin: auto; margin-bottom: 10px; }
#lcin { font-family: "lucida grande", arial, sans-serif; font-size: 12px; text-align: center; }
#lcButtons { text-align: center; height: 20px; padding-top: 10px; position: relative; }
#lcButtons input { border: 0; }
#lcform textarea#lcfb,#lcform textarea#lcfb:focus { height: 81px; border: 0px; background-color: white; border: 0; margin: 0; overflow: auto; }
#lcButtons #lcsend { position: absolute; right: -23px; bottom: -16px; }