/*
 
	Theme Name: MCI
	Theme URI: http://www.mci.tychy.pl/wordpress
	Description: Miejsce Centrum Interentu
	Author: MOJITO Agencja Kreatywna | Jarosław Feith
	Author URI: http://www.agencja-mojito.pl
	Version: 1.0

	*/	

 
 
 /* ---------------------------------------------------- */

 
		/* Copyrights: MOJITO Agencja Kreatywna Jarosław Feith */
		/* Created for Miejskie Centrum Internetu w Tychach */ 
		/* ---------- 2009 ------------ */ 
		
		
		/* STYLE SHEET NAME: STYLE.CSS*/
		
		
		/* COLORS
				darkest gray: 			#191919		(background)
				medium gray:			#747474;	(post_meta,)
				yellow: 				#f2c001		(links, featured)
				very light gray:		#fafafa		(primary contant bg)
				medium light gray:		#c8c8c8		(footer menu)
				dark-gray: 				#646464;	(a links)
				
		*/ 
 
 
 /* ---------------------------------------------------- */



/* GLOBAL SETTINGS */ 

html {
		background: url(images/bg.jpg);
	}

body {
		margin: 0 auto;
		font-size: 12px;
		font-family: Arial, Helvetica, sans_serif;

		/* BIG BACKGROUND */
		padding: 0;
		margin: 0;
		background: url(images/bg_light_top.png) no-repeat center top;

		width: 100%;
		display: table
		
	}

	#container {
			width: 960px;
			margin: 0 auto;
			text-align: left;
		}
		

/* GLOBAL CLASSES */

		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		

/* GENERAL LAY-OUT */
	
	/* ------------------------- HEADER ------------------------- */

	#header_bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 54px;
			background: url(images/header_bg.png) repeat-x;
			text-align: center;
			margin: 0 auto;
	}

	#header {
			position: relative;
			width: 940px;
			height: 54px;
			background: url(images/header_bg.png) repeat-x;

		}

	h1 {
			position: relative;
			top: 10px;
			height: 32px;
			width: 250px;
			background: url(images/h1_logo.png) no-repeat;
		}
		
		h1 a {
			color: #fafafa;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 0.025em;
			padding-left: 37px;
			line-height: 32px;
		}
		
	
		/* ------------------------- HEADER MENU ------------------------- */
		
		
				#header_menu ul {
					position: absolute;
					top: 0;
					right: 0;
					width: auto;
				}
				
				#header_menu ul li {
						position: relative;
						float: left;
						height: 50px;
						width: auto;
					}
					
					.page_item a {
							height: 50px;
							position: relative;
							float: left;
							width: auto;
							text-indent: -9999px;
							overflow: hidden;
						}
					
					.page_item a {
							text-indent: -9999px;
						}
						
						.page-item-22 a {
								width: 79px;
								background: url(images/menu/menu_item1.png) no-repeat;
								background-position: 0 -50px;
							}
							
							.page-item-22:hover a {
									background-position: 0 0;
								}
					
						
						.page-item-24 a {
								width: 82px;
								background: url(images/menu/menu_item2.png) no-repeat;
								background-position: 0 -50px;
							}
			
							.page-item-24 a:hover {
									background-position: 0 0;
								}

						.page-item-25 a {
								width: 100px;
								background: url(images/menu/menu_item3.png) no-repeat;
								background-position: 0 -50px;
							}

							.page-item-25 a:hover {
									background-position: 0 0;
								}
							
						.page-item-26 a {
								width: 120px;
								background: url(images/menu/menu_item4.png) no-repeat;
								background-position: 0 -50px;
							}

							.page-item-26 a:hover {
									background-position: 0 0;
								}

							
						.page-item-27 a {
								width: 89px;
								background: url(images/menu/menu_item5.png) no-repeat;
								background-position: 0 -50px;
							}
				
							.page-item-27 a:hover {
									background-position: 0 0;
								}

						.page-item-28 a {
								width: 89px;
								background: url(images/menu/menu_item6.png) no-repeat;
								background-position: 0 -50px;
							}
				
							.page-item-28 a:hover {
									background-position: 0 0;
								}

				
							
						
/* ------------------------- MAIN  ------------------------- */						

	#main {
			position: relative;
			clear: both;			
			margin: 0 auto;
		}
	
	.main_index {
			width: 960px;
			height: 400px;
			background: url(images/main_lightwaves.png) no-repeat left bottom;
		}
		
		#main_graphics_0 {
				position: absolute;
				bottom: 0;
				left: 100px;
				width: 476px;
				height: 203px;
				background: url(images/main_graphics_0.png) no-repeat;
			}
		
		
		/* -------------------------  SUB MAIN GRAPHIC BACKGROUND  ------------------------- */		
		
		.sub_main {
			width: 960px;
			height: 150px;			
			background: url(images/sub_lightwaves.png) no-repeat left bottom;
			}
		
		
		/* -------------------------  SMALL MENU ------------------------- */
		
		
		#small_menu_item {
				position: absolute;
				top: 0;
				right: 12px;
			}
			
			#small_menu_item a {
					position: relative;	
					float: left;
					width: auto;
					padding: 0 10px;
					height: 22px;
				}
			
			a#small_menu_item1 {
					width: 62px;
					background: url(images/menu/small_menu_item1.png) no-repeat 0 0;
				}
			
				a#small_menu_item1:hover {
						background-position: 0 -21px;
					}
			
			a#small_menu_item2 {
					width: 61px;
					background: url(images/menu/small_menu_item2.png) no-repeat 0 0;
				}

				a#small_menu_item2:hover {
						background-position: 0 -21px;
					}

			a#small_menu_item3 {
					width: 111px;
					background: url(images/menu/small_menu_item3.png) no-repeat 0 0;
				}

				a#small_menu_item3:hover {
						background-position: 0 -21px;
					}
			
			
		/* ------------------------- FEATURE MENU ------------------------- */
		
		#ftmenu {
				clear: both;
				position: absolute;
				top: 110px;
				right: 40px;
				width: 247px;
				height: 400px;
			}
	
			#ftmenu a {
					position: relative;
					width: 245px;
					height: 33px;
					display: block;
					margin: 10px 0;
				}
		
				a#ftmenu_item1 {
						background: url(images/menu/ftmenu_item1.png) no-repeat;
						background-position: 0 -33px;
					}	
					
					a#ftmenu_item1:hover {
							background-position: 0 0;
						}
					
				a#ftmenu_item2 {
						background: url(images/menu/ftmenu_item2.png) no-repeat;
						background-position: 0 -33px;
					}	
					
					a#ftmenu_item2:hover {
							background-position: 0 0;
						}
					
				 a#ftmenu_item3 {
						background: url(images/menu/ftmenu_item3.png) no-repeat;
						background-position: 0 -33px;
					}	
					
					a#ftmenu_item3:hover {
							background-position: 0 0;
						}
					
				a#ftmenu_item4 {
						background: url(images/menu/ftmenu_item4.png) no-repeat;
						background-position: 0 -33px;
					}	
					
					a#ftmenu_item4:hover {
							background-position: 0 0;
						}

						
		/* ------------------------- PRIMARY ------------------------- */						
						
		#primary_wrap {
				position: relative;
				clear: both;
				width: 940px;
			}				
						
			#primary {
					position: relative;
					float: left;
					margin-bottom: 60px;
					padding-bottom: 60px;
					width: 620px;
					min-height: 300px;
					height: auto !important;
					height: 300px;
					background: #fafafa url(images/primary_bg.jpg) repeat-x;
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
				}
				
				/* tekst na pomarańczowym pasku */
				.content_title, .widgettitle {
						position: absolute;
						top:0;
						left: 22px;
						width: 178px;
						height: 43px;
						background: url(images/content_title.png) no-repeat;
					}
				
					.content_title p,
					li.widget h2,
					.sidebar_box li#recent-posts h2 {
							position: relative;
							color: black;
							font-size: 16px;
							font-weight: bold;
							padding-left: 25px;
							padding-top: 11px;
						}
				
				
		/* ################  POSTS  ################ */
		
		
				h2, h3 {
						font-size: 21px;
						font-weight: bold;
						padding-top: 75px;
						margin-left: 30px;
						margin-right: 30px;
						margin-bottom: 0.25em;
						letter-spacing: 0.005em;
					}
				
					/* margines dla "first" w cenniku */
					h3.first {
						margin-top: 37px;
					}
					
					h2 a {
							color: #646464;
							text-transform: uppercase;
						}
					
						h2 a:hover {
								text-decoration: underline;
							}
				
				
				.sidebar_box p.post_meta {
						font-size: 12px;
						font-weight: normal;
						font-style: italic;
						color: #747474;
						margin-left: 30px;
						padding-top: 0px;
					}
					
				.post_item p.post_meta {	
						border-bottom: 1px solid #c8c8c8;
						font-size: 12px;
						font-weight: normal;
						font-style: italic;
						color: #747474;
						padding-left: 0;
						margin-left:30px;
						padding-top: 0px;
						line-height: 1.5em;
					}
				
				div.post_item {
						margin: 0 30px;
					}
				
				.post_item p {
						font-size: 14px;
						font-weight: normal;
						font-style: normal;
						line-height: 1.75em;
						padding-bottom: 0.5em;
						padding-top: 1em;
						padding-left: 30px;
						padding-right: 60px;
						color: black;
					}
		
				.post-teaser a,
				.go_to_top a {
						position: absolute;
						right: 0;
						text-align: right;
						padding-right: 90px;
						font-size: 12px;
						font-weight: normal;
						color: #646464;
						background: url(images/list_deco.png) no-repeat left center;
						background-position: 75px;
						line-height: 2em;
					}
					
				.go_to_top a {
						background: url(images/list_deco_up.png) no-repeat left center;
						background-position: 45px;
					}	
				
				.go_to_top a:hover {
						background-position: 45px 3px;
						margin-top: -2px;
						font-weight: bold;
						}
					
				.post-teaser a:hover {
						background-position: 79px 3px;
						margin-right: -5px;
						font-weight: bold;;
					}
					
				.post_item p a {
						display: inline;
						padding-right: 22px;
						font-weight: normal;
						color: #646464;
						background: url(images/list_deco.png) no-repeat left center;
						background-position: right center;
					}
					
				.post_item p a:hover {
						font-weight: bold;
					}
				.post_item h4 {
						margin-top: -.75em;
					}
					
		/* ################ STYLING FOR OFERTA ################# */
		
		#sub_menu {
				padding-top: 73px;
				padding-left: 30px;
			}
			
			#sub_menu h3 {
					padding-top: 0px;
				}
			
				#sub_menu a {
						font-size: 16px;
						color: #646464;
						font-weight: normal;
						background: url(images/list_deco.png) no-repeat left center;
						padding-left: 25px;
						line-height: 2em;
					}
				
			
				#sub_menu a:hover
						{
							margin-left: 6px;
							font-weight: bold;
						}
				
						.post_item h3.sub_content {
								padding-top: 2em;
								padding-bottom: 0.35em;
								border-bottom: 1px solid #c8c8c8;
								color: #646464;
							}

					/* ostylowanie linków w "do pobrania" */
					ul.uploads {
							margin-left: 30px;
						}
					
					ul.uploads li {
							margin: 3px 0;
						}
					
					ul.uploads li a {
							font-size: 16px;
							color: #646464;
							font-weight: normal;
							background: url(images/upload_arrow.png) no-repeat left top;
							padding-left: 25px;
							line-height: 2em;
						}
					
					ul.uploads li a:hover {
							background-position: left bottom;
							font-weight: bold;
						}
						
		/* ################ STYLING FOR SINGLE.PHP ################# */
		
				a.back_home {		
						position: absolute;
						bottom: 30px;
						right: 90px;
						line-height: 15px;
						font-size: 12px;
						color: #646464;
						text-align: right;
						background: url(images/list_deco.png) no-repeat left center;
						padding-left: 25px;
					}
					
					a.back_home:hover {
							font-weight: bold;
							background-position: 0px;
							right: 78px;
						}		
						
						
		/* ################ STYLING FOR O FIRMIE.PHP ################# */
		
		h4 {
				margin-left: 30px;
				padding-top: 1.75em;
				margin-bottom: -1em;
				font-size: 14px;
				font-weight: bold;
				line-height: 1.75em;
			}
		
		a.o_firmie {
				text-align: left;
				font-size: 12px;
				font-weight: normal;
				color: #646464;
				background: url(images/list_deco.png) no-repeat left center;
				padding-left: 0px;
				padding-top: 0;
				padding-bottom: 0;
			}
			
		a.o_firmie:hover {
				font-weight: bold;
				margin-left: 3px;
			}
	
	

			
		/* ------------------------- SIDEBAR ------------------------- */					
						
		#sidebar {
				position: relative;
				float: left;
				width: 300px;
				margin-left: 20px;
			}				
		
			.sidebar_box {
					position: relative;
					width: 300px;
					min-height: 200px;
					height: auto !important;
					height: 200px;
					margin-top: 20px;
					padding-bottom: 30px;
					background: #fafafa url(images/primary_bg.jpg) repeat-x;
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
				}
			
			.sidebar_box:first-child {
					margin-top: 0;
					padding-bottom: 0;
				}
				
				
		/* ------------------------- SIDEBAR CONTENT ------------------------- */				
		
				.sidebar_box ul {
						position: relative;
						padding: 14px 30px;
				
					}
				
					.sidebar_box ul li {
						margin-bottom: 1.5em;
						font-size: 10px;
						color: #646464;
						font-style: italic;
						}
						
						.sidebar_box div.content_title {
								position: relative;
								margin-bottom: 26px;
							}
								
							.sidebar_box h2 {
									position: relative;
									padding-top: 0px;
								}
								
							.sidebar_box h2 a,
							.sidebar_box ul li a {		
									line-height: 2em;
									font-size: 12px;
									font-style: normal;
									font-weight: normal;
									color: #646464;
									text-transform: none;
									padding-left: 25px;
									padding-top: 3px;
									padding-bottom: 3px;
									background: url(images/list_deco.png) no-repeat left center;
								}
								
								.sidebar_box h2 a:hover,
								.sidebar_box ul li a:hover {
										font-weight: bold;
										background-position: 5px;
										padding-left: 30px;
										text-decoration: none;
									}

							.sidebar_box p.post_meta {
									padding-bottom: 1em;
								}
		
		
		/* ################ STYLING FOR INDEX.PHP SIDEBAR 2 CONTENT ################# */
		
		p.sidebar_content {
				padding: 0 30px;
				font-size: 12px;
				line-height: 1.75em;
			}
		
		.sidebar_box ol {
				padding: 0.25em 30px 30px 60px;;
			}
		
		.sidebar_box ol li {
				font-size: 12px;
				font-style: normal;
				color: black;
				line-height: 1.75em;
				list-style: decimal outside;
			}
		
		.sidebar_box .post-teaser a {
				bottom: 15px;
				padding-right: 60px;
				color: #646464;
			}
						
		/* ------------------------- FOOTER ------------------------- */	
		
		#footer {
				position: relative;
				clear: both;
				width: 940px;
				margin: 30px 0 30px;
			}
		
			.footer_div {
					position: relative;
					width: 920px;
					height: 1px;
					margin: 0 auto;
					background: url(images/footer_div.png) no-repeat;
				}
			
			#footer ul {
					position: relative;
					width: 940px;
					margin: 1.75em auto;
					text-align: center;
				}
							
				#footer ul li {
						display: inline;
						margin: 0 5px;
					}
					
					#footer ul li a {
							position: relative;
							color: #c8c8c8;
							font-size: 10px;
							font-weight: normal;
							line-height: 2em;
							letter-spacing: 0.005em;
						}
						
						#footer ul li a:hover {
								text-decoration: underline;
							}

							
		/* ------------------------- BOTTOM ------------------------- */	
		
		#bottom {
				position: relative;
				clear: both;
				width: 940px;
				height: 100px;
				width: auto;
			}

			#bottom_address {
					float: left;
					width: auto;
					margin-bottom: 30px;
					color: white;
					text-align: left;
					font-size: 12px;
					font-weight: bold;
				}

				#bottom_address span {
						color: #f2c001;
						width: auto;
					}
				
			#bottom_credits {
					float: right;
					width: auto;
					text-align: right;
				}
				
				#bottom_credits a {
					color: #646464;
					font-size: 12px;
					font-weight: bold;
					}
					
					#bottom_credits a:hover {
							text-decoration: underline;
						}
				
				#bottom_credits span {
					font-weight: normal;
				}


				
				/* ################ STYLING FOR cFORMS & KONTAKT PAGE ################# */
				
				
				#usermessagea {
						position: absolute;
						top: 275px;
						left: 60px;
					}
				
				a.mail {
						line-height: 2em;
						font-size: 12px;
						color: #646464;
						padding-right: 25px;
						background: url(images/list_mail.png) no-repeat right center;
					}
				
				a.mail:hover {
						font-weight: bold;
					}
					

				/* ################ STYLING FOR POLLS ################# */

				
				/* tytuł ankiety */
				.wp-polls h4 {
						margin-top: 0;
						margin-bottom: 0;
						margin-left: 30px;
						margin-right: 0;
						padding: 0;
						text-align: left;
														
					}
				
				/* tekst odpowiedzi abkiery */
				.wp-polls label {
						font-size: 14px;
						color: #646464;
						padding-left: 5px;
						font-style: normal;
					}
					
				
				/* button głosuj */
				.wp-polls .Buttons {
						padding: 5px;
						margin-bottom: 10px;
						line-height: 29px;
						height: 29px;
						background: url(images/polls_submit_bg.jpg) repeat-x;
						font-weight: bold;
						letter-spacing: 0;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
				
				/* odnośnik "Pokazą wyniki" */
				#polls-1-ans p a {
						color: #646464;
						margin: 5px 0;
						font-size: 14px;
					}
					
				#polls-1-ans p a:hover {
						font-weight: bold;
					} 	
				
				
				/* override styling from class "sidebar_box ul li" */
				div#polls-1-ans .wp-answers-li {
						margin-bottom: 1em;
					}
				
				ul.polls_archives {
						text-align: right;
						margin-right: 30px;
						margin-top: 30px;
						padding: 0px;
					}
				
				.sidebar_box ul li a.polls_archives_a {
						background-position: right center;
						padding-right: 30px;
					}
				
				.sidebar_box ul li a.polls_archives_a:hover {
						background-position: 139px 3px;
						margin-right: -8px;
						font-weight: bold;;
					}

				
				
				
/* ################ STYLING FOR TABLES################# */

	table {
 		border-collapse: collapse;
 		border: 1px solid #646464;
		margin: 1.5em 30px 1em 30px;
		font-weight: bold;
	}

	table td {
 		border: 1px solid #646464;
		padding: 10px;
	}
	
	table th {
 		border: 1px solid #646464;
		padding: 15px 10px;
		background: url(images/table_header_bg.jpg) repeat-x;

	}
	
	table tr {
		text-align: center;
	}
	
	/* tło naprzemiennych wierszy w tabelach */
	.even {
		background-color: #e6e6e6;
	}
	
	.odd {
		background-color: #c8c8c8;
	}

	/* wyrównanie tekstu do lewej w pierwszej kolumnie tabel */
	th.column-1, td.column-1 {
		text-align: left;
	}