/* CSS Document */

@import url('../css/nav.css');
@import url('../css/sifr.css');

body{
	text-align:center;
	margin:0;
	padding:0;
	background:white;
}
#wrap, #message{
	text-align: left;
	font: 14px/1.3em "proxima-nova-1", Verdana, Geneva, sans-serif;
	margin: 0px auto;
	padding: 0;
	width: 960px;
	position:relative;
	background-color:#707070;
	overflow:auto;
	_height:1%;
}
.r{
	margin:0;
	padding:0;
	position:relative;
	display:block;
}
.r span{
	display:block;
	position:absolute;
	left:0; top:0; z-index:1;
	background-position:top left;
	background-repeat:no-repeat;
}

h2{
	font-size:180%;
	line-height:1.3em;
	margin:0;
	padding:0 0 1em 0;
	font-family:"proxima-nova-1", Georgia, "Times New Roman", Times, serif;
}

h3{
	font-size:130%;
	margin:0 0 0.7em 0;
	font-family:"proxima-nova-1", Georgia, "Times New Roman", Times, serif;
}
h3 a{
	text-decoration:none;
}
h3 a:hover{
	text-decoration:underline;
}

p{
	margin:0 0 1em 0;
}
p.intro{
	font-size:130%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:1.4em;
}

p a, li a, h3 a, td a, span a{
	color:#8f7600;
}
.dark p a, .dark li a, .dark h3 a{
	color:#d0c03d;
}

/* images */

img{
	border:0;
}

/* columns */

div.col{
	float:left;
	/*overflow:auto;*/
	padding:18px;
	margin-right:1px;
	background:#FFF;
	display:inline-block;
	word-wrap: break-word;
}

div.col.intro{ padding-bottom:0;margin-top:1em;}

div.col.span1{ width:100px;}
div.col.span2{ width:237px;}
div.col.span3{ width:374px;}
div.col.span4{ width:511px;}
div.col.span5{ width:648px;}
div.col.span6{ width:785px;}
div.col.span7{ width:922px;}

div.col.span15{
	width:178px;
}

div.col.span1nopad{ width:136px;}
div.col.span2nopad{ width:273px;}
div.col.span3nopad{ width:410px;}
div.col.span4nopad{ width:547px;}
div.col.span5nopad{ width:684px;}
div.col.span6nopad{ width:821px;}
div.col.span7nopad{ width:958px;}

div.col.span1nopad,
div.col.span2nopad,
div.col.span3nopad,
div.col.span4nopad,
div.col.span5nopad,
div.col.span6nopad,
div.col.span7nopad{ padding:0;}

div.col.span7, div.col.span7nopad, div.col.last, div.col.ielast, div.col.darklast{
	margin-right:0 !important;
}

div.col.dark{
	background:#2b2b29;
	color:#FFF;
}

div.col.darker{ background:#20201f;}

div.col.darkfirst{	border-left:1px solid #000;}
div.col.darklast{	border-right:1px solid #000;}

div.col.bordered{
	border:1px solid #333;
	margin-right:0;
}
div.col.dropped{
	margin-top:11px;
}

div.col.span1nopad div.content,
div.col.span2nopad div.content,
div.col.span3nopad div.content,
div.col.span4nopad div.content,
div.col.span5nopad div.content,
div.col.span6nopad div.content,
div.col.span7nopad div.content{ padding:18px;}

div.col.indented{
	float:right;
	margin-right:-136px;
	padding:0 0 18px 36px;
}

div.col.span1nopad.dark div.content,
div.col.span2nopad.dark div.content,
div.col.span3nopad.dark div.content,
div.col.span4nopad.dark div.content,
div.col.span5nopad.dark div.content,
div.col.span6nopad.dark div.content,
div.col.span7nopad.dark div.content{
	border-bottom:1px solid #5b5959;
	border-top:1px solid #5b5959;
}

div.nobottom{
	border-bottom:0 !important;
}

div.col.dark.flag{
	background:url(../images/back_flag.jpg) top left no-repeat;
}

div.col.plist p{
	width:178px;
	float:left;
	padding:9px 18px;
	margin:0;
}

/* blog */
div.post{
	margin-bottom:18px;
	border-bottom:1px solid #CCC;
}
div.dark div.post{
	border-bottom:1px solid #444;
}

div.article{
	padding-top:115px;
	background:#2b2b29 url(../images/back_march.jpg) top left no-repeat;
	overflow:auto;
	_height:1%;
}
div.home{
	background:url(../images/back_3col.gif) top left repeat-y;
	overflow:auto;
	_height:1%;
}

div.comments{
	background:#eaeaea;
	clear:left;
	border-top:1px solid #c7c7c7;
}

div.comment{
	margin-bottom:15px;
	overflow:auto;
	_height:1%;
}
div.comment_author{
	font-weight:bold;
	width:105px;
	padding-right:16px;
	background:url(../images/comment_arrow.gif) top right no-repeat;
	float:left;
	padding-bottom:10px;
}
div.comment_author a{
	text-decoration:none !important;
}
div.comment_posted{
	width:100px;
	padding-left:10px;
	float:left;
}

/* tagging */
div.tags a{
	text-decoration:none;
	font-weight:bold;
}
div.tags a:hover{
	text-decoration:underline;
}

/* headings */

/* bios */
div.bio img{
	float:right;
	margin:0 0 18px 18px;
}
div.bio{
	border-bottom:1px solid #CCC;
	margin-bottom:18px;
}

/* join */
ul.membership{
	list-style:none;
	margin:2em 0 0 0;
	padding:0;
}
ul.membership li{
	clear:left;
	_height:1%;
	overflow:auto;
	margin:0;
	padding: 0 0 1.5em 26px;
	background:url(../images/nav_star.png) top left no-repeat;
}

/* forms */

form{
	margin:0 0 1em 0;
}

div.button{
	padding:0 0 2em 0;
}

a.button, button, p.button a{
	display:block;
	border:1px solid black;
	background: #ddc url(../images/back_button.jpg) left center repeat-x;
	text-decoration:none;
	color:#000 !important;
	font-weight:bold;
	padding:5px 8px;
	font-family:inherit;
	font-size:inherit;
	float:left;
	text-shadow: 0 0 2px #FFF;
}
button{
	float:none;
}
div.button.large button{
	font-size:130%;
	padding:8px 11px;
	text-shadow: 0 0 4px #FFF;
}

form h3, #member_form h3{
	margin-bottom:0;
	padding-bottom:0;
}
form fieldset, div.fields{
	border:0;
	border-top:1px solid #ccc;
	padding:10px 0;
	margin-bottom:2em;
}
div.field{
	padding:0 0 5px 0;
	overflow:hidden;
	_height:1%;
}
div.field label{
	width:180px;
	float:left;
	display:block;
}
div.fields div.field label{
	color:#666;
}
div.field input, div.field select, div.field textarea, div.field span{
	float:left;
	display:block;
}
div.field input, div.field span{
	width:180px;
	padding:1px 3px;
}
div.field.extended span{
	margin-left:18px;
}
div.field textarea{
	width:300px;
	height:50px;
	margin-bottom:13px;
}
div.field.long label{
	width:300px;
	padding-bottom:10px;
}
fieldset div.field p{
	clear:both;
	padding-top:1em;
	font-size:80%;
	color:#333;
	line-height:1.4em;
}
div.fields p{
	clear:both;
}

/* lists */
ul{
	margin-left:0.5em;
	padding-left:0;
}
ul li{
	margin-left:1em;
	padding-left:0;
}

/* events */
div.calendar{
	height:300px;
	overflow:auto;
	padding:18px;
	border-top:1px solid #5b5959;
}
div.calendar a{
	text-decoration:none;
}
div.day ul{
	list-style:none;
	padding:0;
	margin:0;
}
div.day ul li{
	margin:0;
}

/* tables */

table{
	margin-bottom:1em;
}

td, th{
	padding-right:10px;
}

/* message */
div#message{
	background:#444;
	color:#FFF;
	width:350px;
	padding:20px 20px 10px 20px;
	border:2px solid #000;
	margin-top:40px;
	height:auto;
}
#message ul{
	margin-bottom:3em;
	font-weight:bold;
}
p.button{
	text-align:center;
}
p.button a{
	float:none;
}
#message h2{
	font-weight:normal;
}


/* footer */
div#footer{
	border-top:1px solid #666;
	background: #0c0c0c url(../images/nav_back.jpg) top left no-repeat;
	padding:18px;
	color:#FFF;
	text-align:center;
}