/*  
Theme Name: NM Indy Alpha
Theme URI: http://newmexicoindependent.com
Description: New Mexico Independent alpha release theme
Version: 0.1
Author: Chase Martyn
Author URI: http://iowaindependent.com/

*/

/*
Added by Chase
*/

img.smallthumb { width: 106px; float: left; margin: .6em 7px 0 0; }

.alignright { position: relative; float: right; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; }

.alignleft { position: relative; float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }

.wp-caption { border: 1px solid #DDDDDD; background-color: #EFEFEF; padding: 5px; overflow: hidden; }

.wp-caption-text { font-size: .9em; color: #333333; margin-top: 5px; margin-bottom: 0px; }

.wp-caption img { margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; }

p { margin-top: .5em; margin-bottom: .7em; }

.post-content strong, .post-content b, .comments strong, .comments b { font-weight: bold; }

.post-content em, .post-content i, .comments em, .comments i { font-style: italic; }

div.line-bottom {
 border-bottom: 1px solid #eee;
 padding-bottom: .5em;
 margin-bottom: .5em;
}

/*
Copied and pasted from below
*/

.img-holder {
 width: 273px;
 float: left;
 margin: 0 10px 0px 0;
}

.img-holder {
 margin-bottom: 7px;
}




.comment-item p { margin-top 7px; margin-bottom: 7px; }

span.notsure {
 font-size: 88%;

}

div#streak-home {
 margin: 0 0 0 0;
 padding: 0 10px 0 0;
 display: block;
 clear: both;
 background-image: url(h2-tile0.gif);
 background-repeat: repeat-x;
 background-position: left top;
 height: 29px;
}
 
div#streak-blog {
 margin: 0 0 0 0;
 padding: 0 10px 0 0;
 display: block;
 clear: both;
 background-image: url(h2-tile0.gif);
 background-repeat: repeat-x;
 background-position: left top;
 height: 66px;
 text-align: center;
}

div#streak-blog img {
 margin: 0 auto;
 clear: none;
}

/* Main Content */

html {
 background: #c8bdaf;
}

div#doc4, div#doc2 {
 background-color: #fff;
 color: #333
}

.clearer {
 clear: both;
 height: 1px;
 display: block;
}

a {
 text-decoration: none;
 color: #942;
 font-weight: bold;
}

a:hover {
 text-decoration: underline;
 color: #cc8800;
}

a.light {
 font-weight: normal
}

a.find {
 color: #333;
}

a.find:hover {
 color: #333;
 text-decoration: underline;
}

img {
 border: 1px solid #ccc;
 margin: 0 8px 8px 0px;
}

img.no-border, #ft img {
 border: none;
}

a img.icon {
 margin: 0 0 -3px 0;
 border: none;
}

h2 a img.icon {
 border:medium none;
 margin-top:-2px;
 margin-bottom: 0;
 padding:0pt 1px 0pt 0.2em;
}
p {
 padding: 0;
}

h2 a img.icon-alt {
 border:medium none;
 margin-top:-2px;
 margin-bottom: 0;
 padding:0pt 15px 0pt 0.2em;
}

h1 {
 margin-top: 0em;
 padding-bottom: .3em;
 font-size: 238%;
 font-weight: bolder;
 color: #333;
}

h1 a {
 color: #333;
}

h1 a:hover {
 text-decoration: none;
 color: #000;
}

h2, span#eatfood {
 font-size: 100%;
 text-transform: uppercase;
 text-align: left;
 font-weight: bolder;
}

h2.bk, div.fill-bk {
 display: block;
 clear: both;
 background-image: url(h2-tile0.gif);
 background-repeat: repeat-x;
 background-position: left top;
 text-transform: uppercase;
 height: 1em;
 padding: 10px 8px 18px 8px;
 margin-bottom: -12px;
}

h2.bkk {
 display: block;
 clear: both;
 background-image: url(h2-tile0.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 text-transform: uppercase;
 height: 1em;
 padding: 8px 8px 12px 25px;
 margin-bottom: -12px;
}

.hide {
 margin-right: 1px;
}

h3 {
 font-size: 148%;
 font-weight: bolder;
 color: #777;
}

h4 {
 font-weight: bolder;
 color: #777;
 font-size: 116%;
}

h6 {
 color: #777;
 font-size: 85%;
 text-transform: uppercase;
 font-weight: bolder;
 text-align: left;
}

.left {
 float: left;
}

.right {
 float: right;
}

.h2-rss {
 margin-top:-1px;
}

.highlight {
 background-color: #F2E5C7;
}

div#bkgd-grad {
 width:100%;
 height:100%;
 background-image: url(bkgd-gra.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
}

div.line {
 border-right: 1px solid #ccc;
 margin-right: -1px;
}

div.line-left {
 border-left: 1px solid #ccc;
 margin-right: -1px;
}

div#border-left-tile {
 background-image: url(border-l.gif);
 background-repeat: repeat-y;
 background-position: top left;
 position: relative;
 height: 100%;
 left: -10px;
 width: 100%;
 background-color: transparent;
}

div#border-left {
 background-image: url(border-m.gif);
 background-repeat: no-repeat;
 background-position: top left;
 height: 100%;
 margin: 0;
 background-color: transparent;
 width: 100%;
}


div#border-right-tile {
 background-image: url(border-r.gif);
 background-repeat: repeat-y;
 background-position: top right;
 height: 100%;
 background-color: transparent;
 width: 100%;
 position: relative;
 right: -10px;
}

div#border-right {
 background-image: url(border-s.gif);
 background-repeat: no-repeat;
 background-position: top right;
 height: 100%;
 width: 100%;
}
/*\*/
* html div#border-right {
 
}
/**/

/* self-clearing floats */
/* trigger hasLayout and target ie5+6/win only */
* html #nav ul, * html #hd, * html #bd,  * html #ft {
 height: 1%;
}

/* Header */

div#hd {
 background-image: url(header-t.gif);
 background-repeat: repeat-x;
 font-size: 77%;
 font-weight: bolder;
 min-height: 147px;
 height: 100%;
 clear: both;
 display: block;
 margin-right: 10px;
 background-color: #F2E3B9;

}



div#header {
 height: 14em;
 background-image: url(header00.gif);
 background-repeat: no-repeat;
 background-position: center top;
}

div#hd span {
 position: absolute;
 right: 17px;
 top: 5px;
 padding: 0;
 margin: 0;
}

div#hd em {
 position: absolute;
 left: 7px;
 top: 5px;
}

div#siteName {
 width: 100%;
 display: block;
 clear: both;
 text-align: center;
 height: 109px;
 padding: 15px 0 25px 0;
}

div#siteNeed {
 width: 100%;
 height: auto;
 display: block;
 clear: both;
 margin: -1em 0 0 0;
}

div#siteNeed p {
 position: absolute;
 top: 121px;
 left: .8em;
 width: auto;
}

div#siteNeed form {
 position: absolute;
 width: auto;
 right: 18px;
 top: 112px;
 letter-spacing: 1px;
}

div#siteNeed #searchInput {
 border:1px solid #CCCCCC;
 float:left;
 padding:4px 0pt 3px 0;
 width:113px;
 letter-spacing: 1px;
}

* html div#siteNeed #searchInput {
 font-size: 93%;
}

div#siteNeed a.searchLink {
 background-color:#942;
 border:1px solid #720;
 color:#FFFFFF;
 float:left;
 text-align:center;
 width:58px;
 display: block;
 height:auto;
 margin-left:10px;
 padding:3px 1px 3px 1px;
 text-transform: uppercase;
}

#login-type {
 font-size: 100%;
}


div#hd div#nav {
 margin: 0;
 padding: 0;
 width: 100%;
}

div#hd ul {
 list-style: none;
 background-color:#942;
 height: auto;
 float: left;
 font-weight: bolder;
 text-transform: uppercase;
 display: block;
 clear: both;
 width: 100%
}

div#hd li {
 float: left;
 margin: 0;
 padding: 0;
 letter-spacing: 1px;
 text-transform: uppercase;
}


div#hd li.right-side {
 float: right;
}

div#hd li a {
 float: left;
 padding: .6em .9em .4em .9em;
 text-decoration: none;
 color: #fff;
}

div#hd li a:hover {
 text-decoration: underline;
}

div#hd li a.active {
 font-weight: bold;
 color: #fff;
 background-color: #292d34;
}




/************ 
BODY
*************/

div#bd {
 clear: both;
 display: block;
 margin-right: 10px;
}

li.bullets {
 background-image: url(bullet00.gif);
 background-repeat: no-repeat;
 background-position: 0 .56em;
 line-height: 135%;
 margin: 0;
 padding: 0 0 0 .8em;
 font-size: 93%;
}

ul.cate {
 margin-left: .5em;
}

ul.cate li.sel {
 margin-left: -.7em;
 font-weight: bold;
}

li.sel strong {
 font-weight: bold;
}

div.box-item {
 padding: 10px;
}

img.box-item {
 margin: 1px 8px 8px 8px;
}

div.padded-box-item {
 padding: 20px 36px 25px 36px;
}

div.padded-blog-item {
 margin: 0 25px 10px 25px;
 padding-bottom: 30px;
 border-bottom: 1px solid #ccc;
}

* html div.padded-box-item {
 padding: 14px;
}

div.ultra-padded-item {
 padding: 0 20% 0 0;
 margin-bottom: .5em;
 border-bottom: 1px solid #eee;
}

.mini-cleared {
 font-size: 77%;
 margin: .6em 0 .5em 0;
 display: block;
 height: auto;
 clear: both;
}

div.blog-item span.mini {
  font-size: 77%;
}

div.img-holder .mini {
 font-size: 77%;
}

.mini {
 font-size: 100%;
 margin: .6em 0 .5em 0;
 display: block;
 height: auto;
}

.mini a {
 text-transform: uppercase;
}

.mini img, img.RatingSolid, img.RatingEmpty {
 padding: 0;
 margin: 0;
 border: none;
}


div.main-img-holder {
 width: 575px;
 display: block;
 clear: both;
 margin: 10px 0 10px 0;
}

div.main-img-holder img {
 margin: 0 auto;
 text-align: center;
}

.mini-gray {
 font-size: 77%;
 color: #777;
 text-transform: uppercase;
}

.gray {
 color: #777;
}

.mini-gray a { 
 color: #777;
 text-transform: uppercase;
}

.mini-gray a:hover {
 color: #777;
}

div.button-item-left {
 width: 13em;
 padding: .3em 0;
 float: left;
 height: 2em;
 display: block;
}

div#bd ol {
 margin-left: 50px;
}

div#bd ol li {
 list-style-type: decimal;
}


li.button-item {
 padding: .2em 0;
 width: 100%;
}

em.quote, blockquote {
 clear: both;
 display: block;
 margin: .6em 30px;
 padding: .6em;
 background-color: #D4DAE0;
}

em.spaced {
 margin-left: 1.2em;
}

em.on-right {
 float: right;
 width: auto;
 color: #777;
 text-transform: uppercase;
}

div#bd li.line-bottom, div#bd div.slot2, div#bd div.blog-item {
 border-bottom: 1px solid #eee;
 padding-bottom: .5em;
 margin-bottom: .5em;
}

div#bd div.slot2 {
 width: 100%;
 float: left; 
}

div#bd ul.line-bottom {
 border-bottom: 1px solid #eee;
 margin: 0 0 .8em 0;
 padding: 0 0 .5em 0;
}

div#bd li.on-right {
 text-align: right;
}

#StoryRateInput {
 display: block;
 margin: 2em 0 0 0;
}

/****************************
SPECIAL ARTICLE PAGE ITEMS
*****************************/
div.opinion-tile {
 background-image: url(opinion-.gif);
 background-repeat: repeat-x;
 background-position: 0 0;
}
 
.opinion-image {
 padding: 15px 10px 0px 17px;
 display: block;
}

.op-p {
 text-align: left;
 margin: 4px 0 0 0;
 padding: 10px;
 color: #777;
 }

.op-img {
 margin: 6px;
 padding: 0;
 float: left;
 clear: left;
}
 

/*******************
MISC HOME PAGE ITEMS
********************/
span.ad-warn {
 text-align: center;
 display: block;
 clear: both;
 font-size: 77%;
 color: #777;
 text-transform: uppercase;
}

div.ad-right {
 margin: 0 10px 10px 10px;
 text-align: center;
 border: 1px solid #eee;
}

.adspot {
 text-align: center;
 margin: 10px auto;
}


/****************
FOOTER ITEMS 
*****************/

div#ft {
 min-height: 18em;
 height: auto;
 background-image: url(footer-t.gif);
 background-repeat: repeat-x;
 background-position: 0em 1.6em;
 background-color: #fff;
 display: block;
 clear: both;
 margin-right: 10px;
}

div#ft div#copyright {
 background-color: #942;
 font-size: 77%;
 font-weight: bolder;
 text-transform: uppercase;
 display: block;
 clear: both;
 padding: .6em .9em .4em .9em;
 color: #fff;
}

div#ft div.footer-box {
 width: 23.3%;
 min-height: 8em;
 height: auto;
 padding: 1.1em 0em 1em .7em;
 float: left;
 background-color: transparent;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #fff;
}

/*\*/
* html div#ft div.footer-box {
height: 8em;
}
/**/

div#ft div.first {
}

div#ft div.last {
 clear: right;
 border: none;
}

div#ft ul {
 font-size: 93%;
}

div#ft li.heading {
 font-weight: bolder;
}


/****************** 
COMMENT ITEMS 
*******************/
div.padded-comment-item {
 padding: 25px 0 0 0;
 display: block;
 clear: both;
}

ul.comment-items {
 width: 9em;
 float: right;
 text-align: right;
}

div.comment-item {
 float: left;
 width: 35em;
 margin-bottom: 1.5em;
}

div.comment-item p {
 color: #777;
}



div.comment {
 border-bottom: 1px solid #eee;
 margin-bottom: 1em;
 width: 44.2em;
 margin-left: 25px;
}

input.comment_submit {
background-color:#942;
border:1px solid #720;
color:#FFFFFF;
float:right;
text-align:center;
width:auto;
display: block;
margin: 10px 0;
padding: 3px 1px 3px 1px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}

textarea.comment_body {
 width: 100%;
 font-size: 13px;
}

.comment_item textarea.comment_body {
   font-size: 116%;
}

.comment_item input.comment_submit {
 font-size: 100%;
 text-transform: uppercase;
}



/***************** 
RATING WIDGET 
******************/

#StoryRateInput img {
 border: none;
}

.icons {
 float: right;
 width: auto;
 margin-right: 10px;
 font-size: 77%;
 color: #777;
 text-transform: uppercase;
 text-align: right;
}

.icons img {
 float: right;
}


.RatingAvgLarge img {
 margin-right: -2px;
}

#RatingWidget {
  float: left;
}

#RatingWidget span {
 display: block;
 float: left;
 margin-right: 10px;
 font-size: 77%;
 color: #777;
 text-transform: uppercase;
}

#RatingWidget a {
 background-image: url(rating-b.gif);
 background-position: left 0px;
 background-repeat:  no-repeat;
 display: block; 
 float: left; 
 width: 11px; 
 height: 11px;
 margin-top: -1px;
 overflow: hidden;
}

#RatingWidget a.selected {
  background-position: left -44px;
}

#RatingWidget a.in.selected {
  background-position: left -11px;
}

#RatingWidget a.in.over {
  background-position: left -22px;
}

#RatingWidget a.in.selected.over {
  background-position: left -33px;
}

.RatingPersonal {
	
}

.RatingAvg, .RatingAvgLarge {
}

.RatingAvgLarge {
  float: left;
  margin-right: 23px;
  font-size: 77%;
 color: #777;
 text-transform: uppercase;
}

.RatingLabel {
 display: none;
 height: 1px;
}

/*******************
PULL QUOTE STYLES
********************/

blockquote.pullquote {
 background: #fff url(pq-botto.gif) no-repeat bottom right !important;
 background /**/:url(00000000.txt); /* removing quote graphic in IE5+ */
 padding-right: 23px; 
 margin: 10px;
 float:left;
 width:16em;
 color:#333;
 font-size: 108%;
 font-weight: bold;
}

blockquote.alt {
 background: #fff url(pq-botto.gif) no-repeat bottom right !important;
 background /**/:url(00000000.txt); /* removing quote graphic in IE5+ */
 padding-right: 23px;
 float:right;
 margin:0.25em 0 0.25em 0.75em;
}

.pullquote p {
 margin:0;
 padding:8px 0 6px 23px;
 text-align:left;
 background-image: url(pq-top00.gif);
 background-repeat: no-repeat; 
 background-position: left top;
}

.pullquote p:first-letter {text-transform:uppercase}




* html #hd, * html #bd, * html #nav ul, * html #nav, * html .yui-g {
 zoom: 1;
 _height: 1%;
 min-height: 1%;
}
