@charset "UTF-8";

/*  
Theme Name: stoise
Theme URI: danceshoes
Description: my own blog theme.
Version: 1.0
Author: Kevin Mercier
Author URI: http://www.stoise.com
*/

	*{margin:0; padding:0}

body {
	text-align: center;
	font-family: Trebuchet MS, Arial, san-serif;
	background: url('../images/bgimg.jpg') repeat-x 0 0 #7c359b;
}

#container {
	margin: 0 auto;
	text-align: center;
	width: 1020px;
}

#topcharacter {
	width: 1020px;
	height: 419px;
	background: url('../images/character.png') 0 0 no-repeat;

}

#buttonhold {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	}

/* three_examples */

#mostrecent {
	width: 1020px;
	margin: 0 auto;
	overflow: hidden;
	height: 280px;
}


.portbox1 {
	height: 185px;
	width: 276px;
	background: url('../images/box1.jpg') 0 0 no-repeat;
}

ul#tribox li a img {
	margin: 21px 10px 0px 8px;
	height: 185px;
	width: 278px;
	border: none;
}

ul#tribox {
	float: right;
	margin-top: 12px;
}

ul#tribox li {
	display: inline;
}

ul#tribox li a {
	height: 228px;
	width: 320px;
	background: url('../images/box.png') 0 0 no-repeat;
	float: left;
	margin-right: 10px;
}

/* about & twitter */

#bucket {
	margin: 0px 0px 0px 38px;
	width: 960px;
	height: 520px;
	text-align: left;
}

#aboutme {
	letter-spacing: -0.01em; 
	float:left;
	text-align: left;
	line-height: 1.6em;
	font-size: 14px;
	color: #ffffff;
	width: 300px;
	height: 500px; 
}

#aboutme h1 {
	text-align: left;
	font-size: 40px;
	color: #b534ef;	
	line-height: 1em;
}

#twitter {
	margin: 0px 0px 0px 34px;
	float: left;
	color: #ffffff;
	width: 549px;
	height: 43px;
}

#twittericon {
	background: url('../images/tweeterbird.png') 0 0 no-repeat;
	height: 43px;
	width: 67px;
	float:left;
}

#twitter h1 {
	text-align: left;
	font-size: 40px;
	color: #58dbff;
	line-height: 1em;
}

#theright{
	margin-left: 80px;
	float: left;
	width: 580px;
}

/* juitter twitter plugin */



#juitterContainer ul {
	margin-top: 0px;
	padding-top: 25px;
	
}

#juitterContainer ul li {
	background: url('../images/twitbg.png') 0 0 no-repeat;
	padding: 13px 40px 30px 40px;
	width: 472px;
	height: 70px;
	float: left;
}

#juitterContainer ul li a{
color:#b534ef;
text-decoration: none;
}


html>#juitterContainer ul li {
} 

#juitterContainer ul li span.tweet {
	font-size: 14px;
	line-height: 1.2em;
	font-style: italic;
	color: #ffffff;
}

#juitterContainer ul li span.time {
	float: left;
	padding-left: 50px;
	font-size: 10px;
	padding-top: 20px;
	color: #58dbff;
}

#juitterContainer ul li a.JRM  {
	float: right;
	font-size: 10px;
	padding-top: 20px;
	color: #b534ef;
	text-decoration: none;
}

#juitterContainer ul li img {
	display:none;
}


#juitterContainer .juitterAvatar{
	display: none;
}

/* top navigation */

ul#topnavy {
	float: right;
	margin-top: 40px;
	margin-right: 110px;
}

ul#topnavy li {
	display: inline;
}

ul#topnavy li a {
	background: url(../images/navythang.png) no-repeat;
	height: 44px;
	display: block;
	float: left;
	margin-right: 10px;
}


/* homebtn */

ul#topnavy li a.nav_home {
	width: 83px;
}

ul#topnavy li a.nav_home:hover {
	background-position: 0 -44px;
}

ul#navy li.active a.nav_home {
	background-position: 0 -88px;
}


/* blogbtn */

ul#topnavy li a.nav_blog {
	width: 82px;
	background-position: -84px 0;
	}
ul#topnavy li a.nav_blog:hover {
	background-position: -84px -44px;
	}
ul#navy li.active a.nav_blog {
	background-position: -84px -88px;
	}

/* portbtn */

ul#topnavy li a.nav_portfolio {
	width: 118px;
	background-position: -166px 0;
	}
ul#topnavy li a.nav_portfolio:hover {
	background-position: -166px -44px;
	}
ul#navy li.active a.nav_portfolio {
	background-position: -166px -88px;
	}

/* contactbtn */

ul#topnavy li a.nav_contact {
	width: 105px;
	background-position: -284px 0;
	}
ul#topnavy li a.nav_contact:hover {
	background-position: -284px -44px;
	}
ul#navy li.active a.nav_contact {
	background-position: -284px -88px;
	}
	
/* feeter */

#feeter {
	background: url('../images/footerbg.png') 0 0 repeat-x;
	height: 300px;
	margin-top: 40px;
}

#feeterhold {
	margin:0px auto;
	padding:0;
	width:960px;
	color: #ffffff;
}

#feetercol {
	margin: 50px 10px;
	width: 300px;
	float: left;
}
#feettitle{
padding-bottom: 6px;
}

#feetercol ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

#feetercol li{
	text-align: left;
	margin: 0;
	padding: 0px;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}

#feetercol a{
}

#feetercol ul li ul{
	padding-bottom: 6px;
}
	

#feetercol li li a {
letter-spacing: 0.04em; 
display: block;
font-size: 12px;
color: #58dbff;
padding: 6px 5px 1px 0px;
text-decoration: none;
font-weight: normal;
}

#feetercol a hover{
}

#feetercol