/* @override 
	http://127.0.0.1:8888/css/newsified.css
	http://newsified.com/css/newsified.css
*/

/* ------------------------------------------------------------
	Newsified - 2008
------------------------------------------------------------ */
         
/* ------------------------------------------------------------
	General
------------------------------------------------------------ */

/*
hi hi hi
This isn't super-polished, or polished at all really. Thanks for taking a look though!
*/

body {margin:0;padding:0;color:#333;font-family:arial, helvetica, sans-serif; }

h1, h2, h3, h4, h5 {margin-bottom:9px;font-weight:bold;letter-spacing:-0.05em;}

img.favicon {margin:0;margin-left:-15px;margin-top:4px;/*height:16px;width:16px;opacity:0.2;*/}

img.thumb {margin:1px 0;}
.short-story-wrap img.thumb {margin:5px 5px 5px 0;}


#header {text-align:center;font-weight:bold;margin-top:10px;/*background-color:#f1f1f1;*/display:block;height:65px;margin:0 -10px;padding:6px 0;color:#555;position:relative;}
#header h1 {margin-bottom:0;color:#555;margin-top:-8px;}
#header h1 a {color:#333;border:0px;font-family:arial, helvetica, sans-serif;}
#header h1 a:hover {border-bottom:1px dotted #333;}
#header h1 img {position:relative;top:8px;}
#header p.tagline {font-style:;font-size:1.1em;margin-top:;margin-left:2px;}

body.home #header h1, body.about #header h1 {display:block;width:265px;height:45px;margin-left:auto;margin-right:auto;overflow:hidden;}
body.home #header h1 img, body.about #header h1 img {position:relative;left:-10px;}

 
#header span.drop-arrow {display:inline-block;width:27px;height:28px;background: url(http://newsified.com/images/newsified/drop-button.gif) no-repeat;margin:0px -5px;border:0;position:relative;top:5px;}

	#header span.drop-menu {display:none;}
	#header span.drop-arrow:hover span.drop-menu {display:block;}
	#header span.drop-menu {position:absolute;top:25px;left:-145px;border:1px solid #999;background-color:#eee;z-index:999;width:170px;opacity:0.96;border-top:1px solid #ccc;border-left:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
		#header span.drop-menu a {display:block;border:1px solid #ccc;line-height:1.3;background: url(http://newsified.com/images/newsified/header-bgnd.gif) 0 -31px repeat-x;text-align:right;padding:2px 10px;font-size:0.8em;/*-webkit-border-radius:5px;*/}
		#header span.drop-menu a:hover {background-image:none;background-color:#fff;}
		#header span.drop-menu img {position:relative;top:3px;padding:0;margin:0;margin-right:3px;}

		/*#header span.drop-menu-shadow {display:block;position:absolute;width:170px;border:1px solid;left:255px;top:45px;height:166px;z-index:9;background-color:#000;opacity:0.2;}*/

		#header span.drop-menu.digg span.digg {display:none;}
		#header span.drop-menu.reddit span.reddit {display:none;}
		#header span.drop-menu.mixx span.mixx {display:none;}
		#header span.drop-menu.metafilter span.metafilter {display:none;}
		#header span.drop-menu.delicious span.delicious {display:none;}
		#header span.drop-menu.youtube span.youtube {display:none;}						
		
/*p {margin:;}*/

a {font-weight:bold;text-decoration:none;border-bottom:1px solid; /*color:#333;*/}
#content-page a:visited {color:#999;}

.to-left {float:left;}
.to-right {float:right;}

.vdiv {color:#ccc;margin:0 2px;}
p .source {color:#888;font-variant:small-caps;font-size:1.1em;}
p.meta {margin-top:-14px;font-size:9px;text-transform:uppercase;color:#999;letter-spacing:0.1em;}
p.meta span.date {color:rosybrown;}
p.meta a {color:#666;} /*comments link*/

p.meta a.external {border:0px;margin-right:1px;} /*for favico*/
p.meta img {float:none;padding:0;margin:0;top:1px;}

.top-nav {/*background-color:#000;*/color:#ccc;padding:4px 10px 7px 10px;font-size:0.9em;width:994px;margin:0 auto;text-align:left;position:relative;}

	.top-nav img.logo {float:left;margin:-4px 8px 0 -2px;}	
	.top-nav img {margin:0;padding:0;float:none;margin-bottom:-4px;margin-right:3px;}	
	.top-nav a {color:#fff;font-size:1.0em;border-color:#ccc;border-width:0px;text-decoration:;font-family:arial, helvetica, sans-serif;position:relative;}
	.top-nav a:hover {color:#fff;border-width:1px;border-bottom:1px;}
	.top-nav .vdiv {color:#999;margin:0 2px;}
	.top-nav .to-left {width:66%;position:relative;}
	.top-nav .to-right {width:30%;text-align:right;}
	
	/*.category-block + .top-story {border-top:1px dotted #999;margin-top:10px;}*/
	.top-story.breakout {border-top:1px dotted #999;margin-top:10px;}

.container {padding:0 5px;}
.container {background: url(http://newsified.com/images/newsified/header-bgnd.gif) 0 -31px repeat-x;}
.top-nav {background: url(http://newsified.com/images/newsified/header-bgnd.gif) repeat-x;}

.top-story {text-align:center;/*margin-top:10px;*//*border-top:1px solid #ccc;*/padding-top:10px;width:935px;margin-left:-10px;/*margin-bottom:-10px;*/}
	.top-story h2 {margin:10px 0px 3px 0;font-size:3.0em;text-transform:uppercase;line-height:1.1;/*display:inline-block;*/}
	.top-story p, .top-story .main-story p {max-width: 850px;margin-left:auto;margin-right:auto; /*font-size:1.1em;*/}
	/*.top-story p.meta {margin-top:-14px;}*/
	
	.reddit .top-story p.meta {margin-top:6px;}
	

.top-row-stories {}

	.top-row-stories .main-story h3 {width:200px;overflow:hidden;}

.category-block {}
	
	h4 {text-transform:uppercase;font-size:0.9em;padding:5px 3px;margin:15px 0;
		border-top:1px solid #666;border-bottom:1px solid #bbb;width:99%;letter-spacing:0;background-color:#f1f1f1;}
		
	h4.hot {background-color:#f5ebeb;}
	
	.first h4 {width:95%;}	
		.top-row-stories h4 {width:auto;}
	
	.category-block h5 {margin-bottom:2px;}
	.category-block p {margin-bottom:15px;margin-left:15px;}
	.category-block a {}
	.source-url {max-width:130px;overflow:hidden;display:inline-block;vertical-align:text-top;margin-top:-1px;}

	.category-block p.meta {margin-top:-12px;}

.main-story {}

	.main-story h3 {margin-bottom:1px;letter-spacing:-0.00em;line-height:1.3;text-transform:uppercase;overflow:hidden;}
	.main-story p {margin-left:0;}
	.main-story a {}
	.main-story p img {position:relative;top:2px;margin-left:0px;margin-right:4px;}	

.link-story {overflow:hidden;}

	.link-story p {}
	.link-story p.meta {margin-top:-10px;}
	.link-story a {text-decoration:none;}
	.link-story .source {max-width:130px;overflow:hidden;display:inline-block;vertical-align:text-top;margin-top:-1px;}
	
	* html .link-story {width:210px;} /*ye olde star html hack in effect*/ 
	
	.story-1 {font-size:170%;line-height:1.1;letter-spacing:-1px;}
	.story-2 {font-size:150%;line-height:1.2;letter-spacing:-1px;}
	.story-3 {font-size:130%;line-height:1.2;letter-spacing:-1px;}
	.story-4 {font-size:110%;line-height:1.2;}
	.story-5 {font-size:110%;line-height:1.2;}
	.story-6 {font-size:100%;line-height:1.2;}
	.story-7 {font-size:100%;line-height:1.2;}
	.story-8 {font-size:100%;line-height:1.2;}
	.story-9 {font-size:90%;line-height:1.2;}
	.story-10 {font-size:90%;line-height:1.2;}


#footer {text-align:center;border-top:1px solid #ccc;padding-top:20px;margin:40px 0px 0 0px;color:#666;background-color:#f4f4f4;clear:both;}
#footer a.email {font-size:1.4em;}

	#footer .top-nav {height:16px;width:auto;} /*or not so top nav*/


/* ------------------------------------------------------------
	Page=specific stuff
------------------------------------------------------------ */

.reddit-self {font-size:100%;line-height:1.2;color:#999;letter-spacing:0px;}
.reddit-self a {color:#999;}

.reddit .first h4 {width:100%;padding-right:10px;}	

.reddit .source-url {margin-top:1px;}

.digg p.meta span.source {max-width:126px;overflow:hidden;display:inline-block;margin-top:-1px;margin-right:4px; display:-moz-inline-block;display:-moz-inline-box; }
.digg .top-story p.meta a.external {margin-right:4px;position:relative;top:3px;}
.digg .top-story .main-story p.meta a.external {margin-right:0px;position:relative;top:0px;}
/*.digg .short-story h5 {margin-top:30px;}*/
.digg .short-story-wrap {margin-bottom:20px;}
.digg .short-story-wrap p.meta {margin-bottom:5px;}

.digg .top-story h2 {border:0px;max-width:850px;margin-left:auto;min-width:;margin-right:auto;}

.digg .digg-button {position:absolute;top:120px;font-size:10px;color:#ccc;text-transform:uppercase;font-family:arial, verdana, sans-serif;text-align:center;border-right:1px dotted #ccc;padding-right:8px;}


.mixx p.meta span.source {max-width:126px;overflow:hidden;display:inline-block;margin-top:-1px;margin-right:4px; display:-moz-inline-block;display:-moz-inline-box; }
.mixx .top-story p.meta a.external {margin-right:4px;position:relative;top:3px;}
.mixx .top-story .main-story p.meta a.external {margin-right:0px;position:relative;top:0px;}
/*.mixx .short-story h5 {margin-top:30px;}*/
.mixx .short-story-wrap {margin-bottom:20px;}
.mixx .short-story-wrap p.meta {margin-bottom:5px;}

.mixx .top-story h2 {border:0px;max-width:850px;margin-left:auto;min-width:;margin-right:auto;}


.delicious .quick-links {}
.delicious .quick-links p {font-size:11px;margin:0 0 10px 0;}
.delicious .quick-links .vdiv {margin:0;}

.metafilter .top-story p {max-height:40px;overflow:hidden;}
.metafilter .top-story h3+p {max-height:20px;overflow:hidden;}
.metafilter .top-story ul {max- height:20px;overflow:hidden;}
.metafilter .top-story.breakout {max-height:150px;overflow:hidden;}
.metafilter .top-story p.reveal {max-height:10000px;overflow:auto;}

.metafilter .top-row-stories .meta {margin-top:0px;}
	
	.summary {overflow:hidden;}


.metafilter .main-story blockquote {}

.youtube .main-story {min-height:95px;}

/* ------------------------------------------------------------
	Home page + generic pages
------------------------------------------------------------ */

body.home {}

	body.home .page {}

	body.home .page {text-align:center;margin-bottom:0px;}

	.page h1 {line-height:1.2;margin-top:20px;letter-spacing:-2px;}
	body.home .page h1 img {margin-right:4px;} /*favicons home page*/
	body.home .page h1 a {margin-top:12px;letter-spacing:-1px;} /*big page links*/
	
	/*.page .sub {color:#ccc;border:4px solid #fff;font-weight:;font-size:0.7em;}*/
	
.page h3 {}

.page ul {margin-top:-13px;}
.page ul li {margin-bottom:3px;}


#twitter {float:right;margin:30px -10px 20px 20px;padding:10px 10px 20px 20px;width:270px;border-left:1px solid #eee;border-right:1px solid #eee;}

	#twitter h2 {font-size:20px;letter-spacing:0;}

	#twitter a {text-decoration:underline;}

	#twitter .tweet {margin-bottom:10px;}

	#twitter .date {margin-bottom:2px;}
	#twitter .status {color:#333;padding-left:10px;}
	#twitter .time {color:#999;font-style:italic;margin-left:3px;}
	
/* a {border:none;color:#000;}
#content-page {font-family:georgia, serif;}*/