/*
Theme Name: number61i
Description: number61.net for iPhone.
Author: Matthew Gipp
Version: 1.0
*/

* { margin : 0; }
html { height : 100%; }

p a.more-link {font-size: 1.5em; color: #c9894e !important; border: none;}

body {
		text-align : center;
		background-color : #252525;
		margin : 0;
		font-size : 0.75em;
		height : 100%;
		}

#content {
		position : relative;	
		height : auto;
		min-height : 450px;
		width: 320px;}

#postcontainer {
		position : relative;
		width: 320px;
		float : left;
		margin : 0;
		}

p {
		font-family : "lucida grande", "lucida sans unicode", sans-serif;
		font-size : 13px; color : #bbb;
		line-height : 20px;
		}

a {color : #888; font-size : 10px; text-decoration : none; font-family: helvetica;}
b, strong { color : #bbb; }
a:active, a:focus { outline : 0; }

.intra { color: #c9894e !important; }
img { border : 0; }

.filmcam {
		position : absolute;
		z-index : 900;
		bottom : 10px;
		left : 10px;
		}
		
blockquote {
		
		border-left : 1px solid #444;
		padding-left : 10px;
		font-family : "lucida grande", arial, sans-serif;
		font-size : 12px;
		color : #888;
		line-height : 21px;
		max-width: 280px;
		}

.pullquote {
		margin : 0;
		font-family : georgia;
		font-size : 1.6em;
		color : #cccccc;
		margin-top : 10px;
		line-height : 23px;
		}

.entry .pullquote a {
		font-family : georgia;
		font-size : 22px;
		color : #cccccc;
		border : none;
		}

.blue {color : #4d9bca; border : none; text-decoration : none;}



.one .entry {position : relative; margin : 0px 10px 20px 10px;}
.one .entry p {margin : 10px 0;}

.entry a { border-bottom : 1px dotted #666; color : #4d9bca; }
.entry a:hover { color : #cccccc; }

p a.more-link {font-size: 1.5em; color: #c9894e !important; border: none;}

.block h2 {margin: 5px 0 0 10px;}
.block h2 a {
		font-family : "Helvetica Neue", Helvetica, sans-serif;
		font-weight : 300;
		color : #4d9bca;
		font-size : 18px;
		text-decoration : none;
		text-align : right;
		border : none;
		padding : 2px;
		}

.block.one h2 a:hover { background: #333; }

.quote h2 {
		position : relative;
		font-family : "Helvetica Neue", Helvetica, sans-serif;
		font-weight : 300;
		position : relative;
		text-align : right;
		margin : 0 10px;
		display : none;
		}

.quote h2 a {
		font-family : "Helvetica Neue", Helvetica, sans-serif;
		font-weight : 300;
		font-size : 15px;
		margin-left : 70px;
		}

h5 {
		color : #ccc;
		font-family : helvetica;
		font-size : 18px;
		margin : 10px 10px 5px 10px;
		text-align : left;
		}

h8 {
		position : absolute;
		font-family : "Helvetica Neue", Helvetica, sans-serif;
		margin : 10px;
		text-align : left;
		width : 200px;
		z-index : 200;
		line-height : 22px;
		color : black;
		background-color : white;
		font-size : 20px;
		font-weight : 300;
		}

h8 a {
		position : absolute;
		color : black;
		background-color : white;
		padding : 0;
		z-index : 2;
		}

h4 {
		font-family : "Helvetica Neue", Helvetica, sans-serif;
		font-weight: 300;
		font-size : 2.2em;
		padding : 0;
		margin : 0 auto;
		color : #ccc;
		margin: 20px 10px;
		}

.infiniteheader {
		width : 100%;
		text-align : center;
		position : absolute;
		line-height : 50px;
		z-index : 100;
		top : 60px;
		font-size : 60px;
		font-family : helvetica;
		font-weight : bold;
		color : #d1e44c;
		}

.block {
		position : relative;
		height : 310px;
		float : left;
		margin: 5px 10px;
		overflow : hidden;
		text-align : left;
		}
		
.block a { font-family : "lucida grande", arial, sans-serif; font-size : 12px; }

.dateline {
		color : #888;
		font-family : arial;
		font-size : 10px;
		position : relative;
		text-align : left;
		background : #111;
		padding-left : 10px;
		height : 20px;
		padding-top : 10px;
		border-bottom : 1px solid #222;
		}

.graphic .dateline { border-bottom : none; }

.blurb {
		position : absolute;
		color : white;
		bottom : 30px;
		right : 10px;
		z-index : 500;
		background : #222;
		font-size : 14px;
		margin-left : 10px;
		text-align : left;
		padding : 4px;
		}

.blurb a, .blurb a:hover {
		font-size : 14px;
		color : #4d9bca;
		border-bottom : 1px dotted #4d9bca;
		}

.one {width : 298px; height: 320px; border : 1px solid #2a2a2a; background-color: #1b1b1b;}
.two {width : 572px; border : 1px solid #2d2d2d; background : #1b1b1b;}
.three {width : 864px; height: auto; border : 1px solid #2d2d2d; background : #1b1b1b;}



.graphic {
		text-align : center;
		clip : auto;
		}

.graphic h2 {
		position : absolute;
		margin : 0px 0 0 0;
		text-align : left;
		width : auto;
		z-index : 1;
		line-height : 22px;
		background : #111111;
		padding : 5px 10px 10px 10px;
		}

.graphic h2 a {
		font-weight : 300;
		padding : 2px;
		color : #4d9bca;
		}

.graphic .entry {
		position : absolute;
		margin : 0;
		height : 290px;
		}

.graphic p {
		padding : 0;
		margin : 0;
		margin-left : 0;
		}

.graphic.one .entry {
		width : 280px;
		margin-left : 0;
		}

.graphic.two h2 { max-width : 300px; }

.graphic .meta { right : 0; bottom : 10px; color : black; }
.graphic .meta a {border : none; color : #aaa; }

.source {
		text-align : right;
		position : relative;
		right : 10px;
		color : #666;
		font-family : "lucida grande", arial, sans-serif;
		font-size : 12px;
		top : -10px;
		}

.source a { border : none; }

#searchcontainer { margin: auto; }
#searchcontainer p.center { font-size : 15px; margin-bottom : 30px;}
#searchcontainer h2 {color : #4d9bca;; font-size: 3em;}

.blog, .blog_we { background : none; width: 300px; height : auto; padding : 20px 0px; margin: 0 10px;}

.blog h2, .blog_we h2 { position : relative; font-size : 30px; float : left; line-height: .8em; margin: 0 !important; width: 270px;}

.blog h2 a, .blog_we h2 a { font-size : .8em; padding : 0; top : -20px; color : #c9894e;}

.blog .entry, .blog_we .entry {
		position : relative;
		width: 300px;
		margin-left: 10px !important;
		display : block;
		float : left;
		margin: 10px 0 0 0 !important;
}
		
.blog p, .blog_we p {
		font-family : "lucida grande", arial, sans-serif;
		font-size : 1.02em;
		line-height : 1.7em;
		word-spacing: 0em !important;
		text-align : left;
		padding : 0;
		margin: 10px 0;
		color : #aaa;
		}

.firstletter {
		width : auto;
		display : block;
		float : left;
		font-size : 3.75em;
		line-height : 1em;
		margin-bottom : -0.25em;
		margin-right : 3px;
		color : #FFF;
		font-family : georgia;
		}

.blog .dateline, .blog_we .dateline {
		position : relative;
		float : left;
		padding : 0 !important;
		font-size : 11px;
		color : #666;
		background : none;
		width : 100%;
		border-bottom : none;
		margin: 3px 0 0 0 !important;
		}

span.thetime { float : left; margin-left : 3px; width : auto; }
.blog span.thetime, .blog_we span.thetime { text-transform : uppercase; }

span.author { float : left; text-transform : uppercase; margin-left: 0 !important; color : #aaa; width : auto; }
span.older { float: right; }
span.newer { float: left; }

.one span.author, .two span.author { color : #555; }

.weekend_tag p { margin: 0; font-size: 1.25em; color: #ddd; }
.dateline span.slash {color : #888; float : left; margin-left : 3px; width : auto; }

.blog .tags, .blog_we .tags {
		float : left;
		clear: both;
		font-size : 10px;
		width : auto;
		color : #222;
		margin: 4px 0 0 0px !important;
		}

.blog .tags a, .blog_we .tags a {
		font-size : 10px;
		text-transform : uppercase !important;
		margin-left: -2px !important;
		padding: 2px 4px !important;
		font-weight : bold;
		color: #222;
		background-color: #666;
		}

.blog .comments, .blog_we .comments {
		position : relative;
		width: auto;
		padding: 0 2px;
		float : right;
		text-align : center;
		margin-left: 3px;
		height: 2em;
		width: 20px;
		}

.blog .comments p.comments, .blog_we .comments p.comments {
		position : relative;
		height : auto;
		margin : 0 auto;
		background : none;
		}

.blog .comments p.comments a, .blog_we .comments p.comments a {
		color : #666;
		font-family : helvetica;
		font-size : 3em;
		line-height: .5em;
		font-weight: bold;
		}
		
.blog .comments p.comments a:hover, .blog_we .comments p.comments a:hover { color: #aaa; }

h1 {
		position : relative;
		text-align : left;
		margin : 0px 0 10px 15px;
		width : auto;
		float: left;
		clear: both;
		font-size: 20px;
		}
h1 a {
		position : relative;
		font-family : helvetica;
		font-size : 2.75em;
		color : #444;
		padding : 0;
		text-transform : uppercase;
		letter-spacing: -.055em;
		line-height: .70em;
		}

#mastheadwrapper {
		position : relative;
		width: 100%;
		max-width : 960px;
		margin: 20px auto 0px auto;
		}

#masthead {
		position: relative;	
		width: 100%;
		height: 85px;
		margin-left: 0px;
		
		}

#hedcontainer {
		position : relative;
		width : 100%;
		margin: 0 auto;
		}

.meta a {color : #555;}
.meta p { font-size : 12px; font-family : "lucida grande", arial, sans-serif; line-height : 15px; color : #444;}

.one p.tags, .two p.tags, .three p.tags {
		margin : 0;
		padding : 0;
		font-size : .75em;
		}

.one p.tags a, .two p.tags a, .three p.tags a {
		text-transform : uppercase;
		background : none;
		font-size : 1.1em;
		}

.one .tags, .two .tags, .three .tags {
		position : absolute;
		bottom : 3px;
		right : 5px;
		width : 260px;
		text-align : right;
		}

.one .tags a:hover, .two .tags a:hover, .three .tags a:hover {
		background-color : #777777;
		color : #222222;
		}

.one p.comments, .two p.comments, .three p.comments {
		margin : 0 10px 0 0;
		padding : 0;
		text-align : center;
		height: 16px;
		}

.one p.comments a, .two p.comments a, .three p.comments a {
		float: left;
		background : none;
		color : black;
		text-align : center;
		font-size : 9px;
		line-height: 1.8em;
		width : 16px;
		font-family: arial;
		}

.smalladd {
		line-height: 1em;
		font-size: 1.6em;
		color: #777;
		font-family: arial;
		font-weight: bolder;
		overflow: visible;
		}

.smalladd:hover { color: #fff; }

.smallbubble {
		float:left;
		width: 17px;
		height: 16px;
		background-image : url(/img/bubble5.png);
		background-repeat : no-repeat;
		}

.one .comments, .two .comments, .three .comments {
		width : 16px;
		position : absolute;
		top : 4px;
		right : 8px;
		}

.editbutton { position : absolute; top : 31px; right : 0; z-index: 100; }
.editbutton a {color : #7a3733; font-size : 26px;}

.permalink { position : absolute; top : 1px; right : 5px; }
.permalink a { color : #aaa; padding : 0 2px; font-size : 23px; }

.tagterm { color: #f8ff83; text-transform: lowercase;}

.searchterm { background-color : #7a3733;}
#comment_stem { float : left; width : 100%; margin-top : 20px;}

#respond {
		
		float : left;
		text-align : left;
		width : 856px;
		margin-top : 0;
		background: #333;
		padding: 0 10px;
		}

#respond p { margin-top : 0; }

textarea#comment {
		background : #444;
		color : #aaa;
		border : 1px solid #555;
		font-size : 12px;
		width : 854px;
		min-height : 10px;
		margin-top : 10px;
		}

h3 {
		width : auto;
		float : right;
		text-align : left;
		color : #555;
		font-family : helvetica;
		font-size : 30px;
		margin-right : 10px;
		margin-top : -15px;
		}
		
#comments {
		position : relative;
		float : left;
		width: auto;
		margin-top : 25px;
		margin-bottom : 30px;	
		}


#commentform {
		width : 856px;
		margin : 10px 0;
		float: left;
		}

#commentform p {
		float:left;
		clear: both;
		width: 100%;
		margin: 2px 0px;	
		}

#commentform p a { font-size: 1em; color: #ccc; font-weight: bold; }
#commentform p input { color: #aaa; }
		
#commentform p input#submit {
		font-size: 1.2em;
		margin-top: 10px;
		background: #222;
		}

h4.comments {
		position : relative;
		clear : both;
		float : left;
		font-size : 25px;
		font-family : helvetica;
		color : #666;
		text-align : left;
		margin : 0px;
		padding : 20px;
		width : 836px;
		text-transform : uppercase;
		border-top : 1px solid #444;		
		}

ol.commentlist {
		float : left;
		text-align : left;
		padding : 0 0;
		margin : 0 0 20px 0px;
		width : 876px;
		height : auto;
		}

ol.commentlist em { color : red; }

.commentlist li {
		float : left;
		padding : 10px;
		list-style : none;
		margin-top : -1px;
		height : auto;
		width : 856px;		
		}

.comment_text {
		float : left;
		width : 360px;
		margin : 10px 0 0 0;
		height : 100%;
		margin-left : 60px;
		}

.comment_text p { margin : 0 0 10px 0; }

.comment-author.vcard { float : left; margin : 10px 0 20px 0; width : 25%; }

.commentmetadata { width : 200px; height : 12px; margin-top : 5px; position : relative; }
.commentmetadata a { position : relative; color : #555555; }

.commentlist cite {font-size : 20px; color : #ccc; }
.commentlist span { color : #666; font-size: 1.2em; }

.thread-even { background: #2a2a2a; }
.thread-alt { border-bottom : 1px solid #333; }

.comment-author-admin {background : #11111e; border: 1px solid #555; width: 854px !important; }
.comment-author-admin p { color : #eeeeee; }
.comment-author-admin cite.fn { color : #7a3733; }



cite.fn {font : 1.3em normal helvetica; padding : 0; }
cite.fn a {font-size : 1em;}

input { background : #444; border : 1px solid #555; color : #888; }

#footer {
		position : relative;
		text-align : center;
		bottom : 0;
		width : 100%;
		height : 100%;
		clear : both;
		background : #111;
		margin : 0;
		padding : 0;
		border-top : 1px solid #2c2c2c;
		}

#footer_wrapper {
		position : relative;
		margin : 0 auto;
		width : 100%;
		bottom : 0;
		height : 280px;
		}

#fc2 { position : relative; float : left; width : 320px; height : auto; clear: both; background-color: #333;}
#fc2 .archive { width : 100%; }
#fc2 .archive p { font-family : georgia; font-style : italic; font-size : 2em; padding-bottom : 10px !important ; color : #555; }

#fc2 .archive ul {
		list-style : none;
		text-align : left;
		padding : 10px;
		}

#fc2 .archive ul li a {
		font-size : 1.75em;
		text-transform : uppercase;
		color : #ccc;
		padding : 2px;
		}

#fc2 .archive ul li a:hover { color : black; background-color : #ccc; }

#fc3 {
		position : relative;
		float : left;
		width : 320px;
		height : 200px;
		}

#fc3 .blogroll { position : absolute; width : 100%; height : auto; }

.blogrollheader {width : 100%; float : left;}
.blogrollheader p {
		font : italic 2em georgia;
		color : #555;
		padding-bottom : 0 !important;
		}

#fc3 .blogroll p {
		text-align : left;
		line-height : 1.25em;
		padding : 10px;
		}

#fc3 .blogroll p a {
		color : #ccc;
		font-family : arial;
		font-size : 1em;
		text-transform : lowercase;
		}

#fc3 .blogroll .col {
		text-transform : uppercase;
		width : 50%;
		float : left;
		height : 100%;
		}

#footer #wp_plug {
		position : relative;
		
		width : 320px;
		text-align : right;
		border-top : 1px solid #333;
		clear: both;
		}

#wp_plug p {
		font-size : 8pt;
		color : #333;
		margin : 0;
		line-height : 25px;
		}

ol.footnotes {
		margin-top : 20px;
		border-top : 1px solid #444;
		padding-top : 10px;
		padding-left: 50px;
		}

.footnote a {border : none; font-family : "lucida grande", "lucida sans unicode", sans-serif; font-size : 1em; line-height : 1.4em;}

a.footnote-identifier-link {
		border : none;
		color : #c9894e;
		font-family : arial;
		font-size : 10px;}

a.footnote-back-link { color : #c9894e; }

.footnote-link {
		line-height : 0;
		font-family : helvetica;
		font-size : 10px;
		border : none;
		}

li.footnote {
		font-size : 1.15em;
		line-height : 1.4em;
		margin-bottom : 10px;
		font-family : "lucida grande", "lucida sans unicode", sans-serif;
		color : #888;
		}
		

.postnav {
		position : relative;
		height : 41px;
		text-transform : uppercase;
		color : #ccc;
		clear : both;
		margin-left : -5px;
		margin-bottom : -5px;
		width : 886px;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		}

.postnav a {font-size : 13px; font-family : "lucida grande", "lucida sans unicode", sans-serif; font-weight : 300; color : #999; line-height: 40px;}

.pagenav {
		position : relative;
		height : 41px;
		clear : both;
		margin : 0 0 30px 0;
		width : 100%;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		}

.pagenav a {font-size : 13px; font-family : "lucida grande", "lucida sans unicode", sans-serif; font-weight : 300; color : #999; line-height: 40px;}

.nextpost {float : left; margin-left : 5px; width : auto; padding: 0 5px;}
.prevpost {float : right; margin-right : 5px; width : auto; padding: 0 5px;}
.prevpost a, .nextpost a {padding: 12px 0px;}
.prevpost a:hover, .nextpost a:hover {
	color: white;
}

#navbar {
		position : relative;
		width : 100%;
		height : 3.5em;
		background : #333;
		}

#nav, #nav ul {
		position : absolute;
		float : left;
		clear : both;
		width : 100%;
		margin : 0;
		padding : 0;
		list-style-type : none;
		list-style-position : outside;
		line-height : 3.5em;
		z-index : 100;
		background-color : #333;
		text-align : center;
		}
		
#nav a {
		display : block;
		padding : 0;
		color : #ccc;
		text-decoration : none;
		background-color : #333;
		font-family : "Helvetica Neue", Helvetica, sans-serif;
		font-weight : 200;
		font-size : 1.4em;
		height : 2.5em;
		float : left;
		width : 100%;
		letter-spacing : 1px;
		}

#nav a:hover {background-color : #fff; color : #333;}

#nav li {
		float : left;
		position : relative;
		width : 100px;
		margin : 0;
		padding : 0;
		}

#nav ul {
		position : absolute;
		display : none;
		width : 320px;
		top : 3.5em;
		border : 1px solid #333;
		border-top : none;
		}
		
#nav ul a {letter-spacing : 0; color : #fff;}
#nav li ul {width : 98px; margin : 0;}

#nav li ul a {
		width : 98px;
		height : auto;
		float : left;
		padding : 0;
		margin : 0;
		background: #2a2a2a;}

#nav ul ul {top : auto;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display : none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display : block;}

li#tags a:hover {background: #f8ff83;}

li#blog a {background-color: #555;}
li#blog a:hover{background-color: #c9894e; color: white;}

#search {
		width : 300px;
		height : 3em;
		float : left;
		clear: both;
		list-style: none;
		margin: 0px 0 10px 10px !important; 
		padding: 0 !important; line-height: .5em;
		}
		
		
		
form#searchform {width : 100%; margin-left: 0px !important; padding: 0px !important; font-size: 16px;}		

input#s {
		position : relative;
		background : #2e2e2e;
		color : #888;
		text-align : center;
		width : 100%;
		font-family : "lucida grande", "lucida sans unicode", sans-serif;
		font-size : 1em;
		border : none;}
		
input#s:focus { color: #111; background-color: #ddd;}

li#armageddon a {background: #7a3733 !important;}
li#armageddon a:hover {background-color: #fff !important; width: 156px; margin-left: -4px;}

li#news a {background:  #357791 !important;}
li#news a:hover {width: 156px; margin-left: -4px; color: #fff !important;}		

li#arts a {background: #1A5371 !important;}
li#arts a:hover {width: 156px; margin-left: -4px; color: #fff !important;}

li#culture a {background: #1B6582 !important;}
li#culture a:hover {width: 156px; margin-left: -4px; color: #fff !important;}

li#sports a {background: #374746 !important;}
li#sports a:hover {width: 156px; margin-left: -4px; color: #fff !important;}

li#science a{background: #5186A1 !important;}
li#science a:hover {width: 156px; margin-left: -4px; color: #fff !important;}

li#video a {background: #333 !important;}
li#video a:hover {width: 156px; margin-left: -4px; color: #fff !important;}

.commentlist li .commentnumber {
		float : right;
		color : #444444;
		font-size : 2.5em;
		margin : 0;
		clear : right;
		font-family : helvetica;
		}

ol.footnotes li {list-style-type : decimal;}
ol.footnotes {font-size : 0.8em; color : #666666;}

.oftext {font-size : 0.5em;}