/*-----------------------------------------------------------------------------------
  Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, 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; background: transparent; }
  body { line-height: 1; }
  ol, ul { list-style: none; }
  :focus { outline: 0; }
  table { border-collapse: collapse; border-spacing: 0; }


/*---------------------------
  Elements
---------------------------*/
	body { background: #333; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 10px; }
	h1 { color: #ccc; font-size: 28px; margin: 0 0 25px 0; }
	h2 { color: #ccc; font-size: 20px; margin: 0 0 5px 0; }
	h3 { color: #ccc; font-size: 16px; margin: 0 0 5px 0; }
	a { text-decoration: none; }
	input, textarea { font-family: Helvetica, Arial, sans-serif; }	


/*-------------------------------------------
  Global
-------------------------------------------*/
	.left { float: left; }
	.block_left { float: left; margin: 0 10px 10px 0; }
	.right { float: right; }
	.block_right { float: right; margin: 0 0 10px 10px; }
	.center { text-align: center; }
	.clear { clear: both; }
		
	.empty { color: #999; font-size: 16px; font-style: italic; }
	
	form input, form textarea { background: #565656; border: 0; font-size: 13px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 5px 0; padding: 5px; }
	form label { color: #bcbcbc; display: block; font-size: 12px; margin: 0 0 15px 0; }
	form input:focus, form textarea:focus { background: #999; }
	form label small { color: #555; font-size: 11px; font-weight: normal; }
	form input.submit { color: #bcbcbc; padding: 5px 10px; }
	form input.submit:hover { background-color: #999; color: #fff; cursor: pointer; }
	form div { margin: 0 0 15px 0; }
	form p { color: #BCBCBC; font-size: 20px; padding: 0 0 15px 0; }
	
	#flash_notice { background-color: #ccc; bottom: 0; color: #333; font-size: 14px; left: 165px; opacity: 0.9; padding: 5px 10px; position: absolute; width: 500px; }
	
	#content { margin: 15px auto; overflow: hidden; width: 990px; }
	
	#header { background: #1D1D1D; height: 105px; padding: 18px 0 17px; width: 100%; }
	#header .inner { height: 105px; margin: 0 auto; position: relative; width: 970px; }
	#header .users { height: 65px; position: absolute; right: 0; top: 3px; width: 805px; }
	#header .users li { float: left; margin: 0 2px 0 0; }
	#header .users a { display: inline-block; height: 65px; overflow: hidden; }
	#header .users a img { height: 55px; width: 55px; }
	#header .users a:hover, #header .users a.selected { border: 2px solid #EC1B23; height: 51px; }
	#header .users a:hover img, #header .users a.selected img { margin: -2px; }
	
	#header .links { bottom: 0; position: absolute; right: 0; width: 700px; }
	#header .links a { color: #666; float: right; font-size: 11px; height: 15px; line-height: 15px; margin: 3px 0 0 15px; text-decoration: none; }
	#header .links a:hover { color: #999; }
	#header .rss { background: url(../images/sprite_icons.png) no-repeat right -49px; padding: 0 25px 0 0; }
	#header #search_form { float: right; margin: 0 0 0 15px; }
	#header .search { background: #1d1d1d; border: 1px solid #333; color: #666; float: left; font-size: 11px; height: 15px; padding: 3px 3px 0px 3px; margin: 0; width: 175px; }
	#header .search_submit { background: url(../images/sprite_icons.png) no-repeat right -65px; border: 0; height: 20px; margin: 0; padding: 0; text-indent: -9999px; width: 20px; }
	#header .search:focus { border-color: #999; color: #999; }
	
	#main_logo { background: url(../images/logo_main.png) no-repeat; display: block; height: 87px; text-indent: -9999px; width: 113px; }
	
	#footer { margin: 0 auto 50px auto; width: 980px; }
	#footer img { float: left; margin: 0 10px 0 0; }
	#footer p { color: #1D1D1D; font-size: 17px; line-height: 1.3; }

	
	/* Individual Post */
	.post { border: 5px solid #1D1D1D; background: #1D1D1D; float: left; height: 320px; position: relative; margin: 5px; width: 310px; }
	
	.post object, .post embed { height: 200px; width: 290px; }
	
	.post .content { color: #BCBCBC; font-size: 16px; line-height: 27px; left: 10px; /*margin: 30px 10px 10px 10px;*/ position: absolute; top: 30px; width: 290px; word-wrap: break-word; }
	.post .content a { color: #EB1A22; }
	.post .content blockquote { background: url(../images/bg_blockquote.png) no-repeat left top; font-size: 19px; line-height: 32px; margin: 5px 0 0 0; padding: 10px 15px; }
	.post .content blockquote p { color: #333; font-size: 13px; }
	.post.tweet .content p { font-size: 16px; line-height: 27px; /*padding: 0 15px 15px 15px;*/ }
	.post.photo .content p, .post.video .content p { font-size: 12px; line-height: 1.2; margin: 0 0 10px 0; width: 250px; }
	.post .content .image { height: 205px; overflow: hidden; text-align: center; width: 290px; }
	.post .content .image img { max-height: 230px; max-width: 100%; }
	
	
	.post .user { background: #0e0e0e; bottom: -5px; cursor: pointer; height: 35px; left: -5px; overflow: hidden; padding: 10px; position: absolute; width: 300px; z-index: 12; }
	.post .user img { float: left; height: 35px; opacity: .5; width: 35px; }
	.post .user .name { font-size: 11px; margin: 5px 0 3px 43px; opacity: .5; text-transform: uppercase; }
	.post .user .date { color: #7B7B7B; font-size: 10px; margin: 0 0 0 43px; opacity: .5; text-transform: lowercase; }
	.post .user .close { background: url('../images/sprite_icons.png') no-repeat left -85px; float: right; height: 20px; opacity: 0; text-indent: -9999px; width: 20px; }
	.post .user .feeds { border-top: 1px solid #212121; margin: 15px 0 0 0; opacity: 0; padding: 15px 0 0 0; }
	.post .user .feeds p { color: #fff; font-size: 12px; line-height: 14px; }
	.post .user .social { margin: 20px 0 0 0; }
	.post .user .social a { background: url('../images/sprite_social.png'); display: inline-block; height: 29px; margin: 0 10px; text-indent: -9999px; }
	.post .user a.twitter { background-position: 0 0; width: 16px; }
	.post .user a.facebook { background-position: -41px 0; width: 14px; }
	.post .user a.flickr { background-position: -76px 0; width: 20px; }
	.post .user a.youtube { background-position: -114px 0; width: 71px; }
	.post .user a.vimeo { background-position: -203px 0; width: 72px; }
	.post .user a.blog { background-position: -292px 0; width: 22px; }
	
	.post.popbox_active .user img,
	.post.popbox_active .user .name,
	.post.popbox_active .user .date,
	.post:hover .user img,
	.post:hover .user .name,
	.post:hover .user .date,
	.post .user:hover img,
	.post .user:hover .name,
	.post .user:hover .date, 
	.post .user.active img,
	.post .user.active .name,
	.post .user.active .date { opacity: 1; }
	.post .user.active { cursor: default; }
	
	
	.post .comments_count { background: url('../images/sprite_icons.png') no-repeat left -20px; cursor: pointer; color: #838383; font-size: 10px; height: 11px; padding: 2px 0 0 10px; position: absolute; right: 10px; text-align: right; top: 10px; width: 15px; z-index: 10; }
	
	.post .comments { background: #0e0e0e; height: 0; left: -5px; overflow: hidden; position: absolute; top: -5px; width: 320px; z-index: 11; }
	.post .comments .inner { height: 300px; padding: 10px; width: 300px; }
	.post .comments .close { background: url('../images/sprite_icons.png') no-repeat left -85px; float: right; height: 20px; text-indent: -9999px; width: 20px; }
	.post .comments .heading { color: #9F9F9F; font-size: 10px; height: 23px; line-height: 17px; margin: 2px 0 0 0; text-transform: uppercase; width: 185px; }
	.post .comments .heading p { float: left; margin: 0 10px 0 0; }
	.post .comments .comments_count { background-position: left -106px; cursor: default; position: static; line-height: 11px; }
	.post .comments .add_comment { color: #474747; float: right; }
	.post .comments .add_comment:hover { color: #9f9f9f; }
		
	.post .comments ul { margin: 5px 10px 0; }
	.post .comments li { border-bottom: 1px solid #212121; padding: 10px 0; }
	.post .comments li:last-child { border: 0; }
	.post .comments li img { float: left; height: 20px; width: 20px; }
	.post .comments li p { color: #7B7B7B; font-size: 11px; line-height: 14px; margin: 0 0 0 30px; }
	.post .comments li strong.no_user { color: #e7e7e7; }
	
	.post .comments .scrollable { border-bottom: 1px solid #212121; height: 240px; width: 100%; position: relative; }
	.post .comments .ui-scrollable { height: 238px; }
	.post .comments .ui-scrollable ul { margin: 0 10px; width: 265px; }
	
	.post:hover, .post.popbox_active { border-color: #0e0e0e; }
	
	.post .delete { color: #333; font-weight: normal; }
		
	/* CUSTOM SCROLLBAR */
	.ui-scrollbar { height: 232px; right: 2px; top: 0; position: absolute; width: 16px; }
	.ui-scrollbar .ui-scrollbar-track { background-color: #1D1D1D; font-size: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	.ui-scrollbar .ui-scrollbar-button-up, .ui-scrollbar-vertical .ui-scrollbar-button-down { background: #1d1d1d url(../images/sprite_icons.png) no-repeat 3px 5px; display: block; left: 0; position: absolute; height: 14px; width: 100%; }
	.ui-scrollbar .ui-scrollbar-button-up { top: 0; }
	.ui-scrollbar .ui-scrollbar-button-down { background-position: 3px -5px; bottom: 0; }
	.ui-scrollbar .ui-scrollbar-handle { background-color: #565656; display: block; height: 100px; right: 0; position: absolute; top: 0; width: 100%; }
	.ui-scrollbar .ui-scrollbar-contents { top: 0; position: absolute; }
	
	/* popbox */
	#popbox_overlay { background: #333; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index: 30; }
	#popbox { background: #1D1D1D url('../images/popbox-loader.gif') no-repeat center; border: 5px solid #0e0e0e; position: fixed; z-index: 31; box-shadow: 0 0 30px #0e0e0e; -moz-box-shadow: 0 0 30px #0e0e0e; -webkit-box-shadow: 0 0 30px #0e0e0e; }
	#popbox_close { background: url(../images/close.png) no-repeat center center; display: block; height: 30px; left: -15px; opacity: 0; position: absolute; text-indent: -9999em; top: -15px; width: 30px; }
	#popbox_content { overflow: hidden; position: relative; }
	#popbox_content .caption { background: #0e0e0e; bottom: 0; color: #BCBCBC; font-size: 12px; line-height: 18px; left: 0; opacity: 0; padding: 10px 10px 8px 10px; position: absolute; z-index: 32; width: 100%; }
	
	/* COMMENT FORM */
	#comment_form { padding: 30px; width: 350px; }
	#comment_form .comment { height: 80px; }

	.load_more { background: #1D1D1D url(../images/load_more_arrow.png) no-repeat 440px center; color: #8e8e8e; display: block; font-size: 13px; height: 29px; line-height: 29px; margin: 5px; text-align: center; }
	.loading { background: #1D1D1D url(../images/loading.gif) no-repeat center center; }
	
	
/*-------------------------------------------
  Editing/adding feeds - posts
-------------------------------------------*/
	#left_column { float: left; margin: 0 100px 0 0; width: 400px; }
	#right_column { float: left; width: 400px; }
	
	#signup form, #login form, #forgot-password form { background-color: #2c2c2c; padding: 20px; }
	#signup { margin: 0 0 100px 0; }
	#login { margin: 0 0 25px 0; }
	#login_form { padding: 20px; }
	
	#control_panel { background-color: #e7e7e7; border-bottom: 1px solid #444; height: 35px; }
	#control_panel .inner { margin: 0 auto;  padding: 5px 10px 5px 20px; position: relative; width: 990px; z-index: 1000; }
	.button { background-color: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; border-color: #ddd #ccc #ccc #ddd; color: #565656; display: inline-block; font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; padding: 0 15px; }
	.button:hover { background-color: #e4eff4; cursor: pointer; }

	#control_panel .user { float: right; font-weight: bold; }
	#control_panel .user a { color: #333; font-size: 11px; }
	#control_panel .user img { vertical-align: middle; }
	#control_panel .user .logout { color: #666; font-size: 10px; font-weight: normal; }
	
	#post_form { padding: 20px; }
	#post_form textarea { height: 200px; padding: 5px; }

	#media { border-top: 1px solid #3d3d3d; margin: 20px 0 0 0; padding: 20px 0 0 0; }
	#media .tabs { margin: 0 0 20px 0; overflow: hidden; }
	#media .tabs li { display: block; float: left; }
	#media .tabs li a { background-color: #1d1d1d; color: #5F5F5F; display: block; float: left; height: 31px; line-height: 31px; margin: 0 1px 0 0; padding: 0 10px; }
	#media .tabs li a.tagged_in { background-color: #CAF4F4; border-color: #CAF4F4; }
	#media .tabs li a.selected { background-color: #ccc; color: #000; }
	
	.action_button { background-color: #F2F2F2; color: #666; display: block; float: right; font-size: 11px; font-weight: bold; height: 30px; line-height: 30px; margin: 0 0 0 5px; padding: 0 10px; }
	
	.image_feeds { float: left; margin: 0 20px 0 0; }
	.info { float: left; }
	
	.add_feed { background-color: #2c2c2c; border: 2px solid #1d1d1d; clear: both; overflow: hidden; margin: 0 0 20px 0; padding: 0 0 10px 0; }
	.add_feed .header { background: #1d1d1d; height: 32px; padding: 0 10px; position: relative; }
	.add_feed .header .loading { position: absolute; right: 5px; top: 7px; }
	.add_feed .header img { margin: 0 0 0 5px; vertical-align: middle; }
	.add_feed .header p { color: #999; font-size: 12px; line-height: 32px; }
	.add_feed form { padding: 10px; }
	.add_feed form img { margin: 0 10px 0 0; }
	.add_feed .field_wrapper { float: left; margin: 0 10px 0 0; }
	.add_feed input { padding: 2px; width: 175px; }
	.add_feed input.submit { float: left; margin: 0 5px 0 0; padding: 0 10px; width: auto; }
	.add_feed .cancel { color: #666; margin: 0 0 0 10px; }
	.add_feed .submit_wrapper, .edit_feed .submit_wrapper { line-height: 28px; }
	.add_feed input.submit, .edit_feed input.submit { margin: 3px 0 0 0; }
	.delete_feed { color: #666; float: right; font-size: 11px; font-weight: bold; margin: 0 15px 0 0; line-height: 32px; }