body {
background:#003377;
color: #fff;
font: 400 1em/1.2 'Wellfleet','Times New Roman',serif;
text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}

#topbar {
float: left;
z-index: 998;
width: 980px;
background: #F0F0ED;
margin-bottom: 10px;
}

html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}

.container {
max-width: 980px;
width: 980px;
margin: 20px auto;
margin-top: 0;
margin-bottom: 0;
}

/* Logo */
#logo {
display: block;
float: left;
margin: 0;
line-height: 2;
margin-top:7px;
}

#logo a {
color: #fff;
line-height: 0;
}
#logo img {
width: 250px;
height: 44px;
position: relative;
}
.logo-details {
display: block;
margin-top: -1px;
width: 1px;
height: 1px;
text-indent: -9999px;
}

#details {
float: right;
line-height: 1;
margin-right: 10px;
margin-top:2px;
}

#details img {
vertical-align:middle;
background-position: center 25%;
background-repeat: no-repeat;
outline: none;
margin-top: 0px;
}

#details .user .photo {
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
box-shadow:0px 1px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 45px;
width: 45px;
}

#details .user a {
margin-left: 5px;
}

#details .user {
margin-left: 5px;
margin-top: 5px;
display: inline-block;
}

#page-wrapper {
position: relative;
text-align: left;
width: 980px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#content-wrapper {
float: left;
width: 100%;
margin-top: 10px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}

.button {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #404040;
background-image: none;
color: #fff;
border: 1px solid #404040;
font-weight: bold;
padding: 8px 15px;
margin: 0;
font-size: 13.5px;
line-height: 1;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button:hover {
background-color: #202020;
background-image: none;
color: #fff;
}

#header {
float: left;
z-index: 998;
width: 100%;
padding: 12px;
margin-bottom: 0px;
background: #33363c;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}

#searchbox {
    float: left;
    margin-left: 100px;
    margin-top: -2px;
    width: 200px;
}

#display {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    display: none;
    font-weight: bold;
    overflow: hidden;
}

#display a
{
color:#666;
text-decoration:none;
}

#display a:hover
{
color:#000;
text-decoration:none;
}

.uiinput {

    background-color: #F2F2F2;

    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin: 0 22px 0 5px;
    outline: medium none;
    padding: 3px 5px 3px 3px;
    width: 190px;
}
.display_box {
    border-top: 1px solid #DEDEDE;
    font-size: 12px;
    height: 30px;
    padding: 4px;
}
.display_box:hover
{
background:#e5e5e5;
color:#FFFFFF;
}
.search_face {
    float: left;
    margin-right: 5px;
    width: 30px;
}

#loginpanel {
display: block;
float:right;
margin-top:10px;
line-height: 2;
}

#user {
display: block;
float: right;
margin: 0;
line-height: 0;
}
#user:after {
content: " ";
}
#user a {
color: #fff;
line-height: 0;
}
#user img {
width: 25px;
height: 22px;
position: relative;
}

#user:first-child {
margin-right: -7px;
}

#firstnav {
float: left;
margin: 0;
line-height: 2;
margin-top: 15px;
color: #202020;
}

#firstnav a {
color: #003399;
text-decoration:none;
}

#firstnav a:hover {
color: #000045;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#sharebuttons {
display: block;
float: left;
margin: 0;
margin-top: 20px;
width: 200px;
}

.secondnav a {
text-decoration: none;
color: #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.secondnav  a:hover {
text-decoration: none;
color: #999999;
font-weight:normal;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.secondnav img {
margin-bottom: -4px;
}

#details a {
text-decoration: none;
color: #003399;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#details a:hover {
text-decoration: none;
color: #000045;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.secondnav {
padding: 10px 0 5px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: rgba(0,0,0,0.7);
width: 980px;
font-size: 118%;
line-height: 150%;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

#notification {
width:100%;position:fixed;padding:10px 0 12px;
text-align:center;
top:0;
left:0;
font-size:30px;
line-height:30px;
z-index:999;
text-shadow:0 1px 1px rgba(0,0,0,0.5)
}

#notification.success {
background:rgba(128,212,128,0.9);
text-shadow:0 1px 1px rgba(0,0,0,0.5);
color:#080
}

#notification.error {
background:rgba(255,146,146,0.9);
text-shadow:0 1px 1px rgba(0,0,0,0.5);
color:#800
}

#notification.notice {
background:#ffffbf;
background:rgba(255,255,191,0.9);
text-shadow:none;
color:#369
}

.imgpreview
{
border:solid 1px #333;
max-width:145px;
max-height:145px;
margin-bottom:10px;
margin-right:10px;
}

.hidden {
display: none;
}

.center {
text-align: center;
}

#copyright {
float: left;
position: relative;
width: 100%;
padding: 20px 0;
text-align: center;
font-size: 20px;
color: #202020;
}

.wrapper:hover .stdelete,.wrapper:hover .remove,.wrapper:hover .reply,.wrapper:hover  .qdelete{
display : block;
}

.remove,.reply,.stdelete,.qdelete {
float:right;
cursor:pointer;
display: none;
}

.secondnav h3 {
color: #ffffff;
font-weight: inherit;
margin-bottom: 10px;
}

.heartspace
{
height:22px;padding-top:1px;padding-left:30px	
}

.heart_count
{
	font-size: 14px;
	color:#202020;
	margin-right:10px
}

.heart_button
{
	float:left;
	border:none;
	cursor:pointer;
}

.heart_comment
{
float:left;
border:none;
cursor:pointer;
}

textarea {
width: 885px;
background: #fff;
font-size: 200%;
border: 0;
padding: 4px 20px;
margin-bottom: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
}

.secondnav input {
background: #fff;
font-size: 150%;
color: #000000;
border: 0;
padding: 4px 20px;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
}

.secondnav #commentbar,.secondnav #askbar,.secondnav #reportbar  {
margin-left: 25px;
}

.secondnav #browsebar  {
text-align: center;
}

.secondnav #morebar  {
text-align: center;
}

.imgpreview
{
border:solid 1px #333;
max-width:165px;
max-height:165px;
margin-right:10px;
}

.padder2 {
float: left;
background: #fff;
padding: 20px;
text-align:left;
width:980px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

#copyright a {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

.profile .bio a {
text-decoration: none;
color: #003399;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#profile .bio .more {
font-size: 35px;
}

.profile .bio a:hover {
text-decoration: none;
color: #000045;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.profile .bio .more {
color: #ffffff;
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#000000),color-stop(1,transparent));
background: -ms-linear-gradient(bottom,#000000,transparent);
background: -moz-linear-gradient(center bottom,#000000 0%,transparent 100%);
background: -o-linear-gradient(transparent,#000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent',endColorstr='#000000',GradientType=0);
font-size: 50px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 2px 0 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.profile .stream a {
text-decoration: none;
color: #003399;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.profile .stream a:hover {
text-decoration: none;
color: #000045;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#profile {
font-size: 100%;
color: #202020;
}

#profile #right-column, #profile #left-column {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

#profile #left-column {
padding: 10px 15px;
width: 370px;
}

#right-column {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 1);
}

#left-column {
background-color: #ffffff;
background-color: rgba(255, 255, 255, 1);
}

.profile div.column-left {
float: left;
}

.profile div.account-details .addthis_toolbox{
padding:0
}

.profile div.account-details .addthis_toolbox a{
float:right
}

.profile div.account-details #links{
text-align:center;margin:10px 5px
}

.profile div.account-details a{
text-decoration: none;
color: #003399;
font-weight: bold;
}

.profile div.account-details a:hover {
color: #000045;
}

.profile div.account-details #links > a{
float:none
}

.profile div.account-details #links > a span{
margin:2px
}

.profile div.account-details table th{
font-weight:normal
}

.addthis_toolbox{
padding:0 0 20px 23px
}

.addthis_overlay_container .addthis_toolbox{
padding:5px
}

.addthis_toolbox iframe{
-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none
}

.addthis_counter,#at20mc{
text-shadow:none
}

.addthis_default_style .at15t_expanded,.addthis_default_style .at15t_compact{
margin-right:0;
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.8);
-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.8);
box-shadow:2px 2px 2px rgba(0,0,0,0.8)
}

.addthis_bubble_style{
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.profile .avatar {
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 15px;
width: 400px;
height: 400px;
#background: #ccc;
margin-right: 10px;
float: none;
}

.profile div.account-details {
width: 100%;
margin-bottom: 10px;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

.profile div.account-details table {
width: 100%;
}

.profile div.account-details table th {
color: #FF0000;
padding: 5px 0;
text-align: left;
}

.profile div.account-details table td {
text-align: right;
padding: 5px 0;
}

h3 {
color: #FF0000;
font-weight: inherit;
margin-bottom: 10px;
}

.profile h3 div {
float: right;
font-weight: normal;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.profile h3 div a,.reportid {
color: #003399;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.profile h3 div a:hover,.reportid:hover {
color: #000045;
}

.profile div.friends {
clear: both;
width: 370px;
}

.profile .friends .photo {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 5px;
width: 64px;
height: 64px;
float: left;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.profile .friends .photo:hover {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
zoom: 1;
}

.clear {
clear: both;
}

.center {
text-align: center;
}

.profile .ad {
text-align: center;
}

.profile div.gallery {
clear: both;
width: 370px;
}

.profile .gallery .photo {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 5px;
width: 64px;
height: 64px;
float: left;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.profile .gallery .photo:hover {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
zoom: 1;
}

.profile div.column-right {
float: right;
width: 520px;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
}

.profile .username {
text-align: right;
margin-bottom: 0;
font-size: 200%;
font-size: 32px;
margin-top: 5px;
color: #202020;
}

.profile .realname {
text-align: right;
font-size: 20px;
padding-top: 8px;
color: #FF0000;
}

.profile .details {
text-align: right;
padding-top: 8px;
color: #202020;
}

.profile .location {
text-align: right;
color: #FF0000;
font-size: 120%;
padding-top: 8px;
margin-bottom: 20px;
}

.profile .bio {
clear: both;
font-size: 180%;
margin: 0 0 10px;
padding: 10px 15px 10px 10px;
max-height: 262px;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}

.profile .stream {
margin: 0 auto;
width: 100%;
clear: both;
padding: 15px 0;
}

.profile .friendspace {
padding: 15px 0;
}

.profile .current-status .wrapper {
border-bottom: none;
}

.profile .stream .wrapper {
padding-bottom: 10px;
margin-bottom: 10px;
clear: left;
border-bottom: 1px dotted #424e4f;
}

.profile .stream .existing .status {
margin: 5px 5px 10px 5px;
}

.profile .current-status .status {
line-height: 130%;
}

.profile .status {
margin: 0 20px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.answer {
color: #FF0000;
}

.profile .stream .status {
margin: 10px 0;
}

.profile .stream .time {
color: #999;
float: left;
}

.profile .stream .actions {

float: right;
}

.profile .stream .remove {
color: #f00;
margin-left: 10px;
}

.profile .stream .reply {
color: #003399;
margin-left: 10px;
}

.profile .stream .stdelete,.profile .stream .qdelete {
color: #f00;
margin-left: 10px;
}

.stream .wrapper {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #424e4f;
clear: left;
}

.profile .stream .photo {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 5px;
width: 64px;
height: 64px;
float: left;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.profile .stream .photo:hover {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
zoom: 1;
}

.profile .stream .wrapper .data {
float: right;
width: 425px;
margin-right: 5px;
}

.profile .stream .title {
padding-top: 4px;
}

.profile .stream .status {
margin: 10px 0;
}

.profile .stream .actions div {
float: right;
}

.status .mood {
margin-bottom: -3px;
}