/*  
Theme Name: NonDJ
Theme URI: http://www.iamnotadj.net/
Description: A custom theme made for iamnotaDJ.net.
Version: 1.9
Author: Albert Santoni
Author URI: http://www.iamnotadj.net
*/
* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #1F2B17;
 font-size: 12px;
}

/* Fonts */
a img {	border: none; }
a { text-decoration: none; font-weight: bold; color: #61a831; } /* color used to be #5c7f44 */
h2 { font-size: 22px; font-family: Verdana, Arial, Sans-Serif; }
h2 a { text-decoration: none; color: #000000; } /* Post/entry titles */
h2 a:hover { color: #5c7f44; }
p { font-family: "Bitstream Vera Sans", Tahoma, "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; line-height: 1.5em; padding-bottom: 15px;}
h3 { padding: 8px; padding-left: 0px; }

/* Blockquotes! */
blockquote {
border : 1px solid #000;
/*width: 200px;*/
/*float: right;*/
margin: 10px;
padding: 10px;
background-color: #eeeeec;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }


/* Useful image classes for posts*/
#centercolumn img { padding: 10px; }
#centercolumn img.floatright { float: right; padding-right: 0px; }
#centercolumn img.floatleft { float: left: padding-left: 0px; }
#centercolumn img.floatmiddle { float: middle; }
#centercolumn img.wp-smiley {padding: 0px; }

#wrapper {
 width: 875px;
 margin: 0 auto;
}

#header {
 border: 1px solid #ccc;
 margin: 5px 5px 5px 5px;
 height: 70px;
 padding: 10px;
 background-color: #C9C9BE;
 background-image: url("images/v2_header.png");
}

#headertagline {
 border: 0px;
 margin-left: 445px;
 margin-top: 22px;
 width: 40%;
}
#headertagline h1 { color: #FFFFFF; font-size: 20px; font-family: Verdana, Arial, Sans-Serif; }

#navbar {
 border: 1px solid #ccc;
 margin: 5px 5px 5px 5px;
 padding: 3px;
 background-color: #A3A38F; /*Old: #A3A38F*/
 font-size: 14px;
}
#navbar img {}
#navbar ul { border: 0px; padding: 0px; text-align: right;}
#navbar li { list-style-type: none; display: inline; padding: 0; vertical-align: middle; }
#navbar li a:link { color: #FFF; padding: 5px 2px 7px 9px; text-decoration: none;}
#navbar li a:visited {color: #FFF; }
#navbar li a:hover {color: #5c7f44; background-color: #FFF}
#navbar #subscribe { padding-left: 14px; }
#navbar #subscribe img { padding-bottom: 2px; vertical-align: middle;}

#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 0 5px 5px 5px;
 display: inline; /* IE Hack */
 width: 140px; /* Old: 16% */
 float: left;
 min-height: 300px;
 padding: 4px;
 border: 1px solid #ccc;
 background-image: url("images/background_side.gif"); /* #c8d9b8 */
 background-repeat: repeat-y;
}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */ 
#leftcolumn h2 { font-size: 14px; padding-bottom: 5px;}
#leftcolumn ul {list-style-type: none;} /* Controls whether the major headings have bullets on them */
#leftcolumn li a:link { color: #6a733e; }
#leftcolumn li a:visited { color: #000; }
#leftcolumn li a:hover { color: #FFF; }

#centercolumn { /* Parent Wrapper for inside boxes */
 border: 1px solid #ccc;
 margin: 0px 5px 0px 0px;
 background-color: #FFFFFF;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 61.5%;
 float: left;
 min-height: 300px;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#centercolumn .post /* This controls the spacing/padding of the whole post including title */
{ padding-left: 5px; padding-right: 5px; }
#centercolumn .entry /* This controls the spacing/padding of individual posts on a page. */
{ padding-top: 10px; padding-bottom: 10px; }
#centercolumn .postmetadata /* This describes the metadata at the bottom of a post. */
{ padding-bottom: 20px; padding-left: 0px; font-size: 12px;}
#centercolumn .postcommentlink /* This describes the "N comments" link at the top of a post. */
{ padding-bottom: 0px; padding-left: 0px; font-size: 13px;}
#centercolumn .postnavigation /* This describes the "Previous/Next Entries" thing at the bottom of the page */
{ padding: 20px;}
#centercolumn .commentlist /* This describes how the list of comments appears at the bottom of the page */
{ padding: 20px;}
#centercolumn ul { padding: 15px; font-size: 14px; }

#centerfloatlefty {
 border: 1px solid #ccc;
 margin: 5px;
 padding: 5px;
 display: inline;
 width:45.9%;
 float: left;
 min-height: 203px;
}
#centerfloatlefty h2 { font-size: 16px; }
#centerfloatlefty img {padding: 0px; }
/* #centerfloatlefty ul {list-style-type: none;} Controls whether the major headings have bullets on them */

#centerfloatrighty {
 border: 1px solid #ccc;
 margin: 5px;
 padding: 5px;
 display: inline;
 width:45.9%;
 float: left;
 min-height: 203px;
}
#centerfloatrighty h2 { font-size: 16px; }
#centerfloatrighty img {padding: 0px; }
#centerfloatrighty ul {list-style-type: none; padding: 0px; margin: 0px;} /* Controls whether the major headings have bullets on them */

#rightcolumn {
 margin: 0 5px 0px 0px;
 padding: 4px;
 display: inline; /* IE Hack */
 width: 142px; /*Old: 16.6% */
 float: left;
 border: 1px solid #ccc;
 background-image: url("images/background_side.gif"); /* #c8d9b8 */
 background-repeat: repeat-y;
 min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 
#rightcolumn h2 { font-size: 14px; padding-bottom: 5px;}
#rightcolumn ul {list-style-type: none;} /* Controls whether the major headings have bullets on them */
#rightcolumn li a:link { color: #6a733e; }
#rightcolumn li a:visited { color: #000; }
#rightcolumn li a:hover { color: #FFF; }

/* This will style the dynamic widgets... */
#sidebar ul { list-style-type: disc; padding-left: 12px; margin-bottom: 10px} /* controls the links in the sidebar... */

#footer {
 background-color: #A3A38F;
 margin: 0px 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.8%;
}


.featureItem {
background: #fff;
width: 95%;
height: 100px;
padding: 5px;
padding-top: 30px;
margin-bottom: 5px;
padding-left: 0px;
border-left: 0px solid #eee;
}
.featureText {
border-left: 0px; /* Doesn’t work in IE yet, Sorry */
padding-top: 12px;
text-align: center;
vertical-align: middle;
font-weight: 100;
font-size: 1.2em; /* Looked fine at 1em, but it went over the border in IE */
}
.featureItem img {
float: right;
margin-left: 5px;
padding: 15px;
border: 0px;
}