@charset "utf-8";

/* --------------------------------------------------------------


###############  SCREEN -  Master Stylesheet  ##################

*	Project Info
*
*	Project : NY4U Studio
*	Site : www.ny4u.cn
*	File : style/master.css
*	Usage : Master Stylesheet 
*	(c) Copyright 2009 Song. All Rights Reserved.  
*	License : Creative Commons ( cc )

*	WebDeveloper Info
*
*	Author : iSong
*	Email : isong.ge@gmail.com
*	Site : www.isonge.cn
	
*	Creation & Subversion Keywords:
*
*	Creation Data : 2009-08-21
*	LastChangedDate: 2009-08-21
*	LastChangedBy: iSong


 ------------------------------------------------------------------ */
 



 /*--------------------------------------------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, 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; }

/* remember to define focus styles! */

:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; -webkit-padding-start: 0px; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }


 /*--------------------------------------------Defult--------------------------------------
*/


/* Font */
 
h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:1.6em; }

h1 { font-size:22px; }

h2 { font-size:16px; }

h3 , h4 { font-size:12px; }

small { font-size:10px; } 

/* Links */
 
a:link, a:visited, a:active { color:#000; text-decoration:none; }

a:hover { color:#999999; text-decoration:underline; }

/* Forms */

input, textarea, select { color:#666666; background:#FFFFFF; margin-top:4px; padding:2px; border:1px solid #a6a6a6;  }

/* Clear */

.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

.fl { float:left; }

.fr { float:right; }

.center { text-align:center; }


 /*--------------------------------------------Main--------------------------------------
*/


html { font-size:12px; font-family:Tahoma,Arial,'Microsoft YaHei',SimSun; text-align:center; }

	body { color:#363642; background:#EFF8FF; text-align:left; line-height:1.6em; }

h1#logo { margin: 30px 0 20px -4px;}

#sidebar { position:absolute; top:0; left:40px; width:160px; height:100%; line-height:1.5em; }

body > #sidebar , body > a#up { position:fixed; }

a#up { position:absolute; bottom:0; left:970px; display:block; width:30px; height:20px; background:#363642; color:#fff; font-size:10px; text-align:center; }

/* Navigation menu styles */

#nav { margin:20px 0 20px -3px; }

	#nav li { border-bottom:1px solid #363642; width:145px; }

	#nav a { display:block; font-size:10px; line-height:28px; padding-left:4px; }

	#nav a:hover , .selected  { color:#ffffff; background:#363642; text-decoration:none; font-weight:bold; padding-left:10px; }

/* Content area styles */

#content { margin: 0 0 0 240px; padding: 80px 0px 50px 0px; width:720px; }

	#content p { margin:0 0 20px 0; line-height:1.7em; }
	
	#content p a { font-weight:bold; color:#363642; }

	#content h1 { font-size:3.0em; margin-bottom:55px; font-family: Arial, "MS Trebuchet", sans-serif; }

		#content h1 span { color:#ffffff; background:#363642; padding:2px 10px; }

	#content h2 {color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center; }

	#content h3 { border-bottom:1px solid #363642; font-weight:bold; color: #000; padding-left:2px; margin-bottom:20px; }

	#content dl.listing { float:left;  margin:0 50px 10px 0; }
	
		#content dl.listing dt { margin-bottom:10px; }

	#content dl.listing dd { list-style:disc; list-style-position:inside; line-height:2em; }

#info .last { width:180px; }

.col { width:240px; float:left; margin-right:30px; }

#web , #prints , #posters { padding:2px; }

#web li , #prints li , #posters li { position: relative; float:left; }

span.des { position:absolute; top:0; left:0; background:#363642; color:#fff; font-size:9px; padding:0 4px; font-family:Arial; }

.section { display:block; background: #fff url(../images/bg_section.gif) repeat top left; }

#web .section { width:350px; height:120px;  margin:0 16px 10px 0; }

#prints .section { width:230px; height:80px;  margin:0 13px 10px 0; }

#posters .section { width:170px; height:170px;  margin:0 12px 10px 0; }

a.section span { display:none; cursor:pointer; }

a.section:hover span { display:block; }

#web li a:hover span , #prints li a:hover span  , #posters li a:hover span  { display:block; }

.last , #web .last , #prints .last , #posters .last{ margin-right:0px; }

.pro { display:block; float: left; width:350px; height:200px; background: #fff url(../images/bg_pro.gif) repeat top left; }

a.pro span { display:none; cursor:pointer; }

a.pro:hover span { display:block; }

#painting p { text-align: center; }

#painting h4 { text-align: center; margin:20px 0; font-size: 14px; font-style: italic; }