@charset "UTF-8";
/*   
Theme Name: Kathy Mitchell Theme
Theme URI: http://www.4sumts.com/
Description: Custom Theme 
Author: Jeremy Mitchell
Author URI: http://jeremymitchell.com
Version: 1.0
Designer: Kathy Mitchell
*/


html, body, p, ul, li, ol, h1, h2, h3, dt, dl, dd, form, fieldset, div, {
border:0 none;
margin:0;
padding:0;
}

img{padding: 25px 0 35px; border: none;}

ul, li, a{
color: #000000;

}

*{
margin:0;
padding:0;
}


body{
background-color: #68716f;
background-image:url(images/kathy-mitchell-design-bkg.jpg);
background-repeat:repeat-y;
background-attachment:fixed;
}

ul, ul li{
margin:0;
padding:0;
}

ul, ul li, li{list-style: none;}

/*START LEFT SIDE*/

div#wrapper{
width: 884px;
margin: 12px auto 0 auto;
}

div#header{
width: 640px;
height: 192px;
background-image:url(images/header-index.png);
background-repeat: no-repeat;
float: left;
}



div#topper{
width: 640px;
height: 17px;
background-image:url(images/topper.png);
background-repeat: no-repeat;
float: left;
}


div#middle{
width: 640px;
/*height: 407px;*/
background-image:url(images/middle-repeat.png);
background-repeat: repeat-y;
float: left;
padding:15px 0 0 34px;
margin:6px 0 0;
}


div#middle.img{border-bottom: dotted 1px #333333;}

div#footer{
width: 640px;
height: 29px;
background-image:url(images/body-footer.png);
background-repeat: no-repeat;
float: left;
}


div#index-footer{
width: 640px;
height: 29px;
background-image:url(images/body-footer.png);
background-repeat: no-repeat;
float: left;
margin:476px 0 0;
}

div#piece{
width: 579px;
margin:16px 0 0 34px;

}



div#art-direction{
width: 579px;
margin:12px 0 0 33px;
}

div#about-me{
font-family: "Archer", Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
margin: 40px 0 130px 0;
text-align: center;
height: 300px;

}


/*END LEFT SIDE*/


/*START HOME PAGE BUCKETS*/



div#middle-index{
width: 640px;
height: 476px;
background-image:url(images/middle-repeat.png);
background-repeat: repeat-y;
float: left;
position:relative;
margin:6px 0 0;
}

div#index_bucket_001{
height:134px;
left:100px;
position:absolute;
top:67px;
width:195px;
}

div#index_bucket_002{
height:134px;
left:338px;
position:absolute;
top:67px;
width:195px;
}

div#index_bucket_003{
height:134px;
left:100px;
position:absolute;
top:273px;
width:195px;
}

div#index_bucket_004{
height:134px;
left:338px;
position:absolute;
top:274px;
width:195px;
}

/*END HOME PAGE BUCKETS*/



/*START RIGHT SIDE*/

div#sidebar{
width: 237px;
float: right;

}

div#profile{
width: 237px;
height: 238px;
background-image:url(images/profile.png);
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #000000;
font-size: 12px;
text-align: center;
background-repeat: no-repeat;
padding:100px 0 0;
line-height:24px;
}

div#behind{
width: 237px;
height: 190px;
background-image:url(images/behind-the-scenes.png);
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #000000;
font-size: 12px;
text-align: center;
background-repeat: no-repeat;
padding:100px 0 0;
line-height:24px;
}

.behind a:hover{
font-family: Archer, Georgia, "Times New Roman", Times, serif;
color: #000000;
text-decoration: none;
font-size: 12px;
}

.behind a:active, .behind a:link, .behind a:visited {
font-family: Archer, Georgia, "Times New Roman", Times, serif;
color: #000000;
text-decoration: underline;
font-size: 12px;
}

div#details{
width: 237px;
height: 190px;
background-image:url(images/details.png);
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #000000;
font-size: 12px;
text-align: center;
background-repeat: no-repeat;
padding:100px 0 0;
line-height:24px;
}

div#social{
width: 237px;
height: 242px;
background-image:url(images/social-networking/bkg.png);
background-repeat: no-repeat;
}



/*END RIGHT SIDE*/



/*START NAVIGATION*/

div#nav{width: 611px; height: 32px; margin:154px 0 0 17px;}
	div#nav ul {width: 100%; height: 100%; overflow: hidden; background: url(images/nav-bkg.jpg) no-repeat top center;}
		div#nav ul li {float: left;}
			div#nav ul li a {text-indent: -9999px; overflow: hidden; display: block; height: 32px;}
		
		
		/*Hey Jeremy, this is Jeremy. Read the notes dummy.*/
		/*Start First item in Nav 108+0=108 */
		div#nav ul li.portfolio_one a {width: 108px}
		div#nav ul li.portfolio_one a:hover, div#nav ul li.portfolio_one a.current {background: url(images/nav-bkg.jpg) no-repeat 0px bottom;}
		/*End First item in Nav*/
		
		/*Start Next item in Nav 103+108=211 */
		div#nav ul li.portfolio_two a {width: 103px}
		div#nav ul li.portfolio_two a:hover, div#nav ul li.portfolio_two a.current {background: url(images/nav-bkg.jpg) no-repeat -108px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 96+211=307 */
		div#nav ul li.logos a {width: 96px}
		div#nav ul li.logos a:hover, div#nav ul li.logos a.current {background: url(images/nav-bkg.jpg) no-repeat -211px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 135+307=442 */
		div#nav ul li.chapel a {width: 135px}
		div#nav ul li.chapel a:hover, div#nav ul li.chapel a.current {background: url(images/nav-bkg.jpg) no-repeat -307px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 86+442=528 */
		div#nav ul li.broadcast a {width: 86px}
		div#nav ul li.broadcast a:hover, div#nav ul li.broadcast a.current {background: url(images/nav-bkg.jpg) no-repeat -442px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav No more adding neccesary*/
		div#nav ul li.about a {width: 82px}
		div#nav ul li.about a:hover, div#nav ul li.about a.current {background: url(images/nav-bkg.jpg) no-repeat -528px bottom;}
		/*End Next item in Nav*/
		
		
		
/*END NAVIGATION*/		



/*START FOOTER*/

div#footer-links{
float:left;
height:50px;
text-align:center;
width:634px;
}

.footer-links{
font-family: Archer, Georgia, "Times New Roman", Times, serif;
color: #000000;
font-size: 10px;

}
.footer-links a:link{
font-family: Archer, Georgia, "Times New Roman", Times, serif;color: #000000;
font-size: 10px;

}

.footer-links a:visited{
font-family: Archer, Georgia, "Times New Roman", Times, serif;color: #000000;
font-size: 10px;

}

.footer-links a:hover{
font-family: Archer, Georgia, "Times New Roman", Times, serif;color: #000000;
font-size: 10px;
text-decoration: none;

}


/*END FOOTER*/

/*START COMMENTS*/
div#disqus_thread{
font-family: Georgia, "Times New Roman", Times, serif;
color: #333333;
margin: 30px 0 0 40px;
width: 579px;


}


/*END COMMENTS*/


div#logo-nav{
margin: 161px 0 0 120px;

}

div#logo-nav a:link{
text-decoration: none;
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #333333;
padding: 0 15px 0 0;
text-align: center;
}

div#logo-nav a:active{
text-decoration: none;
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #333333;
padding: 0 15px 0 0;
text-align: center;
}

div#logo-nav a:hover{
text-decoration: none;
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #333333;
padding: 0 15px 0 0;
text-align: center;
}

div#logo-nav a:visited{
text-decoration: none;
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #333333;
padding: 0 15px 0 0;
text-align: center;
}

div#logo-nav a.current{
text-decoration: underline;
font-family: Archer, Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #333333;
padding: 0 15px 0 0;
text-align: center;
}