/*
Theme Name: Hackers For Charity v2
Theme URI: http://www.hackersforcharity.org/
Version: 2.0

Updates: added Volunteer Network CSS and front page box (spatial_d)

Description: Originally designed by <a href="http://www.ticktockcomputers.com/">DigiP</a>
Author: <a href="http://www.ticktockcomputers.com/">Tick Tock Computers LLC</a> and updated by spatial_d
Author URI: http://www.ticktockcomputers.com/
*/

@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  src: local('Gloria Hallelujah'), local('GloriaHallelujah'), url(http://themes.googleusercontent.com/static/fonts/gloriahallelujah/v4/CA1k7SlXcY5kvI81M_R28Y5mSNQmgKshuii2YddNQzE.woff) format('woff');
}

/* -- DigiP General --*/
body {
background-color:#000;
background-image:url(back.png);
background-repeat:repeat-x;
background-attachment:fixed;
color:#eee;
margin:0px auto;
padding:0px;
min-width:1240px;
font:0.8em "Tahoma", "Trebuchet MS", Arial, Sans-Serif;
font-size:13px;
text-align:justify;

/* -- Experimental CSS3 -- */
-webkit-transition:width 2s ease-out, width 2s ease-in;
-moz-transition:width 2s ease-out, width 2s ease-in;
-o-transition:width 2s ease-out, width 2s ease-in;
-ms-transition:width 2s ease-out, width 2s ease-in;
}

a img {
border:none;
outline:none;
}

.wp-caption-text {
        font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	color:#ee651c;
	font-size:14px;
	text-align: center;
}


a {
color:#ff951c;
text-decoration:none;
}
a:hover {
color:#ee651c;
text-decoration:underline;
}

h1 {
margin:0px auto;
width:1000px;
padding:10px 0;
font-size:19px;
}

h1, h2, h3, h4, h5 {
margin:0 0 10px 0;
font-family:"Trebuchet MS", "DejaVu Sans", Arial, Sans-serif;
font-weight:bold;
}

#social {
width:100%;
height:40px;
background-image:url(trans-back2.png);
text-align:right;
border-bottom:solid #4f2600 1px;
}

#social ul  {
display:block;
float:right;
margin:0px;
padding:0px;
height:40px;
}

#social ul li {
list-style-type:none;
float:left;
height:40px;
margin:0 10px;
vertical-align:middle;
}

#vimeo{
width:90px;
height:38px;
background-image:url(vimeo.png);
}

#vimeo:hover{
width:90px;
height:38px;
background-image:url(vimeo-hover.png);
}

#youtube{
width:90px;
height:38px;
background-image:url(youtube.png);
}

#youtube:hover{
width:90px;
height:38px;
background-image:url(youtube-hover.png);
}

#twitter{
width:120px;
height:38px;
background-image:url(twitter_logo.png);
}

#twitter:hover{
width:120px;
height:38px;
background-image:url(twitter_logo-hover.png);
}


#facebook{
width:90px;
height:38px;
background-image:url(facebook.png);
}

#facebook:hover{
width:90px;
height:38px;
background-image:url(facebook-hover.png);
}


/* -- DigiP Nav Menu for WP 3.0+ Menus -- */
#nav-bar {
width:720px;
height:38px;
line-height:20px;
position:absolute;
/*
background-color:#8a4800;
border:solid #222 1px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
*/
z-index:999;
left:20px;
top:0px;
}

#nav-bar ul {
margin:0 auto;
padding:0px;
width:720px;
height:38px;
}

#nav-bar ul li ul {
background-color:#8a4800;
height:auto;
position:absolute;
margin:-2px 0 0 4px;
padding:0px;
display:none;
min-width:165px;
width:auto;
border:solid transparent 1px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
-webkit-box-shadow:5px 10px 12px #39220d;
-moz-box-shadow:5px 10px 12px #39220d;
-o-box-shadow:5px 10px 12px #39220d;
box-shadow:5px 10px 12px #39220d;
}

#nav-bar ul li:hover ul {
display:table;
padding-bottom:12px;
}



#nav-bar ul li:hover ul li, #nav-bar ul li:hover ul li a {
font-size:12px;
height:30px;
line-height:30px;
position:relative;
display:block;
/* 
color:#4f2600; 
width:86%;
*/
min-width:165px;
width:auto;
text-shadow:-1px -1px 1px #a65700;
margin:0px auto;
padding:5px 10px 5px 10px;
clear:both;
position:relative;

-webkit-transition: color .25s linear .1s;
-moz-transition: color .25s linear .1s;
-o-transition: color .25s linear .1s;
transition: color .25s linear .1s;
text-align:left;
}

#nav-bar ul li ul{
-webkit-transition: 0.25s ease-out;
-moz-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
}

#nav-bar ul li:hover ul{
-webkit-transition: 0.5s ease-in;
-moz-transition: 0.5s ease-in;
-o-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}

#nav-bar ul li {
list-style-type:none;
height:38px;
display:block;
float:left;
-webkit-transition: color .25s linear .1s;
-moz-transition: color .25s linear .1s;
-o-transition: color .25s linear .1s;

transition: color .25s linear .1s;
}

#nav-bar ul li a {
display:block;
padding:8px 20px;
text-decoration:none;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin:1px 3px 0 5px;
font-family:arial;
border:solid transparent 1px;
color:#fff;
text-shadow:-1px -1px 1px #4f2600;
-webkit-transition: color .25s linear .1s;
-moz-transition: color .25s linear .1s;
-o-transition: color .25s linear .1s;
transition: color .25s linear .1s;
}

#nav-bar ul li:hover a:hover {
text-shadow:none;
/*
background-color:#222;
background-color:#4f2600;
*/
background-image:url(trans-back2.png);
border:solid #8a4800 1px;
color:#d06d00;

-webkit-transition: color .25s linear .1s;
-moz-transition: color .25s linear .1s;
-o-transition: color .25s linear .1s;

transition: color .25s linear .1s;
}

/* ------------ */

#header-container {
width:100%;
/*
background-image:url(head-back.jpg);
background-position:center top;
background-repeat:no-repeat;
*/
}

#header {
width:1000px;
margin:0 auto;
}

#logo {
display:block;
/*width:900px;*/
margin:0 auto;
}

#home-blurb h1 {
display:inline;
font-size:16px;
font-weight:normal;
position:relative;

}

#home-blurb {
width:560px;
display:block;
margin:0 auto -75px auto;
font-size:16px;
padding:15px;
/* border:solid #ff951c 1px; */
border:solid #eee 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url(trans-back2.png);
position:relative;
left:130px;
top:-80px;
-webkit-transition:  .5s ease-out;
-moz-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;

-webkit-transition:  .5s ease-in;
-moz-transition: .5s ease-in;
-o-transition: .5s ease-in;
transition: .5s ease-in;
}



#blurb-em {
display:inline-block;
font-size:17px;
font-weight:bold;
color:#ff951c;
text-transform:uppercase;
}

.blurb-em {
font-size:16px;
font-weight:bold;
color:#ff951c;
text-transform:uppercase;
}

/*-- Begin update for v1.1 --*/
#home-boxes {
display:block;
width:1079px;
margin:15px auto;
position:relative;
left:-15px;
vertical-align: middle;
}

.box-container {
margin:10px;
display:inline-block;
text-align:center;
width:153px;
padding:0 10px;
vertical-align: middle;
}

.box-container h2 {
text-align:center;
display:inline-block;
width:190px;
padding:0 10px;
margin:0 0 0 -20px;
color:#fff;
font-size:14px;
clear:both;
}

.box-container:hover h2 {
color:#ff951c;
}

.box-container2 {
margin:10px;
display:inline-block;
text-align:center;
width:250px;
padding:0 10px;
vertical-align: middle;
}

.box-container2 h3 {
text-align:center;
display:inline-block;
width:287px;
padding:0 10px;
margin:0 0 0 -20px;
color:#fff;
font-size:26px;
clear:both;
}

.box-container2:hover h3 {
color:#ff951c;
}

.home-box img {
width:153px;
height:153px;
}

.home-box {
display:inline-block;
width:153px;
height:153px;
padding:10px;
border:solid #ff951c 1px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin:0px;
vertical-align:top;
text-align:center;
color:#ff951c;
position:relative;
background-color:#333;
}

.home-box2 img {
width:250px;
height:250px;
}

.home-box2 {
display:inline-block;
width:250px;
height:250px;
padding:10px;
border:solid #ff951c 1px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin:0px;
vertical-align:top;
text-align:center;
color:#ff951c;
position:relative;
background-color:#333;
}

.home-box.one {
background-image:url(box1.png);
cursor:pointer;
-webkit-transition: 0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
transition: 0.5s ease-out;
}
.home-box.one:hover {
background-image:url(box1-hover.png);
color:#fff;
background-color:#000;
-webkit-transition: 0.5s ease-in;
-moz-transition:0.5s ease-in;
-o-transition:0.5s ease-in;
transition: 0.5s ease-in;

-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,10px);
-o-transform:translate(0px,10px);
-ms-transform:translate(0px,10px);
}

.home-box.two {
background-image:url(box1.png);
cursor:pointer;
-webkit-transition: 0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
transition: 0.5s ease-out;
}
.home-box.two:hover {
background-image:url(box2.png);
color:#fff;
background-color:#000;
-webkit-transition: 0.5s ease-in;
-moz-transition:0.5s ease-in;
-o-transition:0.5s ease-in;
transition: 0.5s ease-in;

-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,10px);
-o-transform:translate(0px,10px);
-ms-transform:translate(0px,10px);
}

.home-box2.three{
background-image:url(box1-large.png);
cursor:pointer;
-webkit-transition: 0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
transition: 0.5s ease-out;
}
.home-box2.three:hover {
background-image:url(box-network.png);
color:#fff;
background-repeat: no-repeat;
background-position: center center;
background-color:#000;
-webkit-transition: 0.5s ease-in;
-moz-transition:0.5s ease-in;
-o-transition:0.5s ease-in;
transition: 0.5s ease-in;

-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,10px);
-o-transform:translate(0px,10px);
-ms-transform:translate(0px,10px);
}

.home-box.four {
background-image:url(box1.png);
cursor:pointer;
-webkit-transition: 0.5s ease-out;
-moz-transition:0.5s ease-out;
-o-transition:0.5s ease-out;
transition: 0.5s ease-out;
}
.home-box.four:hover {
background-image:url(box3.png);
color:#fff;
background-color:#000;
-webkit-transition: 0.5s ease-in;
-moz-transition:0.5s ease-in;
-o-transition:0.5s ease-in;
transition: 0.5s ease-in;

-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,10px);
-o-transform:translate(0px,10px);
-ms-transform:translate(0px,10px);
}

.home-box.five {
background-image:url(box1.png);
cursor:pointer;
-webkit-transition: 0.5s ease-in;
-moz-transition:0.5s ease-in;
-o-transition:0.5s ease-in;
transition: 0.5s ease-in;
}
.home-box.five:hover {
background-image:url(box6.png);
color:#fff;
background-color:#000;
-webkit-transition: 0.5s ease-in;
-moz-transition:0.5s ease-in;
-o-transition:0.5s ease-in;
transition: 0.5s ease-in;

-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,10px);
-o-transform:translate(0px,10px);
-ms-transform:translate(0px,10px);
}
/*-- End v1.1 update --*/

/* ------------------------------------ */

#home-footer {
display:table;
position:relative;
bottom:0px;
width:100%;
margin:0 auto -10px auto;
/*background-image:url(footer-back.png);*/
background-image:url(footer-back.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

#home-footer #footer-container {
display:table;
clear:both;
position:relative;
left:-5px;
margin:0 auto 0 auto;
width:1001px;
}

.one-third h2, .one-third h3, .one-third h4 {
text-align:left;
}

.one-third ul, .footer-widget ul {
margin:0px;
padding:0px;
}

.one-third ul li, .one-third ul ol , .footer-widget li, .footer-widget ol {
list-style-type:none;
padding:0 0 3px 0;
text-align:left;
font-size:11px;
}

#home-footer .one-third {
width:277px;
padding:20px;
margin:0 0 0 15px;
display:block;
float:left;
vertical-align:top;
text-align:justify;
background-image:url(trans-back.png);
min-height:230px;
}

#home-footer .one-third  h2, #home-footer .one-third  h3, #home-footer .one-third  h4{
color:#ff951c;
}

#home-footer .one-third.mrp {
height:250px;
position:relative;
}

#footer {
 clear:both;
 padding:20px 0 0 0;
 display:table;
 width:100%;
 /*
 background-color:#4f2600;
 border-top:solid #4f2600 5px;
 */
 background-image:url(footer-back.png);
 background-position:bottom center;
 background-repeat:no-repeat;
 min-height:100px;
 }
 
 #footer #footer-container {
 display:block;
 position:relative;
 width:100%;
 margin:0 auto;
 background-image:url(trans-back2.png);
 border-top:solid #4f2600 1px;
 /*
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px;
 */
 }

 #footer-container2 {
 display:block;
 position:relative;
 width:100%;
 margin:10px auto 0 auto;
 padding:0px;
 background-image:url(trans-back2.png);
 border-top:solid #4f2600 1px;
 opacity:0.8;
 filter:alpha(opacity=80); /* For IE8 and earlier */
 }
 
 #footer #footer-container .footer-widget {
 vertical-align:top;
 display:inline-block;
 text-align:justify;
 width:300px;
 position:relative;
 margin:20px;
 font-size:14px;
 font-family:arial;
 position:relative;
 left:12px;
 }

#footer #footer-container .footer-widget h2,  #footer #footer-container .footer-widget h3,  #footer #footer-container .footer-widget h4{
color:#ff951c;
 }
 
#copyright {
display:block;
clear:both;
width:700px;
margin:0 auto;
height:35px;
line-height:30px;
color:#ff951c;
text-align:center;
}

 
.contact-button {
background-color:#000;
background-color:transparent;
background-image:url(contact.png);
width:158px;
height:50px;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
-ms-transition: color 1s ease-out;
}

.contact-button:hover {
background-color:#000;
background-color:transparent;
background-image:url(contact-hover.png);
/*
-webkit-transform:translate(0px,-1px);
-moz-transform:translate(0px,-1px);
-o-transform:translate(0px,-1px);
-ms-transform:translate(0px,-1px);
*/

-webkit-transition: color 1s ease-in;
-moz-transition: color 1s ease-in;
-o-transition: color 1s ease-in;
-ms-transition: color 1s ease-in;

}


.donate-button {
background-color:#000;
background-color:transparent;
background-image:url(donate.png);
width:158px;
height:50px;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
-ms-transition: color 1s ease-out;
position:relative;
z-index:999;

}

.donate-button:hover {
background-color:#000;
background-color:transparent;
background-image:url(donate-hover.png);
/*
-webkit-transform:translate(0px,-1px);
-moz-transform:translate(0px,-1px);
-o-transform:translate(0px,-1px);
-ms-transform:translate(0px,-1px);
*/

-webkit-transition: color 1s ease-in;
-moz-transition: color 1s ease-in;
-o-transition: color 1s ease-in;
-ms-transition: color 1s ease-in;


}


 .clear {
display:block;
clear: both;
min-width:1000px;
 }
 
 /* -- DigiP Page Content -- */
 .container {
 display:table;
 clear:both;
 width:980px;
 padding:20px;
 margin:0 auto;
 position:relative;
 background-image:url(trans-back.png);
 /*
 border-left:solid #4f2600 10px;
 border-right:solid #4f2600 10px;
 border-top:solid #4f2600 10px;
 -webkit-border-top-left:8px;
-webkit-border-top-right:8px;
-moz-border-radius:8px 8px 0 0;
*/
 }
 .container-home-page {
 display:table;
 clear:both;
 width:980px;
 padding:20px;
 margin:0 auto;
 position:relative;
 /*
 border-left:solid #4f2600 10px;
 border-right:solid #4f2600 10px;
 border-top:solid #4f2600 10px;
 -webkit-border-top-left:8px;
-webkit-border-top-right:8px;
-moz-border-radius:8px 8px 0 0;
*/
 }

 #sidebar {
 display:block;
 clear:both;
 width:300px;
 padding:15px;
 float:right;
 font-size:13px;
 text-align:left;
 /*
 box-shadow:1px 1px 9px #4f2600;
 */
 }
 
#sidebar ul {
margin:0px;
padding:0px;
}

#sidebar ul li {
display:block;
list-style-type:none;
padding:10px;
text-align:left;
font-size:11px;
margin:0 0 6px 0;
border:solid #793a00 1px;
position:relative;
-webkit-border-radius:8px;
}

.rss-date:before {
content: "Posted on : ";
}

.rss-date {
display:block;
clear:both;
margin:5px 0px;
}
 
.sidebar-widget {
padding:15px 0px;
margin:-20px 20px;
}

/*
.sidebar-widget #donateplusform select,.sidebar-widget #donateplusform small, .sidebar-widget #donateplusform input, .sidebar-widget donateplusform label {
display:block;
clear:both;
margin:5px 0px;
}
*/
  
.sidebar-widget h2 , .sidebar-widget h3 , .sidebar-widget h4  {
display:block;
 color:#ff951c;
 }

 .sidebar-widget h2 a:hover , .sidebar-widget h3 a:hover , .sidebar-widget h4 a:hover {
text-decoration:none;
} 
 
#searchform {
position:relative;
width:270px;
margin:-15px 0 0 -5px;
}

input[type="text"], input[type="password"], #cformsform input[type="text"] {
vertical-align:baseline;
min-width:150px;
font-size:13px;
display:inline-block;
/*box-shadow: 1px 1px 5px #111; */
color:#666; 
padding:8px;
border: solid 1px #e5e5e5;
background:url(input.png) 0 0 repeat-x #e9e9e9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline-style: none;
outline-width: 0px;
box-shadow:3px 3px 3px #222;
}

#p3 {
min-width:20px  !important;
max-width:25px !important;
display:inline-block;
}

select {
height:28px;
}

#cformsform textarea {
width:216px;
vertical-align:baseline;
font-size:13px;
display:inline-block;
/*box-shadow: 1px 1px 5px #111; */
color:#666; 
padding:8px;
border: solid 1px #e5e5e5;
background:url(input.png) 0 0 repeat-x #e9e9e9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline-style: none;
outline-width: 0px;
box-shadow:3px 3px 3px #222;
 }

@-moz-document url-prefix() {
	input[type="button"], input[type="submit"]  {
	vertical-align:baseline;
	display:block;
	min-width:80px;
	height:35px;
	display:inline-block;
	font-size:16px;
	background-color:#5f350c;
	color:#ddd;
	border:solid #666 1px;
	position:relative;
	top:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:3px 3px 3px #222;
	cursor:pointer;
	}
}

{ }
 
input[type="button"], input[type="submit"], #cformsform input[type="button"], #cformsform input[type="submit"] {
background-image:url(trans-back.png);
vertical-align:baseline;
display:block;
min-width:80px;
height:35px;
display:inline-block;
font-size:16px;
background-color:#482206;
color:#ddd;
border:solid #ddd 1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:3px 3px 3px #222;
cursor:pointer;
}

input[type="button"]:hover, input[type="submit"]:hover, #cformsform input[type="button"]:hover, #cformsform input[type="submit"]:hover { 
background-image:none;
background-color:#5f350c;
color:#ff6600;
cursor:pointer;
}
 
 .post {
 border:solid 1px #4f2600;
 display:block;
 box-shadow:1px 1px 9px #4f2600;
 padding:10px;
 color:#ddd;	
 position:relative;
 }
 
 .post h2, .post h3, .post h4 {
 clear:left;
 color:#ff951c;
 text-align:left;
 }
 
 .post .entry p {
 margin:0 0 20px 0;
 }
 
.post .entry  p br {
clear:left;
margin-bottom:20px;
}
 
.post-date {
display:block;
font-size:12px;
width:100%;
text-align:right;
}
 
.post-blurb {
width:auto;
clear:both;
color:#ff951c;
display:table;
margin:25px auto;
font-size:15px;
padding:15px;
/* border:solid #ff951c 1px; */
border:solid #eee 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
position:relative;

-webkit-transition:  .5s ease-out;
-moz-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;

-webkit-transition:  .5s ease-in;
-moz-transition: .5s ease-in;
-o-transition: .5s ease-in;
transition: .5s ease-in;
}

.post-action {
display:inline-block;
margin:3px;
width:270px;
min-height:340px;
vertical-align:top;
text-align:justify;
font-size:12px;
padding:10px;
border:solid 1px #ff951c;
-webkit-box-shadow:0px 0px 16px #ff951c;
-moz-box-shadow:0px 0px 16px #ff951c;
-ms-box-shadow:0px 0px 16px #ff951c;
box-shadow:0px 0px 16px #ff951c;
}

.post-list {
margin:0 auto;
padding:0px;
position:relative;
display:block;
width:90%;
}

.post-list li h2, .post-list li h3, .post-list li h4 {
margin:0 0 15px 0;
padding:0px;
}

.post-list li {
margin:0 0 25px 0;
padding:15px;
list-style-type:none;
border:solid 1px #ff951c;
-webkit-box-shadow:0px 0px 15px #ff951c;
-moz-box-shadow:0px 0px 15px #ff951c;
-ms-box-shadow:0px 0px 15px #ff951c;
box-shadow:0px 0px 15px #ff951c;
}

.post-action:hover {

}
 
.has-sidebar .post {
width:610px;
margin:0 0 35px 0;
}
 
 .entry {
 display:table;
 width:95%;
 position:relative;
 margin:0 auto;
 padding:0 15px 15px 15px;
 font-size:16px;
 }

 .pagelink {
 max-width: 500px;
 clear:both;
 }
 
 .has-sidebar .post .entry {
 width:560px;
 }
 
 .has-sidebar .post .entry img {
 position:relative;
 max-width:560px;
 }


.clear {
clear:both;
}

.left {
float:left;
}

.right {
float:right;
}

.center, .aligncenter {
display:block;
margin:0 auto;
}

	
/*- Calendar -*/
#calendar_wrap table {
background-color:#222;
border: solid #222 1px;
width:100%;
}

#wp-calendar th {
background-color:#aaa; 
width:10px;
text-align:center;
color:#000;
}

#wp-calendar tr {
height:30px;
}

#wp-calendar td {
width:12px;
background-color:#222;
text-align:center;

}

#wp-calendar td:hover {
color:#666;

}

#wp-calendar td a {
color:#ff951c;
}

#wp-calendar td:hover a {
display:block;
color:#fff;
}

.left, .alignleft {
float:left;
}

.right, .alignright {
float:right;
}

.navigation {
clear:both; display:block;
}

.arrow  {
padding:8px 10px;
color:#222;
display:block;
font-size:17px;
text-align:center;
}

.arrow:hover  {
color:#770000;
text-decoration:none;
}

.left .arrow:before {
font-family:symbola;
font-size:18px;
content: "? ";
text-decoration:none;
}

.right .arrow:after {
font-family:symbola;
font-size:18px;
content: " ?";
text-decoration:none;
}


/* ------ Comments --------- */


#respond h3 {
position:relative;
}

.comment {
margin:0 auto 20px auto;
}



.commentlist .even {
background-image:url(trans-back2.png);
width:800px;
padding:30px;
list-style-type:none;
box-shadow: 1px 1px 3px #000;
border:solid #ddd 1px;
}

.commentlist .odd {
background-image:url(trans-back.png);
width:800px;
padding:30px;
list-style-type:none;
box-shadow: 1px 1px 3px #000;
border:solid #ddd 1px;
}

.has-sidebar .commentlist .even{
background-image:url(trans-back2.png);
width:570px;
padding:30px;
list-style-type:none;
box-shadow: 1px 1px 3px #000;
border:solid #ddd 1px;
}

.has-sidebar .commentlist .odd {
background-image:url(trans-back.png);
width:570px;
padding:30px;
list-style-type:none;
box-shadow: 1px 1px 3px #000;
border:solid #ddd 1px;
}

.commentlist {
margin:0px; padding:0px;
display:block;
}

ol .commentlist li {
list-style-type:none;
}

.avatar {
display:block;
margin-bottom:20px;
border:solid #f5f5f5 1px;
float:left;
clear:both;
}

.comment-author {
padding:0 10px 10px 10px;
display:inline-block;

}


.comment-author .fn, .comment-author .says {
float:left;
clear:both;
}

.comment-meta {

}


.commentmetadata {
font-size:12px;
display:inline-block;
float:right;
position:relative;
clear:both;
list-style-type:none;
border-bottom:solid #ff6600 1px;
width:800px;
margin-bottom:30px;
}

.has-sidebar .commentmetadata{
font-size:12px;
display:inline-block;
float:right;
position:relative;
clear:both;
list-style-type:none;
border-bottom:solid #ff6600 1px;
width:600px;
margin:0 auto 30px 0;
left:15px;
}

.reply {

}


.comment-reply-link {
/* comment out if you want nested threads
display:none; */
}

.children {
display:inline-block;
margin:30px;
width:440px;
}

.children .even, .children .odd {
width:440px;
}

.codecolorer {
max-width:500px;
}


#dc_linkcloud {
color:#ddd;
font:0.7em arial, sans-serif;

}

#dc_linkcloud a {
color:#b66d19;
text-align:justify !important;
}

#dc_linkcloud a:hover {
color:#ff951c !important;
}

#pp_submit input[type="submit"] {
position:relative;
left:25px;
}

/* shortcodes DigiP 5-21-2013 */


.left, .alignleft, .align-left {
float:left;
}

.right, .alignright, .align-right {
float:right;
}

.clear {
display:block;
clear:both;
}




/* Shorcodes */
.half {
display:inline-block;
vertical-align:top;
width:48.5%;
float:left;
margin-right:2.2%;
font-size:14px;
line-height:1.5em;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.half_last {
display:inline-block;
vertical-align:top;
width:48.5%;
float:right;
font-size:14px;
line-height:1.5em;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.third img, .third_last img {
max-width:290px;
border:solid #3d4e62 1px;
display:block;
margin:0 auto;
position:relative;
outline:solid #ddd 1px;
}

.third {
vertical-align:top;
display:inline-block;
width:290px;
margin-right:20px;
font-size:13px;
line-height:1.5em;
float:left;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.third_last {
vertical-align:top;
display:inline-block;
float:right;
width:290px;
font-size:13px;
line-height:1.5em;
text-align:justify;
font-family: tahoma,arial,sans-serif;
}

.half h2, .half h3, .half h4, .half_last h2, .half_last  h3, .half_last  h4   {
padding-bottom:3px;
font-family: tahoma,arial,sans-serif;
font-size:15px;
font-weight:normal;
border-bottom:solid #4a2400 1px;
text-align:left;
}

.third h2, .third h3, .third h4, .third_last h2, .third_last  h3, .third_last  h4 {
padding-bottom:3px;
font-family: tahoma,arial,sans-serif;
font-size:14px;
font-weight:normal;
border-bottom:solid #4a2400 1px;
text-align:left;
}

.block h2, .block h3, .block h4 {
padding-bottom:3px;
font-family: tahoma,arial,sans-serif;
font-size:18px;
color:#ffc952;
text-align:left;
}

.block {
clear:both;
font-family: tahoma,arial,sans-serif;
border-top:solid #4a2400 1px;
border-bottom:solid #4a2400 1px;
display:block;
margin:25px auto;
font-size:18pt;
line-height:1.4em;
width:90%;
padding:5px 5%;
color:#ff9618;
}


.shadowbox {
padding:5px;
background-color:#fff;
border:solid #000 1px;
position:relative;
left:-5px;
top:-5px;
}

.page-navigation {
display:block;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #704307;
}

.pagination a:hover{
color:#fff;
background: #ff9618;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #ff9618;
color:#fff;
}

.moretag, .readmore {
font-family:'museo_sans700',tahoma,arial,sans-serif;
color:#f2f2f2;
font-size:13px;
background: #ce8c36;
background: -webkit-linear-gradient(top, #ce8c36, #9c5917);
background: -moz-linear-gradient(top, #ce8c36, #9c5917);
background: -ms-linear-gradient(top, #ce8c36, #9c5917);
background: -o-linear-gradient(top, #ce8c36, #9c5917);
background: linear-gradient(top, #ce8c36, #9c5917);
display:block;
margin:5px 0 0 0;
float:right;
padding:4px 13px;
border:outset #aaa 1px;
border-top:solid #a6d8fd 1px;
/*
-webkit-box-shadow:1px 2px 2px #555;
-moz-box-shadow:1px 2px 2px #555;
box-shadow:1px 2px 2px #555;
*/
background-position:2px -1px;

-webkit-transition: background-position .5s ease-out;
-moz-transition: background-position .5s  ease-out;
-o-transition: background-position .5s  ease-out;
transition: background-position .5s  ease-out;

}

.moretag:hover, .readmore:hover {
color:#fff;
text-decoration:none;
background: #9c5917;
background: -webkit-linear-gradient(top, #9c5917, #ce8c36);
background: -moz-linear-gradient(top, #9c5917, #ce8c36);
background: -ms-linear-gradient(top, #9c5917, #ce8c36);
background: -o-linear-gradient(top, #9c5917, #ce8c36);
background: linear-gradient(top, #9c5917, #ce8c36);
background-position:-2px -2px;

-webkit-transition: background-position .5s ease-in;
-moz-transition: background-position .5s  ease-in;
-o-transition: background-position .5s  ease-in;
transition: background-position .5s  ease-in;
}


/* -- DigiP Slider -- */
#s3slider {
background-color:#000;
margin:0 auto 5px auto;
/*
width:1000px;
height:384px;
*/

width:400px;
height:300px;

border:solid #4f2600 10px;
-webkit-border-top-left:8px;
-webkit-border-top-right:8px;
-moz-border-radius:8px 8px 0 0;
border-radius:20px 20px 20px 20px;
position: relative; /* important */
overflow: hidden; /* important */
}

#s3sliderContent {
    /* width: width:1000px; */ /* important to be same as image width or wider */
	width: width:560px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0px; /* important */
	margin:0px;
	padding:0px;
 }

 .s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
	box-shadow:0px 0px 2px #333;
 }

 .s3sliderImage img {
 width:400px;
 }
 
 .s3sliderImage span {
    position: absolute; /* important */
    top: 0px;
	/*right:0px;*/
    font: 13px Arial, Helvetica, sans-serif;
    padding: 10px 10px;
	margin: -1px -1px 0 40px;
    width: 300px;
    background-color: #000;
    filter: alpha(opacity=80); /* here you can set the opacity of box with text */
    -moz-opacity: 0.8; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
    opacity: 0.8; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
	border:solid #000 1px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius:0 0 0 8px;
	border-radius:0 0 8px 8px;


    /*
        if you put
        top: 0; -> the box with text will be shown at the top of the image 
        if you put
        bottom: 0; -> the box with text will be shown at the bottom of the image
    */
 }

/***** fuckTwatter CSS *****/
.stream-items {
padding:0px !important;
}

.fullname, .username {
font-size:13px;
}

.js-view-details, .js-hide-details {
display:none;
}


.fucktwatter ol li, .fucktwatter ul li {
list-style-type:none !important;
}

.fucktwatter .ol, .fucktwatter ul {
padding:0px !important;
margin:0px;
}

.fucktwatter {
/*background-color: #fff;*/
position:relative;
border: solid #793a00 1px;
padding:6px;
max-width: 260px;
margin: 0 auto;
display: block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.fucktwatter ol li img {
float:left;
margin-right:8px;
}

.fucktwatter ol li {
background-color: #3d1d00;
border: solid #793a00 1px;
margin: 0 auto 10px auto !important;
padding:4px;
font-family:arial;
}

.tweet-text {
font-size:12px;
font-family:arial;
}

.js-actions {
display:none;
}

.fucktwatter h3 {
font-family:arial;
margin:5px 0px;
}