/* INFO
	--------------------------------------------------------
	
	Project:		Milan Zivkovic vCard
	Version:		1.0
	Last change:	--/--/--
	Author:			Milan Zivkovic
	Author URL:		http://www.designer.rs
	
	Anybody seen my monkey? If you see it on site, please let me know. He is out there somewhere... :(|)
	
    
	----------------------------------------------------- */
	
	
	/*  =Reset CSS
	----------------------------------------------------- */

	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,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	* {font-size:100.01%}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	body {
		text-align: center;
	}
	
	ul,
	ol {
		list-style-position: inside;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
		
		
	/*  =Common
	----------------------------------------------------- */
	
	hr {
		border: none;
		border-bottom: 1px solid #000;
		clear: both;
		height: 1px;
		line-height: 1px;
		margin: 0;
	}
	
	small,
	sub,
	sup {
		font-size: 10px;
	}
	
	big {
		font-size: 14px;
	}
	
	em,
	address {
		font-style: italic;
	}
	
	strong,
	th,
	dt {
		font-weight: bold;
	}
	
	blockquote {
		border-left: 2px solid #ccc;
		font-size: 14px;
		font-style: italic;
		margin-left: 35px;
		padding-left: 10px;
	}
		
	del {
		color: #999;
		text-decoration: line-through;
	}
	
	ins {
		color: #333;
		text-decoration: underline;
	}
	
	sub {
		vertical-align: sub;
	}
	
	sup {
		vertical-align: super;
	}
	
	code {
		font-family: "Lucida Console", Monaco, monospace;
	}
	
	img {
		display: inline-block;
	}
		
	.hidden {
		display: none;
	}
			
	@font-face {
		font-family: 'CodeLightRegular';
		src: url('../fonts/code-light-webfont.eot');
		src: local('☺'), url('../fonts/code-light-webfont.woff') format('woff'), url('../fonts/code-light-webfont.ttf') format('truetype'), url('../fonts/code-light-webfont.svg#webfontIgvZjeSZ') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
	font-family: 'CodeBoldRegular';
	src: url('../fonts/code-bold-webfont.eot');
	src: local('☺'), url('../fonts/code-bold-webfont.woff') format('woff'), url('../fonts/code-bold-webfont.ttf') format('truetype'), url('../fonts/code-bold-webfont.svg#webfont2uXHtV3Y') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	
	/*  =Styles
	----------------------------------------------------- */
	
	#home a:link,
	#home a:visited,
	a:link,
	a:visited {
		color: #000;
		text-decoration: none;
	}
	
		.nav:link,
		.nav:visited {
			color: #ccc;
		}
		
		#home a:hover,
		#home a:active {
			color: #04a2bf;
		}
		
		#about a:hover,
		#about a:active,
		#about h2 {
			color: #b82207;
		}
		
			#about p a:link,
			#about p a:visited {
				color: #b82207;
			}
			
				#about p a:hover,
				#about p a:active {
					color: #000;
				}
		
		#networks a:hover,
		#networks a:active,
		#networks h2 {
			color: #7e960c;
		}
		
		#contact a:hover,
		#contact a:active,
		#contact h2 {
			color: #9445bd;
		}
		
		#contact ul a:link,
		#contact ul a:visited,
		#networks ul a:link,
		#networks ul a:visited {
			display: block;
		}
	
	h1, h2 {
		font-family: "CodeBoldRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	body {
		background: #13c2e2 url(../images/bg.png);
		color: #333;
		font: 36px/45px "CodeLightRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	#container {
		background: url(../images/bg1.png) no-repeat center -110px;
		margin: 0 auto;
		text-align: left;
		height: 900px;
		width: 1000px;
	}
	
		#contentContainer {
			padding: 100px 263px 0;
		}
		
			#content {
				height: 450px;
				overflow: hidden;
				width: 489px;
			}
			
			
				#pages {
					height: 1200px;
					width: 1200px;
				}
				
					#pages .page {
						height: 450px;
						float: left;
						margin: 0 20px 20px 0;
						padding: 0;
						width: 489px;
					}
					
					#monkey {
					}
					
						#monkey a:link,
						#monkey a:visited {
							background: #444 url(../images/bg.png);
							display: block;
						}
						
							#monkey a:hover,
							#monkey a:active {
								background-color: #5f8419;
							}
					
					#home,
					h2 {
						font-size: 100px;
						line-height: 92px;
					}
					
						#home h1 a:link,
						#home h1 a:visited {
							color: #06a0cc;
							cursor: default;
						}
					
					#about h2 {
						padding-left: 5px;
					}
					
					#about p {
						font-size: 26px;
						line-height: 24px;
						margin-bottom: 18px;
						/*padding-left: 160px;*/
					}
					
						#about img {
							float: left;
						}
						
					#networks li {
						margin-bottom: 1px dotted #ccc;
						overflow: hidden;
					}
						
						#networks span {
							background: #ccc;
							float: right;
							height: 28px;
							margin-top: 8px;
							text-indent: -9999px;
							width: 28px;
						}
						
							#networks a:hover span {
								background: #999;
							}
							
					#contact li {
					}
					
						#contact span {
							display: none;
							float: right;
						}
						
							#contact a:hover span {
								display: block;
							}
							
		#footer {
			color: #333;
			font: 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding-top: 25px;
			text-align: center;
			
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;

		}
		
			#footer a:hover {
				border-bottom: 1px dotted #333;
			}