/*  http://www.mikography.com/
  ---------------------------------------------------
    current-revision-by:		Miko Walczuk
    last-modified-date:			2011 28 07
	
Contents:
    1. Master
    2. Text
    3. Images
    4. IDs
    5. Classes
    6. Body
    7. Navbar
    8. Miscellaneous
	  
  Copyright (c)2011 Miko Walczuk.
 
  
/*	1.) =Master
	------------------------------------------------- */

* {padding:0;margin:0;}
html {}
body {background: #e5e5e5; text-align: center;font: 1.0em Lucida Grande, Verdana, Arial, sans-serif;}


/*	--- Links --- */


#container ul a:link, #container p a:link, #twitter_update_list a:link {text-decoration:none;color: #000;border-bottom: 1px solid #ccc;}

#container ul a:visited, #container p a:visited, #twitter_update_list a:visited {text-decoration:none; color: #555;border-bottom: 1px solid #bbb;}

#container ul a:hover, #container p a:hover, #twitter_update_list a:hover {color: #777;border-bottom: 1px solid #ccc;}

  
/*	2.) =Text
	------------------------------------------------- */


p,dt,h2 {margin-bottom:1.0em;font-size:.7em;}
p,dd,li,ol, #twitter_update_list {
	color: #000;
	font-size:0.7em;
	line-height: 1.8em;
	list-style:none;
}

h1, hr {display: none;}
h2, h3, h4, h5 {
	text-transform:uppercase;
	letter-spacing: .1em;
	color: #999;
	margin-bottom: 1.5em;
	font: 0.8em "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

h2 {
background:#333;
padding:10px;
position:absolute;
margin:10px 0px 0px 0px;

}

p.japanese {display:none;}

p.intro {
padding:90px 20px 30px 20px;
}

/*	--- Lists --- */




/*	--- Text replacements --- */

  
/*	3.) =Images
	------------------------------------------------- */

a img {border:0 none;}


#contact img {
float:right;
margin:-55px -10px 0px 0px;
padding:0px 0px 10px 10px;
}

#connect a img {
	display: block;
padding:10px;
}

#wed #content img, #fas #content img {
margin-bottom: 20px;
}



/*	4.) =IDs
	------------------------------------------------- */

#container {
	margin: 75px auto 0px;
	width: 750px;
	text-align: left;
	position:relative;
	padding: 0;

}

#flickr, #projects, #about, #twitter, #contact, #connect {
position:relative;
float:left;
background:#fff;
margin-bottom:5px;
}

#projects, #about, #twitter, #contact, #connect {
padding:65px 20px 20px 20px;
}

#projects {
width:235px;
height:268px;
margin:0px 0px 0px 5px;
padding:65px 5px 0px 5px;
}

#flickr, #about h2, #contact h2 {
top:0px;
left:0px;
}

#projects h2, #twitter h2, #connect h2 {
top:0px;
right:0px;
}

#about, #twitter {
height:110px;
}

#about, #contact {
width:460px;
}

#wed #contact, #fas #contact {
width:710px;
}

#twitter, #connect {
width:205px;
margin-left:5px;
}

#header {
	position:relative;
	width:750px;
	height:50px;
	background:#fff;
margin:0px 0px 5px 0px;
}




#wrapper {
	position:relative;
}

#wed #wrapper, #fas #wrapper {
background:#fff;
}


p.footer {
float:left;
	color: #999;
	margin:20px 0px 0px 0px;
	padding:0 0 100px 0;
}


p#photography {
width:170px;
height:20px;
background: url(i/mwphoto.png) no-repeat;
position:absolute;
top:20px;right:8px;
text-indent:-9999px;

}


#sticker {
position:absolute;z-index:1;	text-indent:-9999px;
width: 125px;height:128px;background: url(i/e/wedding2010.png) no-repeat 50% 50%;left:-90px;top:120px;
}


/*	5.) =Classes
	------------------------------------------------- */

  
/*	6.) =Body
	------------------------------------------------- */


  
/*	7.) =Navbar
	------------------------------------------------- */


h1 {

	display: block;
	height:70px;
	text-indent:-9999px;
}

h1 a {
position:absolute;
width: 160px;background: url(i/mikography.png) no-repeat 50% 50%;left:0px;top:7px;}


h2 {
	height: 15px;
}


h2 a {
	display: block;
	height:15px;
	text-indent:-9999px;

}

#f a {width: 130px;background: url(i/flickr.png) no-repeat 0% 50%;left:0px;}

#p a {width: 80px;background: url(i/projects.png) no-repeat 0% 50%;left:0px;}

#a a {width: 130px;background: url(i/about.png) no-repeat 0% 50%;left:0px;}

#t a {width: 80px;background: url(i/twitter.png) no-repeat 0% 50%;left:0px;}

#c a {width: 130px;background: url(i/contact.png) no-repeat 0% 50%;left:0px;}

#n a {width: 80px;background: url(i/connect.png) no-repeat 0% 50%;left:0px;}
  
  
/*	8.) =Misc
	------------------------------------------------- */