/*
Theme Name: Urban intergroup
Description: 
Author: bjr@o2.pl
Version: 1.0
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*
 * 
 * KOILORY
 * - zielony #8ed026
 * - czerwony #9a0808
 * - ciemny czerwony #4e0200
 * - szary tekst #434343
 * - szary kreski #c5c5c2
 * - szary navbar #a1a1a1
 * - szary jasny head #dcdcdc
 * - szary content bg #e7e8e8
 * 
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1.6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #434343;
	background: #f8f8f8 url("img/body-bg.png") repeat-x left top;
}
a
{
	color: #434343;	
	text-decoration: none;
	outline: none;
}
.fix
{
	clear: both;
	height: 0px;
	font: 0px/0px arial;
	text-indent: -99999px;
}
.center
{
	text-align: center;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.aleft
{
	text-align: left;
}
	#container
	{
		margin: 5px auto;
		width: 1024px;
		border-top: 3px solid #9a0808;
		background: url("img/container-bg.png") repeat-y;
		text-align: left;
	}
		#header
		{
			height: 440px;
			background: url("img/header-bg.jpg") no-repeat;
			position: relative;
		}
			#header h1
			{
				color: white;
				font-weight: normal;
				font-size: 22px;
				line-height: 1;
				padding: 6px 0px 6px 22px;
				background: url("img/header-head-bg.png");
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 1002px;
			}
			#header img
			{
				position: absolute;
				bottom: 85px;
				left: -63px;
			}
		#menu
		{
			background: url("img/header-menu-bg.png") repeat-x left bottom;
		}
		#menu_wrapper
		{
			background: #9a0808 url("img/header-menu-shadow-bg.png") repeat-x;
		}
		#menu ul
		{
			
			font-size: 14px;
			text-transform: uppercase;
			line-height: 1;
			list-style-type: none;
			font-weight: bold;
			width: 100%;
		}
			#menu ul a
			{
				color: white;
				font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
				float: left;
				padding: 10px 16px;
				position: relative;
			}
			#menu ul a:hover
			{
				border-left: 1px solid #4e0200;
				margin-left: -1px;
				background: #4e0200 url("img/header-menu-shadow-bg.png") repeat-x;
			}
			#menu ul li
			{
				
				float: left;
				position: relative;
				z-index: 1;
				border-bottom: 9px solid #9d9d9d;
				background: url("img/header-menu-separator.png") right center no-repeat;
			}
			#menu ul li:hover,
			#menu ul li.current-menu-item,
			#menu ul li.current-menu-ancestor
			{
				z-index: 2;
				background-color: #4e0200;
				border-bottom: 9px solid #8ed026;
			}
			#menu ul li:hover a,
			#menu ul li.current-menu-item a,
			#menu ul li.current-menu-ancestor a
			{
				border-left: 1px solid #4e0200;
				margin-left: -1px;
				background: #4e0200 url("img/header-menu-shadow-bg.png") repeat-x;
			}
			#menu ul li:first-child a
			{
				text-indent: -99999px;
				background: url("img/menu-home-icon.png") center center no-repeat;
				width: 30px;
			}
			#menu ul li:first-child a:hover,
			#menu ul li:first-child:hover,
			#menu ul li:first-child:hover a,
			
			#menu ul li.current-menu-item:first-child a:hover,
			#menu ul li.current-menu-item:first-child:hover,
			#menu ul li.current-menu-item:first-child:hover a,
			#menu ul li.current-menu-item:first-child a,
			
			#menu ul li.current-menu-ancestor:first-child a:hover,
			#menu ul li.current-menu-ancestor:first-child:hover,
			#menu ul li.current-menu-ancestor:first-child:hover a
			#menu ul li.current-menu-ancestor:first-child a
			{
				margin-left: 0px;
				background-color: #4e0200;
				border-left: none;
			}
			#menu ul ul li:first-child a,
			#menu ul li ul li:first-child a
			{
				text-indent: 0px;
				background: none;
				width: auto;
				margin-left: 0px;
				border-left: none;
			}
				#menu ul li ul
				{
					display: none;
					text-transform: none;
					background-color: #4e0200;
					position: absolute;
					top: 100%;
					left: -1px;
					font-weight: normal;
					padding: 6px 0px;
					border-left: 1px solid #4e0200;
				}
				#menu ul li ul a
				{
					padding: 5px 12px;
					background: none;
				}
				#menu ul li ul a:hover,
				#menu ul li:hover ul a
				{
					background: none;
					border-left: none;
					margin-left: 0px;
				}
				#menu ul li:hover ul
				{
					display: block;
				}
					#menu ul li ul li
					{
						border: none;
						display: block;
						float: none;
						background-image: none;
					}
					#menu ul li ul li:hover,
					#menu ul li ul li.current-menu-item
					{
						border: none;
					}
		#left_column
		{
			width: 169px;
			float: left;
		}
			#left_column ul
			{
				text-align: right;
				text-transform: uppercase;
				list-style-type: none;
				padding: 40px 0px 40px 20px;
			}
				#left_column ul a,
				#left_column ul ul a,
				#left_column ul li:hover ul a
				{
					color: #434343;
					display: block;
					padding: 5px 20px 5px 0px;
					background: none;
					
				}
				#left_column ul li:hover a,
				#left_column ul li.current-menu-item a,
				#left_column ul li ul li.current-menu-item a,
				#left_column ul li.current-menu-ancestor a
				{
					color: #9a0808;
					background: white;
				}
				#left_column ul li.current-menu-ancestor li a
				{
					color: #434343;
					background: none;
				}
				
				#left_column ul li.current-menu-item 
				{
					border-bottom: 3px solid #8ed026;
				}
				
				#left_column ul li
				{
					border-bottom: 1px solid #8ed026;
					position: relative;
				}
					#left_column ul li ul
					{
						display: none;
						padding: 0px;
						text-transform: none;
					}
					#left_column ul li:hover ul,
					#left_column ul li.current-menu-item ul,
					#left_column ul li.current-menu-ancestor ul
					{
						display: block;
					}
						#left_column ul li ul li
						{
							border: none;
							border-top: 1px solid #c5c5c2;
						}
						#left_column ul li ul li:hover a
						{
							color: #9a0808;
							background: white;
						}
		#right_column
		{
			width: 190px;
			float: right;
		}
			#right_column img
			{
				margin: 0px auto;
			}
			#right_column .menu-item-no-link
			{
				border-bottom: 1px solid #8ed026;
				padding-top: 40px;
			}
			#right_column .menu-item
			{
				background: url("img/content-top-bg.png") repeat-x;
				padding: 0px 10px;
			}
				#right_column .menu-item a
				{
					border-bottom: 1px solid #8ed026;
					display: block;
					padding: 7px 0px;
				}
				#right_column .menu-item a:hover,
				#right_column .active a
				{
					color: #9a0808;
				}
				#right_column .active a
				{
					border-bottom-width: 3px;
				}
			#right_column .active
			{
				box-shadow: inset 0px 0px 8px #8ed026;
			}
		#content
		{
			width: 624px;
			float: left;
			padding: 0px 20px 40px;
			text-align: justify;
		}
			#content a
			{
				text-decoration: underline;	
			}
			#content a:hover
			{
				color: #9a0808;
			}
			#content a img
			{
				text-decoration: none;	
			}
			#content a:hover, #content #nav_bar a, #content .navigation a
			{
				text-decoration: none;
			}
			#content ul
			{
				padding: 10px 0px;
			}
				#content ul li
				{
					margin: 0px 0px 0px 40px;
				}
			#nav_bar
			{
				font-size: 11px;
				color: #a1a1a1;
				padding: 15px 0px;
				text-transform: lowercase;
			}
				#nav_bar .separator
				{
					padding: 0px 8px;
				}
				#nav_bar a
				{
					color: #a1a1a1;
				}
				#nav_bar a:hover
				{
					color: #9a0808;
				}
		#foot
		{
			background: #ffffff url("img/foot-bg.png") repeat-x 0px 5px;
			border-top: 20px solid #f1f1f1;
			padding: 35px 0px 30px;
		}
			#foot_left
			{
				border-left: 1px solid #8ed026;
				float: left;
				padding-left: 20px;
				margin-left: 170px;
			}
			#foot_right
			{
				float: right;
				padding-right: 10px;
			}
		
		
/**
 * 	NEWS
 */
.greenUnderline
{
	border-bottom: 1px solid #93d230;
}
.greenUnderlineTop
{
	border-top: 1px solid #93d230;
}
.news-title
{
	color: #9e1107;
	font-size: 16px;
	font-weight: bold;
}
hr
{
	border: none;
}
hr.bold
{
	border-bottom: 2px solid #434343;
}
hr.news-separator-green
{
	border-bottom: 2px solid #8ed027;
}
hr.news-separator, .news-separator-green
{
	margin: 30px 0px;
}
.news-image
{
	float: left;
	padding: 10px 10px 10px 0px;
}
.news-file-row, .news-url-row
{
	padding: 8px 0px;
}
.news-file-row a div, .news-url-row a div
{
	text-decoration: underline;
	cursor: pointer;
}
.news-file-row a:hover div, .news-url-row a:hover div
{
	text-decoration: none;
}
.news-file-row div, .news-url-row div
{
	padding-top: 5px;
	float: left;
	padding-bottom: 5px;
}
.news-file-row img, .news-url-row img
{
	float: left;
	padding-right: 10px;
}
.news-url-row img
{
	padding-right: 12px;
	padding-left: 2px;
	padding-top: 10px;
}
/**
 * 	navigation
 */
.navigation
{
	text-align: center;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	padding: 5px 0px;
}
.navigation a, span.current
{
	padding: 0px 5px;
}
span.current
{
	font-weight: bold;
}
/**
 * 	MEMBERS
 */
table.members
{
	width: 100%;
	border-collapse: collapse;
}
table.members td
{
	border-bottom: 1px solid #b9b9b9;	
	padding: 5px 20px 5px 0px;
}
table.members td.members-header
{
	font-weight: bold;
	color: #9e1107;
	border-bottom: 2px solid #525252;
}
/*
 * FORM
 */
input, textarea
{
	border: 1px solid #999999;
	padding: 2px;
}
input[type='submit']
{
	background: #a3e09f url("img/bg-submit.png") repeat-x;
	border-radius: 4px;
	border: 1px solid #8dd02a;
	padding: 3px 5px;
}
/*
* BECOME A PARTNER
*/
.become-a-partner
{
	padding-top: 20px;
}
.become-a-partner input[type='text'], .become-a-partner select
{
	width: 200px;
}
 .become-a-partner select
 {
 width: 206px;
border: 1px solid #999999;
 }
.become-a-partner option
{
	border: none;
}
.ralign
{
	text-align: right;
}
td.ralign
{
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
}
.calign
{
	text-align: center;
}
td.calign
{
	text-align: center;
	padding-top: 20px;
}

/*
 * photos
 */
.member-photo
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	padding: 5px 0px;
}
#photos
{
	position: relative;
	height: 287px;
}