/*
Theme Name: Humanweb Terapac
Theme URI: http://www.humanweb.net/
Description: Humanweb Terapac
Version: beta
Author: Uryuneko
Tags: Uryuneko, Humanweb, two columns, widgets

*/

/* CSS Document */

/*base*/

* {
	margin:0;
	padding:0;
}

body {
	background:url(img/img_background.png);
	text-align:center;
}

div#container {
	margin-left:auto;
	margin-right:auto;
	width:850px;
	text-align:left;
	background-color:#000000;
	padding-left:10px;
	padding-right:10px;
}

li {
	list-style-type:none;
}

p {
	font-size:12px;
	color:#FFFFFF;
	line-height:150%;
}

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

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

/*header*/

#container div#header {
    position:relative;
	background:url(img/header.png) no-repeat;
	width:850px;
	height:78px;
	text-indent:-9999px;
}

#container div#header h1 a{
position:absolute;
	display:block;
	width:217px;
	height:62px;
	top:9px;
	left:10px;
}


/*gmenu*/

#container div#gmenu{
    margin-left:15px;
	margin-top:20px;
	margin-bottom:30px;
	float:left;
	width:230px;
	display:inline;
}

#container div#gmenu a:link {
	text-decoration:none;
    font-size:13px;
	color:#FFFFFF;
}
#container div#gmenu a:visited {
	text-decoration:none;
    font-size:13px;
	color:#FFFFFF;
}
#container div#gmenu a:hover {
	text-decoration:underline;
    font-size:13px;
	color:#FFFFFF;
}
#container div#gmenu a:active {
	text-decoration:underline;
    font-size:13px;
	color:#FFFFFF;
}

#container div#gmenu ul{
	width:240px;
	display:block;
	padding-bottom:15px;
	border-bottom:solid 1px #CCCCCC;
}

#container div#gmenu ul li{
    padding-left:46px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:14px;
	width:194px;
	display:block;
	background:url(img/menu_back.png) repeat-y;
}

#container div#gmenu img {
    margin-top:15px;
	margin-bottom:-5px;
}

#container div#gmenu a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

/*main*/

#container div#main_image_area{
	width:850px;
}
#container div#main_image_area p{
	text-indent:-9999px;
}

/*footer*/

#container div#footer {
	width:850px;
	height:42px;
	border-top:solid 1px #CCCCCC;
	position:relative;
	text-align:center;
}

#container #footer p {
	font-size:11px;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	top:16px;
	left:282px;
}


/*main*/

#container div#main {
	font-size:12px;
    margin-right:15px;
	margin-top:20px;
	width:556px;
	float:right;
	padding-bottom:10px;
	margin-bottom:30px;
	color:#FFFFFF;
	display:inline;
}

#container div#main div.post {
	border-bottom:dotted 1px #CCCCCC;
}

#container div#main h2{
	background:url(img/title_back.png) no-repeat;
	margin-bottom:15px;
	width:516px;
	display:block;
	font-weight:bold;
	font-size:16px;
	padding:5px 20px;
	color:#333333;
	position:relative;
}

#container div#main h2 span{
	font-size:12px;
	font-weight:normal;
	color:#555555;
	position:absolute;
	right:10px;
	padding-top:5px;
}

#container div#main h2 a{
	margin:0;
	padding:0;
	color:#333333;
	text-decoration:none;	
}

#container div#main h3 {
	font-size:16px;
	font-weight:bold;
	border-bottom:#333333 solid 1px;
	margin:14px 0 5px 0;
	padding-left:18px;
	padding-bottom:2px;
	background:url(img/vector_01.jpg) no-repeat 0 2px;
	position:relative;
}

#container div#main h3 span {
	font-size:12px;
	font-weight:normal;
	right:0;
	padding-top:3px;
	position:absolute;
}

#container div#main ul li{
	line-height:34px;
	border-bottom:dotted 1px #CCCCCC;
}

#container div#main ul li span{
	color:#FFCC00;
	font-weight:600;
	margin-right:19px;
	padding-left:23px;
	background:url(img/vector_01.jpg) no-repeat 0 -2px;
}

#container div#main p{
	line-height:150%;
	font-size:14px;
	margin:8px 3px 8px 3px;
}

#container #main div.post div.storycontent a.more-link {
	float:right;
	margin-top:-10px;
	font-size:12px;
}

#container #main div.navigation_area {
	text-align:right;
	font-size:12px;
}
#container #main a img {
	border:none;
}