/*
Theme Name:newjc
Theme URI:http://8020world.com/jcmendez
Description:Theme for my personal website
Version:0.4.1
*/
body{margin:0;min-width:600px;background:#FFFFFF url(images/content_bg.gif) repeat top left;font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;font-size:10px;}
a{color:#000000;text-decoration:none;}
small{font-size:60%;}
code{font-family:"courier";font-size:13px;}
pre{font-family:"courier";font-size:13px;padding:16px;}
blockquote{font-size:1.2em;color:#666666;padding-left:55px;background:url(images/bq.gif) no-repeat center left;}
img{border:none;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}
/* HEADER SECTION */
#header{margin:0;padding:0px;background:url(images/header.png) repeat-x top left;height:108px;}
#headerimg{/* Image Floated */
float:top left;width:480px;height:80px;margin:0px;background:url(images/jcprofile.gif) no-repeat top left;cursor:pointer;}
html > body #headerimg{margin-left:0px;}
#headernav{font:1.1em Verdana,Arial,Helvetica,sans-serif;padding-top:2px;padding-left:5px;margin:0;}
#headernav ul{margin:0;padding:0;}
#headernav ul li{list-style:none;display:inline;margin-right:1.3em;color:#CCCCCC;}
#headernav a{color:#CCCCCC;text-decoration:none;}
#headernav a:hover,#headernav ul li.current_page_item{font-weight:bold;border-bottom:2px solid #ffffff;}
#headernav ul ul{/* Child Pages */
display:inline;padding-left:5px;}
#headernav ul ul li{border-left:1px solid #ccc;padding-left:4px;}
#header .titles{float:left;margin:10px 0 0 100px;height:75px;}
#header h1{font:3.5em Georgia,serif;color:#CCCCCC;}
#header h1 a{color:#CCCCCC;text-decoration:none;}
#header h1 a:hover{color:#FFFFFF;}
#header h2 p.description{font-size:10px;font-weight:normal;color:#CCCCCC;padding-left:75px;}
/* MAIN CONTENT SECTION */
#main{margin:0;padding:10px;width:1112px;}
#ad{display:inline;float:right;width:100%;text-align:right;}
#content{float:left;width:726px;}
#content .entry{clear:right;}
#content p a{text-decoration:none;color:#666666;border-bottom:1px solid #888888;}
#content p a:hover{color:#ffffff;}
#content p{font-size:1.6em;}
#content h2{font-size:2.3em;padding-left:5px;}
html > body #content h2{padding-top:4px;}
#content h2 a{color:#333333;text-decoration:none;}
#content h2 a:hover{color:#000000;}
#content h3{font-size:2.1em;padding-left:5px;border-bottom:1px solid #666666;}
#content h4{font-size:1.8em;padding-left:5px;border-bottom:1px solid #666666;}
.posttime a,.tags a,.post_comment a{text-decoration:none;color:#000000;}
.tags,.post_comment{color:#666666;}
#content .tags,#content .post_comment,#content .category{font-size:0.9em;padding-left:20px;line-height:1.6em;margin:0 15px;}
#content .tags{background:url(images/tag_blue.gif) no-repeat left center;}
#content .post_comment{background:url(images/comment.gif) no-repeat left center;}
#content .category{/* Used when UTW Tags dont exist */
background:url(images/folder_brick.gif) no-repeat left center;}
#content ol,#content ul{margin:10px;font-size:1.3em;}
#content ul li{list-style:none;background:url(images/bullet_white.gif) no-repeat center left;padding-left:18px;}
span.bqcite{background:url(images/link.gif) no-repeat center left;padding-left:18px;font-size:1.1em;float:right;}
/* Asides */
ul.asides{margin:0;padding:10px 0px;list-style:none;}
ul.asides li{color:#212841;font-size:1.2em;background:url(images/note.gif) top left no-repeat !important;padding:0px 15px 0 24px !important;}
ul.asides li a{color:#000000;text-decoration:none;border-bottom:1px solid #FFFFFF;}
ul.asides li a:hover{border-bottom:1px solid #000000;color:#FFFFFF;}
/* Date Format */
.date{float:left;height:45px;width:35px;margin-right:8px;background:url(images/calendar.gif) no-repeat;margin-top:0px;}
html > body .date{padding-top:0px;}
.date p{text-align:center;color:#9b9b8e;margin:0 0 0 -2px;text-transform:uppercase;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
.date span.day{font-size:18px;display:block;margin-top:0px;}
.date span.month{font-size:9px;height:12px;display:block;color:#FFFFFF;letter-spacing:1.4px}
.editlink img{width:16px;height:16px;border:none !important;padding:0 !important;margin:4px 0 0 !important;position:absolute;right:20px;}
.navigation{padding:10px;}
.navigation a{color:#666666;text-decoration:none;}
.navigation a:hover{color:#000000;}
/* COMMENTS SECTION */
#comments h4{font-size:2.0em;}
#commentform input,#commentform textarea{font:1em Verdana,Arial,Helvetica,Sans-Serif;padding:3px;color:#000000;background-color:#dde1e5;}
#commentform input:focus,#commentform textarea:focus{background:#fff;color:#888;border-color:#ccc;}
#commentform input{width:600px;margin:5px 5px 1px 0;}
input#submit{width:auto;}
#commentform textarea{height:100px;width:680px;}
.commentsrsslink,.trackbacklink{background:url(images/feedicon16px.gif) no-repeat top left;padding:2px 0 2px 20px;margin-right:10px;height:16px;}
.commentseditlink *{color:red;font-size:0.2em;}
.trackbacklink{background:url(images/arrow_refresh.gif) no-repeat top left;}
#comment ol{font-size:10px;}
ol#commentlist li{margin:0 50px 0 40px;list-style:none;color:#333333;}
html > body ol#commentlist li{margin-left:20px;}
ol#commentlist div.commentnum{margin:0;padding:5px 0px 0px 0px;font-size:2.0em;width:auto;float:left;font-family:Tahoma,Verdana,Helvetica,sans-serif;}
ol#commentlist img.avatar{float:right;background-color:#ffffff;padding:2px;border:1px solid #000000;}
#comments .metalinks{margin:0px auto;text-align:center;padding:25px 0;}
#comments .metalinks a{text-decoration:none;color:#000000;}
#respond{clear:right;}
.authorcomment{padding:10px;background-color:#CCCCCC;color:#000000;border:1px dotted #999999;font-size:1em !important;}
.regularcomment{padding:10px;color:#999999;font-size:0.8em !important;}
.commentauthinfo{font-size:1em;color:#666666;}
.commentauthinfo a{color:#333333;}
.pingback{font-size:0.9em !important;}
.servicelinks{background:#ffffff;border:1px dotted #000000;width:28px;height:auto;float:right;margin:0 10px;}
.servicelinks img{padding:4px 0px;display:block;margin:0 auto;}
/* SIDEBAR SECTION */
#sidebar{float:left;padding:10px 10px 0 10px;width:163px;background:url(images/sidebar_bg.gif) no-repeat top left;min-height:375px;margin-left:10px;height:auto !important;height:375px;}
#sidebar #s{border:1px inset #999999;margin:0 auto;background:url(images/content_bg.gif);width:135px;padding:2px 3px;}
#sidebar a{text-decoration:none;color:#333333;border-bottom:1px solid #000000;}
html > body #sidebar a{border-bottom:1px dotted #000000;}
#sidebar a:hover{color:#FFFFFF;}
#sidebar h2,#sidebar h3{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.6em;padding:5px;color:#d97d1b;}
#sidebar p{padding:0 15px 0 5px;font-size:1.2em;}
#sidebar ul{margin:0;padding-left:1px;padding-right:10px;}
#sidebar ul li{margin:0;padding:0;list-style:none;font-size:1.2em;padding-left:3px;}
#sidebar ul li small{font-size:0.8em;}
#sidebar ul li ul li{font-size:90%;}
#sidebar #tag_cloud {padding-right:10px;}
/* RIGHT SIDEBAR */
#sidebar-right{float:left;padding:10px 10px 0 10px;width:163px;background:url(images/sidebar_bg.gif) no-repeat top left;min-height:375px;margin-left:10px;height:auto !important;height:375px;}
#sidebar-right ul{margin:0;padding-left:1px;padding-right:10px;}
#sidebar-right ul li{margin:0;padding:0;list-style:none;font-size:1.2em;padding-left:3px;}
#sidebar-right ul li small{font-size:0.8em;}
#sidebar-right ul li ul li{font-size:90%;}
#sidebar-right h2,#sidebar-right h3{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.6em;padding:5px;color:#d97d1b;}

/* TAGS SECTION */
.tagwrap{margin:10px auto;}
.tagwrap a{color:#212841;text-decoration:none;}
.halfpostleft{display:inline;float:left;width:40%;}
.halfpostright{display:inline;float:right;width:25%;}
/* FOOTER SECTION */
#footer{clear:both;margin:0;padding:0px;background:#000 url(images/footer.gif) repeat-x left top;height:45px;}
#footer a{color:#CCCCCC;text-decoration:none;font-weight:bold;}
#footer a:hover{color:#666666;}
#footer .wrap{margin:auto 10px;padding-top:14px;}
html > body #footer .wrap{padding-top:8px;}
#footer p{color:#CCCCCC;}
#footer .left{display:inline;float:left;width:55%;}
#footer .right{display:inline;float:right;width:40%;text-align:right;}
.alt {margin: 0;padding: 10px;}

#comments ol {list-style-type: none;line-height: 18px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 10px;padding-left: 5px;}
#comments ul li {list-style-type: none;list-style-image: none;list-style-position: outside;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 5px;padding-top: 5px;padding-right: 0px;padding-bottom: 0px;padding-left: 0pt;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 5px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;list-style: none;}
.commentlist li li {background:none;border:none;list-style:none;margin:3px 0 3px 20px;padding:3px 0;}
.commentlist li .avatar {border:1px solid #ccc;margin:15px 8px 6px 0;float: right;padding:2px;width:45px;height:45px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none; margin: 10px 5px 10px 0;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal; margin: 0;display: block; color: #ca5433;}
.commentmetadata a, .commentmetadata a:visited {color: #fa7703;}
.commentmetadata a:hover{ color: #333333;}
.children { padding: 0; }
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}

.friendfeed.widget{border:0 none !important; font-size: 9pt !important;}
.friendfeed.widget,div.friendfeed.widget div,div.friendfeed.widget span,div.friendfeed.widget img,div.friendfeed.widget table,div.friendfeed.widget tr,div.friendfeed.widget td{background: transparent !important;}
.friendfeed.widget .feed {padding-left:0 !important;}
.friendfeed.widget .feed .cluster .body {margin-left:20px !important;}