/*
Theme Name:   Pseudo Social
Theme URI:    http://christopherharte.com
Description:  A theme based on the initial Pseudo Social Theme by <a href="http://christopherharte.com">Christopher Harte</a>
Version:      2
Author:       Christopher Harte
Author URI:   http://christopherharte.com
*/

* {  margin: 0;  padding: 0;}
html {height:100%;}
body { background: #dfdfe9; color: black; text-align: center; font-size: 13px; line-height: 18px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;margin:0;padding:0;height:100%;}
img#wpstats { width:0px; height:0px; overflow:hidden; }
a { color:#000; text-decoration: none }
a:hover { color:#066; text-decoration: underline }
p, ul, ol {  margin-bottom: 18px; }
.ngg_images{list-style:none;padding:10px 30px;}
.ngg-widget{text-align:center !important;}
.ngg-galleryoverview{width:90% !important; padding: 20px 5% !important;}
html > body .ngg-album {border:1px solid #CCCCCC;float:left!important;margin:0 0 5px 2%!important;overflow:hidden;padding:15px 0 5px 1%!important;width:29%;!important}
blockquote { }
ul { list-style-type: square; margin-left: 2em;}
ol { margin-left: 2em;}
h1 { font-size: 26px; line-height: 36px;margin-bottom: 18px; }
h2 { font-size: 22px;  line-height: 36px; margin-bottom: 18px;}
h3 {font-size:35px;line-height:18px;margin-bottom:10px;margin-left:35px;margin-top:11px;}
h4 { font-size: 14px;  line-height: 18px; margin-bottom: 6px;}
.container {text-align:center; margin: 0 40px; padding: 0;min-height:100%;min-width:650px;line-height:0;}
* html .container{height:100%;min-width:650px;}
.content {background:none repeat scroll 0 0 #F9F5F5;border:1px solid #BBBBBB;margin:20px 0;padding:0 20px;}
table {height:0;}
/* HEADER */

.header {margin-bottom:8px;}
.header h1 { font-size: 26px;color: #000;font-weight: normal;}
.header span { margin-left: 10px; font-size: 12px; color: #666; font-weight: normal;}
.header a { color: #333; }
.header a:hover { color: #066; }
.header-logo{background:url("images/header_logo.png") no-repeat scroll center center transparent;height:25px;width:256px;}
.search {padding:11px 0 0 20px; background:url('/home/wp-content/themes/hpc/images/search.gif') 0 14px no-repeat; float:right;}
.search input { width:120px;}
#header-container {}
.header-bg-left {background:url("images/headerBG_left.png") no-repeat scroll 0 0 transparent;margin:0 -193px 0 -35px;height:63px;position:relative;background-position:left;}
.header-bg-center {background:url("images/headerBG_mid.png") repeat scroll 0 0 transparent;height:63px;margin:0 184px 0 25px;position:relative;;min-width:434px;}
.header-bg-right {background:url("images/headerBG_right.png") no-repeat scroll 0 0 transparent;height:63px;position:relative;background-position:right;}
.header-search-case{float:right;}
.header-desc{color:#FEF6F9;font-family:Trebuchet MS;font-size:15px;top:14px;position:absolute;}


/* HEADER BUTTONS */

.header-buttons-menu{margin-left:26px;;}

a.header-btn-portfolio{background:url('images/btn_portfolio.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-portfolio:hover{background-position:-27px 0;}
a.header-btn-blog{background:url('images/btn_blog.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-blog:hover{background-position:-27px 0;}
a.header-btn-applications{background:url('images/btn_applications.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-applications:hover{background-position:-27px 0;}
a.header-btn-tutorials{background:url('images/btn_tutorials.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-tutorials:hover{background-position:-27px 0;}
a.header-btn-reference{background:url('images/btn_reference.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-reference:hover{background-position:-27px 0;}
.header-btn-search{background:url('images/btn_search.png') no-repeat;height:27px;width:27px;display:block;border:none;}
.header-btn-search:hover{background-position:-27px 0;}
a.header-btn-help{background:url('images/btn_help.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-help:hover{background-position:-27px 0;}
a.header-btn-sitemap{background:url('images/btn_sitemap.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-sitemap:hover{background-position:-27px 0;}
a.header-btn-about{background:url('images/btn_about.png') no-repeat;height:27px;width:27px;display:block;}
a.header-btn-about:hover{background-position:-27px 0;}
.header-control-btn{width:27px;height:27px;float:left;margin:0 1px;}
.header-control-btn-right{float:right;width:27px;height:27px;overflow:hidden;margin:0 3px;}
.header-searchbox{background:url('images/header_search.png') no-repeat;border:medium;height:24px;width:204px;margin:3px 7px 0 0;float:right;}


#nav {margin-left: 26px;}
#nav, #nav ul{padding:0;list-style-type:none;list-style-position:outside;line-height:1.5em;font-size: 15px;text-align: left;}

#nav li ul li {display:block;padding:0px 5px;color:#000;text-decoration:none;border-top: 1px solid #9d9f9d;}
#nav li ul li a {text-decoration: none;}
#nav li li li {display:block;padding:0px 5px;color:#000;text-decoration:none;}
#nav a:hover {color:#da8d9d;}
#nav li {float:left;position:relative;}
#nav ul {-moz-border-radius:10px; -webkit-border-radius:10px; background:url("images/menu-bg.png") repeat-x scroll left top #b3b3b3 ;border:1px solid #8D888F; display:none;left:-36px; position:absolute;top:-6px; }
#nav li ul a {width:190px;height:auto;float:left;}
#nav ul ul {top:auto;border:1px solid #8D888F;background:url("images/menu-bg.png") repeat-x scroll left top #b3b3b3padding:0;list-style-type:none;list-style-position:outside;line-height:1.5em;font-size: 15px;text-align: left;width: auto;}	
#nav li ul ul {left:10em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;z-index:10000;}

.breadcrumb{position:absolute;text-align:left;font-size:11px;top:43px;}

/* POSTS */

.post p a { font-weight:bold }
.post { border-bottom: 1px solid #ccc; padding:18px 0 0 0; text-align:left;}
.postnoline {padding:18px 0 0 0;text-align:left; width:500px;}
.postcomment {padding:18px 0 0 0;text-align:left; width:500px; font-size:11px; color:#666;}
.commentslnk { font-size:13px; text-align:center;}
p.byline {margin-top:-10px; font-size:11px; color: #555;}
.post IMG { border:1px solid #000;}
.post IMG.noline {border:0;}
span.previous { padding: 0 20px 0 0; float: left; }
span.next { float: right; }
span.edit a {  float:right; font-weight:normal;  font-size:11px;  color:#666;  border:1px solid #ccc;  padding:0 4px; }
.metainfo { float:left; width: 152px; font-size: 10px; color: #666; padding: 3px 0;}
.previously {text-align:left; width: 500px; padding: 20px 0 3px 0; border-top: 1px solid #ccc; font-size: 12px;}
.previously a { font-weight:bold }
.text_area { width: 480px !important; }
.postform { width:150px; margin: 0;} 

/* CONTENT */
	
.content-case {background:#F9F5F5;margin-bottom:0;}
.content-tl {background:url('images/contentBG_tl.png') top left no-repeat;margin:0;padding:0;}
.content-tr {background:url('images/contentBG_tr.png') top right no-repeat;margin:0;padding:0;}
.content-t {background:url('images/contentBG_t.png') top repeat-x;margin:0;padding:0;}
.content-b {background:url('images/contentBG_b.png') bottom repeat-x;margin:0;padding:0;}
.content-bl {background:url('images/contentBG_bl.png') bottom left no-repeat;margin:0;padding:0;}
.content-br {background:url('images/contentBG_br.png') bottom right no-repeat;margin:0;padding:0;}
.content-l {background:url('images/contentBG_dot.png') left repeat-y;margin:0;padding:0;}
.content-r {background:url('images/contentBG_dot.png') right repeat-y;margin:0;padding:0;}
#bottom-case{margin-bottom:45px;}

/* FOOTER */

.footer { height:30px;margin:-30px 30px 0;}
.footer-bg-left {background:url('images/footerBG_left.png') no-repeat left;}
.footer-bg-right {background:url('images/footerBG_right.png') no-repeat right;}
.footer-bg-center {background:url('images/footerBG_center.png') repeat-x; margin:0 154px;}
.footer div { height:30px;}
.footer img { border:0;}
.footer div.last { }
.copyright { font-size: 11px; margin:12px 0 0 0; padding: 18px 0 10px 0; border-top: 1px solid #666; text-align:right; color: #666;}
ul.nav li { margin: 0 }