/*

	@file 		main.css
	@version 	1.0.0b
	@date 		2009-08-04 16:33:07 +0300 (Tue, 4 Aug 2009)
	@author 	Radu Tudorie <radu.tudorie@mac.com>

	Copyright (c) 2009 rtud <http://rtud.ro>

	-----

	Primary colors:
		.light grey: #4b4b4b
		.intermidiate grey: #474747
		.dark grey: #2b2b2b
		.text: #fff #ccc
		.link: #61afe7
		.border: #686868

*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html,body{
	height: 100%;
}

body{
	background: url(../img/bgStripe.png) repeat;
	text-align: center;
}

#wrapper{
	text-align: center;
	position: relative;
	height: 100%;
	_height: 100%;
	height: auto !important;
	margin-bottom: -200px;
}

#headerShadow{
	min-width: 724px;
	height: 300px;
	background: transparent url(../img/headShadow.png) top center no-repeat;
	top: 0px;
	z-index:1;
}

#header{
	top: 29px;
	background: #2b2b2b url(../img/headBg.png) no-repeat center;
	min-width: 824px;
	height: 222px;
	text-align: center;
	position: relative;
	z-index:2;
}

	.logo{
		top: 27px;
		text-align:center;
		position: relative;
		border: 0;
	}
	
	#headNav{
		width: 288px;
		height: 38px;
		top: 49px;
		position: relative;
		margin:0 auto;
		display: table;
	}
		
		#headNav ul{
			height: 38px;
			list-style-type: none;
			display: table-row;
			white-space: nowrap;
		}
		
		#headNav li{
			list-style-type: none;
			display: inline;
		}

#container{
	max-width: 900px;
	text-align: center;
	position: relative;
	margin: auto;
	overflow-y: visible;
	min-height: 100%;
	_height: 100%;
	height: auto !important;
/* 	padding-bottom: 50px; */
}
		
	#boxMain{
		width: 800px;
		min-height: 900px;
		background: #2b2b2b;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		border: 1px solid #686868;
		overflow-y: visible;
		text-align: center;
		margin: auto;
	}
	
#fleur{
	height: 39px;
	width: 49px;
	background: url(../img/fleur.png) no-repeat center;
	text-align: center;
	position: relative;
	margin: auto;
	padding-bottom: 6px;
	padding-top: 5px;
}
				
#footerWrapper{
	min-width: 824px;
	height: 200px;
	background: #2b2b2b url(../img/footerWrapperBg.png) top repeat-x;
	text-align: center;
	margin: auto;
	position: relative;
	bottom: 0;
}

	#footer{
		margin: auto;
		width: 824px;
		height: 200px;
		background: url(../img/footerBg.png) repeat-y;
	}
	
	#footer:after{
		content: ' ';
		clear:both;
	}
			
		#footerUp{
			height: 58px;
			text-align: center;
			display: table;
			position: relative;
			text-align: left;
			margin:auto;
		}
		
			#footerUp ul.up{
				list-style-type: none;
				display: table-row;
				white-space: nowrap;
				width: 100%;
			}
			
			#footerUp ul.up li{
				display: inline;
				list-style-type: none;
				float: left;
				margin: auto;
				padding-top: 13px;
			}
			
			#footerUp ul.up img{
				max-height: 43px;
				max-width: 43px;
			}
		
				#followMe a{
					margin-left: 10px;
					color: #ccc;
					text-decoration: none;
					text-shadow: -1px -1px 0px #000;
					font: 16px Helvetica, Arial, Verdana, sans-serif;
					font-weight: bolder;
					letter-spacing: -1px;
				}
				
				#followMe a:hover{
					color: #61afe7;
				}
			
					#twitter_update_list{
						max-height: 43px;
						width: 100%;
					}
					
					
					#twitter_update_list li {
						background: #4b4b4b;
						font: 11px Helvetica, Arial, Verdana, sans-serif;
						-webkit-box-shadow: 1px 1px 5px #000;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						list-style-type: none;
						padding: 11px;
						border: 1px solid #686868;
					}
					
					#twitter_update_list span {
						color: #fff;
						text-shadow: -1px -1px 0px #000;
					}
					
					#twitter_update_list a{
						display: inline;
						text-decoration: none;
						color: #ccc;
						text-shadow: -1px -1px 0 #000;
					}
					#twitter_update_list a:hover {
						text-shadow: -1px -1px 0 #000;
						text-decoration: none;
						color: #61afe7;
					}
		
		#footerBottom{
			height: 125px;
			position: relative;
			margin:auto;
			padding-top: 15px;
		}
			
			#bottom1{
				width: 250px;
				height: 125px;
				margin: auto;
				float:left;
				text-align: right;
			}
			
			#bottom2{
				width: 250px;
				height: 125px;
				margin: auto;
				float: left;
				text-align: center;
			}
			
			#bottom3{
				width: 324px;
				height: 125px;
				margin: auto;
				float: right;
				text-align: left;
			}
			
				#footerBottom ul{
					list-style-type: none;
					margin: auto;
					text-align: center;
				}
				
				#footerBottom ul li{
					list-style-type: none;
					margin: auto;
				}
			
				#footerBottom h3{
					font: 20px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
					font-weight:bolder;
					color: #fff;
					padding-bottom: 10px;
				}
				
				#footerBottom a{
					font: 12px Helvetica, Arial, Verdana, sans-serif;
					color: #ccc;
					text-decoration: none;
					font-weight: normal;
				}
				
				#footerBottom a:hover{
					color: #61afe7;
				}
				
	.copy{
		font: 11px Helvetica, Arial, Verdana, sans-serif;
		color: #ccc;
		font-weight: bold;
/* 		padding-top: 2px; */
		padding-left: 2px;
	}