/*  
Theme Name: Johny
Theme URI: 
Description: Relation DJ is written and provided by <a href="http://jrm-hosting.com">Johny Metellus</a>
Version: 1.0
Author: Johny Metellus

	Johny v1.0
	 http://RelationshipDJ/

*/* html {
  height: 1%;
} 

body {
  font-size: 90.01%;
  height: 100%;
  text-align: left;
  margin:auto;
  padding:0px;
  color:#000000;
  font-family:Arial;

background-color: #8c1e0b;
}

#mainwrap {
margin:auto;
padding:0px;
width:950px;
height:100%;
background-color:#FFFFFF;

 color:#000000;
  font-family: Arial, Helvetica, sans-serif
}

#header {
  height: 110px;
  background-color: #8c1e0b;
  
}
#wrapper {
            background-color:#FFFFFF;
		   }

#wrap {
     width:950px;
	 height:100%;
}

#wrap2 {background-color:#000;
}

#content {
background-color:#fff;
}

#right-col { background-color:#fff; width:35%; float:left; color: #423837; margin-top:5px; margin-left:5px;}

#left-col, #left-col2{ background-color:#fff; width:60%; color:#000; float:left; margin-left:3px; margin-right:4px; text-align:left;}
 {  width:50%; color:#999999; float:left; color:#000; margin-left:20px;}

#left-col, #left-col2 h2{border-bottom:1px dotted #ccc;}

#left-col, #left-col2 p {line-height:200%;word-spacing:2px; margin:9px; text-align:left;}
#sidebar {
  float: left;
  width: 100%;
  background-color:#fff;
  
 
}

#sidebar1 ul,sidebar2 ul {margin:auto; padding:0px;}
#sidebar1 li,sidebar2 li {margin:10px; padding:0px; list-style:none;}

#sidebar2 ul {margin:auto; padding:0px; background-color:;}
#sidebar2 li {margin:10px; padding:0px; list-style:none;}

#sidebar3_1, #sidebar3_2 ul {margin:auto; padding:0px; background-color:;}
#sidebar3_1, #sidebar3_2 li {margin:10px; padding:0px; list-style:none;}

#sidebar3_1 ul {margin:auto; padding:0px; background-color:;}
#sidebar3_1 li {margin:10px; padding:0px; list-style:none;}

#sidebar2 a { color:#f00000; text-decoration:none; width:100%; border-bottom:1px dotted #aea29a; display:block;}
#sidebar2 a:hover { color:#f00000; text-decoration:none; width:100%; border-bottom:1px dotted #aea29a; display:block; background-color:#b03702; color:#fff;}

#sidebar3_1 a { color:#f00000; text-decoration:none; width:100%;}

 
#sidebar1 {
		   width:95%;
		   height:auto; 
		   float:left;
		   margin:4px;
		   }
		   
#sidebar2 {
		   width:95%;
		   height:auto;
		   float:left;
		   margin:4px;
		   }
		   
#sidebar3_1 {
		   width:95%;
		   height:auto;
		   float:left;
		   margin:4px;
		   }
#sidebar3_2 {
		   width:95%;
		   height:auto;
		   float:left;
		   margin:4px;
		   }
		   
#sidebar3 {
           background-color: ;
		   width:32%;
		   height:auto; 
		   float:left;
		   margin:4px;}
		   

		   
#sidebar4 {
		   width:32%;
		   height:auto;
		   float:left;
		   margin:4px;}
		   
#sidebar5 {
		   width:32%;
		   height:auto;
		   float:left;
		   margin:4px;}

#footer {
  clear: both;
  height: 20px;
  font-size:12px;
  background-color:#EDE8D6;
  text-align:center;
}
#footer2 {  
background-color:#300c02;
color:#FFFFFF;
  height: auto;
  width:100%;
}
#footer2 a { color:#fff;}

#sidebar2 h2 { font-size:15px; width:100%; color:#fff; background-color:#1d0d03; padding:10px;}
#sidebar3_1 h2 { font-size:15px; width:100%; color:#fff; background-color:#1d0d03; padding:10px;}

#footer2.widgettitle { font-size:15px; width:100%; color:#fff;padding:10px;}

#footer2 ul{ margin:auto; padding:0px;}

#footer2 li{ list-style:none; margin-left:12px;}
.footer-text {
               margin-top:4px;}

#featured-post {
                background-color: #5c4842;
				border: 1px solid #ddd4d3;
				margin-right:20px;
				margin-left:5px;
				margin-top:12px;
				color:#fff;
	

				width:550px;
				height:255px;
			    font-size:12px;
				padding-right:20px;
				float:left;}

#featured-post h3 { color: #000000; margin:2px;}

.featured {
             margin:10px;
			 color:#fff;}
			 
#featured-post h2 {
            color:#003399; font-size:15px;}
#featured-post h2 a:hover { color:#FF2211; text-decoration: underline; }
#featured-post h2 a { color:#fda302; text-decoration:none; }

#f-date a { color:#fda302; text-decoration:underline; }
#f-date a:hover { color:#FF2200; text-decoration:underline; }

         .clear  {clear:both;}
		   
.post {
        margin:14px;
		padding:0px;}
.post h2 {
            color:#003399;}
.post h2 a { color:#B80B0B; text-decoration:none; }
.post h2 a:hover { color:#FF2200; text-decoration:underline; }

#readmore {
            width:auto;
			
			height:20px;
                background-color:#c82c06;
			float:right;
			text-align:center;
			margin-right:9px;
			margin-top:17px;
			padding:13px;
			border:#8f3019 1px dotted;

		}
#readmore a { color:#FFFFFF; text-decoration:none;}
#readmore a:hover { color:#fffff;}
			
.navigation { width:100%; font-size:12px;
height:auto; border-bottom:1px dotted #ccc;}

.alignleft {
              float:left; padding-right:9px; }
.alignright { float:left;}
.alignright a {color:#006699;}

 
.entryposted { 
               background-color:#F3F7F8;
			   		 border-bttom:1px dotted #CFC0AF;
}
		
		
#entrywrap {
			   border-bottom:1px dotted #CFC0AF;
			   float:left;
			   background-color:#FCFAF5;
}	   
#entrywrap form {
			   border-bottom:1px dotted #CFC0AF;
			   background-color:#FCFAF5;
			   padding:30px;
			   width:549px;
}
#entrywrap p { margin:12px;}
			   
.entry a{
		color: #C65C2F;	   
}				   
			   
.tagline { float:right; margin: 26px 45px; color:#FFFFFF; font-size:16px;}
.date {
         background-color:; width:190px; height:20px; float:left;}
		 
.author {  margin-left:10px; float:left; }
.img  {
           border:#FFFFFF solid 4px; float:left; margin:20px;}
.img2  {
           border:#ccc solid 4px; float:left; margin:20px;}
		   
		   
#nav { width:100%;
		background-repeat:repeat-x;
       height:40px;
	   font-size:13px;
	   background-color:#300c02;
	   padding-bottom:10px;
	   text-align:center;
	   
}
#nav ul {
          margin:auto;
		  padding:0px;
		  text-align:center;}
#nav li {
         float:left;
		 margin-left:5px;
		 padding:5px;
		 list-style:none;}
#nav a { color:#FF9900; font-size:13px; font-stretch:expanded;
          border-right:dotted 2px #fff;
		 
          text-decoration:none;
		  padding-left:2px;
		  		  padding-right:9px;

		  
		  }
#nav a:hover { color:#fff;
          text-decoration:underline;
		    padding-left:2px;
		  		  padding-right:9px;
 				  }

				  
				  
#nav2 { width:100%;
		background-repeat:repeat-x;
       height:20px;
	   font-size:13px;
	   background-color:#300c02;
	   padding-bottom:10px;
	   text-align:center;
	   
}
#nav2 ul {
          margin:auto;
		  padding:0px;
		  text-align:center;}
#nav2 li {
         float:left;
		 margin-left:10px;
		 padding:5px;
		 list-style:none;}
#nav2 a { color:#FF9900; font-size:13px; font-stretch:expanded;
          border-right:dotted 2px #fff;
		 
          text-decoration:none;
		  padding-left:4px;
		  		  padding-right:10px;

		  
		  }
#nav2 a:hover { color:#fff;
          text-decoration:underline;
		    padding-left:4px;
		  		  padding-right:18px;
 				  }



				  

h1 { font-size:16px;
      }
h1 a { color:#FFFFFF; text-decoration:none;}
		  
#feed { width:300px;
         height:141px;
		 background-color:;
		 background-image:url(images/feed.png);
		 margin:4px;}
		 

		 .frm {
      
	    margin:20px;}
.titl {  font-size:13px; color:#FFFFFF; font-weight:bold;}
		 
#feed h2{ font-size:14px; margin:12px;}
#feed a{ font-size:12px; margin:12px;}

.title {
         width:100%;
		 float:left;
		 padding-bottom:3px;
		 border-bottom:1px dotted  #CFC0AF;

		 }
.tl {
          float:left;
			 width:100%;
			 color:#999999;
			 font-size:13px;}
				 
.tl a { color: #E7543A; text-decoration:none; font-style:italic;}		 
		
.metadata li{
		 
             float:right;
             background-color:#000;
             width:100px;
             height:100px;
             
		 }


		  
#logo { margin-left:10px; float:left;}

#logo img { border:none;}
 img { border:2px solid #fff;}
#comments {
			width:100%;
			height:auto; 
			
			}
#comments a { color:#0066CC; text-decoration:none; margin-left:10px; float:right; text-align:right;}
.commentText {
              margin:30x;
			  font-size:12px;}
			  
.commentText a{ font-size:10px; color:#FFFFFF;}

.post-categories ul { margin:auto;
                      padding:0px;}
					  
.post-categories li { list-style:none; float:left; margin-left:4px;}


.read-this { color:#247e9e; font-size:14px; background-color:; width:100%;}

.read-this a { color:#fac50d;}

#featured-post p {line-height:140%;word-spacing:2px; margin:9px; text-align:left; font-size:12px;}

.linktext { float:right; width:120px; height:30px; background-color:#000;}


#about { background-color:#333; color:#fff; width:300px; height:auto; margin:20px; padding-bottom:10px; font-size:13px; float;right;}
#about h3 { font-size:18px; color:#fff; margin-left:40px; margin-top:; background-color:#; width:120px; padding:px;
}
#about p { margin:20px; font-size:12px; padding:5px; background-color:#;}
#about a { color:#241a06; background-color:#e6e5e3; padding-bottom:3px; text-decoration:none; margin-left:50px; margin-top:10px; float:right; width:100px; padding:10px;}
#about a:hover{text-decoration:underline;}
.about{
            width:auto;
			
			height:20px;
                background-color:#;
			float:left;
			text-align:center;
			margin-left:20px;
			margin-top:0px;
			padding:6px;
			border:#8f3019 1px dotted;
 
		}
.profile-image{ float:left; margin:10px; border:2px solid #fff;}
.comment-body{ width:540px; padding:0px;} 
.comment-body li,ol {list-style:none;}
.commentlist { color:#000; width:540px;}
.commentlist li {list-style:none; color:#000; width:540px; margin:5px;}
.children { background-color:#E0DDDA; margin:12px; color:#000; width:540px;}
.x {
   width:auto;
			
			height:20px;
                background-color:#c82c06;
			float:right;
			text-align:center;
			margin-right:9px;
			margin-top:80px;
			padding:13px;
			border:#8f3019 1px dotted;}
.a { color:#fff;}

#forum {
           width:100%;
		   height:auto;
		   margin:0px 12px;
		   font-size:15px;
		   }
		   
#wpf-wrapper {
}		   
#wpf-wrapper form { margin:30px; padding:5px;}
.upshrinkHeader { margin:30px; padding:5px;}

#mainmenu { background-color:#EDE8D6;}
#mainmenu a { padding-right:10px; padding-left:10px;}
#wpf-info { margin:39px; padding:10px; backgroun-color:#000ccc;}
.wpf-table {background-color:#EDE8D6;}
.wpf {background-color:#000;}

th {background-color:#8c1e0b; color:#fff; padding:3px;}
.wpf-alt {background-color:#fff; padding:3px; margin:3px;}
td {margin:29px; background-color: padding:10px;} 
fieldset {width:300px; height100px}