/*======================================

- Snow-Heart.net, the Vanilla Lace Studio
- Version 1: Moonlit Sonata
- Author: Shinju
- Author URI: http://snow-heart.net, http://sakuchi.org, http://daintydoll.org, http://kinmotsu.org, http://fuyumeku.net

======================================*/

/* GLOBAL LAYOUT AND STYLE
------------------------------------------------------------------------------------------------ */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  margin: 0;
  padding: 0;
}

body {background: #d2f2fc url('imgs/one/shv1_topbg.png') left top repeat-x; margin: 0 auto; font: 9pt 'ruda', helvetica, arial, sans-serif; color: #79b0ca; text-align: center; line-height: 18pt;}

#wrap {background: transparent; margin: 0px auto; width: 1234px; text-align: left;}

#imgs {background: transparent; margin: 0 0 100px 0; width: 1234px;}
	#img1 {background: url('imgs/one/shv1_001.png') left top no-repeat; width: 1234px; height: 183px;}
	#img2 {background: url('imgs/one/shv1_002.png') left top no-repeat; width: 1234px; height: 107px;}
		#cleartop {background: transparent; float: left; margin: 0 0 0 110px; width: 538px; height: 90px;}
	#img3 {background: url('imgs/one/shv1_003.png') left top no-repeat; width: 1234px; height: 194px;}
		#navtop_main {background: transparent; float: left; margin: 40px 0 0 265px; width: 120px; height: 130px; font: 28pt 'ostrich sans', helvetica, arial, sans-serif; font-weight: lighter; line-height: 24pt; overflow: hidden;}
		#navtop_main ul {background: transparent; float: left; margin: 0px auto; padding: 0px; width: 120px; list-style-type: none; text-align: left;}
		#navtop_main ul li {background: transparent; margin: 0 0 2px 0; padding: 0px; text-align: left;}
		#navtop_mini {background: transparent; float: right; margin: 5px 180px 0 0; width: 210px; text-align: center;}
		#navtop_mini ul {background: inherit; float: right; margin: 0; padding: 0; width: 210px; list-style: none; text-align: center;}
		#navtop_mini ul li {display: inline; padding: 12px 0; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in;}
		#navtop_mini ul li.move {margin-right: 6px;} #navtop_mini ul li.move-left {margin-left: -3px;}
		#navtop_mini ul li#d1 {background: url('imgs/one/shv1_mini_fls.png') no-repeat; opacity: 0.7;}
			#navtop_mini ul li#d1:hover {opacity: 1.0;}
		#navtop_mini ul li#d2 {background: url('imgs/one/shv1_mini_music.png') no-repeat; opacity: 0.7;}
			#navtop_mini ul li#d2:hover {opacity :1.0;}
		#navtop_mini ul li#d3 {background: url('imgs/one/shv1_mini_mail.png') no-repeat; opacity: 0.7;}
			#navtop_mini ul li#d3:hover {opacity: 1.0;}
		#navtop_mini ul li#d4 {background: url('imgs/one/shv1_mini_twitter.png') no-repeat; opacity: 0.7;}
			#navtop_mini ul li#d4:hover {opacity: 1.0;}
		#navtop_mini ul li#d5 {background: url('imgs/one/shv1_mini_lj.png') no-repeat; opacity: 0.7;}
			#navtop_mini ul li#d5:hover {opacity: 1.0;}
		#navtop_mini ul li#d6 {background: url('imgs/one/shv1_mini_lotus.png') no-repeat; opacity: 0.7;}
			#navtop_mini ul li#d6:hover {opacity: 1.0;}
		#navtop_clear {background: #000; clear: both; width: 100%;}
	
	#img4 {background: url('imgs/one/shv1_004.png') left top no-repeat; width: 1234px; height: 262px;}
	
.strings {background: url('imgs/one/shv1_string.png') center center no-repeat; margin: 0 0 100px 0; width: 1234px; height: 800px; display: block;}

.box_wrap {background: transparent url('imgs/one/shv1_box.png') center center no-repeat; margin: 0 0 40px 0; width: 1234px; height: 1000px; display: block;}	

	.box_header {background: transparent; padding: 0 280px;}
	.box_content_wrap {background: transparent; padding: 0 270px 0 260px;}
	.box_content_wrap .boxedcurves {float: right; height: 20px; display: block; clear: right; }
		.box_content_wrap span#about_curve1, .box_content_wrap span#network_curve1, .box_content_wrap span#fly_curve1  {width: 380px;}
		.box_content_wrap span#about_curve2, .box_content_wrap span#network_curve2, .box_content_wrap span#fly_curve2 {width: 250px;}
	.box_content_column-left {float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; width: 340px; display: block; overflow: hidden; clear: left;}
	.box_content_column-right {float: right; margin: 0 0 0 5px; padding: 0 0 0 5px; width: 340px; display: block; overflow: hidden; }
	.box_content_wrap table#network-box {background: transparent; margin: 0 auto; width: 570px; text-align: center;}
	.box_content_wrap table#network-box td.LT {padding: 0; width: 230px; vertical-align: top !important; text-align: center;}
	.box_content_wrap table#network-box td.RT {padding: 0; width: 340px; vertical-align: top !important; text-align: left;}
	.box_content_wrap table#fly-box {background: transparent; margin: 0 auto; width: 620px; text-align: center;}
	.box_content_wrap table#fly-box td {padding: 0 5px; vertical-align: top; width: 25%; text-align: left;}
	
	#box_linktop_about {margin: 40px 0 0 20px; font: 25pt 'ostrich sans', 'helvetica neue', arial, sans-serif;}
	#box_linktop_network {margin: 20px 0 0 20px !important; font: 25pt 'ostrich sans', 'helvetica neue', arial, sans-serif;}
	#box_linktop_fly {margin: 10px 0 0 20px; font: 25pt 'ostrich sans', 'helvetica neue', arial, sans-serif;}
	
	.box_clear {background: transparent; width: 100%; clear: both;}
	
#content_wrap {background: transparent; margin: 0px auto; padding: 0px 200px; width: 834px;}

#content_clear {margin: 0px auto; padding: 20px 0 0 0; clear: both; width: 834px; font: 8pt 'ruda', helvetica, arial, sans-serif; text-align: center; text-transform: uppercase;}
	
#clear {background: transparent; width: 100%; clear: both;}	

/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */
@font-face {font-family: 'cantabile'; src: url('cantabil.ttf');}
@font-face {font-family: 'ostrich sans'; src: url('ostrich-regular.ttf');}
@font-face {font-family: 'ostrich sans'; font-weight: bold; src: url('ostrich-bold.ttf');}
@font-face {font-family: 'ostrich sans'; font-weight: lighter; src: url('ostrich-light.ttf');}

#about .box_header h1, #network .box_header h1, #fly .box_header h1 {background: transparent; position: relative; margin: 0px auto; padding: 10px 0 0 0; font: 58pt 'cantabile', georgia, serif; color: #60dced; line-height: 40pt; letter-spacing: -.1em; text-shadow: 2px 5px 4px #fff;}
#about .box_header h1:after {content: "snow covered heart"; color: #60dced; text-shadow: 2px 5px 4px #fff;}
#network .box_header h1:after {content: "color-fueled warmth"; color: #60dced; text-shadow: 2px 5px 4px #fff;}
#fly .box_header h1:after {content: "snowflakes adrift"; color: #60dced; text-shadow: 2px 5px 4px #fff;}
.box_header p.h1-subhead {margin: 25px 0 5px 0; font: 14pt 'ostrich sans', helvetica, arial, sans-serif; color: #8dcbe4; text-transform: uppercase; letter-spacing: .1em;}

.box_content_wrap blockquote.message {margin: 0 0 15px 10px; font: italic 36pt 'trochut', cursive; color: #73c9e7; line-height: 30pt; opacity: .4;}

.box_content_column-left h2 {float: left; margin: 0 5px 5px 0; padding: 10px 0 0 0; font: 40pt 'ostrich sans', 'helvetica neue', arial, sans-serif; color: #1bb9d6; text-transform: uppercase; text-shadow: 2px 5px 4px #fff; line-height: 24pt;}
.box_content_column-right h2 {float: right; margin: 0 0 5px 5px; padding: 10px 5px 0 0; font: 40pt 'ostrich sans', 'helvetica neue', arial, sans-serif; color: #1bb9d6; text-transform: uppercase; text-shadow: 2px 5px 4px #fff; line-height: 24pt;}

.box_content_wrap h3 {background: #fff; float: left; margin: 0 5px 5px 0; padding: 10px 5px 5px 5px; text-align: left; font: 30pt 'ostrich sans', 'helvetica neue', arial, sans-serif; color: #1bb9d6; display: block; line-height: 16pt; clear: left; opacity: .8;}

.box_content_wrap p.intro {margin: 10px 20px; padding: 0 0 10px 0; text-align: left; border-bottom: 1px dashed #91b1c4;}
.box_content_wrap p {margin: 0 0 5px 0px;}
.box_content_wrap p.center {margin: 5px 0; text-align: center;}

.guide ul {list-style: none; margin: 0; padding: 0; text-align: center !important;}
.guide ul li {display: inline;}

#fly-box ul {margin: 0; padding: 0; list-style: none;}
#fly-box ul li {background: url('imgs/one/tulip07.gif') left center no-repeat; padding: 0 0 0 20px;}
#fly-box ul li.friends {background: url('imgs/one/tulip03.gif') left center no-repeat; padding: 0 0 0 20px;}
#fly-box ul li.exchanges {background: url('imgs/one/tulip08.gif') left center no-repeat; padding: 0 0 0 20px;}
#fly-box ul li.siblings {background: url('imgs/one/tulip06.gif') left center no-repeat; padding: 0 0 0 20px;}

strong, b {font: bold 100% georgia, serif; color: #6897ad; text-transform: uppercase;}
em, i {font: italic 100% georgia, serif; color: #489be0;}

span.hearts {font: 100% georgia, serif; color: #ff87b1;}

/* LINK STYLES	------------------------------------------------------------------------------------------------ */
a, a:link, a:visited, a:link {color: #55aaa1; text-decoration: none;}
#box_linktop_about a, #box_linktop_about a:link, #box_linktop_about a:link, #box_linktop_network a, #box_linktop_network a:link, #box_linktop_network a:link, #box_linktop_fly a, #box_linktop_fly a:link, #box_linktop_fly a:link {color: #55aaa1; text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in;}
a:hover, a:active, #box_linktop_about a:hover, #box_linktop_about a:active, #box_linktop_network a:hover, #box_linktop_network a:active, #box_linktop_fly a:hover, #box_linktop_fly a:active {color: #43b171;}

#navtop_main a, #navtop_main a:link, #navtop_main a:visited {color: #fff; font-weight: normal; text-decoration: none; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in;}
#navtop_main a:hover, #navtop_main a:active {color: #7ecee4;}

#cleartop a, #cleartop a:hover, #navtop_mini ul li a, #navtop_mini ul li a:hover, .box_content_wrap table#network-box a, .box_content_wrap table#network-box a:hover {background: transparent !important;}

.box_header h1 a:link, .box_header h1 a:visited, .box_header h1 a:hover, .box_header h1 a:active {background: transparent; text-decoration: none; color: #bef3f8; position: absolute;    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));}

/* IMAGES	------------------------------------------------------------------------------------------------ */
img, #navtop_mini ul li img {border: 0px;}
.box_content_wrap table#network-box img, p.center img {border: 3px solid #91b5bc; opacity: .5; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in;}
.box_content_wrap table#network-box img:hover, p.center img:hover {border: 3px solid #0ba7c4; opacity: 1.0;}