/*------------------------------------------------------------------------
Theme Name: 	Jobless
Author:       ArchimediaLabs
Author URI:		http://www.archimedialabs.com/
Description:   	JoblessSociety.org Theme
Version:       	1.0
------------------------------------------------------------------------ */
* {
margin: 0;
padding: 0;
}

html {
margin: 0 auto;
text-align: center;
}

body {
background: #1e7c2a url('images/bg.gif') top center repeat-x;
margin: 0;
text-align: center;
color:#003300;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
a, a:visited {
color: #1e7c2a;
text-decoration: underline;
}
a:hover {
color: #1e9933;
text-decoration: none;
}
img {
border: 0;
}
h1 {
color: #336600;
margin-bottom: 0.5em;
font: 30px Georgia, Times New Roman, Times, serif;
font-weight: normal;
font-style: italic;
}
h2 {
color: #336600;
margin-bottom: 0.8em;
font: 22px Georgia, Times New Roman, Times, serif;
font-weight: normal;
margin: 10px;
text-decoration: underline;

}
h3 {
color: #336600;
margin-bottom: 0.5em;
font: 18px Georgia, Times New Roman, Times, serif;
font-weight: normal;
}
#container {
background-color: #ffffff;
width: 998px;
margin: 0 auto;
position: relative;
}
.top {
height:12px;
background: url(images/top.gif) top center repeat-x;
}
.header {
height: 92px;
background:url(images/banner_bg.gif) top right no-repeat;
border-bottom: 1px #006600 dotted;
width: 920px;
margin: 0px auto;
}
.logo {
float: left;
width: 460px;
}
.banner {
width: 420px;
float: right;
/*	padding-top: 30px;
 */height: 92px;
}
/* Section - Menu---------------------------------------------------------- */.menu {
background:url(images/menu_bg.gif) bottom center repeat-x;
height: 40px;
padding-left: 30px;
}
.nav li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#menu_child {
background:#FFFFFF;
width: 200px;
list-style-type: square;
}
#menu_child li {
float: left;
width: 180px;background:#FFFFFF;
border-bottom: 1px #99aa99 dotted;
text-align: left;
margin: 4px;
display: block;

}
#menu_child li a {
font-size: 14px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.home a{
	background: url(images/menu/home.gif) no-repeat center top;
height: 34px;
display: block;
text-indent: -9999px;
width: 120px;
}
.home a:hover {
background: url(images/menu/home.gif) no-repeat center -34px;
}
li.about a{
	background: url(images/menu/about.gif) no-repeat center top;
height: 34px;
display: block;
text-indent: -9999px;
width: 120px;
}
li.about a:hover {
background: url(images/menu/about.gif) no-repeat center -34px;
}
.activities a{
	background: url(images/menu/activities.gif) no-repeat center top;
height: 34px;
display: block;
text-indent: -9999px;
width: 150px;
margin-left: 15px;
}
.activities a:hover {
background: url(images/menu/activities.gif) no-repeat center -34px;
}
.gallery a{
	background: url(images/menu/gallery.gif) no-repeat center top;
height: 34px;
display: block;
text-indent: -9999px;
width: 150px;
margin-left: 15px;
}
.gallery a:hover {
background: url(images/menu/gallery.gif) no-repeat center -34px;
}
.getinvolved a{
	background: url(images/menu/getinvolved.gif) no-repeat center top;
height: 34px;
display: block;
text-indent: -9999px;
width: 175px;
margin-left: 15px;
}
.getinvolved a:hover {
background: url(images/menu/getinvolved.gif) no-repeat center -34px;
}
.resources a{
	background: url(images/menu/resources.gif) no-repeat center top;
height: 34px;
display: block;
text-indent: -9999px;
width: 150px;
margin-left: 15px;
}
.resources a:hover {
background: url(images/menu/resources.gif) no-repeat center -34px;
}
/* --------- End Menu ---------- */.midcontent{
background:url(images/midcontent_bg.gif) repeat-x;
height: 282px;
}

#mid
{
background:#defae0 url(images/mid_bg.gif) top center repeat-x;
margin: 0 auto;
text-align:center;
}

.midcontent2{
background-color:#FFFFFF;
}
#midspace {
float:left;
width: 12px;
height: 282px;
} 
#midleft{
float:left;
width: 437px;
 background:url(images/midleft_bg.gif) no-repeat;
height: 282px;
}
#content {
 width: 600px;
 float: left;
 text-align: left;
margin-left: 15px;
padding: 15px 10px 35px 10px;
background: #ffffff;

}
#content p {
font-size: 12px;
font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
line-height:22px;
color: #003300;
padding: 5px 15px;
}
#content ul {
font-size: 14px;
font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
padding: 0px 25px;
}
.ptitle{
background: #ffffff url(images/title_bg.gif) top center no-repeat;
width:600px;
height: 50px;
color: #FFFFFF;
margin-bottom: 15px;
margin-top: 5px;
}
#pagetitle,#pagetitle a,#pagetitle a:visited {
padding: 5px 25px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 32px;
font-style: normal;
color: #FFFFFF;
letter-spacing: 2px;
text-decoration: none;
}
#pagetitle2,#pagetitle2 a,#pagetitle2 a:visited {
padding: 10px 15px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
}
#sidebar{
padding: 20px 0px;
float: left;
width: 300px;
margin-left: 15px;
background: url(images/sidebar_bg2.gif) bottom center no-repeat;
}

#midright{
float: left;
width: 530px;
background:url(images/midright_bg.gif) no-repeat;
height: 282px;
}
.slideshow{
float: right;
height: 210px;
padding: 50px 100px 0 0;
}
.maincontent {
padding: 0px 0px 60px 10px;
min-height: 400px;
text-align: left;
background: #ffffff url(images/maincontent_bg.gif) top center repeat-x;
}
.box1 {
float: left;
background:url(images/main1_bg.gif) top left no-repeat;
width: 313px;
padding: 60px 0px;
margin: 0;
text-align: left;
}
#about_js {
text-align: center;
font-size:12px}
#about_js p {
text-align: justify;
color: #000000;
line-height: 15px;
padding: 5px 12px;
}
.box2 {
float: left;
width: 329px;
padding: 60px 0px;
background:url(images/main2_bg.gif) top left no-repeat;
margin: 0;
text-align: left;
}
#mission {
text-align: center;
font-size:12px}
#mission p {
text-align: justify;
color: #000000;
line-height: 15px;
padding: 5px 22px;
}
.box3 {
float: left;
background:url(images/main3_bg.gif) top left no-repeat;
	width: 336px;
padding: 10px 0px;
margin: 0;
text-align: left;
}
.share{
text-align: center;
height: 165px;
}
.share2 {
text-align: center;
height: 140px;
}
#calendar {
background:url(images/calendar_bg.gif) top center no-repeat;
width: 290px;
padding: 60px 0px;
margin: 15px auto;
font-size: 11px;
}
#calendar ul
{
list-style-type: square;
font-size: 11px;
margin: 3px 20px 0px 35px;
text-align: left;
}
#newsletter {
background:url(images/newsletter_bg.gif) top center no-repeat;
width: 290px;
height: 115px;
margin: 0px auto;
z-index: 2;
padding-top: 35px;
text-align: center;

}

form.phplist
{
font-size: 11px;
padding-top: 45px;
margin: 5px 20px;
}
input{
margin-bottom: 10px;
margin-left: 7px;
background-color: #ffffff;
border: 1px #000000 solid;
font-size: 15px;
}
h4.postcomment
{
margin: 10px;
}
.commentform
{
margin: 10px 5px;
}
#contactsubmit
{
float: right;
}
#more {
margin: 12px;
width: 128px;

}
#more a {
background: url(images/more.gif) no-repeat center top;
height: 40px;
display: block;
text-indent: -9999px;
width: 128px;
text-align: left;
}
#more a:hover {
background: url(images/more.gif) no-repeat center -40px;
}
#more2 {
margin: 12px;
width: 128px;

}
#more2 a {
background: url(images/more.gif) no-repeat center top;
height: 40px;
display: block;
text-indent: -9999px;
width: 128px;
text-align: left;
margin-left: 10px;
}
#more2 a:hover {
background: url(images/more.gif) no-repeat center -40px;
}
.box h2 {
color: #64a8c8;
margin-bottom: 0.3em;
font: 24px Georgia, Times New Roman, Times, serif;
font-weight: normal;
font-style: italic;
}
.box img {
margin-bottom: 1.0em;
}
.box p {
margin-bottom: 0.5em;
}
.footer {
clear: both;
background:#003300 url(images/footerbg.gif) top left repeat-x;
text-align: left;
padding-top: 1px;
font-size: 12px;
padding: 18px 25px 0 30px;
font-size: 11px;
height: 10px;
}
#copy {
float: left;
color: #ffffff;
width: 350px;
}
#copy a {
color: #ffffff;
border-bottom: 1px #ffffff dotted;
text-decoration: none;
}
#copy a:hover {
border: none;
}
#footermenu{
float: right;
height: 30px;
width: 420px;
}
#footermenu li {
float: left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:5px;
padding: 0px 7px;
border-right: 1px #ffffff dotted;
}
#footermenu li a {
color: #aaff93;
}
#footermenu li.fresources {
border: none;
}
.clearfix {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Section - Menu---------------------------------------------------------- *//********************MENU*********************/.sidenav  {
padding: 5px 10px;
background: #162523 url(images/top_bg.gif) top center repeat-x;
}
/* menu li block */.sidenav  li {
list-style: none;
margin: 8px 0;
display: block;
font-size: 14px;
}
/** fix stupid ie bug with display:block;
 **/* html .sidenav li a {
 height: 1%;
 }
 * html .sidenav li hr {
height: 1%;
}
/** end fix **/.sidenav ul li.currentpage {
text-decoration:none;
 /* no underline for links */display: block;
 /* IE has problems with this, fixed above */padding: 0.8em 0.5em 0.8em .5em;
 /* some air for it */color: #FFF;
 /* Fixes IE7 whitespace bug */background-color: #333333;
}
/* first level links */.sidenav a {
text-decoration:none;
 /* no underline for links */display: block;
 /* IE has problems with this, fixed above */padding: 0.5em 0.5em 0.5em 1.5em;
 /* some air for it */color: #a4d6ed;
 /* this will be link color for all levels */background: url(images/arrow.gif) no-repeat 0.5em center;
border-left: #3F444E 2px solid;
}
/* hover state for all links */.sidenav a:hover {
color: #a4d6ed;
border-left: #FFF 2px solid;
background-color: #253d3a;
}
.servicesright li, .productsleft li {
margin-left: 35px;
margin-bottom: 1em;
}
.info_box {
position: absolute;
left: 726px;
top: 26px;
width: 230px;
text-align: left;
overflow: hidden;
}
.info_box h2 {
color: ##64a8c8;
margin-bottom: 0em;
font: 18px Georgia, Times New Roman, Times, serif;
font-weight: normal;
font-style: italic;
padding: 0;
}
.info_box  h1.phone {
color: #FFFFFF;
margin-bottom: 0em;
font: 29px Georgia, Times New Roman, Times, serif;
font-weight: normal;
font-style: italic;
background: url(images/info_phone.gif) 10px 10px no-repeat;
zoom: 1;
padding-left: 42px;
}
p.more a, p.more a:visited {
display:block;
color: #FFF;
padding: 3px 7px 3px 7px;
font-size:11px;
text-align:center;
text-decoration:none;
width: auto;
background: #0f1817;
background-position: right;
margin: 0;
line-height: 1.6em;
}
p.more a:hover {
color: #FFF;
background: #80BDEA;
background-position: right;
}
.left {
float: right;
}
.right {
float: right;
}
/*script stuff */.search-alert {
display: none;
 background: url(images/search-alert-arrow.png) no-repeat;
 padding: 20px 15px 10px 15px;
 float: left;
 margin-top: 2px;
 position: absolute;
 font-size: 10px;
 cursor: pointer;
 color: #000;
 }
.post {
 margin-bottom: 50px;
 }
.post h2.title {
 margin-bottom: 0;
 padding-bottom: 0;
 }
.post h2.title a, .post h2.title a:visited {
 color: #ffffff;
 font-weight: normal;
 text-decoration: none;
 font-size: 24px;
 }
.post h3 a:hover {
 color: #258BBC;
 }
.post span.post-info {
 color: #CCCCCC;
 font-size: 10px;
 padding-bottom: 10px;
  }
.post p {
 line-height: 22px;
 margin-bottom: 10px;
 }
.post div.cats {
 border-top: 1px dashed #DDD;
 padding-top: 10px;
 font-size: 11px;
 font-style: italic;
}
.post .tags {
font-size: 10px;
}
#sidebar ul {
 list-style-type: none;
 }
#sidebar ul li {
 padding-bottom: 5px;
 border-bottom: 0px solid #ececec;
 margin-bottom: 15px;
 }
#sidebar ul li ul li {
 margin: 0;
 border: none;
 padding: 0;
 }
#sidebar ul li ul li /* a */ {
 padding: 5px 0px 5px 20px;
 display: block;
 width: 165px;
 background: url(images/sidebar-bullet.gif) no-repeat 0px 7px;
 }
#sidebar ul li h2 {
 font-size: 18px;
 color: #64a8c8;
 padding-bottom: 9px;
 font-weight: normal;
 }
.navigation .previous {
float:left;
}
.navigation .next {
float:right;
}
#footer {
 clear: both;
 width: 100%;
 float: left;
 background: #d4d4d4;
 padding: 20px 0;
 margin-top: 20px;
 }
#footer .inner {
 width: 800px;
 margin: 0 auto;
 }
/*.comments template styles*/.comments {
 padding: 0;
 }
 .commentmain
 {
 padding: 5px;
 margin: 5px;
 border: #aaaaaa 1px dotted;
 background-color: #eeeeee;
 color: #999999;
 }
 .comment_left
 {
 padding: 0;
 margin: 0;
 }
 #commentlist p
 {
 padding: 5px 0;
 font-size: 11px;
 }
.comments input[type=text], textarea {
 width: 350px;
 }
.comments fieldset {
 padding: 20px;
 border: 1px solid #CCC;
 margin: 10px 0 20px 0;
 }
.comments p {
 padding: 0 0 10px 0;
 }
.comments h2 {
 padding: 0 0 15px 0;
 }
#cdisplay {
 list-style-type: none;
 padding: 0;
 margin: 0;
 }
#cdisplay li {
 padding: 10px;
  margin-bottom: 10px;
 }
#cdisplay li.first {
  background: #0e1615;
 border-bottom: #CCC 1px solid;
 }
#cdisplay li.second {
  background: #273130;
 border-bottom: #dedede 1px solid;
 }
.aligncenter,div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
#content .profile_section {
height:100%;
margin-bottom:15px;
margin-top:22px;
overflow:hidden;
}
#content .profile2 {
background:#F7F5F5 none repeat scroll 0 0;
border:1px solid #DDDDDD;
height:100%;
overflow:hidden;
padding:5px 10px 0 8px;
width:275px;
}
.imgleft {
float:left;
margin:0 8px 10px 0;
padding:3px;
width: 100px;
}
.sample5 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(images/round-corner.png) no-repeat;
}
.sample5 img {
	border: none;
	padding: 5px 6px 6px;
	background: url(images/round-bg.gif) no-repeat;
}    
.randompix
{
margin: 10px auto;
width: 280px;
background-color: #d4efd1;
padding-bottom: 10px;
}
.randompix h2 {
font-size: 18px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666666;
margin: 0px;
text-decoration: none;
}
.ngg-widget a:hover img
{
border:2px solid #333333;
margin:0 2px 2px 0;
padding:1px;
}
 .posts {
padding-bottom:5px;
margin-bottom:25px;
overflow:hidden;
height:100%;
}
 .post_top {
padding:0;
margin-bottom:10px;
overflow:hidden;
height:100%;
background:url(../images/sepretor_hr.png) repeat-x bottom;
}
 .pright {
width:90%;
float:right;
padding-left:15px;
background:url(../images/sepretor_vr.png) repeat-y left;
}
 .post_top p {
font-size:11px;
margin:0;
padding:0;
color:#666;
}
 .post_top span {
font-size:11px;
color:#666;
}
 .calendar {
width:40px;
float:left;
padding:10px;
font-size:24px;
margin-top:0px;
text-align:center;
line-height:20px;
background-color:#FFFFFF;
border: 1px #006600 solid;
}
 .month {
font-size:12px;
font-weight:bold;
}
.i_author {
padding-left:13px;
padding-right:10px;
background:url(../images/i_author.png) no-repeat 0 3px;
}
.i_comment2 {
padding-left:13px;
padding-right:10px;
background:url(../images/i_comment2.png) no-repeat 0 3px;
}
 .post_bottom {
padding:4px 0;
overflow:hidden;
height:100%;
color:#939393;
clear:both;
background:url(../images/sepretor_hr.png) repeat-x bottom;
}
 .post_bottom p, .post_bottom span {
margin:0 0 0 0;
padding:0 0 0 0;
font-size:11px;
}
 .post_bottom a {
color:#666;
text-decoration:none;
}
 .post_bottom a:hover,  .post_top span a:hover {
color:#000;
text-decoration:underline;
}
 .cate {
float:left;
width:50%;
background:url(../images/i_categories.png) no-repeat 0 5px;
padding-left:15px;
padding-top:2px;
}
 .tags {
background:url(../images/i_tag.png) no-repeat 0 4px;
padding-left:15px;
}
 .pbottom {
float:right;
width:40%;
text-align:right;
}
 .post-ratings {
font-size:11px;
font-style:normal;
padding-left:8px;
margin:8px 0;
}
 .more-link {
text-align:right;
float:right;
font-size:10px;
text-transform:uppercase;
background:url(../images/i_continue.png) no-repeat right;
padding-right:10px;
margin-bottom:10px;
}
/* comment form --------------------------- */						
#commentform label {
width:120px;
}
 .textarea {
width:320px;
}
 .Cbutton {
margin-left:128px;
}
/*---------- quotes -------------- */

#qotw {
background:url(images/qotw_bg.gif) no-repeat ;
width: 320px;
height: 72px;
padding: 8px;
font-size: 11px;
color:#333333;
margin: 4px 0px 0px 25px;
text-align: left;
color:#0D3155;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
line-height:14px;
padding:1px 17px;
filter:alpha(opacity=90);
opacity:0.90;
}
#qotw h3
{
font-size: 16px;
font-family: Georgia;
letter-spacing:2px;
color:#666666;
text-transform: capitalize;
padding-left: 10px;
}


/* ---- end quotes ----*/