/* 
Theme Name: Mic Tha Poet
Description: For Mic Tha Poet Homepage
Designer : Jeff Harris
Slicer/Coder : Jeff Harris	

Colors:
background: #b8c4dd 
text: #393838     	
/* Generic Styles */
		
h2 {  
font-size: 22px;
font-family: Arial;
color: #2e2d7f;
font-weight:200;
line-height: 25px;
}
		
h3 {
font-family: Arial,sans-serif;
font-size: 15px;
font-weight: 400;
text-decoration: none;
margin-top: 20px;
vertical-align: middle;
color: #393838;
}
		
		h4 {
			color: #2f231e;
			line-height: 20px;
			font-size: 16px;
			text-transform: uppercase;
		}

		hr {
			background: none;
			border: 1px solid #cec5c0;
			margin: 34px 0;
		}
		
		p {
			color: #393838;
			font-size: 13px;
			font-family: arial;
		}
		
		a {
			text-decoration: none;
			color: black;
		}
		
		a:hover {
			text-decoration: underline;
		}
        
body {
background-color: #b8c4dd;
background-position: 50% 360px;
background-image: url(/graphics/explodebackground.gif);
text-align: center;
position:relative;
background-repeat:no-repeat;
background-attachment:scroll;
margin: 0;
font-family: helvetica, arial, sans-serif;
line-height: 25px;
}
    	
#header {
    width: 100%;
    min-width: 976px;
    background-repeat: no-repeat;
    background-position: 50% 0pt;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    }

#topper    {    
    width: 100%;
    height: 450px;
    min-width: 976px;
    background-image: url(http://micthapoet.com/graphics/mictop8.jpg);
    background-repeat: no-repeat;
    text-indent:-9999px;
    background-position: 50% 0pt;
    background-color: #000000;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
}

#homead_bar {
    height: auto;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    background-color: transparent;
    padding-left: 0px;    
}

#homeheader {
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        cursor: pointer;
        width: 100%;
        height: 79px;
        position: relative;
        z-index: 0;
        background-color: #FFFFFF;
        background-image: url(/graphics/homepagebar2.jpg);
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-position: 0pt 0pt;
        margin-bottom: 0pt;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
        min-width: 976px;
        }

 /***_________________________________Nav Bar_________________________________***/

#navigation {
        position:absolute;
	z-index: 1;
        left: 50%;
        margin-top: 21px;
        width: 475px;
        margin-left: -240px
}

#navigation li { 
Display:inline;
float: right;
 }

#navigation a  {
	display:block;
	background:url(/graphics/orange_yellow4.png);
	text-indent:-9000px;

}
#navigation a.link1 {background-position:-0px -0px; width: 72px; height: 43px; display: block;}
#navigation a.link1:hover {background-position:-0px -43px; width: 72px; height: 43px; display: block;}
#navigation a.link2 {background-position:-72px -0px; width: 87px; height: 43px;}
#navigation a.link2:hover {background-position:-72px -43px; width: 87px; height: 43px;}
#navigation a.link3 {background-position:-158px -0px; width: 72px; height: 43px; }
#navigation a.link3:hover{background-position:-158px -43px;width: 72px; height: 43px; }
#navigation a.link4 {background-position: -230px -0px; width: 78px; height: 43px; }
#navigation a.link4:hover {background-position:-230px -43px; width: 78px; height: 43px; }
#navigation a.link5 {background-position:-308px -0px; width: 47px; height: 43px; }
#navigation a.link5:hover {background-position:-308px -43px; width: 47px; height: 43px; }
#navigation a.link6 {background-position: -359px -0px; width: 116px; height: 43px; }
#navigation a.link6:hover {background-position:-359px -43px; width: 116px; height: 43px; }
#brandinghelp{
margin-left: 36px;    
}

#branding2{
	height : 155px;  
        width: 475px;
    	background-image:   url('http://www.micthapoet.com/graphics/quote3.png');/***_was banner 20_***/
        background-repeat: no-repeat;
        position:absolute;
	z-index: 1;
        left: 50%;
        margin-top: 15px;
}

#container {
width: 790px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 20px;
text-align: left;
position: relative;
background-color:   #eaeaec;

}

#centertop {    
width: 790px;
height : 10px; 
background-image: url(/graphics/homepage/g-top.gif); 
background-repeat: no-repeat;
}

#centerbottom {    
width: 790px;
height : 10px; 
background-image: url(/graphics/homepage/g-bottom.gif); 
background-repeat: no-repeat;
}

#main {
padding: 20px 30px 20px 30px;
background-image: url(/graphics/homepage/g-center.gif); 
background-repeat: repeat-y;
overflow: hidden;
}
              
#main #primaryContent {
float: left;
width: 468px;
}
        
#main div#secondaryContent {
float: right;
width: 232px;
margin-left:30px;
position: relative;
}

div.quote {
       font-size: 15px;
       padding: 20px 15px 0px 15px;
       width:215px;
       height:151px;
       font-family: Arial;
       background-repeat: no-repeat;
       background-image: url(/graphics/homepage/bubble.jpg);  
       color: #2e2d7f;
       line-height: 25px;
}

#spacer  {
height: 30px;
}

#spacer2  {
height: 20px;
}
  
.social {
width: 240px;
margin-top: 10px;
text-align: center;
background-color: transparent;
}

.social img {
padding-right: 8px;
}

#foot {
margin-bottom:30px;
}

 /***_END NEW ***/

ul#toplist {
      list-style-image:url('http://www.micthapoet.com/graphics/bullet.gif'); 
      list-style-type: disc; 
      list-style-position: outside; 
      margin-top: 10px;
      color: #393838;    
}

ul#toplist li { 
      margin-top: 10px;
      margin-left: 50px; 
      line-height:20px;
      color: #393838;
      font-size: 15px;
      font-family: Arial, Helvetica, sans-serif;
}

ul#toplist a {
      text-decoration: none;
      margin-top: 10px; 
      line-height:20px;
      color:#4d70b0;
      font-size: 15px;
      font-family: Arial, Helvetica, sans-serif;
       }



ul#bottomlist {
      list-style-type: disc; 
      list-style-position: outside; 
      margin-top: 10px;
      color: #393838;    
}

ul#bottomlist li { 
      margin-top: 10px;
      margin-left: 50px; 
      line-height:20px;
      color: #393838;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
}

ul#bottomlist a {
text-decoration: none;
margin-top: 10px;
line-height: 20px;
color: #4d70b0;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}

#foot  { font-size: 10px; color: #393838; font-weight:bold;font-family: Arial, Helvetica, sans-serif; padding-top: 10px; line-height: 15px;}

#foot a  { font-size: 10px; color: #393838; text-decoration: underline; font-weight:bold;font-family: Arial, Helvetica, sans-serif; padding-top: 10px;line-height: 15px;}

#foot  img{ padding-top: 10px;}


