@charset "utf-8";

body {
	color: #000;
	font-family: "PT Sans Narrow";
	font-size: 16px;
	font-weight: bold;
	line-height: 1.7em;
	text-transform: none;
	margin-right: 10px;
	margin-left: 10px;
}


#wallpaper {
	margin-top: 18px;
	width: 100%;
}


h1 {
	font-size: 41px;
	float: left;
}

/* link
---------------------------------------------*/

a:link, a:active, a:visited	{
	color: #333;
	text-decoration: none;
}

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

/* header
---------------------------------------------*/

header {
	height: 49px;
}

header nav li{
	text-align: right;
	float:left;
	margin-left: 1em;
	margin-top: 9px;
}

header nav {
	float:right;
	margin-right: 5px;
}


/* layout
---------------------------------------------*/

#sideContena {
	width: 300px;
	margin-right: -300px;
	float: left;
}

#contena {
	float: right;
	width: 100%;
}

#mainContena {
	margin-left: 320px;
}

#sideContena {
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 10px;
}

#mainContena {
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 30px;
}


/* contena img
---------------------------------------------*/

#mainContena.fontList li {
	float: left;
	margin-right: 20px;
	margin-left: -6px;
	margin-bottom: 15px;
}


#toolBar {
	position: absolute;
	margin-left: 320px;
	margin-top: 10px;
}


#toolBar img {
	cursor: pointer;
}

#toolBar img:hover {
	opacity:0.3;
}

/* contena text
---------------------------------------------*/

#mainContena.text p {
	font-size: 14px;
	font-weight: 400;
	line-height: 2em;
	letter-spacing: 1px;
}

#mainContena.text a {
	display: inline-block;
	margin: 0.2em 0 0.7em;
}

#mainContena.text h2 {
	line-height: 1em;
	display: inline;
}

#mainContena.text li {
	list-style: none;
}

/* sideContena
---------------------------------------------*/

#sideContena a {
	color: #666;
}

#sideContena a:hover {
	color: #000;
}

#sideContena a.check {
	color: #F58664; 
}

#sideContena a.check:after {
	content: url('/typo/img/check.gif'); 
}

#sideContena h2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-transform: uppercase;
}




/* css sprite
---------------------------------------------*/

.fontList a {
/*	background: url(/typo/back.gif);
*/	display: block;
	height: 58px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;

}

.fontList span {
	margin-left: 6px;
	display: none;
}

.trial{
	color: #ff40b1;
	vertical-align: super;
	font-variant-caps: small-caps;
	font-size: 15px;
	letter-spacing: 0.02em;
}