/*

Theme Name: Murata Yanbakan 
Author: Anythingisgood
Author URI: http://www.anythingisgood.co.nz
Description: Portfolio Website
Version: 1.0

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/


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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {font-size: 12px; color: #7e7e7e; background: #ac7c5d url(images/bg.jpg); margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
h2 { line-height: 20px; font-size: 18px; color: #000; float: right; text-shadow: 2px 2px 2px #c1c1c1; font-family: Century Gothic; font-weight: normal; margin: 20px 30px 0px 0px }
.footer { width: 741px; margin: 0px auto 0px auto; color: #666; text-shadow: 1px 1px #000; font-size: 11px; text-align: right; padding: 0px 10px 40px 0px; z-index:9999; }
	.footer a { color: #666; text-shadow: 1px 1px #000; text-decoration: none; }
	.footer a:hover { color: #999; text-shadow: 1px 1px #000; text-decoration: none; }
#wrapper { background: url(images/bg-top.jpg) repeat-x top center; float: left; width: 100%; min-height: 700px; }
#inside-bg-bottom { background: url(images/side-bg-bottom.gif) no-repeat 173px bottom; float: left; padding-bottom: 25px;  }
	#inside-bg-top { background: url(images/side-bg-top.gif) no-repeat 177px top; float: left; }
		#inside { background: url(images/side-bg.gif) repeat-y 175px 0px; float: left;  }
#content { margin: auto; width: 751px; background-image: url(images/content-bg-center.png); margin-top: 171px; }
#content-bg-bottom { background: url(images/content-bg-bottom.png) no-repeat bottom center; float: left; padding-bottom: 20px;  }
div.slide {display: none; }
div.resume { display: block;}
div.contact { display: none; }
div.connect { display: none; }
	.page-content { float: left; width: 700px;  }
		.entry { float: right; width: 444px; padding-bottom: 20px; padding-top: 23px; border-bottom: 1px solid #dbdbdb; margin-right: 32px; padding-left: 31px; }
		.entry strong { font-size:14px; color:#000;}
		.entry span { color:#000; font-weight:bold;}
		.entry em { color:#666; font-weight:bold;}
		.connect-div {  padding-left: 0px; width: 475px; background: url(images/line.gif) repeat-y top center; border: none; padding-bottom: 0px; }
			.connect-div span { width: 237px; height: 87px; top: 0; border-bottom: 1px solid #dbdbdb; float: left; position: relative; z-index: 3; }
			.connect-div a { display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 165px; height: 67px;  float: left; text-decoration: none; color: #7e7e7e; font-size: 18px; padding: 20px 0px 0px 87px; }
			.connect-div a:hover { color: #3a3a3a; }
				.connect-bg { position: absolute; z-index: 1; display: none; }
			.connect-div a img { left: 0; float: left; margin-right: 10px; }
			.entry ul { float: left; width: 100%; margin: 15px 0px 0px 0px; padding: 0;}
				.entry ul li { float: left; width: 190px; display: block; padding: 10px 0px 0px 30px; background: url(images/check.gif) no-repeat left; }
#header { background: url(images/content-bg-top.png) no-repeat top center; height: 200px; position: relative; margin-top: -41px; float: left; width: 751px;  }
	#logo { position: relative; float: left; margin-left: 90px; color: #b3b3b3; }
		.logo { padding-bottom: 6px; padding-left:110px; width:343px; height:51px; border-bottom: 1px solid #dbdbdb; } 
		.numero{position:absolute; top:45px; left:110px;color:#7e7e7e;}
		.numero a{text-decoration:none; color:#7e7e7e;}
		.numero a:hover{text-decoration:none; color:#000;}
/*		.avatar { float: left; background-image: url(images/photo-bg.gif); padding: 7px 13px 15px 7px; margin-right: 15px; } */
		.overlay { position: absolute; top: -3px; left: -87px;}
	#header ul { float: right; list-style: none; margin: 40px 30px 0px 0px; }
		#header ul li { display: block; float: left; margin-right: 5px; height: 24px; }
		#header ul li.active { background: url(images/nav-bg-left.png) no-repeat left; }
			#header ul li a { text-transform: lowercase; display: block; float: left; text-decoration: none; color: #a9a4a4; font-family: Century Gothic; height: 21px; padding: 3px 10px 0px 10px;}
			#header ul li a:hover { color: #484848; }
			#header ul li.active a { background: url(images/nav-bg-right.png) no-repeat top right; color: #484848; text-shadow: 1px 1px #fff; height: 21px; padding: 3px 10px 0px 10px; }
.gallery-item { width: 75px; height: 75px; position: relative; float: left; margin: 0px 13px 17px 0px; display: block; }
	.gallery-item img { position: absolute; top: 0; left: 0; padding: 8px; background-color: #f6f6f6; border: 1px dashed #b2b2b2; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	.gallery-item:hover img { -webkit-box-shadow: none;  -moz-box-shadow: none; }
	.features-hover { display: none; position: absolute; padding: 8px; background: #fff; -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25); -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25); z-index: 5; }
.clear {clear: both;}