/*

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;

}



body{

	padding: 0px;

	margin: 0px;

	background: url(http://www.hempelfamily.com/webofhope/wordpress/wp-content/themes/DIYTheme/images/fadedbk.gif);

        background-attachment: fixed;

	background-repeat: repeat-x;

	background-position: top;

        font: 62.5% trebuchet ms, verdana, sans-serif; /* Resets 1em to 10px */

}



#wrap {

    width: 900px;

    background-color: #fef0f5;

    border-right: 1px solid #333333;

    border-left: 1px solid #333333;

    text-align:left;

    margin:0px auto;

}





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

*	Header, Headings, etc.									*

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



#head{

        background-color: #ffffff;

       <!-- background-image: url(images/headersugarNEW4.jpg); --!>

        background-repeat: no repeat;

        height: 300px;

        width: 900px;

        padding: 0px;

        margin: 0px;

}



#head h1 {

        font-size: 4.9em;

        color: #ffffff;

        padding: 50px 0px 0px 50px;

        margin: 0px;

}



#head a {

        color: #ffffff;

}



#head a:hover {

        color: #cccccc;

}



.description {

        padding-left: 60px;

}



.description h2 {

        color: #ffffff;

        font-size: 3.0em;

        margin: 0px;

        font-style: italic;

}   





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

*	Links and Headings									*

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





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







a, a:link {

	color: #CC2229;

	text-decoration: none;

}







h1 {

        font-size: 2.0em;

        line-height: 1.1em;

	font-weight: normal;

        margin: 0px;

}





h2 {

	font-size: 2.2em;

	line-height: 1.2em;

	color: #333333;

	font-weight: normal;

}





h5 {

	color: #ff3333;

        margin: 8px 0px 0px 0px;

	padding: 0px;

        font-size: 1.3em;

        font-variant: small-caps;

	font-weight: normal;

}



a:hover {

	color: #9c9c9c;

	text-decoration: none;

}



strong, b {

	font-weight: bold;

}



em, i {

	font-style: italic;

}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

}



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

*	Main Content									*

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



#main {

        width: 900px;

        border-top: solid 1px #333333;

        background-color: #ffffff;

}



#content {

        width: 480px;

        float: left;

        padding: 20px 0px 0px 0px;

        background-color: #ffffff;

}

.post .date {

	float: right;

	margin:5px 0 0 5px;

	padding:0 10px;

	text-align:center;

	font-size: 0.8em;

	border:#ccc 1px solid;

	font-weight:bold;

	background:url(img/bgstripes.gif) repeat;

	color:#468;

	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;

}

.post .date span 

{

	display:block;

}

.post .date .day 

{

	font-size:1.6em;

	color:#345;

}

.item {

        padding: 0px 20px 10px 20px;

        margin-bottom: 1.5em;

        color: #333333;  

        border-bottom: 1px dotted #cccccc;

        font-size: 1.3em;

        line-height: 1.4em;	

}





.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: disc;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

}



.item ol{

	list-style-type: decimal;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

}



.itemhead{

	padding-top: 5px;

	padding-bottom: 7px;

        margin-bottom: 18px;

}



.itemhead h3{

	display: inline;

}



.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: 20px 7px 20px 15px;

        font-size: 1.3em;

	line-height: 1.3em;

	}

	

#l_sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px;

        color: #333333;

	}

	

#l_sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 3px;

        list-style-type: disc;

        list-style-position: outside;

        color: #333333;

}



#l_sidebar li {

        margin: 0px;

	padding: 0px;

        color: #333333;

}

#l_sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#l_sidebar ul li a {

	color: #333333;

	text-decoration: none;

}



#l_sidebar ul li a:hover {

	color:#9c9c9c; 

}



#l_sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        color: #333333;

        list-style-type: disc;

        list-style-position: outside;

        color: #595441;

}



#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: disc;

        list-style-position: outside;

        color: #333333;

}



#l_sidebar ul ul ul li{

	margin: 0px;

}



#secondary{

        width: 200px;

	padding: 0px;

	float: right;

        background-color: #ffffff;

}



#r_sidebar {

	padding: 30px 15px 20px 4px;

        font-size: 1.3em;

	line-height: 1.3em;

	}



#r_sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

        list-style-type: disc;

        list-style-position: outside;

        color: #333333;

}



#r_sidebar li {

        margin: 0px;

	padding: 0px;

        color: #333333;

}

#r_sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#r_sidebar ul li a {

	color: #333333;

	text-decoration: none;

}



#r_sidebar ul li a:hover {

	color:#9c9c9c; 

}



#r_sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        list-style-type: disc;

        list-style-position: outside;

        color: #333333;

}



#r_sidebar ul ul li{

	margin: 0px;

}



#r_sidebar ul ul ul{

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

        list-style-type: disc;

        list-style-position: outside;

        color: #333333;

}



#r_sidebar ul ul ul li{

	margin: 0px;

}

	

#r_sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px 0px 20px 0px;

        color: #333333;

	}

	



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: #333333;

	padding: 0px 10px 0px 10px;

	margin: 5px 0px 10px 0px;

        font-size: 1.3em;

}

	

  

#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									*

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





#wp-calendar {

	empty-cells: show;

	margin: 0;

	width: 90%;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

	text-decoration: none;

}



#wp-calendar td {

	color: #333333;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

}



#wp-calendar #today {

	background: ;

	color: #eeeeee;

}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

}



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

*	Footer									*

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





#foot {

        width: 900px; 

        height: 40px;	

        text-align: center;

	padding-top: 20px;

	color: #333333;

        font-size: 1.1em;

        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;

}