/* 

Name: Black Look Design
Description: This is designagainsttheelements.org Black Look Design Theme 
Version: 1.0
Author: Marites L. Quitoriano (marites@redmediacrm.com)
Author URI: http://redmediacrm.com/ 
*/


/* Remove all margin and paddings */

* {
margin: 0;
padding: 0;
}

body {
margin: 0 auto;
padding: 0;
width: 100%;
color: #FFF;
background:#000 url(images/drops.png) 0 0 repeat; 
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 1.5em;
}


a img, img {
border: none;
}

/* Define font sizes */

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 10px;
text-shadow: 1px 1px 2px #999;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.9em;
}

h3 {
font-size: 1.8em;
}

h4 {
font-size: 1.6em;
}

h5 {
font-size: 1.4em;
}

h6 {
font-size: 1.2em;
}

hr {
margin: 10px 0;
}

/* Define links color */
a, a:link, a:visited {
color: #9d2064;
text-decoration: none;
}


a:hover {
text-decoration: underline;
}

blockquote {
padding-left: 20px;
}


.alignleft {
position: relative;
left:0;
margin-right: 10px;
float: left;
}

.title {
padding-bottom: 5px;
}

.archivetitle {
color: #8ac640;
text-transform: uppercase;
text-shadow: 1px 1px 2px #999; 
}

.title a {
color: #9d2064;
text-shadow: 1px 1px 2px #999; 
}

.alignright {
margin-left: 10px;
position: relative;
right:0;
float: right;
}


.post {
padding: 30px 30px;
}

.archivetitle {
padding: 20px 30px 0 30px;
}

.entry {
padding-top: 15px;
}

.entry p {
padding-bottom: 12px;
}

.entry a { 
text-decoration: underline;
}

.entry ul, .entry ol {
margin-left: 20px;
margin-bottom: 12px;
}

.entry table {
margin-bottom: 12px;
}


.hidetext, #accessibility {
display: none;
}

.white {
color: #FFF;
}

.magenta {
color: #9d2064; 
}

.teal { 
color: #04846C;
}

.resources h1, .resources h2, .resources h3, .resources h4, .resources h5 {
color: #6D8E25;
}

#wrapper {
margin: 0 auto;
padding: 10px 0;
width: 980px;
background: #000;
}

#topnav {
float: left;
width: 100%;
height: 20px;
margin-bottom: 8px;
}

#topnav  ul {
padding:0;
list-style-type:none;
margin:0;
float: right;
}



#topnav  li {
float:left;
text-align: right; 
}



#topnav a {
float:left;
text-decoration: none;
margin: 5px 0px 0px 15px;
font-size: 12px;
color: #FFF; 
text-shadow: 0 1px 1px #222;
}

#topnav a:hover {
color: #529E41;
text-decoration: none;
}

/* ---- Header ----- */

#header {
float: left;
height: 160px;
width: 100%;
background: #000 url(images/header.jpg) 0 0 no-repeat;
}

#logo {
float: left;
position: relative;
top: 10px;
}


#logo, #logo a {
display: block;
height: 140px;
width: 330px;
}



/* ---- Menu ----- */
#mainnav{
float: left;
height: 50px;
width: 100%;
}



#mainnav ul {
padding:0;
list-style-type:none;
margin:0;
width: 865px;
float: left;
}



#mainnav li {
float:left;
text-align: left; 
}

#mainnav a {
float:left;
text-decoration: none;
margin: 18px 25px 10px 0px;
font-size: 18px;
color: #FFF; 
text-shadow: 1px 1px 1px #333;
font-weight: bold;
}

#home a:hover, li#home.active a {
color: #9E1F63;
text-decoration: none;
}

#what a:hover, li#what.active a {
color: #6D8E25;
text-decoration: none;
}

#why a:hover, li#why.active a {
color: #9E1F63;
text-decoration: none;
}

#where a:hover, li#where.active a {
color: #04846C;
text-decoration: none;
}

#who a:hover, li#who.active a {
color: #085869;
text-decoration: none;
}

#whats-been-done a:hover, li#whats-been-done.active a {
color: #04846C;
text-decoration: none;
}

#be-involved a:hover, li#be-involved.active a {
color: #04846C;
text-decoration: none;
}

#resources a:hover, li#resources.active a {
color: #6D8E25;
text-decoration: none;
}

#mainnav ul#social {
float: right;
width: 115px;
padding: 0;
margin: 0;
}

#mainnav ul#social li {
float: left;
}

#mainnav ul#social a {
padding: 0;
margin: 12px 0 0 6px;
filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; -khtml-opacity: 0.9;
}

#mainnav ul#social a:hover {
filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity: 1;
}

#subheader  {
float: left;
width: 100%;
height: 325px;
padding: 5px 0 10px 0;
text-align: center;
color: #8ac640;
font-weight: bold;
font-size: 13.2px;
margin-bottom: 10px;
}


#subheader p.text{
color: #fff;
font-size: 11.5px;
line-height: 15px;
font-weight: normal;
padding-bottom: 4px;
}

#slideshow {
float: left;
height: 100%;
width: 755px;
background: #FFF;
}

#subheader_right {
float: left;
height: 100%;
width: 215px;
position: relative;
left: 10px;
}

#main {
float: left;
width: 100%;
}

#maincontent {
float: left;
width: 100%;
background: #FFF;
color: #666;
}

#mainpage {
float: left;
width: 755px;
color: #666;
} 

#news {
float: left;
width: 225px;
color: #FFF;
padding-right: 5px;
font-size: 11px;
}


#news p {
line-height: 15px;
padding-bottom: 5px;
}

#news p a {
color: #9d2064; 
}
#news .archivetitle {
padding: 8px 0 5px 0;
}

#news ul {
list-style:  none;
padding: 0;
margin: 0;
line-height: 14px;
}

#news li {
padding: 2px 5px 2px 0;
margin-bottom: 4px;
}

#news li a {
color: #FFF;
font-weight: bold;
}

#news li a:hover {
color: #9d2064;
text-decoration: none;
}

#gallery {
float: left;
width: 525px;
font-size: 11px;
}

#gallery h6 {
color: #9d2064; 
}

#gallery p {
font-weight: normal;
line-height: 13px;
padding-top: 6px;
padding-bottom: 0;
}

#gallery a {
text-decoration: none;
}

#sidebar {
float: left;
height: 100%;
width: 215px;
position: relative;
left: 10px;
}

#sidebar .archivetitle {
padding-top: 0;
}

#sidebar .video {
width: 200px;
padding: 0px 10px 2px 10px;
}

#sidebar .video a:hover img {
color: #8ac640;
}

#sidebar div.video a {
color: #fff;
font-size: 11px;
filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -khtml-opacity: 0.8;
}

#sidebar div.video a:hover  {
color: #9d2064; 
filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity: 1;
}

#footer {
clear: both;
height: 145px;
padding: 30px 0 15px 0;
width: 100%;
color: #999;
font-size: 12px;
background: #000;
}


.navigation, .postmetadata {
padding: 10px 30px;
}

.related {
padding: 10px 0;
}

/* Comments */

#comments {
padding: 10px 10px;
clear: both;
}

#comments p a {
text-decoration: underline;

}




#comments a:hover {
color: #f7a112;
}


ul.commentlist {
padding: 0;
margin: 0;
width: 100%;
clear: both;
}

ul.commentlist li {
list-style-type:none;
float: left;
margin: 10px 0;
padding-bottom: 8px;
width: 100%;
}

ul.commentlist li:hover {
background: #eee;
}

#comments ul.children li {
margin-left: 10%;
width: 90%;
}

#comments textarea{
width: 550px; 
}

#comments input, #comments textarea {
border: 1px solid #ababab;
padding: 2px 2px;
}

#comments p {
padding: 7px 5px 5px 0;
clear: both;
}


h3#reply-title {
font-size: 16px;
text-shadow: 1px 1px 1px gray;
}


/*Horizontal Video*/

#video li {display: inline;
list-style-type: none;
padding-right: 5px;
float:left;}

#left-banner{
background-image: url('')

}