/*
Theme Name: Infoo WebbGuiden
Theme URI: 
Description: Wordpress template of Infoo WebbGuiden
Version: 1.0
Author: 
Author URI:
Tags: 
*/

/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, ol, ul, li, fieldset, form, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

html, body {
	height: 100%;
}
ol, ul {
	list-style: none;
}
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: "" "";
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}

/* Links */
/* ----------------------------------------- */


/* Wrapper Start */
/* ----------------------------------------- */
body{
	background:url(images/bg.png) #828282 repeat-x;	
}

#wrap{
	width:937px;
	margin:0 auto;
}


/* Headers */
/* ----------------------------------------- */
#header{
	width:937px;
	height:144px;
	margin-bottom:5px;
	position:relative;
}

#logo{
	padding:61px 0 0 28px;
	float:left;
}

#web{
	float:left;
	padding:63px 0 0 25px;
}

#ryt-logo{
	position:absolute;
	right:3px;
	top:0px;
}

#soc{
	float:right;
	position:absolute;
	right:27px;
	bottom:0;
}

#soc ul li{
	display:inline;	
}

/* Navigation */
/* ----------------------------------------- */
#nav{
	float:right;
}

#nav ul{
	float:right;
	margin-right:95px;
}

#nav ul li a{
	font:10px Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#000000;	
}

#nav ul li a{
	float:left;
	height:20px;
	padding-left:8px;
	padding-top:7px;
	background:url(images/nav-bg.png) no-repeat;
}

#nav ul li{
	display:inline;
	float:left;
	padding-right:8px;
	background:url(images/nav-ryt.png) no-repeat top right;
	margin-right:10px;
}

#nav ul li.last{margin-right:0;}

/* Content */
/* ----------------------------------------- */
#content-wrap{
	width:937px;
}

#content{
	width:478px;
	float:left;
	position:relative;
}
.content-top{
	width:478px;
	height:31px;
	float:left;
	background:url(images/content-top.png) no-repeat;
}

.main-content{
	width:378px;
	background:url(images/content-bg.png) repeat-y;
	float:left;
	padding:25px 50px 30px 50px;
	min-height:640px;
	height:auto !important;
  	height:640px;
}

.content-bt{
	width:478px;
	height:32px;
	float:left;
	background:url(images/content-bt.png) no-repeat;
}

.home-ttl{
	color:#000080;
	font:bold 32px Arial, Helvetica, sans-serif;
}

.home-sub{
	color:#000000;
	font:bold 11px Verdana, Geneva, sans-serif;
	line-height:18px;
}

.main-content ol{
	list-style-type:decimal;
	padding:30px 0 0 20px;
}

.main-content ol li a{
	color:#000080;
	font:bold 18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-left:10px;
}

.main-content ol li{
	color:#000080;
	font:bold 18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-bottom:15px;
}	

.main-content ol li p{
	font:11px Verdana, Geneva, sans-serif;
	color:#000000;
	line-height:20px;
	padding-left:10px;
}

/* Page Content */
/* ----------------------------------------- */
.post{
	float:left;
	padding-bottom:20px;
	background:url(images/border.png) repeat-x bottom left;
	margin-bottom:30px;
}

.last-post{
	margin-bottom:10px;	
}

.post h2 a{
	color:#000080;
	font:bold 28px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.post .date{
	color:#6d6e70;
	font:10px Verdana, Geneva, sans-serif;
}

.post p{
	font:11px Verdana, Geneva, sans-serif;
	color:#000;
	line-height:18px;
	padding-bottom:15px;
}

.post ul{
	list-style:none;
	padding:0;
}

.post li a{
	color:#000080;
	font:11px Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding-left:10px;
}

.post li{
	font:11px Verdana, Geneva, sans-serif;
	list-style-type:disc;
	margin-left:30px;
	padding:0px 0 10px 0px;
	text-decoration:none;
}	

.post li p{
	font:11px Verdana, Geneva, sans-serif;
	color:#000000;
	line-height:20px;
	padding-left:10px;
}

.icons{
	padding-top:10px;
	float:left;
}

.post .com a,.post .perma a, .comment a, .com a{
	text-decoration:none;	
	font:11px Verdana, Geneva, sans-serif;
	color:#0000ff;
}

.post .perma{
	padding-left:10px;	
}
.icons ul{
	width:100px;
	float:right;	
}

.icons ul li{
	display:inline;
}

.post a, .tags a{
	font:11px Verdana, Geneva, sans-serif;
	color:#0000ff;
	text-decoration:none;
}

.post .tags{
	float:left;
	width:100%;
	padding-top:10px;
}

.post .tags span{
	color:#6d6e70;
	font:11px Verdana, Geneva, sans-serif;
}

.tags a{
	font:11px Verdana, Geneva, sans-serif;
	color:#0000ff;
	text-decoration:none;
	padding-left:5px;
}

.comment{
	width:376px;
	float:left;
	padding-bottom:15px;
	margin-bottom:10px;
	background:url(images/border.png) repeat-x bottom left;
}

.ava{
	width:25px;
	float:left;
}

.comment-area{
	width:350px;
	float:right;
}

.comment-area span{
	color:#6d6e70;
	font:10px Verdana, Geneva, sans-serif;
}

.pad-left{
	padding-left:10px;	
}

.comment-area p{
	font:11px Verdana, Geneva, sans-serif;
	color:#000;
}

.no-border{
	background:none;	
}

/* Sidebar 01 */
/* ----------------------------------------- */
#sidebar01{
	width:226px;
	float:left;
}

.item{
	width:226px;	
	float:left;
}

.item-top{
	width:226px;
	height:32px;
	float:left;
	background:url(images/sidebar01-whyt-top.png) no-repeat;
}

.item-main{
	width:165px;
	background:url(images/sidebar01-whyt-bg.png) repeat-y;
	float:left;
	padding:5px 33px 0 28px;
}

.item-bt{
	width:226px;
	height:22px;
	float:left;
	background:url(images/sidebar01-whyt-bt.png) no-repeat;
}

.item-main p{
	font:11px Verdana, Geneva, sans-serif;	
}

#sidebar01 .ttl{
	margin-bottom:14px;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#000000;
}

.popular li{
	width:164px;
	border-bottom:#919396 1px solid;
	float:left;
	clear:both;
	padding-bottom:8px;
	line-height:16px;
}

.popular li a{
	width:160px;
	color:#000080;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-top:7px;
	float:left;
	clear:both;
}

.popular li .date{
	color:#6d6e70;
	font:10px Verdana, Geneva, sans-serif;
	float:left;
	margin-top:4px;
}

.popular li.last{border-bottom:none;}


.item02{
	width:182px;
	min-height:280px;
	height:auto!important;
	height:280px;
	float:left;
	background:url(images/item-02-bg.png) no-repeat;
	padding:22px 22px 0 22px;
	position:relative;
	margin-bottom:15px;
}

.item02-bt{
	width:226px;
	height:22px;
	background:url(images/item-02-bt.png) no-repeat;
	margin-bottom:-22px;
	position:absolute;
	bottom:0;
	left:0;
}

.readmore{
	float:left;
	padding-top:15px;	
}

.readmore a{
	font:11px Verdana, Geneva, sans-serif;
	color:#0000ff;
	text-decoration:none;
}

.item03{
	width:166px;
	float:left;
	background:url(images/item03-bg.png) no-repeat;
	padding:30px 30px 0 30px;
	position:relative;
	margin-bottom:19px;
	color:#ffffff;
}
.item03-bt{
	width:266px;
	height:22px;
	background:url(images/item03-bt.png) no-repeat;
	margin-bottom:-22px;
	position:absolute;
	bottom:0;
	left:0;
}

.item03 h2{
	font:bold 20px Arial, Helvetica, sans-serif;	
	
}

.item03 p{
	font:bold 11px Verdana, Geneva, sans-serif;	
}

.last-par{
	padding:5px 0;	
}

/* Sidebar 02 */
/* ----------------------------------------- */
#sidebar-02{
	width:233px;
	padding-top:15px;
	float:right;
	position:relative;
}

/*Search*/
/*--------------*/
#search_box{
    width: 226px;
	height:29px;
	background:url(images/search_bg.png) no-repeat;
	float:left;
}

#search_box #s {
    float:left;
    padding:0px 0 0 10px;
    width:186px;
	height:17px;
	border:none;
	background:none;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:6px 0px 0 0;
}
#search_box #go {
    float:right;
	width:17px;
	height:17px;
	margin:6px 10px 0 0;
}

#search_form p{
	float:left;	
}

/* End of Search-------*/

.ryt-item{
	width:232px;
	margin-top:20px;
	float:right;
	position:relative;
}

.ryt-item h3{
	font:10px Verdana, Geneva, sans-serif;
	padding-bottom:5px;
}

.ryt-item img{
	float:left;
	display:block;
}

/* Footer */
/* ----------------------------------------- */
#footer{
	height:30px;
	margin-top:65px;
	_margin-top:45px;
}

#footer p{
	float:left;
	padding-left:30px;
	padding-top:10px;
	font:11px Verdana, Geneva, sans-serif;
}
#footer span{
	float:right;
	padding-top:10px;
	color:#0000ff;
	font:11px Verdana, Geneva, sans-serif;
}

.pagination a
{
	text-decoration:none;	
	font:11px Verdana, Geneva, sans-serif;
	color:#0000ff;
}

.pagination .alignleft
{
	clear:both;
	float:left;
}

.pagination .alignright
{
	float:right;
}

post.no-border
{
	background:none;
}

.hidden
{
	display:none;
}

.sociable
{
	float:right;
	margin-top:10px;
}

.sociable ul
{
	width:100px;
}

.sociable ul li
{
	display:inline;
}