/*
Theme Name: SLA @ SOI
Theme URI: http://sla-at-soi.org/
Description: Custom template designed for SLA @ SOI website.
Version: 1.0
Author: Darren McCready
Author URI: http://www.pixelproud.com
Tags: blue, electric blue 

	SLA@SOI v1.0
	http://www.sla-at-soi.org

	This theme was designed and built by Darren McCready
*/



/********************************** layout ************************************/


* {
	margin:0;
	padding:0;
	border:none;
}

body {
	background:url(images/bg.jpg) top left repeat-x #004272;
	font-size:0.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	color:#004272;
}

#container {
	width:940px;
	margin:0 auto;
}

#header {
	display:block;
	height:110px;
}

#logo {
	float:left;
	background:url(images/logo.gif) 20px center no-repeat;
	height:110px;
	width:254px;
}

#top_bar {
	display:block;
	float:right;
	height:67px;
}

#tagline {
	display:block;
	width:300px;
	float:left;
	line-height:1.2em !important;
	font-size:1.2em;
	font-weight:500;
	font-style:italic;
	padding:20px 90px 0 0;
	text-align:center;
}

#main_nav {
	display:block;
	float:right;
	text-align:right;
	width:686px;
	height:33px;
}

#search_bar {
	float:right;
	width:219px;
	margin-top:30px;
}

#content {
	padding-top:40px;
	clear:both;
}

#main_content {
	display:block;
	width:720px;
	float:left;
	background:url(images/mc_top.gif) top left no-repeat #fff;
	padding:20px 0 0 0;
}

#main_bot_bg {
	display:block;
	width:720px;
	height:7px;
	background:url(images/mc_bot.gif) bottom left no-repeat;
}

#page_content {
	min-height:660px;
	height:auto !important;
	height:660px;
}

#content_left {
	width:330px;
	float:left;
}

#content_right {
	width:350px;
	float:right;
	margin-right:20px;
}

#side_content {
	display:block;
	width:219px;
	float:left;
	background:url(images/sc_top.gif) top left no-repeat;
	padding-top:8px;
}

#side_inner {
	display:block;
	background:url(images/side_bg.gif) top left repeat-y;
	font-size:0.9em;
}

#side_bot_bg {
	display:block;
	width:219px;
	height:14px;
	background:url(images/sc_bot.gif) top left no-repeat #004272;
}

#footer {
	display:block;
	clear:both;
	color:#b4d1e7;
	font-size:0.9em;
	line-height:50px;
}

/********************************** text styles ************************************/


h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, 
#rss_header span, #framework_7th span, #nessi span {
	display:none;
}

h2 {
	display:block;
	color:#004272;
	font-size:1.9em;
	font-style:italic;
	font-weight:700;
	padding:0 20px 15px 20px;
	line-height:1em;
}

h3 a {
	color:#004272;
}

h3 a:hover {
	text-decoration:none;
}


#main_content h3 {
	display:block;
	color:#004272;
	/*border-bottom:solid 1px #0e99fe;*/
	margin:0 20px 15px 20px;
	padding:7px 0;
	font-size:1.6em;
	font-style:italic;
	font-weight:500;
	line-height:1em;
}

#main_content h4 {
	display:block;
	color:#004272;
	/*border-bottom:solid 1px #0e99fe;*/
	margin:0 20px 0 25px;
	padding:7px 0;
	font-size:1.4em;
	font-style:italic;
	font-weight:500;
	line-height:0.9em;
}

#main_content p {
	margin:0 25px 15px 25px;
}

#side_content h4 {
	display:block;
	color:#004272;
	background:#d2ecff;
	margin:0 10px 5px 0;
	padding:5px 0 5px 10px;
	font-size:1.5em;
	font-style:italic;
	font-weight:500;
}

#side_content p {
	margin:0 15px;
}

#top_bar a, #top_bar p {
	color:#0e99fe;
}

#top_bar a:hover {
	text-decoration:none;
}

#p_forgotpass {
	font-size:0.8em;
	margin-left:5px;
}


/********************************** link styles ************************************/


#framework_7th {
	display:block;
	float:left;
	width:78px;
	height:76px;
	background:url(images/7th_framework.gif) center no-repeat;
	margin-right:10px;
}

#rss_header {
	display:block;
	float:left;
	width:108px;
	height:66px;
	background:url(images/rss_header.gif) center no-repeat;
}

/********************************** lists / nav ************************************/


#main_nav ul {
	list-style:none;
	float:right;
}

#main_nav ul li {
	float:left;
	background: url(images/nav_bg_right.gif) top right no-repeat;
	margin-left:4px;
}

#main_nav ul li a {
	display:block;
	text-align:center;
	line-height:24px;
	padding:0 14px;
	font-size:1.1em;
	font-style:italic;
	font-weight:500;
	color:#0e99fe;
	background: url(images/nav_bg_left.gif) top left no-repeat;
}

#main_nav ul li a:hover {
	line-height:24px;
	padding:0 14px;
	color:#fff;
	text-decoration:none;
}

#main_nav .current_page_item a, #main_nav .current_page_item a:hover {
	text-decoration:none;
	color:#b0deff;
	cursor:default;
	font-weight:bold;
}

#side_content ul {
	list-style:none;
	margin:0 15px;
}

#side_content ul li {
	padding:3px 0;
	line-height:1.1em;
}

#side_content ul li ul li{
	padding:3px 0;
	border:none;
	line-height:1.1em;
}

#side_content a {
	color:#004272;
}

#side_content a:hover {
	text-decoration:none;
}

#sidebar ul {
	list-style:none;
}

#footer a {
	color:#b4d1e7;
}

#footer a:hover {
	text-decoration:none;
}

#content ul {
	list-style:square;
	margin:0 40px 15px 60px;
}

#content ul li, #content ol li {
	margin-bottom:5px;
}

#content ol {
	margin:0 40px 15px 60px;
}

.postmetadata a, .navigation a {
	color:#004272;
}

.postmetadata a:hover, .navigation a:hover {
	color:#004272;
	text-decoration:none;
}

.navigation {
	display:block;
	margin:0 25px 20px 25px;
	padding-bottom:20px;
	border-bottom:1px solid #d2dae3;
}

#login_list {
	list-style:none;
}

#login_list li {
	float:left;
	margin-left:13px;
	border:none !important;
	padding-bottom:10px;
}

#login_list li a {
	color:#d2ecff;
}

#login_list li a:hover {
	text-decoration:none;
}

/********************************** form ************************************/

#search_bar {
	margin-bottom:4px;
}

#s {
	float:left;
	padding:3px;
	width:110px;
	font-weight:bold;
	font-style:italic;
	color:#004272;
	border:1px solid #0e99fe;
	margin-left:10px;
}

#searchsubmit, #submit {
	border:none;
	background:#0e99fe;
	color:#fff;
	height:23px;
	padding:0 2px;
	margin-left:5px;
}

#comment {
	width:600px;
}

.partners_list {
	list-style:none;
}

.partners_list li {
	display:block;
	float:left;
	margin:0 !important;
	border:none !important;
	height:51px;
	width:63px;
	padding:0!important;
}

input, textarea {
	border:1px solid #6ac4ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#004272;
	font-style:italic;
	font-weight:bold;
	font-size:1.1em;
	padding:3px;
}

input {
	background:url(images/input_bg.jpg) top left repeat-x;
}

textarea {
	background:url(images/textarea_bg.jpg) top left repeat-x;
}

#commentform {
	margin-left:25px;
}

#latestpost_list {
	list-style:none;
}

.cat_title {
	font-size:1.2em;
	font-weight:500;
	display:block;
}

.cat_title a {
	color:#0e99fe !important;
}

.post_title {
	font-size:1.6em;
	font-weight:500;
	margin-right:5px;
	font-style:italic;
	line-height:24px;
}

.post_date {
	font-size:0.8em;
	color:#8094ae !important;
}

.comments_link {
	font-size:0.8em;
	color:#fff !important;
	padding:1px 2px;
	background:#0e99fe;
}

.post_copy {
	display:block;
	margin:5px 0 10px 0 !important;
	font-style:italic;
}

/********************************* generic ***********************************/


.no_botmarg {
	margin-bottom:0 !important;
}

.hidden {
	display:none;
}

.commentlist li {
	list-style:none;
	margin:0 0 10px 20px;
	display:block;
}

blockquote {
	background:#eff8ff url(images/quote.gif) top left no-repeat;
	padding:20px 50px 10px 50px;
	margin:0 auto 15px auto;
	display:block;
	width:80%;
	font-size:1.2em;
	font-style:italic;
}

blockquote p {
	margin:0;
	padding:0;
}

small {
	color:#8094ae;
	margin-left:25px;
	display:block;
}

.alignleft {
	float:left;
}
.alignright {
	float:right;
}

.postmetadata small {
	display:block;
	margin-right:25px;
	padding:5px;
	background:#d2dae3;
	border-top:1px solid #8094ae;
	border-bottom:1px solid #8094ae;
	color:#667d9d;
}

.postmetadata small a {
	color:#4a5c75 !important;
}

.postmetadata small a:hover {
	color:#4a5c75;
	text-decoration:none;
}

.commentlist {
		margin:0 auto;
}

.commentlist li {
	display:block;
	margin-bottom:10px;
	padding:5px;
	background:#d2ecff;
	border-top:1px solid #0e99fe;
	border-bottom:1px solid #0e99fe;
	color:#004272;
	width:550px;
}

.commentlist li img {
	float:right;
}

.commentlist li a {
	color:#004272;
}

.commentlist li a:hover {
	text-decoration:none;
}

.commentlist li p {
	padding-top:5px;
	font-size:1.2em;
}

.commentlist li cite {
	font-weight:bold;
}

#page_content a {
	color:#004272;
}

#page_content a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
}

.partner_details {
	display:block;
}

.partner_details .img_holder {
	float:left;
	border:none;
	width:200px;
	text-align:center;
	margin:10px 0 15px 25px;
	display:inline;
}

.partner_details h3 {
	display:block;
	float:right;
	width:440px;
	margin:0 25px 5px 0 !important;
}

.partner_details p {
	display:block;
	float:right;
	width:440px;
	margin:0 25px 15px 0 !important;
}

#side_inner ul .children {
	margin-left:15px !important;
	padding-top:2px;
	list-style:none;
}

#sidebar ul .children li {
	list-style:none;
	background:url(images/inset_list_icon.gif) 0 5px no-repeat;
	padding-left:12px;
}

.home_post {
	display:block;
	width:665px;
	float:left;
	margin-left:20px;
	margin-bottom:0px;
	background:url(images/textarea_bg.jpg) top left repeat-x;
}

.post {
	border-bottom:1px solid #ccc;
	margin:10px 0 15px 0;
}

#rss {
	background:url(images/rss.gif) top left no-repeat;
}

#linkedin {
	background:url(images/linkedin.gif) top left no-repeat;
}

#twitter {
	background:url(images/twitter.gif) top left no-repeat;
}

#wiki {
	background:url(images/wiki.gif) top left no-repeat;
}

#youtube {
	background:url(images/youtube.gif) top left no-repeat;
}

#sflogo {
	background:url(images/sourceforge.png) top left no-repeat;
}

#rss, #linkedin, #twitter, #wiki, #youtube, #sflogo{
	display:block;
	padding-left:24px;
	line-height:16px;
}


/* jquery menus */

#menu {
	width:686px;
	display:block;
	float:right;
	height:24px;
	text-align:right;
	margin-top:6px;
}

#drop_menu, #drop_menu ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	line-height:1.5em; 
	z-index:300; 
	float:right;
}

#menu #drop_menu li a {
	display:block;
	text-align:center;
	line-height:14px;
	padding:5px 14px;
	font-size:1.1em;
	font-style:italic;
	font-weight:500;
	color:#0e99fe;
	background: url(images/nav_bg_left.gif) top left no-repeat;
}

#menu #drop_menu li ul li a {
	font-size:1em;
	padding:8px 14px !important;
}

#menu #drop_menu li {
	float:left;
	background: url(images/nav_bg_right.gif) top right no-repeat;
	margin-left:4px;
}

#menu #drop_menu li a:hover {
	text-decoration:none;
}

#menu #drop_menu .current_page_item a, 
#menu #drop_menu .current_page_item a:hover,
#menu #drop_menu .current_page_parent a, 
#menu #drop_menu .current_page_parent a:hover,
#menu #drop_menu .current_page_ancestor a,
#menu #drop_menu .current_page_ancestor a:hover
 {
	text-decoration:none;
	color:#fff;
	background: url(images/nav_curr_bg_left.gif) top left no-repeat;
}

#menu #drop_menu .current_page_item, #menu #drop_menu .current_page_parent, #menu #drop_menu .current_page_ancestor {
	background: url(images/nav_curr_bg_right.gif) top right no-repeat;
}

#drop_menu li {
	float:left; position:relative;
}
#drop_menu ul {
	position:absolute; 
	display:none; 
	width:100px; 
	top:1.9em; 
	padding-top:5px;
}

#menu #drop_menu li ul {
	width:110px;
}

#menu #drop_menu a {
	display:block;
}

#menu #drop_menu li ul li a {
	width:150px; 
	height:auto; 
	float:left; 
	color:#0e99fe !important; 
	background:#c4e6ff !important; 
}

#menu #drop_menu li ul .current_page_item ul li a {
	color:#0e99fe !important; 
	background:#c4e6ff !important; 
}

#menu #drop_menu li ul a:hover, 
#menu #drop_menu li ul .current_page_item a
{
	color:#fff !important; 
	background:#0e99fe !important; 
}

#menu #drop_menu li ul li ul li a {
	font-size:0.9em;
	width:240px;
}

#drop_menu ul ul {
	top:auto;
}
	
#drop_menu li ul ul {
	left:150px; 
}

#drop_menu li:hover ul ul, #drop_menu li:hover ul ul ul, #drop_menu li:hover ul ul ul ul {
	display:none;
}

#drop_menu li:hover ul, #drop_menu li li:hover ul, #drop_menu li li li:hover ul, #drop_menu li li li li:hover ul {
	display:block;
}

.clear
{
	clear:both;
}

.margin_bottom
{
	margin-bottom:8px;
}