/*

Theme Name: DIY Theme

Theme URI: http://randaclay.com/themes/

Description: DIY Theme is a simple, easy to customize, SEO optimized, 3-column, widget-ready theme created for Wordpress

Version: 1.0

Author: Randa Clay

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php

*/









html>body #content {

        height: auto;

	min-height: 580px;

}



/* the following body code affects all text on site */

/* */

/* body{ */

	/* padding: 0px; */

	/* margin: 0px; */

        /* background-color: #0b0b0b; */


	/* font: 100% Verdana; */

/* } */



body{



background:#0b0b0b;


text-align:center;



margin:0;



padding:0;



font-family:Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic',sans-serif;



font-size: 100%;



}



#wrap {

    width: 900px;

    background-color: #ffffff;

border: double #333333;

    text-align:left;

    margin:0px auto;

}







/************************************************

*	Header, Headings, etc.									*

************************************************/



#head{

        background-color: #ffffff;

        background-image: url(images/title3.jpg);

        background-repeat: no repeat;

        height: 190px;

        width: 900px;

        padding: 0px;

        margin: 0px;

}



/* site title */

#head h1 {

        font-size: 2.5em;

        color: #ffffff;

        padding: 20px 0px 0px 50px;

        margin: 0px;

}



#head a {

        color: #ffffff;

}



#head a:hover {

        color: #cccccc;

}



.description {

        padding-left: 35px;

        padding-top: 15px;

}



/* site description */

.description h2 {

        color: #ffffff;

        font-size: 1em;

        margin: 0px;

        font-style: italic;

}   



/************************************************

*	Links and Headings									*

************************************************/



a img,:link img,:visited img { border:none }    



a, a:link {color: #009933;

	text-decoration: none;}



a:visited {color: #009933;

	text-decoration: none;}  

a:hover {color: #ff3300;

	text-decoration: none;}

a:active {color: #66ffff;

	text-decoration: none;}

a.setgets {color: #66ffff;

	text-decoration: none;}



h1 {

        font-size: 1em;

        line-height: 1.1em;

	font-weight: normal;

        margin: 0px;

}



/* Headers in sidebar */

h2 {

	font-size: 1em;

	line-height: 1.2em;

	color: #333333;

	font-weight: normal;

}

h4 {

        font-size: 1em;

        line-height: 1.1em;

	font-weight: normal;

        margin: 0px;

}



/* category headings */

h5 {

	color: #000000;

        margin: 8px 0px 0px 0px;

	padding: 0px;

        font-size: 1em;

        text-transform: uppercase;

	font-weight: normal;

}





strong, b {

	font-weight: bold;

}



em, i {

	font-style: italic;

}



code {

	font: 1.1em 'MS Trebuchet';

}



/************************************************

*	Main Content									*

************************************************/



#main {

        width: 900px;

        border-top: solid 1px #333333;

        background-color: #ffffff;

}



#content img {

	border: 1px solid #666;

	background: #fff;

	padding: 5px 5px 5px;

}



#content {

        width: 660px;

        float: left;

        padding: 30px 30px 10px 10px;

        background-color: #ffffff;

}



.postmetadata {

        color: #000000;

        font-size: .6em;

        margin: 0px;

        font-style: italic;

}



.item {

        padding: 0px 20px 10px 20px;

        margin-bottom: 1.5em;

        color: #333333;  

        border-bottom: 1px dotted #cccccc;

        font-size: 1em;

        line-height: 1.1em;	

}



/* blog post title */

.post {

        font-family : "Lucida Console", "Courier New", Courier, monospace;

        font-size: 1.3em;

        line-height: 1.4em;	

}



/* blogpost entry text */

.entry {



        font-size: .8em;

        line-height: 1.2em;	

}



.item p {

}



.item p a{

	text-decoration: underline;

}



.item p a:hover{

	color: #9c9c9c;

}



.item img {

	border: 1px solid #333333;

        padding: 3px;

        margin: 5px;

        background: #ffffff;

}



.item ul {

	list-style-type: none;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

}



.item ol{

	list-style-type: decimal;

	padding-left: 0px;

	margin: 0px 0px 10px 15px;

}



.itemhead{

	padding-top: 5px;

	padding-bottom: 7px;

        margin-bottom: 18px;

        font-family : "Courier New", Courier, monospace;

}



.itemhead h3{

	display: inline;

        font-family : "Courier New", Courier, monospace;

}



.date{

	display: inline;

	text-align: right;

	font-size: 1.1em;

        margin-bottom: 20px;

}



input{

	font-size: 100%;

}



.metadata{

	font-size: 90%;

        line-height: 220%;

        margin-top: 20px;

        font-style: italic;

}



.metadata a:link {

	color: #333333;

}



.metadata a:hover, .metadata a:visited{

	color: #9c9c9c;

}



cite{

	font-size: 1.1em;

}



blockquote {

	margin: 10px 15px 10px 15px;

	padding: 10px 15px 10px 15px;

        background-color: #ffffff;

	border: 1px solid #cccccc;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

}



/************************************************

*	Sidebar									*

************************************************/



#primary{

        width: 200px;

	padding: 0px;

	float: left;

        background-color: #ffffff;

}



#l_sidebar {

	padding: 10px 10px 10px 10px;

        font-size: .8em;

	line-height: 1;

	}



#l_sidebar p{

	padding: 0px 0px 0px 0px;

	margin: 0px;

        color: #333333;

	}	



#l_sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 3px;

        list-style-type: none;

        list-style-position: inside;

        color: #333333;

}



#l_sidebar li {

        margin: 0px;

	padding: 0px;

        font-size: 1em;

        color: #000000;

}



#l_sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}	



#l_sidebar ul li a {

	color: #000000;

	text-decoration: none;

}



#l_sidebar ul li a:hover {

	color:#333333; 

}



#l_sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        color: #000000;

        list-style-type: none;

        list-style-position: outside;

        color: #000000;

}



#l_sidebar ul ul li{

	margin: 0px;

}



#l_sidebar ul ul ul{

	margin-top:0; 

        margin-bottom:0;

	padding: 0px 0px 0px 14px;

        list-style-type: none;

        list-style-position: outside;

        color: #000000;

}



#l_sidebar ul ul ul li{

	margin: 0px;

}




li .categories, li .linkcat, li .pagenav {

	margin: 0px;

	padding: 0px;

}



.sidebarSearch{

	clear: both;

        margin-top: 10px;	

        margin-bottom: 10px;

	margin-left: 5px;

}



.feedarea  {

	height: 30px;

	background-image:url(images/feedicon.png);

        background-repeat: no-repeat;

	padding-left:20px;

}



.feedarea  a {

       color: #333333;

}



/************************************************

*	Comment Area									*

************************************************/



#comment {

	width: 440px;

	background: #FFFFFF;

        color: #030303;

	padding: 0px 10px 0px 10px;

	margin: 5px 0px 10px 0px;

        font-size: .8em;

}



#comment  a{

        color: #333333;

	text-decoration: none;

}



#comment a:hover{

	color: #cccccc;

}



ol#commentlist {

	padding: 5px 0px 5px 0px;

	margin: 0px;

	list-style-type: none;

        font-weight: bold;

}



.commentdate {

	font-size: 1.2em;

	padding-left: 0px;

        font-weight: bold;

}



.commentlist p {

	clear: both;

	font-size: 1.2em;

}



#commentlist li p{

	margin-bottom: 8px;

	line-height: 18px;

	padding: 5px;

        font-weight: normal;

	}



.commentname {

	color: #333333;

	margin: 0px;

	padding: 5px 5px 0px 0px;

	}



.commentinfo{

	clear: both;

	}



.commenttext {

	clear: both;

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 5px 10px;

	width: 450px;

	}



.commenttext-admin {

	clear: both;

	margin: 5px 0px 10px 0px;

	padding: 0px 10px 5px 10px;

	width: 450px;

	}



#commentsformheader{

	padding-left: 0px;

	}



#commentsform{

	text-align: left;

	margin: 0px;

	padding: 0px;

	}



#commentsform form{

	text-align: left;

	margin: 0px;

	}



#commentsform p{

	margin: 0px;

}



#commentsform form textarea{

	width: 99%;

}



p.comments_link  img{

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.commentmetadata {

	font-size: 1.1em;

	float: right;

}



.commentlist li {

	padding: 2px;

	border-top: 1px solid #cccccc;

}



.navigation {

	text-align: right;

	margin-top: 10px;

	margin-bottom: 10px;

	color: #333333;

        font-size: 1.3em;

}



.navigation a:link, .navigation a:hover, .navigation a:visited{

	color: #333333;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}



/************************************************

*	Calendar									*

************************************************/



th:165px;



}







#wp-calendar caption{



border-bottom:1px solid #ccc;



color:#777;
font-weight:800;
}

#wp-calendar th{
color:#777;
font-weight:800;
}

#wp-calendar td{
color:#777;
font-weight:100;
}

#wp-calendar td a{
background:#eee;
padding:2px;
}

#wp-calendar td#today{
border-bottom:1px solid #777;
}

/************************************************
*	Footer									*
************************************************/

#foot {
        width: 900px; 
        height: 40px;	
        text-align: center;
	padding-top: 20px;
	color: #333333;
        font-size: .7em;
        border-top: 1px solid #333333;
        font-style: italic;
        background-color: #ffffff;
}

#foot a:link, #foot a:visited{
	color: #333333;
        text-decoration: none;
}

#foot a:hover {
        color: #9c9c9c;
}