/* The Arc magazine Styles
   Updated: Mon 06.01.08
   Author:     Tor Imsland/torbotics.com
   ----------------------------------------------------*/

/* =GENERAL
-----------------------------------------------------------------------------*/
body {
	background: #fff url(../img/bg_body.gif) repeat-x top;
	margin: 0 auto;
	padding: 0;
	font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
	color:#383838;
	line-height:1.5em;
	}
	
img {
	border: 0;
	}

a:link, a:visited {
	color:#4F90B0;
	text-decoration:none;
	}

a:hover, a:active {
	color:#F60;
	text-decoration:underline;
	}
	

/* =PRIMARY LAYOUT
-----------------------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 960px;
	background: none;
	}

#content-wrap {
	display: block;
	float: right;
	margin: 0 auto;
	width: 810px;
	}
	
#content {
	margin: 64px 0 0 0;
	width: 810px;
	}
	
body.home #content {
	margin-bottom: 80px;
	}

#sidebar {
	float: left;
	margin: 0;
	width: 150px;
	}

#feature-box {
	margin-bottom: 10px;
	}
	
#partner-box {
	clear: both;
	border-top: 1px solid #95BCD0;
	text-align: center;
	padding: 10px 0;
	}
	
#partner-box img {
	padding: 0 31px;
	vertical-align: middle;
	}

#footer {
	border-top: 2px solid #4F90B0;
	font-size: 10px;
	color: #aaa;
	}

#footer p {
	clear: both;
	text-align: right;
	margin-top: 20px;
	font-size: 10px;
	}
	
#footer a {
	font-size: 10px;
	}
	
#footer a:link, #footer a:visited {
	color:#aaa;
	text-decoration:none;
	}

#footer a:hover, #footer a:active {
	color:#4F90B0;
	text-decoration:underline;
	}
	

/* =COLUMN FORMATS
-----------------------------------------------------------------------------*/	

/* =COL_01 */	
#col_01 {
	display: block;
	float: left;
	clear: both;
	width: 500px;
	border-right: 1px solid #d9d9d9;
	padding-right: 15px;
	}

#col_01 h4 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	vertical-align: baseline;
	text-transform: uppercase;
	}

#col_01 p {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	word-spacing: 1px;
	}
	
/* =COL_02 */	
#col_02 {
	float: left;
	width: 275px;
	padding-left: 15px;
	}

#col_02 h4 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	vertical-align: baseline;
	text-transform: uppercase;
	}

#col_02 p, #col_02 ul {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	word-spacing: 1px;
	list-style-type: circle;
	}
	
/* =3_COL */	
#article-box-3col {
	clear: both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.5em;
	word-spacing: 0px;
	text-align: justify;
	padding: 10px 0;
	border-bottom: 1px dotted #d9d9d9;
	background: url(../img/divider_3col.gif) repeat-y;
	}
	
#article-box-3col h2 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	vertical-align:text-bottom;
	text-transform: uppercase;
	text-align:left;
	}

#article-box-3col h3 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	padding-bottom: 5px;
	vertical-align:text-bottom;
	text-transform: uppercase;
	}

#article-box-3col h5 {
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	}

#article-box-3col img {
	border: 1px solid #d9d9d9;
	padding: 6px;
	}
	
#col_01b {
	display: block;
	float: left;
	width: 255px;
	}

#col_01c {
	display: block;
	float: left;
	width: 250px;
	margin-left: 25px;
	}

#col_01d {
	display: block;
	float: right;
	width: 255px;
	}
	
#article-box-3col img.donate {
	border: 0px;
	}


/* =ARTICLE FORMATTING
-----------------------------------------------------------------------------*/	
.article-box {
	clear: both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 1.5em;
	word-spacing: 1px;
	text-align: justify;
	padding: 10px 0;
	border-bottom: 1px dotted #d9d9d9;
	}
	
body.press #content {
	min-height: 400px;
	}
	
.article-box h2 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	font-size: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	vertical-align:text-bottom;
	text-transform: uppercase;
	text-align:left;
	}

.article-box h3 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	padding-bottom: 5px;
	vertical-align:text-bottom;
	text-transform: uppercase;
	}

.article-box h5 {
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	}

.article-box img {
	border: 1px solid #d9d9d9;
	background: #fff;
	padding: 6px;
	}

p.left-space {
	margin-left: 235px;
	}
	
.article-divider {
	letter-spacing: 3em;
	color: #555;
	text-align: center;
	}

#article-footer {
	display: block;
	font-size: 12px;
	text-align: right;
	margin: 0 0 30px 0;
	padding: 0px;
	}
#article-footer img {
	vertical-align: text-bottom;
	margin-right: 6px;
	}
	
.acquire-box img {
	border: 1px solid #d9d9d9;
	padding: 3px;
	margin: 3px 3px;
	}


/* =MAIN NAVIGATION
-----------------------------------------------------------------------------*/	
#nav {
	top: 33px;
	width: 810px;
	height: 35px;
	background: url(../img/nav-bg.gif) left top no-repeat;
	margin:0;
	padding:0;
	position:relative;
	}
	
#nav li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	}

#nav li,
#nav a {
	height: 35px;
	display:block;
	}

#nav-footer {
	float: left;
	font-variant: caps;
	color: #ccc;
	font-size: 11px;
	}

#sub-nav-footer {
	float: right;
	font-variant: caps;
	color: #ccc;
	font-size: 11px;
	}

/*-- CSS Sprite for main navigation --*/

#meet {
	left:0px;
	width:73px;
	}
#see {
	left:73px;
	width:57px;
	}
#hear {
	left:130px;
	width:72px;
	}
#taste {
	left:202px;
	width:77px;
	}
#go {
	left:279px;
	width:48px;
	}
#absorb {
	left:327px;
	width:97px;
	}
#give {
	left:424px;
	width:66px;
	}
#work {
	left:490px;
	width:78px;
	}
#read {
	left:568px;
	width:71px;
	}
#play {
	left:639px;
	width:68px;
	}
#acquire {
	left:707px;
	width:103px;
	}

#meet a:hover, body.meet #meet {
	background: url(../img/nav-bg.gif) 0px -35px no-repeat;
	}
#see a:hover, body.see #see {
	background: url(../img/nav-bg.gif) -73px -35px no-repeat;
	}
#hear a:hover, body.hear #hear {
	background: url(../img/nav-bg.gif) -130px -35px no-repeat;
	}
#taste a:hover, body.taste #taste {
	background: url(../img/nav-bg.gif) -202px -35px no-repeat;
	}
#go a:hover, body.go #go {
	background: url(../img/nav-bg.gif) -279px -35px no-repeat;
	}
#absorb a:hover, body.absorb #absorb {
	background: url(../img/nav-bg.gif) -327px -35px no-repeat;
	}
#give a:hover, body.give #give {
	background: url(../img/nav-bg.gif) -424px -35px no-repeat;
	}
#work a:hover, body.work #work {
	background: url(../img/nav-bg.gif) -490px -35px no-repeat;
	}
#read a:hover, body.read #read {
	background: url(../img/nav-bg.gif) -568px -35px no-repeat;
	}
#play a:hover, body.play #play {
	background: url(../img/nav-bg.gif) -639px -35px no-repeat;
	}
#acquire a:hover, body.acquire #acquire {
	background: url(../img/nav-bg.gif) -707px -35px no-repeat;
	}
	
/* =SUB NAVIGATION
-----------------------------------------------------------------------------*/
#sub-nav {
	height: 32px;
	float: right;
 	}
	
#sub-nav ul {
	margin: 0;
	padding: 0;
	list-style:none;
	font-family: "trebuchet ms", verdana, Helvetica, sans-serif;
	font-size: 14px;
	}

#sub-nav li {
	display:inline;
	margin-right:10px;
	padding-right:8px;
	border-right:1px solid #eee;
	}

html>body #sub-nav li {
	margin-right:6px;
	padding-right:12px;
	}

#sub-nav li.last {
	margin:none;
	padding:none;
	border:none;
	}

#sub-nav a {
	color:#eee;
	text-decoration:none;
	}

#sub-nav a:hover {
	text-decoration:underline;
	}

body.about #sub-nav a.about,
body.press #sub-nav a.press,
body.network #sub-nav a.network,
body.archvies #sub-nav a.archives,
body.subscribe #sub-nav a.subscribe,
body.last #sub-nav a.last {
	text-decoration:underline;
	}

/* =THUMB BOXES
-----------------------------------------------------------------------------*/
/*=== Small Box Post ===*/
.post {
	display: block;
	width: 350px;
	margin: 20px 0;
	background: #fff;
	}
	
.post p {
	padding: 0 0 15px;
	line-height: 15px;
	}	
	
.post h2 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding-bottom: 5px;
	text-transform: uppercase;
	}
	
.post h3 {
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	border: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	vertical-align:text-bottom;
	text-transform: uppercase;
	}
	
.post h4 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	vertical-align: baseline;
	text-transform: lowercase;
	}
	
.post h4 em {
	font-style: normal;
	}
	
.post h4 a {
	display: block;
	margin-top: 12px;
	}

	
#feature-photo-info {
	display: block;
	margin-top: -10px;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	}


/* =ARTICLE INFO BOX
-----------------------------------------------------------------------------*/
#article-info-box {
	display: block;
	height: 100%;
	margin: 0;
	padding-top: 10px;
	border: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	font-family: inherit;
	vertical-align: baseline;
	border-top: 1px solid #D6D6D6;
	}

#article-info-box img {
	padding: 6px;
	border: 1px solid #D6D6D6;
	}

#article-info-box p {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.2em;
	padding-bottom: 10px;
	}
	
#article-info-box p.large {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 1.5em;
	padding-bottom: 10px;
	}


#article-info-box h2 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding-bottom: 5px;
	text-transform: uppercase;
	}
	
#article-info-box h3 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	padding-bottom: 5px;
	vertical-align:text-bottom;
	text-transform: uppercase;
	}
	
#article-info-box h4 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	vertical-align: baseline;
	text-transform: lowercase;
	}

#article-info-box img {
	display: block;
	border: 1px solid #d9d9d9;
	}

#article-author-box {
	display: block;
	border-top: 1px solid #D6D6D6;
	clear: both;
	}

.contributors {
	display: block;
	float: right;
	color: #9E6C4D;
	font-style: normal;
	font-size: 12px;
	text-transform: none;
	}
	
.timestamp {
	display: block;
	float: left;
	color: #9E6C4D;
	font-style: normal;
	font-size: 12px;
	text-transform: none;
	}

.author {
	display: block;
	color: #9E6C4D;
	font-style: normal;
	font-size: 12px;
	text-transform: uppercase;
	}

.fl {
	float: left;
	}
.fr {
	float: right;
	}
.ac {
	text-align: center;
	}
.ar {
	text-align: right;
	}
.thumb {
	border: 1px solid #D9D9D9;
	float: left;
	background-color: #fff;
	padding: 4px;
	margin: 0 14px 10px 0;
	}

.clear {
	clear: both;
	}


/* =STAFF PAGE
-----------------------------------------------------------------------------*/
/*=== Small Box Post ===*/
.staff {
	display: block;
	height: 130px;
	margin: 40px 0;
	}
	
.staff p {
	font-size: 13px;
	line-height: 1.2em;
	}	
	
.staff h2 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding-bottom: 20px;
	text-transform: uppercase;
	}
	
.staff h3 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	vertical-align:text-bottom;
	text-transform: uppercase;
	}
	
.staff h4 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	vertical-align: baseline;
	text-transform: lowercase;
	}
	
.staff h4 em {
	font-style: normal;
	}
	
.staff h4 a:link {
	display: block;
	padding-top: 10px;
	}
.staff img {
	display: block;
	float: left;
	}
	
	
/* =SEARCH
-----------------------------------------------------------------------------*/
#search {
	padding: 20px 0;
	border-top: 1px solid #D9D9D9;
	height: 55px;
	width: 125px;
	}
* html #search{
	margin-right: 8px;
}
#search input{
	background: #ffffff;
	border: 2px solid #bbb;
	color: #999;
	font-size: 11px;
	width:118px;
	margin:1px 0px 0px;
	padding: 5px 0 5px 3px;
}

#search .btn {
	width: 60px;
	height: 25px;
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
	}

/* =MISC
-----------------------------------------------------------------------------*/
#subscribe {
	margin: 20px 0;
	}
	
#donate {
	margin: 20px 0;
	}
	
#greenhost {
	margin: 20px 0;
	}

#facebook {
	margin: 20px 0;
	}

.btn-sidebar {
	margin: 20px 0;
	}

		
.left {
	float: left;
	margin: 5px 20px 5px 0;
	}
.right {
	float: right;
	margin: 5px 0px 5px 20px;
	}
.block {
	display: block;
	}
	
.underline-dotted {
	border-bottom: 1px dotted #d9d9d9;
	}


	
/* =TYPOGRAPHY
-----------------------------------------------------------------------------*/
.recipe {
	display: block;
	padding: 15px;
	margin: 15px 0;
	background: #DFEFC7;
	border: 1px solid #bbb;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	word-spacing: 1px;
	}

.recipe ul {
	list-style-type: circle;
	list-style-image: none;
	padding: 0 15px;
	}
.recipe ol {
	list-style-image: none;
	padding: 0 15px;
	}
.recipe li {
	line-height: 1.2em;
	padding-bottom: 12px;
	text-indent: 0;
	}

.directions {
	display: block;
	padding: 15px;
	margin: 15px 0;
	background: #CBDDEA;
	border: 1px solid #bbb;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	word-spacing: 1px;
	}
.directions ul {
	list-style-type: circle;
	list-style-image: none;
	padding: 0 15px;
	}

.directions ol {
	list-style-image: none;
	padding: 0 15px;
	}
.directions li {
	line-height: 1.2em;
	padding-bottom: 12px;
	text-indent: 0;
	}
	
.infobox {
	display: block;
	clear: both;
	padding: 0 15px;
	margin: 30px 0 0 0;
	background: #E6D9B6;
	border: 1px solid #bbb;
	font-size: .90em;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	}

.infobox h3 {
	padding: 0;
	padding-top: 10px;
	margin: 0;
	border: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	}
	
body.network h2 {
	padding: 35px 0 0 0;
	border-bottom: 1px dotted #d9d9d9;
	}
	
.photo-sidebar-right {
	display: block;
	float: right;
	height: 100%;
	}
.photo-sidebar-right img {
	display: block;
	margin: 5px 0px 30px 10px;
	}
	
.left-col {
	width: 470px;
	float: left;
	}

blockquote {
	margin: 0 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight: normal;
	font-size: 130%;
	color: #9E6C4D;
	line-height: 1.3em;
	}

blockquote.normal {
	margin: 0 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 90%;
	color: #333;
	line-height: 1.1em;
	}
	
.dropcap {
 	float: left;
	color: #4F90B0;
	font-size: 300%;
	line-height: 0.85em;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom:-0.25em;
  }

h4 {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	vertical-align: baseline;
	text-transform: uppercase;
	}
	
.author-credit {
	display: block;
	font-style: normal;
	font-size: 12px;
	font-style: italic;
	color: #555;
	}

.indent-l {
	margin-left: 15px;
	}