/* base
----------------------------------------------- */

* {
	margin:0;
	padding:0;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 15, 2010 */
@font-face {
	font-family: 'MuseoSlab500';
	src: url('museo_slab_500-webfont.eot');
	src: local('☺'), url('museo_slab_500-webfont.woff') format('woff'), url('museo_slab_500-webfont.ttf') format('truetype'), url('museo_slab_500-webfont.svg#webfontcxfqbm72') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family:'Courier New', Courier, monospace;
	color:#444;
	background-color:#acaba2;
	border:0;
}


/* general
----------------------------------------------- */

hr {
	width:100%;
	height:1px;
	color:#999;
	background-color:#ccc;
	border-width:0;
	margin:20px 0px 20px 0px;
}

hr.thick {
	width:100%;
	height:3px;
	color:#999;
	background-color:#ccc;
	border-width:3;
	margin:20px 0px 20px 0px;
}


/* padding
----------------------------------------------- */

#content-padding {
	padding: 130px 30px 30px 30px;
}

#hdj-content-padding {
	padding: 60px 30px 20px 30px;
}

#blog-content-padding {
	padding: 150px 30px 30px 30px;
}


		
/* header
----------------------------------------------- */

#header {
	position:absolute;
	width:144px;
	height:50px;
	z-index:30;
	top:0px;
	left:0px;
}

h1.logo a {
	display:block;
	width:275px;
	height:151px;
	text-indent:-9999px;
	background: url(../images/hdj_logo.png) no-repeat;
}


/* search box and subscription
----------------------------------------------- */

#utility-box {
    clear:both;
    margin: 10px 10px 10px 10px;
    width:209px;
    height:200px;
    text-align:center;
}

#utility-action {
}

#utility-search {
	height: 90px;
    padding: 35px 10px 0px 10px;
    background: url(../images/Search_Background.png) no-repeat;
}

#subscribe-container {
	position: fixed;
	top: 199px;
	left: 365px;
	z-index: 100;
}

#column1-container {
	position:absolute;
	top: 0px;
	z-index: 40;
	left:0;
}



/* menu
----------------------------------------------- */

#menu {
	width: 168px;
	padding: 140px 30px 22px 30px;
	background:#fff;
}

#menu li {
	margin: 0;
	padding: 3px 0px 3px 0px;
	list-style: none;
	top: 0;
	border-bottom: 4px solid #eee;
}
		
#menu .last {
	border-bottom: none;
}

#menu li, #menu a {
	height: 25px;
	display: block;
	color: #666;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
	font-family: 'MuseoSlab500', sans-serif;
}

#menu li, #menu .active a {
	color: #d7d7a8;
}

#menu li, #menu a:hover {
	color: #0066ff;
}
		
/* page top */
#pagetop {
	position: fixed;
	bottom: 53px;
	left: 915px;
	padding: 10px;
	z-index: 80;
	background:#fff;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}



/* structure
----------------------------------------------- */

#wrapper {
	clear:left;
	float:left;
	width:100%;
	padding-bottom:20px;
}

/* menu backgound */
#box1wrap {
	float:left;
	width:226px;
	height:600px;
}
#box1 {
	float:right;
	width:226px;
	height:400px;
	padding-bottom:25px;
}
#box1pad {
	position:relative;
	right:5px;
	float:right;
	width:200px;
	overflow:hidden;
}

/* front columns */
#box2wrap {
	float:left;
	width:376px;
}
#box2 {
	float:right;
	width:376px;
	background:#666;
	padding-bottom:25px;
}
#box2pad {
	position:relative;
	float:left;
	width:350px;
	background:#555;
	overflow:hidden;
}
#box3wrap {
	float:left;
	width:376px;
}
#box3 {
	float:left;
	width:376px;
	background:#f4f9e9;
	padding-bottom:25px;
}
#box3pad {
	position:relative;
	float:left;
	width:350px;
	background:#e8eedd;
	overflow:hidden;
}

/* sub columns */
#box4wrap {
	float:left;
	width:200px;
}

#box4 {
	float:left;
	width:200px;
	background:#444;
}

#box4pad {
	position:relative;
	float:right;
	overflow:hidden;
}

#box5wrap {
	float:left;
	width:500px;
}

#box5 {
	float:left;
	width:500px;
	background:#fff;
}

#box5pad {
	position:relative;
	float:left;
	overflow:hidden;
	padding: 0px 0px 30px 0px;
}
	
#footer {
	position:fixed;
	bottom:0;
	left:0;
	padding:10px 20px;
	color:#666;
	font-size:11px;
	font-family: Helvetica, arial, san-serif;
}


/* home page
----------------------------------------------- */

.greybox {
	color: #bba;
}

.boxpadding {
	padding:10px 20px 20px;
}

#overflow {
	overflow:hidden;
	height:200px;
}



/* hdj and journal section
----------------------------------------------- */

#min-cover {
	background-color:#444;
	width:500px;
	height:35px;
	overflow:hidden;
}

#cover {
	background-color:#444;
	width:500px;
}

#min-article-menu a, #article-menu a {
	font-family: 'Helvetica Neue', Helvetica, monospace;
	color:#00bbcc;
	text-decoration:none;
	font-size:11px;
}

#min-article-menu a:hover, #article-menu a:hover {
	color:#bba;
}

.min-show {
	padding: 2px;
	padding-left: 15px;
	margin-bottom: 5px;
	background: url(../images/btn_show.gif) no-repeat left center;
}

#min-show-padding {
	padding:10px 20px 10px 20px;
	float:left;
}

#min-pagination {
	padding:10px 20px 0px 20px;
	float:right;
}

#hide-menu {
	padding-top:15px;
	text-align:left;
}

#hide-menu a {
	padding: 2px;
	padding-left: 15px;
	background: url(../images/btn_hide.gif) no-repeat left center;
}

#min-article-menu {
	width:500px;
	height:33px;
	background-color:#444;
	text-align:right;
}

#article-menu {
	position:relative;
	top:0px;
	background-color:#444;
	width:500px;
}

#article-submenu li.active a, #issue-submenu li.active a {
	color:#bba;
	text-decoration:underline;
}

#article-menu-padding {
	padding:10px 30px 10px 30px;
}

#article-submenu li, #issue-submenu li {
	text-align:left;
}

#issue-submenu {
	padding: 16px 55px 0px 0px; 
	float:right;
}

#issue-submenu li {
	margin: 0;
	padding: 3px 0px 3px 0px;
	list-style: none;
	top: 0;
}

#article-submenu {
	padding: 16px 0px 0px 0px; 
	width:275px;
}

#article-submenu li {
	margin: 0;
	padding: 3px 0px 3px 0px;
	list-style: none;
	top: 0;
}

#journal-submenu {
	padding: 0px;
}

#journal-submenu li {
	margin: 0;
	padding: 3px 0px 3px 0px;
	list-style: none;
	top: 0;
}

.hdj-title {
	width:199px;
	height:185px;
	background-image: url(../images/hdj_title_issue.gif);
}

.journal-title {
	width:199px;
	height:185px;
	background-image: url(../images/journal_title_journal.gif);
}

html h1.number {
	font-family: 'Courier New', Courier, monospace;
	padding: 148px 16px 0px 0px;
	text-align:right;
	color:#666;
	font-size:28px;
	font-weight:normal;
}

#hdj-header {
	background-color:#f4f9e9;
	width:500px;
}

#journal-header {
	background-color:#666;
	width:500px;
}

#subscribe-entry {
	float:right;
}

#cover-holder {
	float:right;
	clear:both;
	padding:0px 0px 20px 20px;
}



/* blog & comments
----------------------------------------------- */

.day {
	font-weight:100;
	font-family: 'Helvetica Neue', Helvetica, arial, san-serif;
	font-size: 34px;
	padding:0px 0px 0px 0px;
	color:#bba;
}

.doty {
	font-family: 'Helvetica Neue', Helvetica, arial, san-serif;
	font-size: 8px;
	letter-spacing: 2px;
	padding:5px 0px 10px 0px;
	color:#bba;
}

sup {
	font-family: 'Helvetica Neue', Helvetica, arial, san-serif;
	font-size:16px;
	letter-spacing:2px;
	color:#bba;
}

.month-year {
	font-family: 'Helvetica Neue', Helvetica, arial, san-serif;
	font-size: 9px;
	padding:2px 0px 10px 0px;
	color:#bba;
}

.view-tag {
	font-family: 'Helvetica Neue', Helvetica, arial, san-serif;
	font-size: 12px;
	padding:2px 0px 10px 0px;
	font-weight:200;
}

#sidebar-container {
	float:right;
	width:215px;
	padding:10px 0px 20px 20px;
}

#sidebar {
	padding:10px 20px 10px 10px;
}

#sidebar h3 {
	font-family: 'Helvetica Neue', Helvetica, arial, san-serif;
	font-size: 12px;
	color:#bba;
	letter-spacing:1px;
	font-weight:300;
}

p.tagcloud {
	padding:10px 0px 20px 0px;
}

.archiveMonths {
	padding: 10px 0px 0px 0px; 
	width:275px;
}

.archiveMonths li {
	margin: 0;
	padding: 3px 0px 3px 0px;
	list-style: none;
	top: 0;
}

#PageComments_holder h4 { 
	font-size:16px;
	color:#bba;
	font-weight:lighter;
	padding-top:20px;
}

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}

#PageComments li.odd {
	background-color: #E8F6FF;
	padding: 0px 20px 0px 20px;
	border-bottom: 1px solid #BCE4FE;
}

#PageComments li.even {
	background-color: #fff;
	padding: 0px 20px 0px 20px;
}

.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
	font-family:'Hevletica Neue', Helvetica, Arial;
} 

.actionLinks li {
	display: inline;
	border-right: 1px solid;
} 

.actionLinks li.last {
	border-right: none;
}

.commentrss {
	background: transparent url(../images/icons/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-family:'Hevletica Neue', Helvetica, Arial;
	font-size: 11px;
	line-height: 20px; 
} 

#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
} 

#PageComments p {
	font-size: 11px;
	font-family:'Hevletica Neue', Helvetica, Arial;
} 

#PageComments p.info {
	color: #999;
	margin: 0px;
	padding-top: 10px;
	font-size: 10px;
}



/* search results
----------------------------------------------- */

#searchresults {
	padding: 10px 0px 0px 0px;
}

#searchresults li {
	margin: 0;
	padding: 3px 0px 3px 0px;
	list-style: none;
	top: 0;
}


/* section specific
----------------------------------------------- */

h1.section-title {
	padding: 150px 10px 10px 10px;
	text-align:right;
	color:#bba;
	font-size:12px;
	font-weight:100;
	font-family:'Hevletica Neue', Helvetica, Arial, san-serif;
}

/* home */
#background-1 {
	background: url(../images/background_1.jpg) fixed;
}

/* high desert journal */
#background-13 {
	background: url(../images/background_11.jpg) fixed;
}

/* hdj online */
#background-11 {
	background: url(../images/background_10.jpg) fixed;
}

/* blog */
#background-21 {
	background: url(../images/background_3.jpg) fixed;
}

/* about us */
#background-2 {
	background: url(../images/background_6.jpg) fixed;
}

/* donate */
#background-3 {
	background: url(../images/background_7.jpg) fixed;
}

/* submissions */
#background-6 {
	background: url(../images/background_5.jpg) fixed;
}

/* links */
#background-7 {
	background: url(../images/background_4.jpg) fixed;
}

/* subscriptions */
#background-9 {
	background: url(../images/background_9.jpg) fixed;
}


/* section image crops */
#imagecrop {
	position:absolute;
	top:0;
	left:0;
	width:451px;
	height:503px;
	z-index:25;
}

.imagecrop-13 {
	background: url(../images/backgroundcrop_11.png) no-repeat fixed;
}

.imagecrop-11 {
	background: url(../images/backgroundcrop_10.png) no-repeat fixed;
}

.imagecrop-21 {
	background: url(../images/backgroundcrop_3.png) no-repeat fixed;
}

.imagecrop-2 {
	background: url(../images/backgroundcrop_6.png) no-repeat fixed;
}

.imagecrop-3 {
	background: url(../images/backgroundcrop_7.png) no-repeat fixed;
}

.imagecrop-6 {
	background: url(../images/backgroundcrop_5.png) no-repeat fixed;
}

.imagecrop-7 {
	background: url(../images/backgroundcrop_4.png) no-repeat fixed;
}

.imagecrop-9 {
	background: url(../images/backgroundcrop_9.png) no-repeat fixed;
}