/*  
Theme Name:Js Paper
Theme URI:http://www.saywp.com/work/jspaper2
Description:Js Paper is a three column,beautiful clean WordPress theme without any plugins needed and easy show the first post's image in the homepage. Widgets ready,threaded comments and paginated comments. Compatible with WordPress 2.7 and Valid CSS & HTML. 
Version:2.5.7
Author:Jinwen CEN
Author URI:http://www.saywp.com/

Code Modified by: Effie Siverts, On Site Group, LLC - URL:http://www.onsitegroup.us/
Further Modified by: Anthony Ainsworth of Smart Services - exquest@yahoo.com

Tags:blue,light,fixed-width,three-columns,threaded-comments
The CSS,XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* tan background gradient */
body{background:#908E78 url(imgs/background.jpg) repeat-x top;color:#555;font-family:Arial,Helvetica,sans-serif;font-size:80%;line-height:140%;margin:0 10px;}

/* swirl graphic as background */
div#wrapper{font-family:Arial,Helvetica,sans-serif;background:#FFF url(imgs/wave.gif) no-repeat 100% 300px;border-left:1px solid #ddd;border-right:1px solid #ddd;color:#555555;margin:0 auto;padding:6px 0 0;width:960px;}
.encadre{padding:9px;position:relative;}

/* header */
#header{height:120px;color:#fff;background-color:#ddd;border-bottom:1px solid #ebedef;border-top:1px solid #ebedef;margin:0 0 5em;padding:0;}
/* TPC logo in header */
#header #blog-title{float:left;background:#fff url(imgs/TPClogo.jpg) no-repeat top left;color:#fff;height:110px;width:50%;margin:5px 0 5px 0;}
/* space designated for RIGHT side header content */
#header #video-clip{float:right;text-align:center;height:110px;width:50%;margin:5px 0 5px 0;background-color:#fff;color: #0E4EA1;}
/* hides header blog title -- display "none" */
#header h1{display: none;float:left;font-family:"Times New Roman",Times,serif;font-size:40px;font-weight:400;letter-spacing:2px;line-height:40px;margin:24px;padding:0;width:500px;}
/* hides header blog description -- display "none" */
#header h2{display: none;float:left;font-family:"Times New Roman",Times,serif;font-size:12px;letter-spacing:3px;line-height:14px;margin:-20px 0 0 26px;padding:0;width:700px;}
#header a{color:#333;}
#header a:hover{color:#F40000;font-weight:700;text-decoration:none;}


#container{margin:0;padding:0;}


/* default anchor tag formatting */
a{color: #0E4EA1; text-decoration:none;}
a:link, a:visited, #content ul li a{color: #0E4EA1;outline:none;text-decoration:none;}
a:hover, #content ul li a:hover{color:#F40000;text-decoration:none;}
#content ul li a:active, a:active{font-weight:700;text-decoration:none;}

/* content formatting */
#content{border-left:1px dotted #E7E7E7;border-right:1px dotted #E7E7E7;float:left;font-size:12px;margin-bottom:2em;padding:0 8px;text-align:left;width:490px;}

#content a:hover, .entry-content a:hover, .fadeadt a:hover{color:#F40000;font-weight:bold;text-decoration:none;}


/* navigation bar */
.nav{left:6px;position:absolute;top:148px;}
.nav ul{margin:0;padding:0;}
.nav li{float:left;font-size:11px;letter-spacing:1px;list-style:none;text-transform:uppercase;}
.nav li a{color:#333;display:block;font-weight:700;padding:0 8px;text-transform:uppercase;}
.nav li a:hover,.nav li.current_page_item a,.nav li.current-cat a,.nav li.current_page_item a:hover,.nav li.current-cat a:hover,.nav li.fade-hover a{color:#CCC;font-weight:700;text-decoration:none;}


/* search bar */
#gsearch{position:absolute;right:4px;top:140px;}
#gsearch input{background:#fff url(imgs/allbgs.png) no-repeat -88px 0;border:none;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-style:italic;outline:none;padding:9px 16px;width:180px;}
#gsearch input:focus{background:#fff url(imgs/allbgs.png) no-repeat -88px -238px;color:#555;font-style:normal;}


#submit{background:#3274D0;border:1px solid #ddd;color:#FFF;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:1px;margin-bottom:2em;padding:2px 4px;}
#submit:hover{background:#f40000;border:1px solid #ddd;color:#FFF;}


/* rss positioning */
#lan{position:absolute;right:232px;top:148px;}
#lan ul{margin:0;padding:0;}
#lan li{color:#888;font-size:10px;line-height:12px;list-style:none;margin-right:8px;padding-left:18px;}
#lan li.hrss{background:url(imgs/allbgs.png) no-repeat 0px -120px;height:16px;margin:0 5px 0 0;padding:0;text-indent:-999em;width:46px;}
#lan li.hrss a{display:block;height:16px;margin:0;padding:0;width:46px;}

.fadead{line-height:165%;margin:12px 0 4px 2px;}
.fadeadt a{color:#0E4EA1!important;font-size:14px;text-decoration:none;}
.fadeadb{color:#888;display:block;font-size:13px;}
.fadeadu a{color:#555;font-size:10px;overflow:hidden;white-space:nowrap;}


/* post icons */
.tagicon,.dateicon,.manicon,.comicon,.caticon{background:url(imgs/allbgs.png) no-repeat;margin-right:1em;padding-left:14px;}
.tagicon{background-position:0 -169px;}
.dateicon{background-position:0 -196px;}
.manicon{background-position:0 -211px;}
.comicon{background-position:-295px -170px;}
.caticon{background-position:0 -254px;}

/* date, category, tag, string under post title */
.postmetadata{color:#555;font-size:12px;}
.postmetadata a{color:#555;}
.postmetadata a:hover,{color:#F40000;text-decoration:none;font-weight:normal;}


/* entry content */
.entry-content{color:#333;font-size:12px;height:auto;line-height:165%;margin:0 0 5px;}
.entry-content p{color:#333!important;font-size:12px;letter-spacing:1px;line-height:165%;margin:1em 0;}
.entry-content a, .entry-content p a, .entry-contentul li a{color:#0E4EA1;font-weight:bold;}

.entry-content blockquote,.comments ol.commentlist blockquote{background:#fff;border:1px solid #ccc;color:#666;font-family:"Courier New",Courier,monospace;margin:0 1em;padding:0.5em;}
.entry-content blockquote p{background-color:#fcfcfc;color:#555;margin:0;padding:0;text-indent:0;}
.entry-content code,.comments ol.commentlist code{background:#e7e7e7;color:#222;font:1em/133% "courier new",courier,monospace;}
.entry-content .page-link{font-size:0.9em;font-weight:700;margin:0 0 1.5em;text-align:center;}
.entry-content em,.comments ol.commentlist em{font-style:italic;font-weight:400;}
.entry-content h1{color:#333;margin:1.5em 0 -0.3em;}
.entry-content h2{color:#333;font-size:medium;margin:1.5em 0 -0.3em;}
.entry-content h4{font-size:1.4em;margin:1.5em 0 -0.3em;}
.entry-content h5{font-size:1.3em;margin:1.5em 0 -0.4em 0.7em;}
.entry-content h6{font-size:1.2em;margin:1.5em 0 -0.5em;}
.entry-content ul li,.col3 ul li{color:#555;font-size:12px;line-height:165%;list-style:circle;margin-left:-2em;}
.entry-content ol li{color:#333;line-height:165%;}
.entry-content ul.xoxo li ul,.formcontainer form#commentform{margin:0;padding:0;}
.entry-content img,.entry-content a img{border:1px solid #ccc;padding:2px;}
.entry-content a:hover img{border:2px solid #3fafee;padding:1px;}
body.attachment h3.entry-title{margin:-1.5em 0 0.5em;}
h2.entry-title {line-height:125%;}
.entry-content .entry-attachment{margin:-0.5em 0 1em;}
.entry-content .entry-attachment a:hover img{border:2px solid #3274d0;}
.entry-content .entry-caption{margin-bottom:2em;}
body.attachment h3.entry-title,.entry-content .entry-attachment,.entry-content .entry-caption{text-align:center;}

.hentry .archive-meta{font-style:italic;margin:0.5em 0 2em 2em;}

.hfeed h1,h3,h2.about-info{font-size:1.3em;font-weight:700;margin:0;}
.hfeed .entry-title{color:#0E4EA1;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:400;margin:2px 0 5px;text-transform:capitalize;}
.hfeed .entry-title a{color:#0E4EA1;font-weight:bold;}

.hfeed .col3{float:left;font-size:10px;padding-left:8px;text-transform:capitalize;width:155px;}
.hfeed .col3 ul li a{color:#666;text-decoration:none;}
.hfeed .page-title{color:#555;font-size:18px;font-weight:700;letter-spacing:1px;margin:10px 0 2em 0;}

 // font color for survey validation text
p.notice {color:red;}

/*-----------------------------------------------------
					survey form
-----------------------------------------------------*/
#survey h3 {clear:both;}
#survey ul {margin:0px;padding:0;}
#survey .clear {clear:both;}
#survey ul.column-left {width:50%;float:left;}
#survey ul.column-right {width:50%;float:right;}
#survey ul li {list-style-type:none;line-height:135%;margin:4px 0px 4px 4px;clear:both;}
#survey li label.info1{display:block;float:left;width:100px;margin:4px 0px 4px 4px;}
#survey li label.info2{display:block;float:left;width:150px;margin:4px 0px 4px 4px;}
#survey input {margin:0px 8px 0 8px;border:1px inset #333333;}
#survey input.btn {background-color:#0E4EA1;border:2px outset #0E4EA1;color:white;padding:2px;}
#survey p {clear:both;font-weight:normal;}


#survey textarea {width:auto;border:1px inset #333333;}



/* footer */
#footer{background-color:#ddd;clear:both;color:#666666;font-size:12px;line-height:145%;text-align:center;font-size:x-small;}
#footer p{margin:0 0 0 16px;padding:10px 0;}
#footer a,#footer a:link,#footer a:visited{background-color:#ddd;color:#0E4EA1;text-decoration:none;font-weight:normal;}
#footer a:hover{background-color:#ddd;color:#F40000;text-decoration:none;font-weight:normal;}


.avatar{float:left;margin:-37px 0 0 -24px;position:absolute;width:28px;z-index:5;}
.clear{clear:both;}

/* comments and message body styles */
.commentlist li p{color:#666;line-height:145%;margin:0;}
.commentlist li{border-top:1px solid #CCC;clear:both;font-size:12px;letter-spacing:1px;list-style:none;padding:0 0 1.5em;position:relative;width:490px;}
.commenttext{float:left;margin:0;padding:0;width:99%;}
img.wp-smiley{border:none;margin:0;padding:0;}
.commentlist p a{color:#333;font-style:normal;text-decoration:underline;}
input#author,input#email,input#url,textarea#comment{background:#fcfcfc;border:1px solid #ccc;color:#333;font-size:14px;padding-left:3px;}
input#author,input#email,input#url{width:180px;}
textarea#comment{height:100px;margin:1em 0;padding:5px;width:435px;}
input#author:focus,input#email:focus,input#url:focus,textarea#comment:focus{background:#f2f2f2;border:1px solid #ccc;color:#333;}
#commentblock h3{clear:both;color:#3274d0;font-size:12px;letter-spacing:1px;}
.commentlist{list-style:none;margin:2em 0 0;padding:0;width:383px;}
.message_head{padding:0 0 5px;position:relative;}
.message_head a{text-decoration:none!important;}
.timestamp{background-color:#FFF;color:#888;font-size:10px;font-style:italic;margin-top:2px;position:absolute;right:0;}
.message_head cite{font-size:10px;font-weight:bold;padding-left:8px;text-transform:uppercase;}
.message_body{padding:0 0 0.5em;}

/* sidebar formatting */
#sidebar{float:left;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;margin:0 0 0 12px;width:200px;}
#sidebar a{color:#888;line-height:22px;padding:0 2px;}

.subsection_title{border-bottom:1px solid #E7E7E7;border-left:3px solid #ccc;color:#555;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;margin:10px 0 5px 0;padding:4px;}

#commonQuestions{margin:8px 0 -20px 0;}
#commonQuestions li.Qlist{font-family:Arial,Helvetica,sans-serif;font-size:11px;margin:4px 0 4px 17px;list-style-type:circle;}

ul.list-comments,ul.most-comments,#sidebar ul,#sidebar-l ul{margin:0 0 4em;padding:0 0 0 4px;}

ul.list-comments li,ul.most-comments li,#sidebar ul li,#sidebar-l ul li{color:#888;font-size:12px;list-style:none;margin:8px 0;}
ul.most-comments li a,#sidebar ul li a,#sidebar-l ul li a{color:#666;letter-spacing:1px;line-height:16px!important;}
ul.list-comments li a{background-color:#ebedef!important;color:#666;letter-spacing:0;line-height:16px!important;}
ul.list-comments li a:hover,ul.most-comments li a:hover,#sidebar ul li a:hover,#sidebar a:hover,#sidebar-l ul li a:hover{text-decoration:underline;}


/* page navigation formatting in LEFT sidebar */
#sidebar-l{float:left;margin:0 0 4em;padding:0 12px 0;width:203px;height:100%;}
#sidebar-l ul{font-weight:normal;list-style-type:none;margin:0;padding:0;width:193px;}
#sidebar-l ul li{line-height:16px;margin:0;padding:0;}
#sidebar-l ul a:link,#sidebar-l ul a:visited{color:#666666;display:block;padding:4px 0 4px 8px;text-decoration:none;}
#sidebar-l ul ul a:hover{color:#666666;display:block;padding:4px 0 4px 8px;text-decoration:underline;}
#sidebar-l ul ul a:link,#sidebar-l ul ul a:visited{color:#666666;padding:4px 0 4px 8px;text-decoration:none;}
#sidebar-l ul ul a:hover{color:#666666;padding:4px 0 4px 8px;text-decoration:underline;}
#sidebar-l li.current_page_item a,#sidebar-l li.current-cat a,#sidebar-l li.current_page_item a:active,#sidebar-l li.current-cat a:active,#sidebar-l li.fade-hover a{color:#666666;font-weight:700;text-decoration:none;}

/* sub-page navigation formatting in LEFT sidebar */
#sidebar-l ul li ul li{background-image:none;border-bottom:1px dotted #E7E7E7;border-left:0 solid #FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;line-height:16px;margin:0;padding:5px 0 5px 10px;}
#sidebar-l ul ul li{margin:.2em 0 0 1.5em;font-style:italic;}
#sidebar-l ul li.selected{line-height:16px;margin:0;padding:0;}
#sidebar-l ul li.selected a:link,#sidebar-l ul li.selected a:visited{border-bottom:1px solid #E7E7E7;border-left:3px solid #ccc;color:#3274d0;font-size:12px;font-weight:normal;line-height:16px;}
#sidebar-l ul li.selected li,#sidebar-l ul li.selected li a:link,#sidebar-l ul li.selected li a:visited{border:none;color:#666;font-weight:normal;margin-top:1px;}

/* taglist */
.taglist{font-family:Arial,Helvetica,sans-serif;font-size:11px;padding:4px 0 4px 6px;}


.spacer{clear:both;height:3em;}
.spacer_right{clear:right;}
.spacer_left{clear:left;}
li.depth-2{border-top:1px solid #e5e5e5;margin-left:-48px;padding-left:48px;width:450px;}
li.depth-3{border-top:1px solid #e5e5e5;width:410px;}
.reply{line-height:18px;}
.reply a{background-color:#FFF;color:#888;float:right;font-size:11px;margin-bottom:2.5em;text-align:center;width:42px;}
.reply a:hover{background-color:#3fafee!important;color:#fff!important;}
#cancel-comment-reply a{background-color:#FFF;color:#888888;float:right;font-size:11px;padding:0 4px;}
#cancel-comment-reply a:hover{background-color:red;color:#fff;}
#comment-personaldetails p{margin-bottom:5px;}

#commentblock{margin-top:3em;}

#commentnavi{margin:4em 0 0;padding-bottom:2em;}
#commentnavi a{color:#888;}
#commentnavi .page-numbers current{font-weight:700;}
.commentlist li.comment.bypostauthor{}
.commentlist li.depth-2.comment.bypostauthor,.commentlist li.depth-3.comment.bypostauthor{}
.commentlist li.depth-3 .avatar{border-bottom:1px solid #E5E5E5;border-left:1px solid #E5E5E5;float:left;margin:-130px 0 0 -52px;padding:92px 0 0 26px;width:28px;z-index:3;}
.commentlist li.depth-3.comment.bypostauthor .avatar{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;float:left;margin:-118px 0 0 -48px;padding:93px 0 0 32px;width:28px;z-index:3;}
.commentlist li.depth-3 .avatar img{float:left;margin-left:-5px;margin-top:-13px;position:absolute;}

.gallery a img{border:1px solid #CCC !important;height:110px;padding:2px;width:110px;}
.gallery a:hover img{border:2px solid #3fafee !important;padding:1px;}
.gallery{margin:auto;}
.gallery-item{float:left;margin-top:10px;text-align:center;width:25%;}
.gallery-caption{margin-left:0;}

/* Share This Buttons */
.st-right-archive{float:right;margin-top:-52px;width:auto;}
.st-right-single{width:auto;}

/* Return to TOP or Blog Buttons */
.nav-below-post{clear:both;line-height:15px;padding:5px 0 0 0;}
#nav-below{clear:both;margin:0 0 0 225px;padding:5px 0 0 0;}
#nav-below-s{font-size:12px;line-height:30px;margin:4em 0 0;}
.nav-left{float:left;text-align:left;width:250px;}
.nav-right{float:right;text-align:right;width:200px;}
.nav-right-post{clear:both;float:right;text-align:right;width:50px;}
.nav-left a, .nav-right-post a{background-color:#ddd!important;border:1px solid #ccc!important;color:#666!important;padding:5px;}
.nav-left a:hover{background-color:#3fafee!important;border:1px solid #ddd!important;color:#fff!important;}
.nav-right a, .nav-right-post a{background-color:#ebedef;border:1px solid #ddd;color:#888;padding:2px 4px;}
div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignright{float:right;}
.alignleft{float:left;}


#wp-calendar{margin-bottom:2em;width:99%;}
#wp-calendar td{text-align:center;}
#wp-calendar tbody td a{background-color:#fff;color:#333;font-weight:700;text-decoration:underline;}
#wp-calendar td#prev{text-align:left;}
#wp-calendar td#today{background-color:#ebedef;border:1px solid #ccc;color:#888;}
strong.search-excerpt{background-color:yellow;color:#333;}
.tagcloud li a{float:left;height:20px;padding:4px !important;}
.tagcloud li{border:none!important;margin:0;padding:0;}
#respond{clear: both;}