/*
Theme Name: IIDA RMC
Theme URI: http://www.iidarmc.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Wilson
Author URI: http://www.michaelthomaswilson.com
Tags: blue, custom header, fixed width, two columns, widgets

	IIDA RMC 1.0

	This theme was designed and built by Michael Wilson

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*  Structural Styles */

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

html, body {position: relative; width: 100%; height: auto; text-align: left; background-color: #ffffff;}

/* Global Structure */
#header 
{	position: relative; 
	width: 100%; height: 172px; 
	background:#6a88a0 url('assets/images/bg_header.gif') repeat-x top left; 
	margin-bottom: 37px; }
		
#main
{	position: relative;
	width:  1100px; height: auto; min-height: 500px; }
				
#footer 
{	position: relative;
	margin-top: 20px;
	width: 100%; height: 210px;}

/* Header Structure */
#headerline 
{	position: absolute; 
	width: 83%; height: 2px; top: 92px; left: 17%;
	border-top: 1px solid #a4d6f4;
}

#headerHolder, #mainHolder, #footerHolder	
{	position:relative; 
	width: 95%; height: auto; text-align: left; 
	margin: 0 0 0 5%;}
	
	
#logo	
{	position: absolute;
	left: 0; top: 53px;
	width: 146px; height: 89px; padding-right: 17px;
	background-color: #6a88a0;}

#navLeft
{	position: absolute;
	width: 438px; height: 112px; top: 57px; left: 229px;}
	
	#navLeft ul
	{	display: block;
		float: left;
	}
	
	#navLeft ul + ul
	{	margin-left: 60px;
		
	}
	
#navRight
{	position: absolute;
	width: 163px; height: 112px; top: 57px; left: 702px;}
	
#specialRight	
{	position: absolute;
	width: 98px; height: 112px; top: 57px; left: 865px;
	text-align: right;}
	
	#socialLinks
	{	position: relative;
		width: 100%;
		height: 45px;
		clear: both;}
	
	#socialLinks img {float: left; width: 33%;}
				
/* Main Structure */

#leftColumn
{	position: relative; float: left;
	width: 146px; height: auto; text-align: right;
	margin-top: 24px;}
	
	#caption
	{position: absolute; top: 230px; right: 0;}
	
	#currentPage
	{position:absolute; top: 0; right:0;}
	
	#subNav {
		position: absolute; top: 50px; right: 0;
		width: 100%; height: auto;
	}
	
	#subNav.categories {top:10px;}
	
	#sponsorLogo {
		position: absolute; top: 220px; right: 0;
		width: 100%; height: 20px;
	}
	
	
#centerColumn
{	position: relative; float: left; overflow:hidden;
	width: 511px; height: auto; display: inline;
	margin: 0 40px 0 17px;}
	
	#mainImage
	{	width: 497px; height: 246px;
		margin-top: 24px; padding: 8px; border: 1px solid #dfdfdf;}
	
	#copy
	{	width: 438px; height: auto;
		margin-top: 20px; margin-left: 65px;} 
		
		#copy h1 span {display: inline;}
		#copy a {display: inline;}
		
	img.alignleft { 
		float: left; width: 90px; height: auto; 
		margin-bottom: 100px; margin-right: 10px;
		border: 1px solid #cccccc; 
	}
	
	div.alignright {float: right; margin-left: 10px; text-align: center;}
	p.postmetadata a {display: inline;}
	

#rightColumn
{	position: relative; float: left; margin:0; padding:0;
	width: 260px; height: auto; overflow: hidden;}


#copyColumnRight
{	position: relative; float: left;
	width: 260px; height: auto; overflow: hidden;}	
	
	ul.dbem_events_list
	{
		position: relative; float:left;
		width: 100%; height: auto; overflow: hidden;
		background-color: #f9f8cf;
		margin: 5px 0 10px 0;
	}
	
	ul.dbem_events_list li
	{
		height: 40px; 
		border-bottom: 1px solid #dedecd;
		padding: 10px;
		list-style-type: none;
	} 
	
	ul.dbem_events_list li a, .post a
	{
		display: block; overflow: hidden; 
		color: #82a9c2;
		white-space: nowrap;
		text-decoration: none;
		}
	
	ul.dbem_events_list li a:hover, .post a:hover
	{
		color: #a4d6f5;
		text-decoration: underline;
	}
	
		.day {
			display: block; width: 33px; height: 33px; float: left;
			font-family: "Trebuchet MS"; font-size:  26px; color: #ffffff; font-weight: bold;
			line-height: 48px; text-align: center;
			background-color: #e0db0d;
			margin-left: 0;
			margin-right: 10px;
		}
		
		.month{
			display: block; float: left; overflow: visible;
			width: 25px; height: 40px;
			margin: 0; padding: 0;
			font-size: 18px; color: #959595; text-transform: lowercase; line-height:2em;
			/* mozilla transform */
			-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);	
			/* IE transform */
			writing-mode: bt-rl;  /*filter: flipv fliph; */
			_ms-box-sizing: border-box;
			

		}
		
		.category {
			text-transform: uppercase;
		}
		
		li#status_press-2, div.post {margin-top: 10px; margin-bottom: 15px; list-style: none; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0;}
		li#status_press-2 h2, div.post h2 {margin-top: 20px;}
		li#status_press-2 div, #rightColumn div.post {
			margin-top: 10px;
			padding-left: 40px;
			background-image: url('assets/images/icon_twitter.png'); background-repeat: no-repeat;
			}
			
		#rightColumn div.post {background-image: url('assets/images/icon_blog.png'); background-repeat: no-repeat;}
		div.entry {height: 40px; overflow: hidden; text-overflow: ellipsis;}
		
		
		/* slickr flickr styles */
		div.slickr-flickr-gallery ul {margin-top: 8px;}
		div.slickr-flickr-gallery ul li {display: inline; float: left; margin-right: 8px;}
		
		/* flickr gallery styles */
		div.flickr-thumb {display:inline; float: left; margin-right: 11px; margin-top: 11px;}
		
/* comment form styles */
#commentform input, #commentform textarea {border: 1px solid #CCC;} 
#commentform textarea {width: 100%;}

#copyColumnRight {
	position: relative;
	margin-top: 40px;
	height: auto;
}

/* Footer Structure */
#copyright
{	position: absolute;
	z-index: 2;
	width: 146px; height: 60px; top: 10px;
	padding-right: 15px;
	background-color: white;	
}

#footerLine
{	position: absolute;
	width: 95%; height: 40px; top: 21px; left: 5%; 
	border-top: 1px solid #a4d6f4;
	/*background:#ffffff url('assets/images/bg_footerLine.gif') repeat-x 0px -20px;*/}
	
#sponsors
{	position: absolute; top:65px; left: 171px;
	width: 500px; height: 144px;}
	
	#sponsors img 	{margin-right: 35px;}
	
#spotlight		
{	position: absolute;
	width: 289px; height: 172px; top: 38px; left: 700px; text-align: right;}
	
	#spotlight p {display: block; float: left; margin-right: 10px;margin-top: 75px;}
	#spotlight p img.alignright {float: right; border: 1px solid #cccccc; margin-top: -75px;}
	
	
	
/*  Typogaphy */
body {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #7a7a7a;
	line-height: 18px;
}

h3.storytitle {font-size: 16px; margin-bottom: 5px;}

#navLeft, #navLeft li, #navRight, #navRight li, #specialRight, #specialRight li, #subNav li
{	font-family: Georgia, Times New Roman;
	font-size: 13px;
	letter-spacing: .05em;
	line-height: 20px;
	color: #ffffff;
	list-style-type:none;}
	
	#navLeft a, #navRight a, #specialRight a {text-decoration: none; color: #ffffff;} 
	#navLeft a:hover, #navRight a:hover, #specialRight a:hover , #subNav a:hover{text-decoration: underline;}
	#navLeft li.current_page_item a, #navRight li.current_page_item a, #specialRight li.current_page_item a {color: #fff20d;}

	#specialRight ul li a.join, #specialRight li.page-item-34 a  {color: yellow;}
	#subNav a {color: #6ea2c2; text-decoration: none;}
	#subNav li {margin-bottom: 5px;}
	#subNav li.current_page_item a, #subNav li.current_page_item a:hover {color: #cccccc; text-decoration: none;}
	#subNav h2 {margin:0; padding: 0;line-height: 24px; border-bottom: 1px solid #9ac8e6;}
	
#navLeft h1, #navRight h1, #currentPage h1
{	font-family: Arial;
	font-size: 14px;
	letter-spacing: normal;
	font-weight: normal;
	color: #a4d6f4;
	margin-top: 5px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

	#currentPage h1 
	{margin-top: 0; color: #6a88a0;}

#copy h1
{	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	color: #959595;
	margin-bottom: 20px;
	text-transform: lowercase;
}

#copy h2,  #copyColumnRight h2
{
	font-size: 16px;
	font-family: "Georgia", "Times New Roman", "Times";
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 20px;
	clear: both;
}

#copy a,  #copyColumnRight a, 	#spotlight a
{
	color: #7db7db;
	text-decoration: none;
}

#copy a:hover, 	#spotlight a:hover
{
	text-decoration: underline;
}

#copy p {margin-bottom: 10px;}

#rightColumn h2 {
	display: block;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: normal;
	text-transform: uppercase;
	color: #9ac8e6;
	border-bottom: 1px solid #9ac8e6;
	padding-bottom: 5px;
}

#copyright {font-size: 11px; line-height: 12px; text-align: right;}
#spotlight p {font-size: 11px;}

#copy ol, #copy ul
{
	list-style-position: outside;
	margin-left: 30px;
	margin-bottom: 20px;
}

#caption a {color: #7a7a7a; text-decoration: none;}
#caption a:hover {text-decoration: underline;}

ol li
{
	margin-right: 15px;
}

/* CF Form Stlyes */

#usermessagea {
	height: auto; width: auto;
}

	form {margin-top: 10px;}
	#copy ol.cf-ol {margin: 0; margin-left: 0;}
	
	ol > li {list-style-type:none; margin-right: 0; margin-bottom: 10px;}

	label {font-size: 14px; padding-right: 10px;}
	#usermessagea input, #cf_field_1, #cf_field_2, #cf_field_3, #cf_field_4, #cf_uploadfile-5 {font-size: 14px; border: 1px solid #CCC; background-color: white; padding: 2px; float: right; width: 60%;}
	#cf_uploadfile-5 {width: auto; }
	
	#sendbutton {padding: 5px; border: 1px solid #999; background-color:#CCC; font-size: 16px; color: #333;}
	
	.success {font-size: 16px; color: red;}