* {
  outline: none; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none;
    padding: 0; }

img {
  border: none; }

a {
  color: #36679f;
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

html {
	-webkit-font-smoothing: antialiased; }
    
body {
  background: white repeat-x 0 0;
  color: #333;
  font: 13px Arial,Helvetica,Geneva,sans-serif;
  margin: 0; }
	body.login {
	  background: #5c8eba;
	  color: #333;
	  font: 13px Arial,Helvetica,Geneva,sans-serif;
	  margin: 0; }
	       
#header {
  background: url(../images/backgrounds/bg-header.png) repeat-x 0 -80px; 
  overflow: hidden; 
  width: 100%; 
  height: 40px;
  margin: 0 0 15px; }
  #header div {
    width: 800px;
    margin: auto;
    height: 40px;
    position: relative; }
    #header div form {
      background: url(../images/backgrounds/bg-search.png) no-repeat 0 0;
      width: 164px;
      height: 23px;
      overflow: hidden;
      position: relative;
      top: 8px; }
	    #header div form input {
	      width: 130px;
	      padding: 6px 5px 0;
	      height: 18px;
	      float: left;
	      background: none;
	      border: 0;
	      font-size: 0.9em; }
	    #header div form button {
	      width: 22px;
	      height: 23px;
	      text-indent: -99999px;
	      float: left;
	      background: none;
	      border: 0; }
		#header div h1, #header div h1 a {
		  background: url(../images/backgrounds/bg-header.png) no-repeat 0 0;
		  text-indent: -999999px;
		  display: block;
		  width: 194px;
		  height: 40px;
		  margin: 0;
		  padding: 0; }
		  #header div h1:hover, #header div h1 a:hover {
		    background-position: 0 -40px;}
		#header div a.logout {
		  display: block;
		  position: absolute;
		  top: 0;
		  right: 0;
		  height: 40px;
		  line-height: 40px;
		  color: #c5d6e6; }
			#header div a.logout:hover {
			  color: white; }
		#header div ul {
		  overflow: hidden;
		  position: absolute;
		  left: 210px;
		  top: 0; }
		  #header div ul.em {
		    right: 0;
		    left: auto;}
			#header div ul li {
			  display: block;
			  float: left;
			  height: 40px;
			  width: auto;
			  line-height: 40px;
			  margin: 0 1px 0 0; }
				#header div ul li a.current {
				  background: url(../images/backgrounds/bg-header.png) no-repeat 0 -120px;
					font-weight: bold; }
				#header div ul li a {
				  color: white;
				  display: block;
				  height: 40px;
				  width: auto;
				  padding: 0 12px; }
					#header div ul li a:hover {
					  background: url(../images/backgrounds/bg-header.png) no-repeat 0 -120px;
					  text-decoration: none; }

#container {
  width: 800px; 
  overflow: hidden;
  margin: auto; }
  img.sign-up {
    float: left;}
  #container h2 {
    color: #5e7c98; 
    font-size: 1.05em; 
    height: 30px;
    padding: 0 0 0 10px;
    line-height: 32px; 
    margin: 15px 0 0;
    background: url(../images/backgrounds/headings.png) no-repeat 0 0; }
    #container h2.em {
      margin: 0;}

	#container #main {
	  width: 530px; 
	  float: left; }
		#container #main .bh-post {
		  background: url(../images/backgrounds/form.png) no-repeat 0 0;
		  padding: 5px 0 0; }
			#container #main .bh-post form {
			  background: url(../images/backgrounds/form.png) no-repeat -530px bottom;
			  padding: 0 5px 3px;
			  overflow: hidden; }
				#container #main .bh-post form textarea {
				  border-top: 1px solid #d3d3d3 !important;
				  margin: 0;
				  font-size: 1.1em;
				  width: 506px;
				  height: 17px;
				  padding: 7px 6px;
				  color: #333;
				  border: 1px solid #e4e4e4;
				  scrollbar-3d-light-color: none; }
				  #container #main .bh-post form textarea:focus {
				    height: 34px;
				    border-top: 1px solid #c3c1c1 !important;
				    border: 1px solid #d7d7d7;}
				#container #main .bh-post form div {
				  overflow: hidden;
				  margin: 5px 0 0;}
					#container #main .bh-post form div p {
					  width: 390px;
					  color: #777;
					  float: left;
					  margin: 0 0 3px;
					  font-size: 0.9em; }
					  #container #main .bh-post form div p.first {
					    background: url(../images/icons/first-post.png) no-repeat 0 0;
					    padding: 0 0 0 20px;
					    margin: 8px 0 0 3px;
					    width: 370px; }
					#container #main .bh-post form div button {
					  border: 0;
					  height: 32px;
					  width: 111px;
					  position: relative;
					  left: 1px;
					  color: white;
					  text-shadow: 0 -1px 0 #446f98;
					  font-size: 1.15em;
					  line-height: 29px;
					  padding: 0 0 4px 0;
					  float: right;
					  background: url(../images/backgrounds/bg-buttons-post.png) no-repeat 0 0; }
					  #container #main .bh-post form div button:hover {
					    background-position: 0 -32px; }
					  #container #main .bh-post form div button:active {
					    background-position: 0 -64px; }

		#container #main .first-steps {
		  background: url(../images/backgrounds/first-steps.png) no-repeat 0 0;
		  padding: 10px 0 0;
		  margin: 14px 10px;}
			#container #main .first-steps ul {
			  background: url(../images/backgrounds/first-steps.png) no-repeat -510px bottom;
			  padding: 7px 25px 17px;
			  overflow: hidden;}
			  #container #main .first-steps ul li {
			    display: block;
			    padding: 12px 0;}
			    #container #main .first-steps ul li h4 {
			      font-weight: normal;
			      margin: 0;
			      font-size: 1.3em;
			      color: #555;
			      min-height: 23px;
			      padding: 5px 0 0 38px;
			      background: url(../images/icons/first-steps.png) no-repeat 0 0;}
			      #container #main .first-steps ul li h4.second {
			        background-position: 0 -150px;}
			      #container #main .first-steps ul li h4.third {
			        background-position: 0 -300px;}
			    #container #main .first-steps ul li p {
			      color: #999;
			      margin: 0;
			      padding: 0 0 0 38px;}
			  
	#container #misc {
	  width: 250px; 
	  float: right; }
		#container #misc h2 {
		  background-position: 0 -30px; }
		#container #misc .profile {
		  background: url(../images/backgrounds/bg-misc-info.png) no-repeat 0 0;
		  padding: 10px 10px 9px;}
		  #container #misc .profile .photo {
	    position: relative;
		    width: 230px;
		    height: 135px;
		    display: block;
		    margin: 0 0 7px;}
  		  #container #misc .profile .photo span {
			    width: 230px;
			    height: 135px;
			    display: block;
			    position: absolute;
			    top: 0;
			    left: 0;
			    background: url(../images/backgrounds/profile-cache.png) no-repeat 0 0; }
			  #container #misc .profile .photo img {
			    position: relative;
			    top: 5px;
			    left: 5px;}
			#container #misc .profile .tags {
			  border-top: 1px solid #f3f3f3;
			  padding: 11px 0 0; }
			  #container #misc .profile .tags a.block {
			    background: url(../images/backgrounds/bg-tags.png) no-repeat 0 0;
			    display: block;
			    height: 20px;
			    color: #777;
			    padding: 0 0 0 18px;
			    text-decoration: none; }  
			    #container #misc .profile .tags a.block span {
			      background: url(../images/backgrounds/bg-tags.png) no-repeat right -20px;
			      display: block;
			      height: 20px;
			      float: left;
			      line-height: 22px;
			      font-size: 0.95em;
  			    padding: 0 18px 0 2px;}
	  		#container #misc .profile .tags ul {
	  		  overflow: hidden;
	  		  margin: 4px 0 0;}
	  		  #container #misc .profile .tags ul li {
	  		    float: left;
	  		    display: block;
	  		    margin: 0 5px 0 0;}
					  #container #misc .profile .tags ul li a {
					    background: url(../images/backgrounds/bg-tags.png) no-repeat 0 -40px;
					    display: block;
					    height: 20px;
					    padding: 0 0 0 3px;
					    text-decoration: none; }  
					    #container #misc .profile .tags ul li a span {
					      background: url(../images/backgrounds/bg-tags.png) no-repeat right -60px;
					      display: block;
					      height: 20px;
					      float: left;
					      line-height: 22px;
					      font-size: 0.95em;
		  			    padding: 0 18px 0 2px;}
		  #container #misc .profile h3 {
		    font-size: 1.55em;
		    margin: 0 0 2px;}
			#container #misc .profile p {
			  color: #666;
			  font-size: 0.95em;
			  margin: 0 0 5px;
			  line-height: 1.3em; }
			  #container #misc .profile p strong {
			    color: #333; }
		#container #misc ul.stats {
		  height: 41px;
		  overflow: hidden;
		  margin: 0 0 15px;}
		  #container #misc ul.stats li a {
		    display: block;
		    background: url(../images/backgrounds/bg-stats.png) no-repeat 0 -41px;
		    height: 41px;
		    float: left;
		    padding: 6px 0 0;
		    text-align: center;}
		    #container #misc ul.stats li a:hover {
		      text-decoration: none; }
		      #container #misc ul.stats li a:hover strong {
		        color: #36679f; }
		      #container #misc ul.stats li a:hover em {
		        color: #666; }
		    #container #misc ul.stats li a.first {
		      background-position: 0 -41px;
		      width: 82px;}
		      #container #misc ul.stats li a.first:hover {
		        background-position: 0 0;}
		    #container #misc ul.stats li a.second {
		      background-position: -82px -41px;
		      width: 85px;}
		      #container #misc ul.stats li a.second:hover {
		        background-position: -82px 0;}
		    #container #misc ul.stats li a.third {
		      background-position: -167px -41px;
		      width: 83px;}
		      #container #misc ul.stats li a.third:hover {
		        background-position: -167px 0;}
		    #container #misc ul.stats li a strong {
		      display: block;
		      font-size: 1.1em;
		      color: #666;}
		    #container #misc ul.stats li a em {
		      font-style: normal;
		      font-size: 0.85em;
		      color: #999;
		      position: relative;
		      left: 0;
		      top: -2px;}
		#container #misc .invitation {
		  background: url(../images/backgrounds/bg-misc-info.png) no-repeat -250px bottom;
		  padding: 10px;}
		  #container #misc .invitation p {
		    background: url(../images/icons/invitation.png) no-repeat 0 2px;
		    margin: 0 0 8px;
		    padding: 0 0 0 17px;
		    color: #999;}
		    #container #misc .invitation p strong {
		      color: #36679f;}
		  #container #misc .invitation form {
		    overflow: hidden;}
		    #container #misc .invitation form input {
		      border: 0;
		      background: url(../images/backgrounds/bg-invitation.png) no-repeat 0 0;
		      width: 145px;
		      height: 21px;
		      float: left;
		      padding: 4px 5px 0;}
		      #container #misc .invitation form input:focus {
		        background-position: 0 -25px;}
		    #container #misc .invitation form button {
		      background: url(../images/backgrounds/bg-invitation.png) no-repeat -155px 0;
		      float: left;
		      width: 75px;
		      height: 25px;
		      line-height: 26px;
		      border: 0;
		      padding: 0 0 2px;
		      color: white;
		      text-shadow: 0 -1px 0 #446f98; }
		      #container #misc .invitation form button:hover {
		        background-position: -155px -25px;}
		        #container #misc .invitation form button:active {
		        background-position: -155px -50px;}
		#container #misc ul.top{
		  background: url(../images/backgrounds/bg-misc-info.png) no-repeat -250px bottom;
		  overflow: hidden;}
		  #container #misc ul.top li{
		    margin: 0 10px;
		    border-top: 1px solid #f3f3f3;
		    top: -1px;
		    padding: 10px 0;
		    font-weight: bold;
		    position: relative;}
		    #container #misc li span{
		      float: right;
		      color: #666;}
			
			#container #main ul.status {
			  margin: 5px 0 0;}
				#container #main ul.status li {
				  position: relative;
				  display: block;
				  min-height: 55px;
				  padding: 10px 0;
				  border-bottom: 1px solid #e8e8e8; }
					#container #main ul.status li:hover {
					  background: #f6f6f6;}
					  #container #main ul.status li:hover a.delete {
					    display: block;}
					#container #main ul.status li a.photo {
					  position: absolute;
					  left: 0;
					  top: 10px;
					  height: 55px;
					  width: 70px; }
					  #container #main ul.status li a.photo span {
						  position: absolute;
						  background: url(../images/backgrounds/status-cache.png) no-repeat 0 0;
						  left: 0;
						  top: 0;
						  height: 55px;
						  width: 70px; }
					  #container #main ul.status li a.photo img {
					    position: relative;
					    left: 4px;
					    top: 4px;}
					#container #main ul.status li a.delete {
					  background: url(../images/icons/delete.gif) no-repeat 0 1px;
					  font-size: 0.85em;
					  position: absolute;
					  right: 10px;
					  padding: 0 0 0 12px;
					  top: 12px;
					  display: none;}
					#container #main ul.status li a.follow {
					  display: block;
					  background: url(../images/backgrounds/bg-search-follow.png) no-repeat 0 0;
					  width: 30px;
					  height: 26px;
					  position: absolute;
					  top: 12px;
					  right: 10px;
					  text-decoration: none;}
					  #container #main ul.status li a.follow:hover {
					    background-position: 0 -26px;}
					    #container #main ul.status li a.follow:hover strong {
					      display: block;}
				    #container #main ul.status li a.follow strong {
				      display: none;
				      color: white;
				      text-align: center;
				      line-height: 32px;
				      font-weight: normal;
				      position: absolute;
				      width: 63px;
				      top: 30px;
				      height: 26px;
				      text-decoration: none;
				      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
				      background: url(../images/backgrounds/bg-search-ask.png) no-repeat 0 0;
				      right: 0;}
					#container #main ul.status li a.unfollow {
					  display: block;
					  background: url(../images/backgrounds/bg-search-follow.png) no-repeat 0 -52px;
					  width: 55px;
					  height: 26px;
					  position: absolute;
					  top: 12px;
					  right: 10px;
					  text-decoration: none;}
					  #container #main ul.status li a.unfollow:hover {
					    background-position: 0 -78px;}
					    #container #main ul.status li a.unfollow:hover strong {
					      display: block;}
				    #container #main ul.status li a.unfollow strong {
				      display: none;
				      color: white;
				      text-align: center;
				      line-height: 32px;
				      font-weight: normal;
				      position: absolute;
				      width: 104px;
				      top: 30px;
				      height: 26px;
				      text-decoration: none;
				      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
				      background: url(../images/backgrounds/bg-ask.png) no-repeat 0 0;
				      right: 0;}
					#container #main ul.status li p {
					  padding: 0 70px 0 80px;
					  font-size: 1.03em;
					  line-height: 1.2em;
					  margin: 0;}
					  #container #main ul.status li p span {
					    display: block;}
					  #container #main ul.status li p strong.em {
					    font-size: 1.1em;}
            #container #main ul.status li p strong.secure {
					    background: url(../images/icons/secure.gif) no-repeat right 4px;
					    padding: 0 13px 0 0;}
					  #container #main ul.status li p em {
					    display: block;
					    font-style: normal;
					    font-size: 0.9em;
					    color: #999;
					    margin: 1px 0 0;}
				  #container #main ul.status li .tags {
					  padding: 5px 70px 0 80px; }
					  #container #main ul.status li .tags a.block {
					    background: url(../images/backgrounds/bg-tags.png) no-repeat 0 0;
					    display: block;
					    height: 20px;
					    color: #777;
					    padding: 0 0 0 18px;
					    text-decoration: none; }  
					    #container #main ul.status li .tags a.block span {
					      background: url(../images/backgrounds/bg-tags.png) no-repeat right -20px;
					      display: block;
					      height: 20px;
					      float: left;
					      line-height: 20px;
					      font-size: 0.95em;
		  			    padding: 0 18px 0 2px;}
			  		#container #main ul.status li .tags ul {
			  		  overflow: hidden;
			  		  margin: 4px 0 0;}
			  		  #container #main ul.status li .tags ul li {
			  		    float: left;
			  		    display: block;
			  		    min-height: inherit;
			  		    margin: 0 5px 0 0;
			  		    padding: 0;
			  		    border-bottom: 0;}
							  #container #main ul.status li .tags ul li a {
							    background: url(../images/backgrounds/bg-tags.png) no-repeat 0 -40px;
							    display: block;
							    height: 20px;
							    padding: 0 0 0 3px;
							    text-decoration: none; }  
							    #container #main ul.status li .tags ul li a span {
							      background: url(../images/backgrounds/bg-tags.png) no-repeat right -60px;
							      display: block;
							      height: 20px;
							      float: left;
							      line-height: 20px;
							      font-size: 0.95em;
				  			    padding: 0 18px 0 2px;}
			
			#container #main form.search {
			  overflow: hidden;
			  font-size: 1.1em;}
			  #container #main form.search input {
			    width: 399px;
			    height: 23px;
			    border: 0;
			    background: url(../images/backgrounds/bg-search-index.png) no-repeat 0 0;
			    padding: 7px 8px 0;
			    float: left;
			    font-size: 1em; }
			    #container #main form.search input:focus {
			      background-position: 0 -30px;}
			  #container #main form.search button {
			    width: 115px;
			    height: 30px;
			    font-size: 1em;
			    border: 0;
			    line-height: 31px;
			    color: white;
			    text-shadow: 0 -1px 0 #446f98;
			    background: url(../images/backgrounds/bg-search-index.png) no-repeat -415px 0;
			    padding: 0;
			    float: left;
			    padding: 0 0 1px; }	
			    #container #main form.search button:hover {
			      background-position: -415px -30px;}		
			    #container #main form.search button:active {
			      background-position: -415px -60px;}
			  #container #main form.search p {
			    margin: 0;
			    padding: 3px 0 0 2px;
			    float: left;
			    font-size: 0.8em;
			    color: #888;}		    
			#container #main a.more {
			  background: url(../images/backgrounds/bg-more.png) no-repeat 0 0;
			  height: 32px;
			  display: block;
			  width: 530px;
			  text-shadow: 0 -1px 0 #446f98;
			  color: white;
			  text-align: center;
			  font-size: 1.1em;
			  line-height: 30px;
			  text-decoration: none;
			  margin: 10px 0 0;} 
			  #container #main a.more:hover {
			    background: url(../images/backgrounds/bg-more.png) no-repeat 0 -32px;}
			  #container #main a.more:active {
			    background: url(../images/backgrounds/bg-more.png) no-repeat 0 -64px;}		
			
			#container #main h3 {
			  font-size: 1.8em;
			  margin: 10px 0 0;
			  position: relative;}
			  #container #main h3 a {
			    background: url(../images/backgrounds/bg-follow.png) no-repeat 0 0;
			    display: block;
			    position: absolute;
			    right: 0;
			    top: 0;
			    height: 28px;
			    padding: 0 0 0 35px;
			    text-decoration: none; }
			    #container #main h3 a:hover { 
			      background-position: 0 -56px;} 
				    #container #main h3 a:hover span { 
				      background-position: right -84px;} 
			    #container #main h3 a:active { 
			      background-position: 0 -112px;} 
				    #container #main h3 a:active span { 
				      background-position: right -140px;} 
				  #container #main h3 span.followed {
				    background: url(../images/backgrounds/bg-followed.png) no-repeat 0 0;
				    padding: 0 8px 0 26px;
				    right: 29px;
				    height: 26px;
				    position: absolute;
				    top: 0;
			      font-weight: bold;
			      color: #666;
			      font-size: 0.55em;
			      display: block;
			      line-height: 28px;}
				  #container #main h3 a.unfollow {
				    width: 29px;
				    height: 26px;
				    background: url(../images/backgrounds/bg-followed.png) no-repeat right -52px;
				    padding: 0;}
				    #container #main h3 a.unfollow:hover {
				      background-position: right -26px;}
				      #container #main h3 a.unfollow:hover strong {
				        display: block;}
				    #container #main h3 a.unfollow strong {
				      display: none;
				      font-size: 0.5em;
				      color: white;
				      text-align: center;
				      line-height: 32px;
				      font-weight: normal;
				      position: absolute;
				      width: 104px;
				      top: 30px;
				      height: 26px;
				      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
				      background: url(../images/backgrounds/bg-ask.png) no-repeat 0 0;
				      right: 0;}
			    #container #main h3 a span {
			      background: url(../images/backgrounds/bg-follow.png) no-repeat right -28px;
			      display: block;
			      height: 28px;
			      float: left;
			      line-height: 28px;
			      font-size: 0.55em;
			      color: white;
			      font-weight: normal;
			      text-shadow: 0 -1px 0 #446f98;
  			    padding: 0 18px 0 2px;}	  
  			    
#footer {
  width: 800px;
  margin: auto;
  font-size: 0.85em; }
  #footer ul {
    margin: 30px 0;
    padding: 8px 0 20px;
    border-top: 1px solid #e8e8e8; }
    #footer ul.sign-up{
      margin: 0 0 30px;}
    #footer ul li {
      float: right;
      margin: 0 0 0 10px; }
	    #footer ul li.copyright {
	      float: left;
	      margin: 0;
	      color: #333333; }
	    #footer ul li a {
	      color: #999; }
		    #footer ul li a:hover {
		      color: #444; }