/*	

Theme Name: Max Pension Plan

Description: A customised programmed wordpress theme for Max Pension Plan

Version: 1.0

Author: The Style Dragon

Author URI: http://www.thestyledragon.com

*/



/* CSS RESET -------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family:Helvetica, Arial, Sans-Serif;

	vertical-align: baseline;

}

table {

	border-collapse:collapse;

	border-spacing:0

}



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

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

* { outline: none; }

strong, b { font-weight: bold; }

em { font-style: italic; }

a img { border:none; }



/* GENERAL STYLES & CLASSES -------------------------------------------------------------- */

body {

	background:#a9deed url(images/body_bg.jpg) repeat-x;

	font:13px Verdana, Geneva, sans-serif;

	color:#000;

}

a:link, a:visited, a:hover, a:active, a:focus {

	text-decoration:none;

	outline:none;

	-moz-outline-style:none;

}

a { color:#444; }

a:hover { color:#000; }

p { line-height:20px; }

.fl { float: left; }

.fr { float: right; }

.fix {

	clear: both;

	height: 1px;

	margin: -1px 0 0;

	overflow: hidden;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

* html .clearfix { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* HEADER -------------------------------------------------------------- */

#header {

	margin:0 auto;

	width:950px;

	height:104px;

	position:relative;

	background: url(images/header.png) no-repeat;

	z-index:150;

}

#logo {

	position:absolute;

	top:16px;

	left:5px;

}

#rss {

	position:absolute;

	top:10px;

	right:20px;

	z-index:1;

}

#twitter {

	position:absolute;

	top:10px;

	right:40px;

	z-index:1;

}

/* NAVIGATION  -------------------------------------------------------------- */

#nav {

	position:absolute;

	bottom:35px;

	right:10px;

	width:650px;

}

#nav ul.sf-menu {

	float:right;

	font:11px Verdana, Arial, Helvetica, sans-serif;

	line-height:1.0;

	list-style: none;

}

#nav .sf-menu a {

	padding:11px 13px;

	z-index:200;

	display:block;

	position:relative;

	color:#444;

	text-decoration:none;

}

#nav .sf-menu li {

	background:transparent;

	z-index:200;

	float:left;

	position:relative;

}

#nav .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }

#nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu a:focus, #nav .sf-menu a:hover, #nav .sf-menu a:active {

	color:#fff;

	outline:0;

	background:#9d9d9d;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}

#nav .sf-menu ul li:hover, #nav .sf-menu ul a:focus, #nav .sf-menu ul a:hover, #nav .sf-menu ul a:active { background:#6a6a6a; }

.sf-menu ul {

	position:absolute;

	top:-999em;

	width:13em;

	background:#9d9d9d;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

}

.sf-menu ul li { width:100%; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul {

	left:0;

	top:2.5em;

	z-index:99;

}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {

	left:-13em;

	top:0;

}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {

	left:-13em;

	top:0;

}

.sf-sub-indicator { display:none; }



/* CONTENT  -------------------------------------------------------------- */

#wrapper {

	margin:0 auto;

	width:950px;

	background:url(images/wrapper_bg.jpg) repeat-y;

}

#wrapper:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

* html #wrapper { zoom: 1; } /* IE6 */

*:first-child+html #wrapper { zoom: 1; } /* IE7 */

#main-content {

	float:right;

	width:650px;

	display:inline;

	background:url(images/highlight.jpg) left top repeat-x;

}

#breadcrumb {

	font:12px Helvetica, Arial, Sans-Serif;

	color:#a5a5a5;

	padding:0 0 15px 0;

}

#breadcrumb a, #breadcrumb a:visited, #breadcrumb span {

	color:#666;

	text-decoration:none;

	padding:0 8px;

}

#breadcrumb a:hover, #breadcrumb a:active { text-decoration:underline; }

#breadcrumb span { color:#999; }



/* headings */

.division .entry h1, .division .entry h2, .division .entry h3, .division .entry h4, .division .entry h5, .division .entry h6, .division .entry h1 a, .division .entry h2 a, .division .entry h3 a, .division .entry h4 a, .division .entry h5 a, .division .entry h6 a {

	color:#777;

	padding:5px 0;

	text-decoration:none;

	font-family:Helvetica, Arial, Sans-Serif;

	font-weight:normal;

}

.division .entry h1 { font-size:24px; }

#main-content .division .entry h2 { font-size:22px; text-transform:none; }

.division .entry h3 { font-size:20px; }

.division .entry h4 { font-size:18px; }

.division .entry h5 { font-size:16px; }

.division .entry h6 { font-size:12px; }



/* general division styles */

.division { /* will be used for posts, homepage sections, etc */

	width:610px;

	padding:0 20px 0 20px;

	position:relative;

	float:left;

	background:url(images/post_line.gif) left bottom repeat-x;

}

.nobg { background:none; } /* used to remove the bottom line of divisions */



/* division ribbon */

.division-meta {

	width:121px;

	position:absolute;

}

.division-meta ul li, .division-meta ul li a, .division-meta ul li a:visited {

	font-size:13px;

	color:#666;

	text-shadow:#fff 0 1px 1px;

}

.division-meta ul li a:hover, .division-meta ul li a:active {

	color:#000;

	text-shadow:#fff 0 1px 1px;

	text-decoration:none;

}

.division-meta ul li {

	background:url(images/post_bar.png) no-repeat;

	width:108px;

	height:24px;

	padding:3px 0 0 13px;

}

.division-meta-post {

	top:25px;

	right:-10px;

}

/* division content */

.division .division-inner { /* for posts with thumbnails */

	width:500px;

	float:left;

	padding:15px 0 15px 0;

}

.division .division-inner-wide {

	width:609px;

	float:left;

	padding:15px 0 15px 0;

}

.division .tags {

	line-height:1.9em;

	margin:0 0 15px 0;

	padding:5px 0;

	border-top:1px solid #e4e4e4;

	border-bottom:1px solid #e4e4e4;

}

.division .socials {

	margin:0 0 15px 0;

	height:32px;

}

.division .socials li {

	float:left;

	padding:4px 30px 0 0;

}

.division .socials li a {

	padding:0 0 0 45px;

	font:18px Helvetica, Arial, Sans-Serif;

	color:#555;

}

.division .socials .deli, .division .socials .su, .division .socials .rt, .division .socials .fb { height:28px; }

.division .socials .deli { background:url(images/delicious.png) no-repeat; }

.division .socials .su { background:url(images/stumbleupon.png) no-repeat; }

.division .socials .rt { background:url(images/twitter_32.png) no-repeat; }

.division .socials .fb { background:url(images/facebook.png) no-repeat; }

.division-inner-wide .division-meta-single a, .division-inner-wide .division-meta-single a:visited {

	color:#12706a;

	text-decoration:underline;

}

.division-inner-wide .division-meta-single a:hover, .division-inner-wide .division-meta-single a:active { text-decoration:none; }

.division .division-inner h2 a, .division .division-inner h2 a:visited, .division .division-inner-wide h2, .division .division-inner-wide h2 a, .division .division-inner-wide h2 a:visited {

	font:21px Helvetica, Arial, Sans-Serif;

	color:#555;

	text-transform:uppercase;

}

.division .division-inner h2 a:hover, .division .division-inner h2 a:active, .division .division-inner-wide h2 a:hover, .division .division-inner-wide h2 a:active { color:#000; }

.division .entry { color:#212121; }

.division .entry p {

	line-height:20px;

	padding:5px 0;

}

.division .entry .readmore {

	color:#12706a;

	font-size:13px;

	padding-left:10px;

}



.division .division-inner .thumb img {

	border:3px solid #dedede;

	float:left;

	margin-right:20px;

	display:inline;

	height: 150px;

	width: 150px;

}

.division .division-inner-wide .thumb img {

	border:3px solid #f2f2f2;

	float:left;

	margin-bottom:20px;

	display:inline;

}

.division .division-inner-wide .division-meta-single {

	margin:4px 0 13px;

	padding:0 0 9px;

}

.division .division-inner-wide .division-meta-single {

	font-size:13px;

	color:#a8a7a7;

	padding:0 5px;

}

.division .division-inner-wide .division-meta-single .date { padding-left:0; }

/* divider, graphical lists, quotes, etc */



/* call to action button */

.division .call-to-action {

	background:url(images/calltoaction_left.jpg) no-repeat top left;

	padding-left:10px;

	height:31px;

	float:left;

	margin:0 10px 15px 0;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}

.division .call-to-action a {

	display:block;

	padding:10px 20px 10px 10px;

	background:url(images/calltoaction_right.jpg) no-repeat top right;

	text-align:center;

	font:13px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

	text-shadow: #fff 0px 1px 0px;

}

.division .call-to-action a:hover {

	text-decoration:none;

	color:#6a6a6a;

}

/* check list */

.division .checklist { margin:0 0 15px 0; }

.division .checklist li {

	background:url(images/check.png) 0 0 no-repeat;

	margin:0 0 10px 0;

	padding-left:25px;

}

/* arrow list */

.division .arrowlist { margin:0 0 15px 0; }

.division .arrowlist li {

	background:url(images/arrow_right.png) 0 0 no-repeat;

	margin:0 0 10px 0;

	padding-left:25px;

}

/* download Box, note Box, warning Box, information Box */

.division .download-box, .division .note-box, .division .warning-box, .division .info-box {

	padding:23px 54px 20px 54px;

	margin-bottom:15px;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}

.division .download-box {

	background:#e3feb4 url(images/download_icon.png) 10px 15px no-repeat;

	border:1px solid #68a500;

	color:#68a500;

}

.division .note-box {

	background:#f3f3f3 url(images/note_icon.png) no-repeat 10px 15px;

	border:1px solid #a5a5a5;

	color:#777;

}

.division .warning-box {

	background:#ffeb9f url(images/warning_icon.png) no-repeat 10px 15px;

	border:1px solid #a48200;

	color:#a48200;

}

.division .info-box {

	background:#c7edff url(images/info_icon.png) no-repeat 10px 15px;

	border:1px solid #00a1e4;

	color:#00a1e4;

}

/* beautiful quote */

.division .quote {

	width:200px;

	background: url(images/openquote.gif) top left no-repeat;

	color:#030;

	font-size:13px;

	font-style:italic;

	padding:5px 10px 10px 10px;

	margin-top:5px;

}

/* divider line */

.division .divider {

	clear:both;

	display:block;

	margin-bottom:15px;

	height:10px;

	width:100%;

	background:url(images/divider_line.gif) repeat-x center bottom;

}

.division .top {

	font-size:13px;

	line-height:10px;

	text-align:right;

	position:relative;

}

.division .top a {

	background:#fff url(images/top_arrow.gif) no-repeat top right;

	color:#bbb;

	position:absolute;

	right:0;

	top:-1px;

	width:13px;

	height:10px;

}

.division .top a:hover { background:#fff url(images/top_arrow_hover.gif) no-repeat top right; }

/* highlights */

.division .highlight1, .division .highlight2, .division .highlight3 {

	padding:3px 5px;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}

.division .highlight1 {

	background:#FFFF00;

	font:000;

}

.division .highlight2 {

	background:#000;

	color:#fff;

}

.division .highlight3 {

	background:#CC3300;

	color:#fff;

}

/* table */

.division .box-table {

	font-size:13px;

	width:100%;

	text-align:left;

	border-collapse:collapse;

	margin:0 0 15px 0;

}

.division .box-table th {

	font-size:13px;

	font-weight:bold;

	background:#e9e9e9;

	border-top:4px solid #c2c4c5;

	border-bottom:1px solid #fff;

	color:#000;

	padding:8px;

	text-shadow:#fff 0 1px 1px;

}

.division .box-table td {

	background:#f7f7f7;

	border-bottom:1px solid #fff;

	color:#888888;

	border-top:1px solid transparent;

	padding:8px;

}

.division .box-table tr:hover td {

	background:#ececec;

	color:#000;

	cursor:pointer;

}

/* toggle List */

.division .toggle-head {

	margin:5px 0;

	border:1px solid #ccc;

	padding:5px 10px;

	position:relative;

	cursor:pointer;

	background:#f7f7f7;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}

.division .toggle-head h3 { font:12px Helvetica, Arial, Sans-Serif; }

.division .toggle-head span {

	position:absolute;

	top:10px;

	right:10px;

	color:#ccc;

	font-size:13px;

	font:18px Helvetica, Arial, Sans-Serif;

}

.division .toggle-body p {

	padding:10px;

	color:#666;

	background:#F7F7F7;

}

/* HOMEPAGE  -------------------------------------------------------------- */

/* Headline */

.headline { color: #065596; font: 12px Helvetica, Arial, Sans-Serif;}

.headline h2 { font: 18px Helvetica, Arial, Sans-Serif; color: #065596; font-weight: bold; margin-bottom: 20px;}

.headline p { margin: 0px 0px 10px 0px; font: 12px Helvetica, Arial, Sans-Serif; color: #065596;}



/* welcome message */

.welcome-message {

	font: 12px Helvetica, Arial, Sans-Serif;

	color:#555;

	text-align:left;

	width:610px;

	padding:40px 20px 40px 20px;

	position:relative;

	float:left;

	background: #f7f7f7 url(images/post_line.gif) left bottom repeat-x;

}

.welcome-message p {

	font: 12px Helvetica, Arial, Sans-Serif;

	color:#555;

	text-align:left;

	margin: 0px 0px 10px 0px;

	}

.welcome-message a { color:#881c1c; }

/* latest projects */

#loopedSlider {

	position:relative;

	clear:both;

	width:650px;

}

#loopedSlider .container {

	width:650px;

	overflow:hidden;

	position:relative;

	height:186px;

	float:left;

}

#loopedSlider div.slides {

	position:absolute;

	top:0;

	left:0;

}

#loopedSlider div.slides div.slide {

	position:absolute;

	top:0;

	width:650px;

	display:none;

	background:#f9f9f9;

}

#loopedSlider li {

	list-style: none;

color: #fff;

}

#slider-right {

	position:absolute;

	top:155px;

	right:15px;

	z-index:100;

}

.division-meta-featured {

	top:18px;

	right:-10px;

	z-index:100;

}

/* features */

.division .block { padding:15px 0; }

.division .feature { width:547px; }

.division .feature h3 {

	font:bold 16px  Helvetica, Arial, Sans-Serif;

	color:#555;

	padding-bottom:5px;

}

.division .feature p { font-size:12px;  margin: 0px 0px 20px 0px}

.division .block .tm-img {

	border:1px solid #9f9f9f;

	padding:1px;

	float:left;

	margin-right:15px;

}

#main-content .lastpost { background:none; }

/* SPECIFIC PAGES  -------------------------------------------------------------- */



/* portfolio */

#portfolio {

	width:609px;

	float:left;

	background:url(images/post_line.gif) left bottom repeat-x;

	padding:20px 20px 0 20px;

}

#portfolio .folio {

	width:178px;

	margin:0 30px 20px 0px;

	display:inline;

	float:left;

	position:relative;

}

#portfolio .last { margin:0 0px 20px 0px; }

#portfolio .folio .wrapper-img {

	background:#f2f2f2;

	padding-top:10px;

	border-bottom:1px solid #e3e3e3;

	border-right:1px solid #e3e3e3;

	text-align:center;

	color:#666;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}

#portfolio .folio img { border:1px solid #fff; }

#portfolio .wrapper-img a.category {

	font-size:12px;

	color:#727272;

	text-shadow:#fff 0 1px 1px;

	line-height:18px;

	text-transform:uppercase;

}

#portfolio-cats {

	clear:both;

	background:#f2f2f2;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	width:575px;

	padding:6px 10px 0 10px;

	margin-bottom:20px;

	border-bottom:1px solid #e3e3e3;

	border-right:1px solid #e3e3e3;

	height:30px;

}

#portfolio-cats a, #portfolio-cats a:visited {

	display:block;

	float:left;

	font:13px/25px Helvetica, Arial, Sans-Serif;

	padding:0px 10px 0px 10px;

	color:#333;

	text-shadow:#fff 0 1px 1px;

}

#portfolio-cats a:hover {

	color:#333;

	text-shadow:#fff 0 1px 1px;

	background:#f8f8f8;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}

#portfolio .wrapper-img a.category:hover {

	color:#000;

	text-decoration:none;

}

.wp-pagenavi {

height:15px; clear:both; text-align:center;

padding:10px 0 3px 0;

}

.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #999;

	background-color: #FFFFFF;

}

.wp-pagenavi a:visited {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #999;

	background-color: #FFFFFF;

}

.wp-pagenavi a:hover {

	border: 1px solid #999;

	color: #444;

	background-color: #FFFFFF;

}

.wp-pagenavi a:active {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

	border: 1px solid #999;

	color: #444;

	background-color: #eee;

}

.wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px;

	margin: 2px 2px 2px 2px;

	color: #999;

	border: 1px solid #ccc;

	background-color: #FFFFFF;

}

.wp-pagenavi span.current {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	font-weight: bold;

	border: 1px solid #999;

	color: #444;

	background-color: #eee;

}

.wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	border: 1px solid #ccc;

	color: #444;

	background-color: #FFFFFF;

}

/* SIDEBAR  -------------------------------------------------------------- */

#sidebar {

	float:left;

	width:297px;

	margin-left:1px;

	display:inline;

	background:#e8e8e8 url(images/sidebar_bg.jpg) repeat-x;

}

#sidebar .cbox { width:294px; }

#sidebar .cbox h3 {

	background:url(images/cbox_head.png) no-repeat;

	width:269px;

	height:44px;

	font:15px Helvetica, Arial, Sans-Serif;

	text-transform:capitalize;

	text-shadow:#fff 0 1px 1px;

	color:#fff;

	padding:6px 0 0 25px;

	left:-12px;

	position:relative;

}

#sidebar .cbox-body {

	width:260px;

	padding:0 0 12px 13px;

}

#sidebar blockquote {

	background: url(images/quote_bg.png) top left no-repeat;

	padding-left:30px;

	font:italic 12px/20px Georgia, "Times New Roman", Times, serif;

	clear:both;

	overflow:hidden;

	margin: 20px 0px 20px 0px;

}

#sidebar blockquote cite {

	display:block;

	margin-top:20px;

	font-size:13px;

	float:right;

	color:#666;

	margin-bottom:15px;

	clear:both;

}

#sidebar .contant-info li {

	font-size:13px;

	color:#585858;

}

#sidebar .map img {

	margin:0 0 10px 5px;

	border:1px solid #999;

}

#search input {

	border:1px solid #bbb;

	float:left;

	padding:8px 33px 8px 10px;

	width:210px;

	font:13px Verdana, Arial, Helvetica, sans-serif;

	color:#b3b3b3;

}

#search input.btn {

	background:none;

	border:0;

	margin:8px 0 0 -25px;

	padding:0;

	width:16px;

	height:16px;

	float:left;

}

#sidebar .cbox ul li {

	padding:0 0 11px 25px;

	background:url(images/bullet.gif) 10px 6px no-repeat;

}

#sidebar .cbox ul li a, #sidebar .cbox ul li a:active, #sidebar .cbox ul li a:visited {

	font:13px Verdana, Arial, Helvetica, sans-serif;

	text-decoration:none;

	color:#444;

	text-transform:capitalize;

}

#sidebar .cbox ul li a:hover { text-decoration:underline; }

#sidebar .cbox p { font-size:13px; }

#sidebar .about img {

	float:left;

	margin:0 13px 0 0;

	border:1px solid #fff;

}

#sidebar .about p { font-size:13px; }

#sidebar .about .readmore {

	color:#12706A;

	padding-left:5px;

}

#sidebar #socials li {

	display:inline;

	padding:0 3px 0 0;

}



#sidebar ul {

list-style: none;

}



#sidebar p {

margin: 10px 0px 10px 0px;

}

/* 9. FORMS  -------------------------------------------------------------- */

#log .error {

	font:bold 13px Verdana, Geneva, sans-serif;

	color:red;

	padding:10px 0;

}

#log .success {

	font:normal 13px Verdana, Geneva, sans-serif;

	color:green;

	padding:10px 0;

}

#submitform { padding-top:20px; }

#submitform label {

	font:15px Helvetica, Arial, Sans-Serif;

	color:#666;

	display:block;

	width:100px;

	cursor:pointer;

	float:left;

	clear:left;

}

#submitform input {

	font:13px Verdana, Arial, Helvetica, sans-serif;

	color:#555;

	background:#e9e9e9;

	width:200px;

	border:1px solid #c7c7c7;

	padding:7px 10px 7px 10px;

	margin:0 0 15px 50px;

	float:left;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}

#submitform textarea {

	font:13px/20px Verdana, Arial, Helvetica, sans-serif;

	color:#555;

	background:#e9e9e9;

	width:400px;

	height:149px;

	border:1px solid #c7c7c7;

	padding:7px 10px 0 10px;

	float:left;

	margin:0 0 10px 50px;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

}

#submitform #submit {

	background:#555;

	line-height:20px;

	float:right;

	border:none;

	color:#fff;

	width:120px;

	cursor:pointer;

	margin:0;

	margin-right:38px;

}

#submitform #submit:hover { background:#222; }

/* COMMENT  -------------------------------------------------------------- */

#comments {

	padding:0px 0 20px;

	border-top:1px solid #e4e4e4;

	position:relative;

}

#comments .respond {

	position:absolute;

	top:10px;

	right:0;

	font:18px Helvetica, Arial, Sans-Serif;

	color:#555;

}

#comments h3 {

	font:18px Helvetica, Arial, Sans-Serif;

	color:#555;

	border-bottom:1px solid #e4e4e4;

	padding:10px 0;

}

#comments .comment-meta {

	font:normal 13px Arial, Helvetica, sans-serif;

	color:#888;

	padding:4px;

}

#comments .comment-meta span {

	font:bold 13px Arial, Helvetica, sans-serif;

	color:#777;

}

#comments .comment-body {

	float:left;

	padding:5px 0 5px 10px;

	width:515px;

	background:#f7f7f7;

	margin:5px 0 0 15px;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

	border-right: 1px solid #E1E1E1;

	border-bottom: 1px solid #E1E1E1;

}

#comments .comment-body p {

	line-height:19px;

	color:#666;

	clear:both;

}

#comment-list li { padding:15px 0; }

#comments .avatar {

	float:left;

	background:#fff;

	padding:3px;

	border:1px solid #dedede;

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}



.entry ul {

margin: 10px 0px 20px 20px;

}



.entry li {

margin: 10px 0px 10px 0px;

}



#table-contents	{

	background-color: #eeeeee;

	color: #333;

	font-size: 13px;

	font-weight: normal;

	text-align: left;

	line-height: normal;

	vertical-align: top;

	padding: 5px;

}



#left-table	{

	background-color: #D6EDFE;

	width: 200px;

	padding: 5px;

	vertical-align: top;

	font-size: 13px;

	text-align: left;

}

#right-table	{

	background-color: #F2F2F2;

	width: 340px;

	padding: 5px;

	vertical-align: top;

	font-size: 13px;

	text-align: left;

}



#left-table-popup	{

	background-color: #99CCFF;

	width: 200px;

	padding: 5px;

	vertical-align: top;

	font-size: 13px;

	text-align: left;

}

#right-table-popup	{

	background-color: #E1E1E1;

	width: 340px;

	padding: 5px;

	vertical-align: top;

	font-size: 13px;

	text-align: left;

}



#left-table2	{

	background-color: #F2F2F2;

	width: 200px;

	padding: 5px;

	vertical-align: top;

	font-size: 13px;

	text-align: left;

}

#mid-table	{

	background-color: #D6EDFE;

	width: 240px;

	padding: 5px;

	vertical-align: top;

	font-size: 13px;

	text-align: left;

}

#right-table2	{

	background-color: #F2F2F2;

	width: 300px;

	padding: 5px;

	vertical-align: top;

	font-size: 13px;

	text-align: left;

}



#titles	{

	background-color: #003366;

	color: #99CCFF;

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	line-height: normal;

	vertical-align: top;

	padding: 5px;

}



#titles	{

	background-color: #003366;

	color: #99CCFF;

	font-size: 12px;

	font-weight: bold;

	text-align: center;

	line-height: normal;

	vertical-align: top;

	padding: 5px;

}



#table-contents	{

	background-color: #eeeeee;

	color: #333;

	font-size: 12px;

	font-weight: normal;

	text-align: left;

	line-height: normal;

	vertical-align: top;

	padding: 5px;

}



#left-table	{

	background-color: #D6EDFE;

	width: 200px;

	padding: 5px;

	vertical-align: top;

	font-size: 12px;

	text-align: left;

}

#right-table	{

	background-color: #F2F2F2;

	width: 340px;

	padding: 5px;

	vertical-align: top;

	font-size: 12px;

	text-align: left;

}



#left-table-popup	{

	background-color: #99CCFF;

	width: 200px;

	padding: 5px;

	vertical-align: top;

	font-size: 12px;

	text-align: left;

}

#right-table-popup	{

	background-color: #E1E1E1;

	width: 340px;

	padding: 5px;

	vertical-align: top;

	font-size: 12px;

	text-align: left;

}



#left-table2	{

	background-color: #F2F2F2;

	width: 200px;

	padding: 5px;

	vertical-align: top;

	font-size: 12px;

	text-align: left;

}

#mid-table	{

	background-color: #D6EDFE;

	width: 240px;

	padding: 5px;

	vertical-align: top;

	font-size: 12px;

	text-align: left;

}

#right-table2	{

	background-color: #F2F2F2;

	width: 300px;

	padding: 5px;

	vertical-align: top;

	font-size: 12px;

	text-align: left;

}





/* 11. FOOTER  -------------------------------------------------------------- */

#footer {

	margin:0 auto;

	width:950px;

	height:48px;

	background: #dadada url(images/footer.png) no-repeat;

	font:12px Verdana, Arial, Helvetica, sans-serif;

	color:#444;

	clear:both;

}

#footer .footer-text {

	float:left;

	padding:18px 0 0 10px;

}

#footer .jump-up {

	float:right;

	padding:20px 17px 0 0;

	display:block;

	background:url(images/up.png) right 22px no-repeat;

	margin-right:10px;

	display:inline;

}

#footer .jump-up a, #footer .jump-up a:visited {

	color:#444;

	text-decoration:none;

}

#footer .jump-up a:hover, #footer .jump-up a:active { color:#fff; }/*