/*   
Theme Name: RIASP
Theme URI: http://www.riasp.org
Description: A custom theme for riasp.org.
Author: Matthew Rex Downham
Author URI: http://mrexd.com
Version: 3.0
*/

body {
	background-color: #cecece;
	background-image: url('bg-repeat.png');
	background-repeat: repeat-y;
	background-position: top center;
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color: #353535;
	font-size: 10pt;
	line-height: 1.3em;
}
a {
	color: #006486;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#outerContainer {
	background-image: url('horizontal-bg.png');
	background-repeat: repeat-x;
}
#container {
	background-image: url('top-bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 360px;
	margin: 0;
	padding: 15px 0 0 0;
}
h1 {
	background-image: url('logo.png');
	background-repeat: no-repeat;
	height: 91px;
	width: 673px;
	text-align: center;
	margin: 0 auto 0 auto;
	font-size: 0;
	color: transparent;
}

hr {
	width: 620px;
	display: none;
}
div.hr {
	width: 620px !important;
	height: 9px;
	background-image: url('hr.png');
	background-repeat: no-repeat;
	background-position: top center;
	margin: 20px auto !important;
}

#abContainer {
	position: absolute;
	margin: 0;
	top: 72px;
	left: 0px;
	right: 0px;
}
#accessoryBox {
	width: 716px;
	margin: 0 auto;
	text-align: right;
	line-height: 20px;
	position: relative;
}
#searchButton {
	height: 20px;
	margin-bottom: -6px;
}
#search {
	border: 1px solid #6dbcd9;
	padding: 4px;
	height: 10px;
	width: 120px;
	font-size: 8pt;
}
#docsLink {
	color: #fff;
	margin-right: 10px;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 700px;
	margin: 12px auto 0 auto;
	font-size: 10pt;
	font-weight: bold;
}
#nav:after {
	content: '.';
	visibility: hidden;
	height: 0px;
	clear: both;
	display: block;
}
#nav > li {
	float: left;
	margin: 0 2px;
	height: 30px;
	line-height: 30px;
	position: relative;
}
#nav > li:first-child {
	margin-left: 3px;
}
#nav > li .hleft, #nav > li .hright, #subnav li .hleft, #subnav li .hright {
	display: none;
	position: absolute;
	top: 0px;
}
#nav > li .hleft, #subnav li .hleft {
	left: 0px;
}
#nav > li .hright, #subnav li .hright {
	right: 0px;
}
#nav > li a {
	color: #353535;
	text-decoration: none;
	padding: 0 8px;
}
#nav > li:hover, #nav > li.selected {
	background-image: url('nav-highlight.png');
	text-shadow: 0px 1px 3px #000;
}
#nav > li:hover a, #nav > li.selected a {
	color: #fff;
}
#nav > li:hover .hleft, #nav > li.selected .hleft, #nav > li:hover .hright, #nav > li.selected .hright, #subnav li:hover .hleft, #subnav li.selected .hleft, #subnav li:hover .hright, #subnav li.selected .hright {
	display: block;
}

#subnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 700px;
	margin: 0 auto;
	font-size: 8pt;
	font-weight: bold;
}
#subnav li {
	float: left;
	margin: 0 2px;
	height: 23px;
	line-height: 23px;
	position: relative;
}
#subnav li:first-child {
	margin-left: 10px;
}
#subnav li a {
	color: #fff;
	text-shadow: 0px 1px 3px #000;
	text-decoration: none;
	padding: 0 9px;
}
#subnav li:hover, #subnav li.selected {
	background-image: url('snav-highlight.png');
}
#subnav li.nohighlight:hover {
	background-image: none;
}

#bodyContent {
	position: absolute;
	top: 180px;
	left: 0px;
	right: 0px;
}
#bodyContent div {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 8px;
}

#pics {
	text-align: center;
}
#pics img {
	border: 1px solid #c5c5c5;
	background-color: #f1f1f1;
	padding: 5px;
	margin: 0 12px;
}

#about {
	color: #50656d;
	margin-top: 0px;
	text-align: left;
	font-size: 10.5pt;
	width: 610px !important;
	line-height: 1.3em;
	/*text-shadow: 0px 0px 2px rgba(0, 0, 0, .28); /* Safari only? Probably */
	margin: 0 auto;
}
#about li {
	margin-bottom: 0.8em;
}
#about a {
	color: #238fca;
}
#bodyText h2 {
	line-height: 1.3em;
	text-align: left !important;
	margin-top: 25px;
}
#bodyText {
	text-align: justify;
	width: 620px !important;
	padding-bottom: 40px !important;
}

h3.older {
	margin-bottom: 0px;
}
p.older {
	margin-top: 0.5em;
}

.postFooter {
	width: 610px !important;
	border: 1px solid #c5c5c5;
	background-color: #f1f1f1;
	padding: 5px !important;
	font-size: 9pt;
}
textarea {
	width: 620px !important;
}
.sublinkBox {
	position: absolute;
	top: 30px;
	left: 0px;
	background-color: #f1f1f1;
	border: 1px solid #c5c5c5;
	z-index: 1000;
	width: 200px;
}
#docs {
	left: 430px !important;
	top: 22px !important;
	text-align: left !important;
}
#docs ul {
	margin: 0;
}
#docs li {
	margin: 5px;
}
.sublinkBox ul {
	padding-left: 3px;
	list-style-type: none;
}
.sublinkBox li {
	float: none !important;
}
.sublinkBox li {
	text-decoration: none !important;
	text-shadow: none;
	font-weight: normal;
}
.sublinkBox li a {
	color: #006486 !important;
}
.sublinkBox li a:hover {
	text-decoration: underline !important;
}