/* 
Theme Name: New York
Theme URI: http://protocol7.net
Description: Modifications for a new city
Version: 1.0
Author: A. Mignolo :: Protocol 7
Author URI: http://protocol7.net

License: I didn't explicitely state this before, but this particular design, the combination of layout, 
typography, and other design details, is copyright protocol7.net.  Please do *not* steal this design!  

This one is for Protocol 7, only here.

*/

/* Global
------------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address,.more-link  {
	margin:0;
	padding:0;
	}

a, a:link, a:visited {
	outline: none;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

blockquote:before, blockquote:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

ul {
list-style-type: none;
}

.fin {
	display: none;
}

/* Layout
------------------------------------------------------------------*/

#wrapper {
	width: 960px;
	
}

h1, strong.header {
	top: 0;
	width: 790px;
	background: #FFF;
	padding: 15px 0 15px 5px;
	z-index: 10;
	border-bottom: 1px dotted #CCC;
	padding-left: 170px;
}



#nav {
	width: 120px;
	margin: 0 10px;
	float: left;
	display: inline;
	overflow: hidden;
}

ul#postnav {
	position: fixed;
	top: 130px;
}

ul#yearnav {
	position: fixed;
	top: 180px;
}

ul#pagenav {
	position: fixed;
	top: 380px;
}

ul#yearnav li {
	padding: 5px 0;
}


ul.aboutnav li {
	color: #CCC;
	border-bottom: 1px solid #EEE;
}

#content {
	width: 790px;
	margin: 0 0 0 10px;
	float: right;
	display: inline;
}

#content span.date {
	margin:  -4px 0 0 0;
	padding: 0;
	display: block;
}

#content > .entry:first-child {
	margin-top: 30px;
}

.entry {
	margin-top: 50px;
	clear: left;
	margin-bottom: 30px;
}

#content.home .entry {
  margin: 20px 0;
}


#content p {
	margin-right: 320px;
}

.one {
	width: 60px;
	margin: 0 10px;
}

.two {
	width: 120px;
	margin: 0 10px;
}

.three {
	width: 220px;
	margin: 0 10px;
}

.four {
	width: 300px;
	margin: 0 10px;
}

.five {
	width: 380px;
	margin: 0 10px;
}

.six {
	width: 460px;
	margin: 0 10px;
}

.seven {
	width: 540;
	margin: 0 10px;
}

.eight {
	width: 620px;
	margin: 0 10px;
}

.nine {
	width: 700px;
	margin: 0 10px;
}

.ten {
	width: 780px;
	margin: 0 10px;
}

.eleven {
	width: 860px;
	margin: 0 10px;
}

.twelve {
	width: 940px;
	margin: 0 10px;
}

ul.post-categories {
	border-top: 1px solid #000;
	border-bottom: 1px dotted #CCC;
	margin-right: 320px;
	overflow: hidden;
}

ul.post-categories li {
	padding: 0 10px;
	float: left;
}

ul.commentlist {
	margin-right: 320px;
	margin-bottom: 40px;
	border-bottom: 1px solid #000;
}

ul.commentlist li {
	text-align: right;
	margin-right: 10px;
}

ol.commentlist {
  list-style-type: none;
}

ol.commentlist li {
  border-top: 1px solid #EEE;
  padding-top: 15px;
}

#content .reply {
	margin-bottom: 5px;
}

#respond h3 {
	margin-top: 10px;
}



ul#postnav li {
	margin-top: -5px;
}

ul#pagenav li {
	margin-bottom: 5px;
}

ul#pagenav li.syndicate {
	margin-top: 30px;
}

.contactform {
	margin-bottom:  30px;
}

#search {
	margin-top: 10px;
}

#footer {
	clear: both;
	background: #FFF;
  width: 790px;
	margin-top: -10px;
	overflow: hidden;
	float: right;
	display: inline;
}

#footer.single {
  border-top: 1px solid #EEE;
}

p.delicious-extended {
  font-size: 12px;
}

span.error {
	display: block;
	padding-top: 30px;
}

#footer h3, #footer h3 a {
  margin: 10px 0;
  color: #000;
}

#twitter h3, #linking h3 {
  margin-bottom: 0;
}

#closing {
  clear: both;
  border-top: 1px dotted #CCC;
  padding-bottom: 10px;
}

#closing p {
padding-left: 10px;
}

#tumblr h3, #twitter h3, #linking h3 {
  padding-left: 24px;
  line-height: 18px;
}

#tumblr h3 {
  background: url(images/elsewhere/tumblr_16.png) no-repeat;
}

#twitter h3 {
  background: url(images/elsewhere/twitter_16.png) no-repeat;
}

#linking h3 {
  background: url(images/elsewhere/delicious_16.png) no-repeat;
}

#tumblr img {
  padding: 3px;
  background: #EFEFEF;
  border: 1px solid #000;
}

.col1 {
  width: 550px;
  margin-right: 25px;
  display: inline-block;
  border-right: 1px solid #EEE;
  float: left;
  padding-bottom: 15px;
  overflow: hidden;
}

.col2 {
  width: 200px;
  display: inline-block;
  float: left;
}

ul#twitter, ul#tumblr, ul#linking {
  float: left;
  display: inline;
}

ul#twitter, ul#linking {
  margin-left: 10px;
}

ul#reading, ul#linking {
  margin-top: 10px;
}

ul#twitter_update_list li, #delicious-posts-p7 li {
  padding: 10px 0;
  border-bottom: 1px dotted #CCC;
}


/* Style
------------------------------------------------------------------*/



/* Supplementary
------------------------------------------------------------------*/
#supplementary {
	width: 220px;
	position: fixed;
	top: 80px;
	left: 730px;
}

#supplementary h3 {
	margin-top: 15px;
}


/* Typography
------------------------------------------------------------------*/

@font-face {
  font-family: "Junction";
  src: url("./t/junction.otf");
}

@font-face {
  font-family: "Museo-300";
  src: url("./t/Museo300-Regular.otf");
}

body, h3#comments, #yearnav, .mobile h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6, cite, .date, .entry > p:first-child:first-line, strong.header {
	font-family: "Museo-300", "Constantia", Georgia, "Times New Roman", Times, serif;
}

#content {
	font-size: 13px;
	line-height: 24px;
}

h1, strong.header {
	font-size: 18px;
	color: #AAA;
	text-transform: normal;
}

h1 a span, strong.header a span {
	color: #FF9900;
}

h1 span.subnav, strong.header span .subnav {
	color: #ff9900;
}

h2, .entry h1 {
	font-size: 20px;
	clear: both;
}


ul#pagenav, ul.aboutnav {
	font-size: 13px;
}

#yearnav {
	font-size: 10px;
}

ul.post-categories {
	text-transform: uppercase;
	font-size: 11px;
}

span.excerpt {
  line-height: 24px;
}

span.excerpt p {
}

cite {
	font-size: 18px;
}

span.date {
	color: #666;
	font-size: 9px;
	text-transform: uppercase;
}

#respond {
	border-top: 2px solid #000;
	width: 470px;
	margin-bottom: 55px;
}

#respond p {
	margin-right: 0;
}

.caption {
	font-size: 10px;
	color: #666;
	margin-top: -15px;
	line-height: 14px;
}

blockquote {
	margin: 20px;
	padding-left: 10px;
	border-left: 2px solid #666;	
	font-style: italic;
	line-height: 18px;
	font-size: 12px;
	text-align: justify;
}

#content .entry h3 {
	border-bottom: 1px solid #EEE;
	margin-right: 320px;
	margin-top: 35px;
}

h4 {
	text-transform: uppercase;
	margin-bottom: -15px;
}

.entry ul {
	list-style-type: lower-roman;
	margin-bottom: 25px;
}

.alignleft {
	float: left;
	padding: 3px;
	margin-right: 15px;
}

.alignright {
	float: right;
}

h4.alignright {
	width: 290px;
	color: #999;
}

#content p.none {
	margin-right: 0;
	clear: right;
	margin-top: 1px;
}

.entry img {
	border: 1px solid #000;
}

li.previous span, li.next span, li.about span, li.archives span, li.syndicate span {
	font-size: 11px;
	color: #FF9900;
	padding-left: 35px;
}

li.about {
	padding-left: 2px;
}

input {
	border: 1px solid #333;
}

#footer, #closing {
	font-size: 12px;
	line-height: 14px;
	color: #333;
}

#closing {
  padding-top: 5px;
}

#footer p, #closing p {
	margin: 3px 0 0 0;
}


/* Links
------------------------------------------------------------------*/

#nav a {
	color: #888;
}

ul.post-categories a {
	color: #000;
}


#nav a:hover, ul.post-categories a:hover, #nav li:hover a  {
	color: #FF9900;
}

h1, strong.header { font-size: 14px;}

h1 a, strong.header a {
	color: #000;
	font-size: 18px;
	letter-spacing: 1px;
}

h1 a:hover, strong.header a:hover {
  color: #FF9900;
}

strong.header {
  display: block;
  font-weight: normal;
}

ul#postnav span, ul#pagenav span {
	visibility: hidden;
}

ul#postnav li.previous:hover span, ul#postnav li.next:hover span, ul#pagenav li.about:hover span, 
ul#pagenav li.archives:hover span, ul#pagenav li.syndicate:hover span {
	visibility: visible;
}


#content .entry h2 a, ul.commentlist li a, cite a, #content .entry h1 a {
	color: #000;
	font-weight: normal;
	border: 0;
	letter-spacing: 0;
}

#content .entry h1  {
  font-weight: normal;
  width: 640px;
  border: 0;
  font-size: 24px;
  text-align: left;
  padding: 0;
}

#content .entry h1 a {
  font-size: 24px;
  font-weight: normal;
  text-shadow: none;
}

#content .entry a, .commentlist p a {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #EEE;
}

#content .entry a:hover, .commentlist p a:hover {
	color:  #FF9900;
}

#supplementary a:hover {
	color: #FF9900;
}

#content .commentlist a.commentdate, .comment-meta a  {
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	clear: left;
	float: left;
}

#content .reply a, #respond a {
	color: #AFAFAF;
}

#content .reply a {
	text-transform: uppercase;
	font-size: 11px;
}

#supplementary a {
	color: #AFAFAF;
	font-weight: normal;
	font-size: 12px;
}

#content .entry h3 a {
	border: 0;
	font-weight: normal;
	font-variant: small-caps;
}

#content.page .entry ul li a {
	font-weight: normal;
}

#content .entry a.more-link {
	display: block;
	border-bottom: 0;
	margin-left: 130px;
}

#footer a, #closing a {
	color: #666;
}

#footer a:hover, #closing a:hover {
	color: #ff9900;
}

#content .commentlist a.commentdate {
	color: #CCC;
	font-weight: normal;
	font-size: 10px;
}


/* Mobile
------------------------------------------------------------------*/
#mobile_wrapper { 
	width: 800px; }

.mobile {
	overflow: hidden;
	margin-top: 10px; 
	margin-bottom: 30px;
	margin-right: 11.2px;
	margin-left: 1px;
	float: left;
	display: inline;
	padding: 50px 10px 5px 10px;
	background: url(images/mobgrad.png) no-repeat #FFF;
	border-top: 3px solid #222;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}




h2#mobile_header {
	margin-top: 80px;
}

h2#mobile_header a {
	color: #000;
}

.mobile h3 {
	margin-bottom: 0;
	font-weight: normal;
	text-transform: none;
	color: #CCC;
	font-size: 11px;
	font-variant: small-caps;
}

.mobile h4 { 
	margin-top: -10px;
	margin-bottom: 0;
	font-weight: normal;
	text-transform: none;
	font-size: 13px;
	font-variant: small-caps;
	color: #333;
	}
	
.mobile a img {
	border: 0;
}

.mobile a {
	color: #000;
}

.mobile_single img {margin-top: 15px;}

#content.mobilegallery {  overflow: hidden; margin-bottom: 30px;}
#content.mobilegallery h2 { margin-bottom: 20px;}
#content.mobilegallery img { width: 100px; height: 100px; }
#content.mobilegallery a img { border: 1px solid #222; margin-right: 3px;}


/* Twitter
------------------------------------------------------------------

#twitter { clear: both; width: 960px; background: url(images/heron2.jpg) left center no-repeat; height: 197px; margin-bottom: -110px; margin-left: -10px; margin-top: 30px; }
#twitter_update_list {  padding-left: 0px; width: 600px }
#twitter_update_list a { color: #888; }
#twitter_update_list span { line-height: 18px; }
#twitter a:hover { color: #ff9900;}
a#twitterfollow { font-size: 10px; color: #ff9900; text-transform: lowercase; clear: both; float: right; margin-right: 325px; padding-top: 20px;}


/* Comments
------------------------------------------------------------------*/

#content ol.commentlist p {
	clear: both;
	margin-right: 0;
}

#content ol.commentlist li.comment {
	width: 460px;
}

#content ul.children li.comment {
	margin-left: 50px;
}

.comment-author cite {
	float: left;
	display: block;
	margin-top: 10px;
}

.comment-author img {
	float: left;
	display: inline;
	margin-right: 15px;
	padding: 2px;
	background: #FFF;
	border: 1px solid #CCC;
}

.commentdate {
	clear: left;
	float: left;
}

h3#comments {
	margin: 0 320px 40px 0;
	background: #EEE;
	text-align: right;
	font-size: 13px;
	padding-right: 10px;
}

/* Footnotes
------------------------------------------------------------------*/
ol.footnotes li {
	list-style-type:decimal;
	margin-bottom: 10px;
}

ol.footnotes {
	font-size:0.8em; 
	color:#000;
	margin-right: 320px;
	margin-bottom: 10px;
	line-height: 14px;
}

#content.page ol.footnotes {
	margin-bottom: 40px;
}


/* Archives
------------------------------------------------------------------*/
.wp-tag-cloud {
	margin-right: 300px;
}

#content.archives h2 {
	margin-top: 20px;
}

ul#categories {
	margin: 20px 280px 0 0;
	list-style-type: none;
	overflow: hidden;
	text-transform: lowercase;
	font-size: 11px;
}

#categories li {
	float: left;
	width: 100px;
	padding-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #EEE;
}

.smartarchives {
	margin: 2em 0px 3em 0;
	font-size: .8em;
}

.smartarchives ul {
	margin: 0 0 1.5em 0;
	list-style-type: none;
}
	
.smartarchives h2 {
	margin: 0;
	font-size: 18px;
}

.smartarchives h2 a {
	text-decoration: none;
	color: #000;
	border: 0;
}

.smartarchives h2 a:hover {
	text-decoration: none;
	border: 0;
}

.monthly {
	clear: both;
	padding-top: 3em;
}

ul.archive_block {
	padding-left: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 2em;
}

#content .archive_block li {
	float: left;
	display: inline;
	padding: 5px 7px;
	background: #000;
	color: #FFF;
	font-size: 11px;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 44px;
}

#content .archive_block li.empty {
	font-size: 11px;
	color: #333;
}

#content .smartarchives .archive_block li a {
	color: #CCC;
	border-bottom: 0;
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px dotted #336699;
	
}

#content.home .entry h2 {
  width: 680px;
  margin-right: 20px;
  float: left;
  display: inline;
}

#content.home .date { 
  font-size: 14px;
  text-align: right;
  display: block;
  color: #c1c1c1;
  text-transform: none;
}

#content.home {
  margin-top: 20px;
}

#content.home .entry {
  border-bottom: 1px solid #EEE;
  padding-bottom: 20px;
  color: #555;
}

#content.home p {
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 5px;
  margin-left: 54px;
}

#content.home .entry .commentcount {
  background: url('images/chat_16.png') left center no-repeat;
  padding-left: 22px;
  padding-right: 10px;
  color: #c1c1c1;
  width: 20px;
  display: block;
  float: left;
  display: inline;
  font-size: 14px;
}

span.says {
  display: none;
}

.dropcap {
  display: block;
  float: left;
  margin-right: 10px;
  width: 96px;
  height: 96px;
  text-indent: -9999px;
}

.dropcap .n {
  width: 96px;
  height: 100px;
}

.a {
  background: url('images/alphabet/a.jpg') no-repeat;
}

.b {
  background: url('images/alphabet/b.jpg') no-repeat;
}

.c {
  background: url('images/alphabet/c.jpg') no-repeat;
}

.d {
  background: url('images/alphabet/d.jpg') no-repeat;
}

.e {
  background: url('images/alphabet/e.jpg') no-repeat;
}

.f {
  background: url('images/alphabet/f.jpg') no-repeat;
}

.g {
  background: url('images/alphabet/g.jpg') no-repeat;
}

.h {
  background: url('images/alphabet/h.jpg') no-repeat;
}

.i {
  background: url('images/alphabet/i.jpg') no-repeat;
}

.j {
  background: url('images/alphabet/j.jpg') no-repeat;
}

.k {
  background: url('images/alphabet/k.jpg') no-repeat;
}

.l {
  background: url('images/alphabet/l.jpg') no-repeat;
}

.m {
  background: url('images/alphabet/m.jpg') no-repeat;
}

.n {
  background: url('images/alphabet/n.jpg') no-repeat;
}

.o { 
  background: url('images/alphabet/o.jpg') no-repeat;
}

.p {
  background: url('images/alphabet/p.jpg') no-repeat;
}

.q {
  background: url('images/alphabet/q.jpg') no-repeat;
}

.r {
  background: url('images/alphabet/r.jpg') no-repeat;
}

.s {
  background: url('images/alphabet/s.jpg') no-repeat;
}

.t {
  background: url('images/alphabet/t.jpg') no-repeat;
}

.u {
  background: url('images/alphabet/u.jpg') no-repeat;
}

.v {
  background: url('images/alphabet/v.jpg') no-repeat;
}

.w {
  background: url('images/alphabet/w.jpg') no-repeat;
}

.x {
  background: url('images/alphabet/x.jpg') no-repeat;
}

.y {
  background: url('images/alphabet/y.jpg') no-repeat;
}

.z {
  background: url('images/alphabet/z.jpg') no-repeat;
}

#content a.video {
  display: block;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px;
}

div.break {
  display: block; height: 10px;
}