/*
Theme Name: The Jersey Man's New Yorker
Theme URI: http://www.christianmontoya.com
Description: This is version 6 of The Montoya Herald, copyright 2006 Christian Montoya, all rights reserved.
Version: 1.0
Author: Christian Montoya
*/

/* font embedding is still a pipe dream
#header h1, #header h2 { 
  color:#fff; 
  font-family: fontfaceFI, "Fontin SmallCaps", inherit;  
  font-size:48px; 
  font-variant:small-caps; 
  font-weight:bold; 
  line-height:1; 
  text-shadow:#666 1px 1px 1px; 
}
#header h1 { 
  margin-bottom:0; 
}
#header h2 { 
  font-size:24px; 
  line-height:1.5; 
  text-shadow:1px 1px 0px #666; 
}
@font-face { 
  font-family: fontfaceDL; 
  src: local("Delicious SmallCaps"), url(fonts/Delicious-SmallCaps.otf) format("opentype"); 
}
@font-face { 
  font-family: fontfaceDS; 
  src: local("Droid Sans"), url(fonts/DroidSans-Bold.ttf) format("truetype"); 
}
@font-face {
  font-family: fontfaceFI; 
  src: local("Fontin SmallCaps"), url(fonts/Fontin-SmallCaps.otf) format("opentype"); 
}
*/ 

html { 
	font-size:100.01%; 
}
body { 
  background:#222 url(img/wallpaper.png); 
  font-size:87.5%; /* 14px on my tiny laptop */ 
  padding:1.5em 0; 
}

/* layout */
#the { 
  width:960px; 
}
#golden { 
  /* background:transparent url(img/domo.png) right top no-repeat; */
  float:right; 
  /* padding-top:386px; */
  width:350px; 
}
#ratio { 
  background:#fff url(img/title.png) center 12px no-repeat; 
  margin-right:367px; 
  padding:1.5em; 
  padding-top:108px; 
}

/* hide the intro */
h1 { 
  position:absolute;
  top:-1000px; 
}
#siteid { 
	display:none; 
}

/* content below the framed picture */
#golden .inside { 
  background:#fff; 
  padding:1.5em; 
}

/* horizontal navigation bar */
#navigation { 
  background:#222; 
  clear:none;  
  margin-bottom:1.5em; 
  overflow:hidden; 
}
html > body #navigation { 
	display:table; 
	width:551px; 
}
#navigation ul { 
  background:#222;
  display:table-row; 
  margin:0; 
  padding:0; 
}
#navigation > ul { 
	width:552px; 
}
#navigation ul li { 
  color:#fff;
  display:inline; 
  list-style-type:none; 
  margin:0; 
  padding:0; 
}
#navigation ul > li {
	border-right:1px solid #fff;  
	display:table-cell;
}
#navigation ul li a, #navigation ul li span { 
  color:#fff; 
  font-weight:bold; 
  line-height:1.5;  
  text-align:center; 
  text-decoration:none; 
  padding:0.5em;  
}
#navigation ul li > a, #navigation ul li > span { 
	display:block; 
	padding:0.75em;
	width:auto; 
}
#navigation ul li a:focus, #navigation ul li a:hover { 
  background-color:#fff; 
  color:#222; 
}

/* trackbacks & comments */
#respond { 
	float:right;
}
#trackbacks, #comments { 
	margin-left:0; 
	padding-left:0; 
}
#trackbacks > li, #comments > li { 
	list-style-type:none; 
	margin-left:0; 
	margin-bottom:1.5em; 
	padding-left:0; 
}
#comments > li { 
	min-height:58px; 
}
.gravatar { 
	border:1px solid #222; 
	float:left; 
	height:40px;
	margin:0 1.32em 1.32em 0;  
	width:40px; 
}
#comments li .comment-text { 
	margin-left:60px; 
}

/* images inside of articles */
.photo { 
  margin:0.75em; 
}
.photoright { 
  float:right; 
  margin-right:0;
  margin-left:1.5em; 
  margin-bottom:1.5em; 
}
.photoleft { 
  float:left; 
  margin-left:0; 
  margin-right:1.5em; 
  margin-bottom:1.5em; 
}
.photo img, .photoright img, .photoleft img, 
.photo a img, .photoright a img, .photoleft a img { 
  border:1px solid #222; 
}
.photo a:hover img, .photoright a:hover img, .photoleft a:hover img { 
  border:1px solid #bbb; 
}

/* homogenous headers */
h2, h3 { 
  font-size:1.2em;
  font-weight:bold; 
  line-height:1.25;
}
h2 {
  border-bottom:1px solid #bbb;
  margin-bottom:1.16em;
}
h3 {
  margin-bottom:1.25em;
}

/* clean meta sections */
h2 + p.meta { 
	margin-top:-1.25em; 
}
h3 + p.meta { 
	margin-top:-1.5em; 
}
div.excerpt { 
  margin-top:-.75em; 
  padding-bottom:.75em; 
}

/* form basics */
legend { 
	margin:0 0 0 0 !important; 
}
input, button, textarea { 
  font-family:inherit; 
  font-size:inherit; 
}
fieldset { 
  border:1px solid #bbb;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px; 
}
input, textarea { 
  background-color:#fff; 
  border:1px solid #222; 
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px; 
  color:#222; 
  padding:0.25em; 
}
textarea { 
	padding:0.75em;
	width:380px !important; 
}
a.button, input.button, button { 
  background-color:#222; 
  border:1px solid #222;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px; 
  color:#fff; 
  cursor:pointer; 
  display:inline-block; 
  font-size:inherit; 
  line-height:1.5; 
  padding:0.16em 0.25em !important; 
}
a.button:focus, a.button:hover, input.button:focus, input.button:hover, button:focus, button:hover { 
  background-color:#eee; 
  color:#222; 
}
a.button:active, input.button:active, button:active { 
  background-color:#bbb; 
  color:#222; 
}

/* Next page / previous page */
#navlinks { 
	display:table; 
	width:100%; 
	zoom:1; 
}
#navlinks p { 
	display:table-row; 
}
#navlinks span, #navlinks a { 
	display:inline-block; 
	display:table-cell;  
}

/* features */
#features { 
	margin-top:-1.5em; 
}
#features dt { 
	padding-top:1.5em; 
}

/* Unique sidebar links */ 
ul#speciallinks { 
	list-style-type:none; 
	margin-left:0; 
	padding-left:0; 
}
ul#speciallinks li {
	margin-left:0; 
	padding-left:0; 
}
#feedlink {
	background:url(img/feed.png) left center no-repeat;
	padding-left:19px;
}
#ruleslink { 
	background:url(img/9rules.png) left center no-repeat;
	padding-left:17px;
}

/* Sidebar Ads */
#adssection { 
	margin-bottom:1.5em; 
	overflow:hidden; 
}
#adssection a { 
	float:left; 
	margin:0 15px 15px 0; 
	width:125px; 
	height:125px; 
}

/* Fixing the asides */
#sideBlogBox { 
	margin-bottom:1.5em; 
}
#sideBlogBox p { 
  display:inline !important; 
}

/* Legacy CSS (I was young and stupid then) */
a#exhover img { border:2px solid #bbb; }
a#exhover:hover img { border:2px solid #bbb; }
a#exhover { display:block; height:50px; width:100px; overflow:hidden; }
a#exhover:hover { display:block; text-indent:-100px; }