/*	
Onirica Template
File: stylesheet.css
Stefano Giliberti - kompulsive@gmail.com clickswitch.net		

Help:

Images that you could change:

Logo										/* Logo (Line 169)
Background image							/* Main (Line 32)
Default list background icon				/* Lists (Line 82)
Inputs background							/* Forms (Line 97)
Blog tags background icon					/* Blog (Line 409)
Blog comments background icon				/* Blog (Line 413)


Satured elements to change if your main color is different from blue:	

Background color: 							/* Main (Line 32)
Links:										/* Links (Line 132, 135)
Promo box text/links						/* Promo box (Line 200, 209)
.red Services list text color				/* Services list (Line 315)
.add Services list text color				/* Services list (Line 319)
.less Services list text color				/* Services list (Line 323)
Footer text/links							/* Footer (Line 431, 436)

*/

/* Main */
body {
background: url(../images/background.jpg) top center no-repeat #222222;
color: #575a60;
font: 62.5% Helvetica, Arial, sans-serif;
line-height: 1.4em;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}
.spacer {
height:30px;
}
.style1 {color: #666666;}
hr {
background:#c1c2c3;
border: 0;
color: #c1c2c3;
height: 1px;
margin:30px 0 30px 0;
}
.small {
color:#929396;
padding:0 0 10px 0;
font-size:0.9em;
}
blockquote {
margin:10px 0;
color:#727478;
}
cite {
display:block;
font-size:0.8em;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
td {
padding: 10px 10px;
border-bottom: 1px solid #c1c2c3;
}

#believe-table {
font-size:12px;
}

#believe-table td {
font-size:11px;
font-weight:300;
line-height:16px;
}

.believe-buttons {
margin-top:15px;
text-align:right;
}

.believe-buttons a {
background:#FFFFFF none repeat scroll 0 0;
color:#333333;
display:block;
font-weight:300;
padding:3px 8px;
text-align:center;
text-decoration:none;
float:right;
}

.believe-buttons a:hover {
background:#7cfcfc;
}

#believe-table h5 {
font-size:16px;
font-weight:700;
}

/* Lists */
ul.list {
list-style:url(../images/li.gif);
margin:10px 10px 10px 40px;
}
ul.list li {
line-height:25px;
padding:0 0 0 10px;
}

/* Forms */
label {
display:block;
margin:10px 0 10px 0;
}
input,
textarea {
background:url(../images/input-back.gif) repeat-x top;
border:1px solid #c1c2c3;
padding:7px;
margin:0 0 5px 0;
font-family: Helvetica, Arial, sans-serif;
}
input {
width:200px;
}
input.smaller {
width:100px;
}
input.larger {
width:400px;
}
textarea {
width:400px;
height:150px;
overflow:auto;
}
.submit {
border:none;
width:100px;
height:30px;
margin:10px 0 0 0;
color:#fff;
background:#474747;
}
.submit:hover {
background:#525252;
cursor:pointer;
}

/* Links */
a,a:active {
color: #386acd;
}
a:hover {
color: #575a60;
}

/* Headings */
h1,h2,h3 {
color:#64666b;
font-size:1.5em;
font-weight:normal;
padding:0 0 10px 0;
}
h2 {
font-size:1.2em;
}
h3,h4,h5,h6 {
color:#575a60;
font-size:1.1em;
font-weight:bold;
}

/* Header */
#header {
height:163px;
margin:0 auto;
width:940px;
position: relative;
}
/* Logo */
#header h1#logo, #header h1#logo a { 
display:block;
height:28px;
width:239px;
border:none;
}
#header h1#logo {
background:url(../images/logo.png) no-repeat;
height:55px;
left:0px;
top:93px;
margin:0;
padding:0;
position:absolute;
text-indent:-999em;
}

/* Transparent box */
#wrapper {
background:url(../images/trans-0.png) repeat;
margin:0 auto;
position:relative;
width:940px;
padding:20px 0 0 0;
}

/* Promo box */
#promo-box-small,
#promo-box-mini {
background:url(../images/trans-1.png) repeat;
position:relative;
width:900px;
margin:0 20px;
background-image: url(../images/trans-1.png);
}

#support-vision-content {
	background:url(../images/support-vision-content.jpg) no-repeat;
	width:829px;
	height:142px;
	margin:0 auto;
}

#donate-buttons {
float:left;
margin-left:20px;
}

.left {
float:left;
width:575px;
}

#sub-content {
	padding-top:30px;
}

#sub-content h3 {
background:transparent url(../images/support-vision-header.jpg) no-repeat scroll 0 0;
height:39px;
margin:0 auto;
text-indent:-9999px;
width:829px;
}

#promo-box {
background:transparent url(../images/trans-1.png) repeat scroll 0 0;
margin:0 20px;
padding-bottom:10px;
padding-top:10px;
position:relative;
width:900px;
}

#promo-box p,
#promo-box-small p {
color:#a2afb0;
font-size:1.3em;
padding:35px 0 0 35px;
width:435px;
line-height:1.3em;
}
#promo-box p a,
#promo-box-small p a {
color:#98b4ec;
}
/* Portfolio Promo-box */
#promo-box-small {
height:381px;
}
#promo-box-small p {
padding:35px 35px 0 35px;
width:auto;
}
/* Blog Promo-box */
#promo-box-mini {
height:50px;
background:none;
}


#side-box-one {
position:relative;
left:26px;
float:left;
top:10px;
margin-bottom:30px;
}

#side-box-one h3.pink {
background:transparent url(../images/see-our-plan.gif) no-repeat scroll 0 0;
height:38px;
margin:0;
padding:0;
text-indent:-9999px;
width:242px;
margin-bottom:4px;
}

#side-box-one h3.blue {
background:transparent url(../images/support-the-vision.gif) no-repeat scroll 0 0;
height:38px;
margin:0;
padding:0;
text-indent:-9999px;
width:242px;
margin-bottom:4px;
}


#side-box-one a.xlplan {
background:transparent url(../images/americaxlplan.gif) repeat scroll 0 0;
display:block;
height:38px;
text-indent:-9999px;
width:242px;
margin-bottom:10px;
}

#side-box-one a.xlplan:hover {
	background-position:bottom;
}

#side-box-one p {
	width:auto;
	padding:0;
}

/* Projects slideshow */
#feat-slides {
height:365px;
width:580px;
position:relative;
left:26px;
margin-top:10px;
margin-bottom:30px;
overflow:hidden;
visibility: visible;
float:left;
} 
#feat-slides ul li {  
position:absolute;
top:0; 
left:0 
}
#feat-slides #current-desc {
position:absolute;
right:0;
bottom:-1px;
background:url(../images/trans-3.png) repeat;
z-index:999;
padding:7px;
color:white;
font-size:1.1em;
visibility: hidden;
}

/* Menu */
ul#navigation {
position:absolute;
bottom:-1px;
left:26px;
}
ul#navigation li {
background:url(../images/trans-2.png) repeat;
float:left;
margin-right:10px;
}
ul#navigation li a {
color:white;
text-decoration:none;
font-size:1.2em;
padding:13px 20px;
line-height:20px;
}
ul#navigation li a:hover {
background:white;
color:#4e5054;
}
ul#navigation li a.current {
background:white;
color:#4e5054;
}
ul#navigation li.current a {
color:#4e5054;
line-height:20px;
}

/* Content */
#content {
position:relative;
background:white;
width:900px;
left:20px;
font-size:1.5em;
line-height:1.5em;
padding:0 0 60px 0;
}
/* Used in portfolio.html */

#donate .full-col {
	padding: 30px 30px 0 30px;
}

#support-shirt-form {
background:transparent url(../images/blue-back.jpg) repeat scroll 0 0;
float:left;
height:47px;
margin-right:3px;
width:660px;
}
#support-shirt-form2 {
background:transparent url(../images/blue-back.jpg) repeat scroll 0 0;
float:left;
height:47px;
margin-right:3px;
width:660px;
}

#donate #support-shirt-form p, #donate #support-shirt-form2 p {
margin:16px 0 0;
padding:0;
}

#tshirt-form {
	float:left;
}

#tshirt-form select {
border:1px solid #999999;
bottom:3px;
margin-left:7px;
padding:2px;
position:relative;
float:left;
}

#tshirt-form label {
	display:inline;
}

#support-shirt-form img, #support-shirt-form2 img {
margin-left:22px;
vertical-align:top;
float:left;
border:0;
}

#donate .line {
background:transparent url(../images/line-back.jpg) repeat scroll 0 0;
height:1px;
margin-top:80px;
}

#support-album-box {
float:left;
height:47px;
margin-top:20px;
width:605px;
}

#donate-fifty {
	
}



.full-col {
padding:50px 40px 0 40px;
}
/* Left column */
.med-col {
width:500px;
padding:50px 0 0 40px;
}
/* Right column */
.small-col {
width:200px;
padding:50px 40px 0 0;
}

/* Services List */
ul.services-list {
margin:5px 0 5px 10px;
}
ul.services-list li {
line-height:35px;
background:url(../images/32x_yes.gif) left no-repeat;
padding:0 0 0 45px;
}
ul.services-list li.red {
background:url(../images/32x_stop.gif) left no-repeat;
color:red;
}
ul.services-list li.add {
background:url(../images/32x_add.gif) left no-repeat;
color:green;
}
ul.services-list li.less {
background:url(../images/32x_remove.gif) left no-repeat;
color:red;
}			

/* Archive list */
ul.archive-list li a {
display:block;
width:100%;
border-bottom:1px solid #c1c2c3;
color:#575a60;
text-decoration:none;
line-height:30px;
}
ul.archive-list li a:hover {
border-color:#575a60;
}
ul.archive-list li strong {
float:left;
font-weight:normal;
width:190px;
}
ul.archive-list li span {
font-size:0.8em;
text-align:right;
}

/* Portfolio */
.proj {
width:820px;
height:200px;
overflow:hidden;
position:relative;
margin:0 0 30px 0;
}
.proj .proj-desc {
position:absolute;
background:url(../images/trans-4.png) repeat;
top:0;
right:0;
width:30%;
height:200px;
cursor:help;
}
.proj .proj-desc p {
padding:15px 20px 20px 20px;
font-size:0.8em;
color:white;
line-height:1.5em;
}
.proj .proj-desc h1 {
padding:20px 0 0 25px;
color:white;
font-size:1.3em;
}
.proj .proj-desc .small {
padding:0 0 0 25px;
}

/* Blog */
.blog-entry {
border-bottom:1px solid #c1c2c3;
padding:0 0 20px 0;
margin:0 0 40px 0;
}
.blog-entry img.post-pic {
float:left;
width:134px;
margin:0 25px 0 0;
}
.blog-entry .post-meta {
padding:10px 0 0 0;
height:120px;
}
.blog-entry .post-content {
padding:25px 0 0 0;
}
.blog-entry .post-meta a {
color:#333;
font-size:0.9em;
}
.blog-entry .post-meta .small a {
background:#e2e2e2;
padding:5px;
text-decoration:none;
}
.blog-entry .post-meta .tags {
background:url(../images/16x_next.gif) left no-repeat;
padding:0 0 0 25px;
}
.blog-entry .post-meta a.comments {
background:url(../images/16x_add.gif) left no-repeat;
padding:0 0 0 25px;
text-decoration:none;
line-height:32px;
}
.blog-entry .post-meta h1 a {
font-size:1.4em;
font-weight:bold;
letter-spacing:-2px;
text-decoration:none;
}

/* Footer */
#footer {
clear:both;
position:relative;
text-align:right;
line-height:70px;
color:#2a313f;
padding:0 60px 0 60px;
font-size:1.1em;
}
#footer a {
color:#404756;
}

/* Donate Page Styles */

#donate h1.supportthevision {
background:url(../images/donate-support.gif);
height:37px;
margin:0;
padding:0;
text-indent:-9999px;
}

#donate h1.partnerships {
background:url(../images/partnerships.gif);
height:39px;
margin:0;
padding:0;
text-indent:-9999px;
}

#donate h1.support-tshirts {
background:url(../images/support-tshirt.gif);
height:46px;
margin:0;
padding:0;
text-indent:-9999px;
}

#donate h1.support-album {
background:url(../images/support-album.gif) no-repeat;
height:47px;
margin:0;
padding:0;
text-indent:-9999px;
}


#donate p {
color:#021B31;
font-size:12px;
margin-bottom:20px;
margin-top:9px;
padding-left:30px;
}

#details {
	float:left;
	margin-left:20px;
}

#donate .see-details {
width:211px;
height:63px;
background:url(../images/see-details.jpg);
display:block;
text-indent:-9999px;
margin-top:14px;
}

#donate .see-details-dark {
width:211px;
height:63px;
background:url(../images/see-details-dark.jpg);
display:block;
text-indent:-9999px;
margin-top:14px;
}

#donate .see-details-dark2 {
background:transparent url(../images/see-details-dark.jpg) repeat scroll 0 0;
display:block;
float:left;
height:63px;
margin-top:33px;
text-indent:-9999px;
width:211px;
}

#tshirt-header {
background:transparent url(../images/tshirt-header.jpg) no-repeat scroll 0 0;
height:218px;
width:829px;
}

#albulm-header {
	width:829px;
	height:257px;
	background:transparent url(../images/albulm-header.jpg) no-repeat scroll 0 0;
}

#donate-fifty input {
border:0 none;
margin:0;
padding:0;
width:auto;
}

#donate #promo-box-small {
	height:290px;
}


.support_the_vision a, .small-rolldown a{
  text-decoration:none;
}
.support_the_vision a:hover{
  background-position:0% 142px !important;
}

.small-rolldown a:hover{
  background-position:0% 80px !important;
}