/*
-----------------------------------------------
styles for armchairrevolutionary.com
author: dan rubin
edited: 2008-08-21
----------------------------------------------- */

/* import reset, 960.gs and specific stylesheets */
@import url("http://www.hhill.org/ar/reset_css");
@import url("http://www.hhill.org/ar/text_css");
@import url("http://www.hhill.org/ar/960_css");
@import url("http://www.hhill.org/ar/modules_css");
@import url("http://www.hhill.org/ar/messages_css");


/* ariels tweaks */

.signup a {
float: left;
background:#52C3F2 url(http://www.hhill.org/images/uploads/ar-icon-doitnow.png) no-repeat scroll 6px 50%;
display:block;
font-size:15px;
color: #fff;
font-weight: bold;
height:28px;
line-height:28px;
padding-left:28px;
width:74px;
}
.signup a:hover {background-color:#0FA8E6; color: #fff;}

.dnldbutton a {
float: left;
background:#52C3F2 url(http://www.hhill.org/images/uploads/ar-icon-doitnow.png) no-repeat scroll 6px 50%;
display:block;
font-size:15px;
color: #fff;
font-weight: bold;
height:28px;
line-height:28px;
padding-left:28px;
margin-left: 50px;
width:275px;
}
.dnldbutton a:hover {background-color:#0FA8E6; color: #fff;}

.bareas {color: #52C3F2;}


/* main styles */



body {
	background:url() repeat-x;
	min-width:990px;/* ensures a 20px space on either side of the grid */
}

a {
	text-decoration:none;
        color: #10ADED;
}


img {display:block;}

/* header */
#header {
	position:relative;
	height:144px;
	margin-bottom:37px;
}
#logo {
	position:absolute;
	left:0;
	top:32px;
}
#logo a {
	display:block;
	width:300px;
	height:50px;
	background:url(http://www.hhill.org/images/uploads/armrevlogo031.jpg) no-repeat;
	text-indent:-9999px;
}
#header h2 {
	position:absolute;
	left:0;
	bottom:5px;
	color:#d1d1d1;
	font-size:30px;
	line-height:1;
	letter-spacing:-1px;
}
#site-nav {
	position:absolute;
	right:0;
	top:32px;
	margin:0;
	font-size:12px;
}
#site-nav li {
	display:inline;
	margin:0 2px 0 0;
	padding:2px 5px 0 0;
	border-right:1px solid #e7e7e7;
}
#site-nav li.last {
	border:none;
	margin:0;
	padding:0;
}
#site-nav a {
	color:#ccc;
	padding:1px;
}
#site-nav a:hover {
	color:#b3b3b3;
	border-bottom:2px solid #f5f5f5;
}


/* user nav - uses the navigation matrix method: one bg image for all elements */
#user-nav {
	position:absolute;
	right:0;
	bottom:0;
	margin:0;
	width:305px; /* when adding new languages, this width must be adjusted to match the total of the anchor widths plus 3x left margin on the li's */
	list-style:none;
}
#user-nav li {
	float:left;
	margin:0 0 0 6px;
}
#user-nav li a {
	float:left;
	height:42px;
	text-indent:-9999px;
	background-image:url(http://www.hhill.org/images/uploads/ar-nav-matrix.png);
	background-repeat:no-repeat;
}
#user-nav li#nav-contacts a {
	width:106px;
	background-position:0 0;
}
#user-nav li#nav-contacts a:hover,
#user-nav li#nav-contacts.current a {
	background-position:0 -42px;
}
#user-nav li#nav-settings a {
	width:98px;
	background-position:-106px 0;
}
#user-nav li#nav-settings a:hover,
#user-nav li#nav-settings.current a {
	background-position:-106px -42px;
}
#user-nav li#nav-profile a {
	width:83px;
	background-position:-204px 0;
}
#user-nav li#nav-profile a:hover,
#user-nav li#nav-profile.current a {
	background-position:-204px -42px;
}


/* content */
#content {color:#888;}
.row {position:relative;}
.sponsor-bar {margin-bottom:10px;}


/* footer */
#footer {
	background:url() repeat-x bottom;
	margin:40px 0 0;
	padding:0 0 27px;
}
#footer2 {
	position:relative;
	width:950px;/* this is 10px narrower than the gridded section to account for the 5px left/right margins on the grid */
	margin-left:auto;
	margin-right:auto;
}

#footer-about {
	float:left;
	width:470px;
	background-color:#f7f7f7;
	border-top:6px solid #f5f5f5;
}
#footer-about h2 {
	margin:4px 0 0 13px;/* compensates visually for the bg image offset */
	width:221px;
	height:18px;
	background:url(http://www.hhill.org/images/uploads/ar-hdr-footer-about.png) no-repeat;
	text-indent:-9999px;
}
#footer-about p {
	margin:0;
	padding:0 15px 10px;
	font-size:11px;
	line-height:13px;
	color:#999;
}


/* nav links in the footer */
#footer-nav {
	position:absolute;
	right:0;
	bottom:8px;
	width:470px;
	color:#ccc;
	font-size:12px;
	text-align:right;
}
#footer-nav p,
#footer-nav ul {
	display:inline;
	margin:0;
}
#footer-nav li {
	display:inline;
	margin:0 0 0 2px;
	padding:2px 0 0 5px;
	border-left:1px solid #e7e7e7;
}
#footer-nav xli.last {
	margin:0;
	padding:0;
}
#footer-nav a {
	color:#ccc;
	padding:1px;
}
#footer-nav a:hover {
	color:#b3b3b3;
	border-bottom:2px solid #f5f5f5;
}

.picture {
        float: left;
        padding-right: 10px;
        padding-top: 4px;
}