/*
Theme Name: VSee
Theme URI: http://www.vsee.com/blog/
Description: The default theme for VSee.com/blog.
Version: 0.1
Author: Lionel Chan
Author URI: http://www.lionelism.com
Tags: green, vsee

*/
body{font-family: "Trebuchet MS", "verdana", "arial", sans-serif;font-size:14px;color:#000;margin:0;padding:0;
	background-repeat: no-repeat; background-position: center 80px; background-attachment: scroll; background-image: url(img/layout/background.jpg); }
input.text{border:1px solid #ccc;padding:2px;font-size:14px;font-family:verdana;width:280px;}
p{line-height:1.4;}

a{color:#003;border:none;}
a:hover{color:#a30;}
a img{border:none;}

div.clear{clear:both;}

/* icons */
.icons{background:url(/img/icons/icons.png);width:16px;height:16px;}
.icon-vsee{background-position:0px 0px;}
.icon-demo{background-position:-16px 0px;}
.icon-mail{background-position:-32px 0px;}
.icon-call{background-position:-48px 0px;}

.what div.list {clear:both;margin:10px 0;}

/* Layout for all */
#wrapper{width:950px;margin:0 auto;position:relative;z-index:1;}
#header{padding-top:20px;height:40px;}
#banner{display:block;background:url(/img/layout/vsee-logo.png) no-repeat;width:118px;height:38px;float:left;}
#footer{clear:both;text-align:center;padding:10px 0px;font-size:12px;color:#aaa;}

.error{background:#fff;border:1px solid #ccc;padding:5px 10px;color:#a40;}

.contacts { float: right; padding-right: 4px; }
.contacts a { margin: 0 5px; color: #004b8a; text-decoration: none; z-index: 600; }

/* Navigation Bar */
#nav {right:0;height:   0;position:absolute;z-index:500; float: right; clear: right; margin-top: 7px; }
#nav a{display:block;text-align:center;font-size:16px;color:#666;font-weight:bold;text-decoration:none;padding:5px 15px;margin-left:15px;margin-right:4px;border:none;}
#nav a:hover, #nav a.hover{color:#222;background:#eafaea;}
#nav a.selected{background:#ded;color:#222;}
#nav ul li{display:block;float:left;}
#nav ul li ul{background:#fff;border:1px solid #ded;padding:5px 0;margin-left:15px;margin-right:4px;display:none;}
#nav ul li ul li{float:none;background:#fff;}
#nav ul li ul li a{display:block;text-align:left;background:none;font-size:12px;margin:0;padding:3px 8px 3px 8px;}
#nav ul li ul li a:hover{background:#eafaea;}

/* common.ftl */
#sidebar{float:right;width:220px;margin-top:20px;}
#content{margin-top:20px;float:left;width:700px;padding:0px 10px;}
.content-wide{width:950px!important;float:none;}

/* popup demo dialog */
#demo-player-dialog { display: none; }

/* buttons! */
a.vseeme{display:block;background:url(img/buttons/button_vseeme.png) no-repeat 0px 0px;width:105px;height:28px;}
a.vseeme:hover{display:block;background:url(img/buttons/button_vseeme.png) no-repeat 0px -28px;width:105px;height:28px;}

a.download{display:block;background:url(img/buttons/button_download.png) no-repeat 0px 0px;width:105px;height:28px;}
a.download:hover{display:block;background:url(img/buttons/button_download.png) no-repeat 0px -28px;width:105px;height:28px;}

a.downloadvsee{display:block;background:url(img/buttons/button_downloadvsee.png) no-repeat 0px 0px;width:197px;height:34px;}
a.downloadvsee:hover{display:block;background:url(img/buttons/button_downloadvsee.png) no-repeat 0px -34px;width:197px;height:34px;}

a.signup{display:block;background:url(img/buttons/button_signup.png) no-repeat 0px 0px;width:121px;height:32px;}
a.signup:hover{display:block;background:url(img/buttons/button_signup.png) no-repeat 0px -32px;width:121px;height:32px;}


#sidebar ul{padding:0;margin:0;background:url(img/layout/box_background.png) repeat;padding-bottom:10px;margin-bottom:10px;font-size:12px;}
#sidebar ul li{list-style-type:none;}
#sidebar ul li h2{font-size:15px;margin:10px 0 10px;background:#d3ddcc!important;padding:6px 10px;font-size:15px!important;}
#sidebar ul li ul{padding:0;margin:0;padding-left:25px;background:none;}
#sidebar ul li ul li{list-style-type: circle;margin:5px 0;}

.box{}
.box h2{margin:0 0 10px;background:#d3ddcc;padding:6px 10px;font-size:15px!important;}
.box p{padding:0 10px;}
.box p a{text-decoration:none;}
.box p a:hover{text-decoration:underline;}
.box div.icons{float:left;margin:0 5px 0 10px;}

.post {padding-top:10px;margin-bottom:30px;}
.post h2{margin:0 0 10px;font-size:20px;}
.post .author{font-size:11px;}
.post h3{margin:0 0 10px;font-size:16px;}
.post h2 a, .post h3 a{text-decoration:none;}
.post .timestamp{float:right;margin-top:10px;}
.post p{margin-top:0;line-height:1.5;font-size:13px;}
.entry{background:#fff;padding:10px;border:1px solid #ccc;margin-bottom:10px;}

#searchform div{padding:0px 10px;}

.widecolumn{width:950px!important;}

.navigation{height:20px;}
.alignleft{float:left;}
.alignright{float:right;}


.widecolumn textarea#comment{width:900px;font-family:verdana;padding:2px;font-size:14px;border:1px solid #ccc;}
.narrowcolumn textarea#comment{width:680px;font-family:verdana;padding:2px;font-size:14px;border:1px solid #ccc;}

/* comments */
.avatar{float:right;}
ol.commentlist{padding-left:0;margin-left:0;}
ol.commentlist .even{background:#f8fff8;border:1px solid #cda;}
li.comment{list-style-type:none;border:1px solid #ccc;padding:10px;margin:10px 0;}

.comment-meta a{text-decoration:none;color:#070;}
.comment-meta a:hover{color:#f30;}

.search-result {border:1px solid #ccc;background:#fff;padding:10px;margin:10px 0;}

.postmetadata {clear:both;padding-top:20px;margin-bottom:0;}

.entry ul li{margin:5px 0px; font-size:13px;}

.rss-box{float:right;height:20px;margin:20px 0 10px;font-size:12px;}
a.rss-entries{display:block;float:left;background:url(img/blog/rss-gray.png) no-repeat;height:16px;padding:2px 0 0 20px;}
a.rss-comments{display:block;float:left;background:url(img/blog/comment-gray.png) no-repeat;height:16px;padding:2px 0 0 22px;margin-left:10px;}
a.rss-entries:hover{background:url(img/blog/rss.png) no-repeat;}
a.rss-comments:hover{background:url(img/blog/comment.png) no-repeat;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
clear:both;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
clear:both;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */