/* CSS Document */
/*author Babi Szolosi*/

/*normalises margin and padding*/
body, nav, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:			0;
	padding:		0;
}

/*normalises font-size for headings*/
h1, h2, h3, h4, h5, h6 {
	font-size:		100%;
}

/*removes list-style from lists*/
ol, ul {
	list-style:		none;
}

/*normalises font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:		normal;
	font-weight:	normal;
}

/*removes borders and spacing from tables*/
table {
	border-collapse:	collapse;
	border-spacing:		0;
}

/*removes border from fieldset and img*/
fieldset, img {
	border:			0;
}

/*left aligns text in caption and th*/
caption, th {
	text-align:		left;
}

/*removes quotation marks from q*/
q:before, q:after {
	content:		'';
}
/***************************************************************************/

@font-face {
	font-family: 'AmienneBold';
	src: url('type/amienne_bold-webfont.eot');
	src: local('☺'), url('type/amienne_bold-webfont.woff') format('woff'), url('type/amienne_bold-webfont.ttf') format('truetype'), url('type/amienne_bold-webfont.svg#webfonttq1MVE5C') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'AmienneRegular';
	src: url('type/amienne-webfont.eot');
	src: local('☺'), url('type/amienne-webfont.woff') format('woff'), url('type/amienne-webfont.ttf') format('truetype'), url('type/amienne-webfont.svg#webfontvlKaCBoF') format('svg');
	font-weight: normal;
	font-style: normal;
}

/***************************************************************************/

html {
	background: #FCFCFA url(images/bg_top.gif) repeat-x top left; 
}

body {
	width:			95%;
	min-width:		800px;
	max-width:		1200px;
	font:			0.88em/1.4 Cordoba, Verdana, Arial, Helvetica, sans-serif;
	margin:			0 auto;
	padding:		20px 0 20px 0;
	text-align:		left;
	/*border:			#CCC 1px dashed;*/
	background-color:#FCFCFA;
}

#container {
	position:		relative;
	background:		url(images/bg1.jpg) no-repeat 95% 98%; 
	
}

#branding {
	position:		relative;
	
	/*background:		url(images/header_bg4.png) no-repeat 4% 20px;*/
	height:			250px;
}
/*when I get some time, I will replace the image with proper fonts - very important!!!*/
h1 {
	position:		absolute;
	left:			2.2%;
/*	top:			2em;
	width:			125px;
	height:			98px;
	z-index:		1000;
	text-indent:	109px;
*/
	font-family:	'AmienneRegular';
	color:			#4da101;
	font-size:		1200%;
	font-weight:	normal;
}
#pink {
	color:			#FD2495;
	}
#lilac {
	color:			#84339c;
	}	
#content {
	position:		relative;
	width:			60%;
	/*border:			#FD2495 0.2em solid;*/
}
#content, nav[role="navigation"] {
	padding:		1.5em;
	margin:			0 2em 2em 2em;
	background-color:#FD2495;
}
#content {
	-moz-border-radius-bottom-right:	.8em;
	-webkit-border-bottom-right-radius:	.8em;
	border-bottom-right-radius:	.8em;
	}
nav[role="navigation"] {
	-moz-border-radius-bottomleft:	.8em;
	-webkit-border-bottom-left-radius:	8em;
	border-bottom-left-radius:	.8em;
	}


footer[role="contentinfo"] {
	padding:		1.5em;
	margin:			0 0 2em 2em;
	background-color:#FD2495;
	width:			91.5%;
	display:		block;
}	
footer[role="contentinfo"] p {
	color:		#fceaf4;
	font-weight:	bold;
	margin:		0;
	padding:	0;
}
ul#portfolio_snippets li, nav[role="navigation"] ul {
	background-color:		#fceaf4;
	margin:			2em 0 0 0;
	padding:		1.5em 0 0 0;
}
nav[role="navigation"] ul li {
	list-style-image:url(images/icon.gif);
	opacity:			0.8;
	list-style-position:	inside;
}
nav[role="navigation"] ul li:hover {
	list-style-image:url(images/icon.gif);
	opacity:			1;
	color:				#4da101;
	list-style-position:	inside;
	text-shadow:		0 5px 10px rgba(0, 0, 0, .8);
}
ul#portfolio_snippets li img {
	float:			left;
	margin:			0 1.5em 1em 1em;
	padding:		0 15px 15px 0;
	box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, 1);   
  -moz-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, 1);
  -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, 1);
  
}

ul#portfolio_snippets li:after {
	content:		".";
	display:		block;
	height:			0;
	clear:			both;
	visibility:		hidden;
}
h3, p {
	margin:			0;
	padding:		0.2em 25px;
}
p { 
	text-align:		justify;	
} 
h3 {
	position:		relative;
	font:			1.2em Constantia, Palatino, Times, serif;
	color:			#4da101;
	letter-spacing:	-1px;
	
}

h3 a:link, h3 a:visited, 
h3 a:hover, h3 a:active, 
nav[role="navigation"] ul li a:link, 
footer[role="contentinfo"] p a:link, 
ul#portfolio_snippets li a:link, p a:link, 
.contact_page #container #content .address ul .email li 
 {
	text-decoration:	none;
	color:			#72228a;
}

ul#portfolio_snippets li a:link, p a:link {
	font-weight:	bold;
}
nav[role="navigation"] { 
	float:			right;
	width:			23%;
	/*border:			#FD2495 0.2em solid;*/
}
nav[role="navigation"] ul li {
	margin:			0;
	padding:		0 0 15px 45px;
	font-weight:	bold;
}
em {
	
	padding-left:	2em;
	margin-left:	1em;
	background:		url(images/icon.gif) no-repeat center left;
	font-weight:	bold;
	
}
#ujraittvan p:last-child, .index_page #content h2 + p + p + p{
	padding-bottom: 2em;
}
blockquote {
	float:			right;
	height:			250px;
	background:		url(images/bg4.png) no-repeat 45% 98%;

}
blockquote  p {
	text-align:		right;	
}

.index_page #content ul {
	position:		relative;
	margin:			0;	
}
.index_page #content p {
	margin:			0;
	padding:		0.5em;	
}
.index_page #content h2 + p, .contact_page #content h2 + p {
	padding-top:		0.1em;	
}
.index_page #content ul#portfolio_snippets li p {
	padding:		0.5em 0.5em 0.5em 22em;		
}

.contact_page #content, .index_page #content, .not_found #content {
	min-height:		50em;
	position:		relative;
	background-color:	#fceaf4; 
	border:			#fd2495 solid 1.5em;
	border-top:		#fd2495 solid 3.5em;
	
}

.contact_page #content h2, .index_page #content h2, .not_found #content h2 {
	color:			#4da101;
	font:			2.2em Constantia, Palatino, Times, serif;
	padding:		0 0 0 0.2em;
}

.contact_page #content p, .not_found #content p {
	position:		absolute;
	background:		transparent url(images/three_orchids.png) no-repeat 80% 80%; /*400px 250px;*/	
	height:			45em;
	margin:			0;
	padding:		0.5em 1em 2em 0;
}
.contact_page #content ul {
	position:		relative;
	margin:			5em 0 0 0;
	
}
form {
	color:			#fff;
}
#keywords {
	text-indent:	-9999px;
	padding:		0;
	margin:			0;
}