/*
//	Another lrieder.com Template
//	J!Version: 1.5
//
//	Template Name: webservice_template
//	Basis: Skeleton1.5
//	Features:
//	 - IE6 PNG Fix (img, .pngfix)
//	 - precoded J! Typography
//	 - XHTML 1.0 + CSS + Accessible
//
//	Creation Date: Nov 07
//	Version: 0.1
*/

/*
//  DEBUG SWITCH
*
div { outline:1px solid green; }
/*
*/

/*
//	GLOBAL SETTINGS
*/
* { margin:0; padding:0; }

.cf:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}

/*
//	INTERNET EXPLORER BUGFIXING
*/

/*
*/

/*
//	LAYOUT
*/
#body {
	background:#e5e5e5 repeat-x url("../images/body-bg.gif");
}
#wrapper-1 {
	position:absolute;
	left:50%; top:65px;
	margin-left:-480px;
	width:960px;
	background:repeat-y url("../images/wrapper-1-bg.gif");
}
#buttons {
	z-index:100;
	position:absolute;
	right:0; top:0;
	width:125px;
	margin:17px 17px 0 0;
}
#wrapper-1-top {
	width:960px; height:48px;
	background:no-repeat url("../images/wrapper-1-top.gif");
}
#mainmenu {
	float:left;
	margin:15px 0 0 15px;
}
#header-bg {
	position:absolute;
	left:10px; top:42px;
	width:940px; height:251px;
	z-index:0;
}
#wrapper-2 {
	position:relative;
	width:940px;
	z-index:1;
}
#wrapper-2 .inner {
	margin:3px 20px;
}
#header-left {
	width:515px; height:231px;
	float:left;
}
#header-right {
	position:relative;
	left:20px;
	width:200px; height:180px;
	float:right;
}
#sidebar {
	position:absolute;
	left:535px; top:32px;
	width:169px;
	background:repeat-y url("../images/sidebar-bg.png");
}
#sidebar .inner {
	margin:5px 15px; position:relative;
}
#sidebar-top {
	position:absolute;
	left:0; top:-16px;
	width:169px; height:16px;
	background:no-repeat url("../images/sidebar-top.png");
}
#sidebar-bottom {
	position:absolute;
	left:0; bottom:-16px;
	width:169px; height:16px;
	background:no-repeat url("../images/sidebar-bottom.png");
}
#content {
	width:515px;
	clear:left; float:left;
}
#content.wide {
	width:700px;
}
#content.very.wide {
	width:900px;
}
#content .inner {
	margin:3px 0px 20px 20px;
}
#right {
	width:200px;
	clear:right; float:right;
}
#right .inner {
	margin:17px 15px;
}
#wrapper-1-bottom {
	width:960px; height:18px;
	background:no-repeat url("../images/wrapper-1-bottom.gif");
}

/*
//	MODULES
*/
#infobox,
#infobox a {
	font-size:10px;
	color:#fff;
}
#sidebar,
#sidebar a {
	font-size:10px;
}
#sidebar ul.latestnews {
	list-style:url("../images/list-square-green.gif");
	padding-left:16px;
}

#sidebar .moduletable {
	position:relative;
	padding:21px 0;
	margin-bottom:11px;
}
#sidebar .moduletable.freshest_ideas {
	/*height:164px;*/
}
#sidebar .moduletable.freshest_ideas h3 {
	width:151px; height:27px;
	position:absolute;
	left:-6px; top:-11px;
	overflow:hidden;
	text-indent:-1000px;
	background:no-repeat url("../images/module-h3-freshest_ideas.png");
}
#sidebar .moduletable.latest_projects h3 {
	width:151px; height:27px;
	position:absolute;
	left:-6px; top:-11px;
	overflow:hidden;
	text-indent:-1000px;
	background:no-repeat url("../images/module-h3-latest_projects.png");
}
#sidebar ul.latest_projects {
	list-style:url("../images/list-square-orange.gif");
}

#header-right {
	font-size:10px;
}
#header-right .moduletable h3 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 12px -10px;
}

#right {
	color:#666;
}
#right .moduletable {
	position:relative;
	margin-bottom:24px;
}
#right .moduletable h3 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 12px -10px;
}
#right .moduletable a, #right .moduletable a:link, #right .moduletable a:active, #right .moduletable a:visited {
	color:#666;
	text-decoration:underline;
}
#right .moduletable a:hover {
	background:#666;
	color:#fff;
}
#right ul.mostread {
	list-style:inside url("../images/list-square-lightblue.gif");
}
#right li.mostread {
	line-height:15px;
}


/*
//	INFOBOX
*/
#infobox {
	display:none;
	position:absolute;
	right:-10px; top:10px;
	width:240px; height:220px;
	background:no-repeat center center url("../images/infobox.png");
}
#infobox .inner {
	margin:33px 18px 18px 18px;
	text-indent:0;
}
#buttons a.level3:hover {
	overflow:visible;
	background:no-repeat 0 0 url("../images/button3.gif");
}
#buttons a.level3:hover span {
	display:block;
}

/*
//	NAVIGATION
*/
#wrapper-1-top a.main {
	padding:0;
}
#mainmenu ul {
	list-style:none;
}
#mainmenu li {
	float:left; position:relative;
	margin-right:4px;
}
#mainmenu a.main {
	display:block;
	width:175px; height:27px;
	overflow:hidden;
	outline:none;
	text-indent:-9000px;
}
#mainmenu a.main:hover { background-position:0 -27px; }
#mainmenu a.level0 {
	width:85px;
	background:no-repeat 0 0 url("../images/menuitem0.gif");
}
#mainmenu a.level1 { background:no-repeat 0 0 url("../images/menuitem1.gif"); }
#mainmenu a.level2 { background:no-repeat 0 0 url("../images/menuitem2.gif"); }
#mainmenu a.level3 { background:no-repeat 0 0 url("../images/menuitem3.gif"); }
#mainmenu a.level4 { background:no-repeat 0 0 url("../images/menuitem4.gif"); }

#buttons ul {
	list-style:none;
}
#buttons li {
	float:right; position:relative;
	margin-left:4px;
}
#buttons a.main {
	display:block;
	height:18px;
	overflow:hidden;
	outline:none;
	text-indent:-9000px;
	text-decoration:none;
}
#buttons a.main:hover { background-position:0 -20px; }
#buttons a.level1 {
	width:48px;
	background:no-repeat 0 0 url("../images/button1.gif");
}
#buttons a.level2 {
	width:34px;
	background:no-repeat 0 0 url("../images/button2.gif");
}
#buttons a.level3 {
	position:relative;
	width:21px;
	background:no-repeat 0 0 url("../images/button3.gif");
}

#right ul.menu {
	list-style:none;
}
#right ul.menu li a {
	font-size:9px;
	text-decoration:none !important;
}
#right ul.menu li#current a {
	display:block;
	background:#333;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
#right .item56,
#right .item61,
#right .item62 {
	display:none;
}
#right .active {
	display:block;
}


/*
//	STYLING
*/

a, a:link, a:active, a:visited {
	padding:1px;
	color:#333;
	text-decoration:underline;
}
a:hover {
	background:#333;
	color:#fff;
}
a img {
	border:none;
}

a.w3c-css {
	display:block;
	width:85px; height:31px;
	overflow:hidden;
	text-indent:-9000px;
	background:no-repeat url("http://jigsaw.w3.org/css-validator/images/vcss");
}
a.w3c-xhtml {
	display:block;
	width:85px; height:31px;
	overflow:hidden;
	text-indent:-9000px;
	background:no-repeat url("http://www.w3.org/Icons/valid-xhtml10");
}

#content p,
#content ul {
	margin:8px 0;
}
#content ul {
	padding-left:14px;
}

#content h1 {
	margin:16px 0 10px -10px;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
}
#content h2 {
	margin:14px 0 8px -10px;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}
#content h3 {
	margin:12px 0 6px -10px;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
}
#content h4 {
	margin:10px 0 4px -10px;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
}
#content h5 {
	margin:0 0 0 -10px;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#content h6 {
	margin:0 0 0 -10px;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	text-decoration:underline;
}
#content {
	line-height:15px;
}
.componentheading {
	margin-left:-10px;
	font-weight:normal;
}
#content h2.contentheading {
	clear:both;
	margin-top:0;
	font-weight:normal;
}
#content h2.contentheading a {
	text-decoration:none;
}
#content p.buttonheading {
	display:inline;
	float:right;
}
#content p.createdate {
	float:left;
	display:block;
	width:40px; height:40px;
	margin:0 5px 5px 0;
	background:no-repeat url("../images/createdate-bg.gif");
}
#content p.createdate span {
	display:block;
	width:40px; height:14px; line-height:14px;
	color:#333;
	text-align:center;
}
#content p.createdate span.year {
	width:40px; height:12px; line-height:12px;
	font-weight:bold;
	color:#fff;
}
#content p.createdate .weekday {
	font-size:12px;
	font-weight:bold;
}

#content table.pagenav {
	margin:0 auto;
	padding:5px;
	border:1px solid #ddd;
}

#content .leading_separator,
#content .article_separator {
	display:block;
	height:1px;
	margin:7px -10px;
	background:#ccc;
	border-bottom:1px solid #ddd;
}

#content p.counter {
	margin:0; padding:5px;
	font-size:10px;
	color:#666;
}
#content ul.pagination {
	margin:0;
	padding:5px;
	border:1px solid #ddd;
	list-style:none;
}
#content ul.pagination li {
	display:inline;
	margin:5px 0 0 5px;
}

.small, .createdate, .modifydate, .readon, .pagenavcounter, .pagenavbar, .pagenav_prev, .pagenav_next, .back_button {
	font-size:10px;
	color:#666;
}
.readon, .pagenavbar a, .pagenav_prev a, .pagenav_next a, .back_button a {

}
.readon:hover, .pagenavbar a:hover, .pagenav_prev a:hover, .pagenav_next a:hover, .back_button a:hover {

}
.pagenavcounter, .pagenavbar, .contenttoc th {

}
.contenttoc {
	margin:0; padding:0; border-collapse:collapse;
}
.contenttoc th {

}
.contenttoc a {

}