body
{
	background: #9a9291;
	font-family: helvetica, sans-serif;
	color: #5a5a5a;
}

#container
{
	width: 907px;
	margin: auto;
	height: 100%;
}

#header
{
	background-image: url('images/headerbg.jpg');
	width: 907px;
	height: 259px;
	background-repeat: no-repeat;
}

#headerright
{
	position: relative;
	top: 10px;
	left: 225px;
	width=450px: ;
	background: none;
	font-size: 14px;
}

a
{
	color: #5a5a5a;
	font-size: 11px;
	text-decoration: underline;
}

a:hover { color: #000000; }

a.right
{
	position: relative;
	left: 400px;
}

#menu ul { text-align: center; }

#navlist li
{
	display: inline;
	list-style: none;
	padding-right: 50px;
	position: relative;
	top: -15px;
}

#middle
{
	background-image: url('images/middlebg2.jpg');
	background-repeat: repeat-y;
	display: block;
	width: 907px;
	height: 100%;
	/*background-repeat: no-repeat;*/
}

#middle h1
{
	font-family: "Helvetica";
	font-size: 24px;
	color: #000000;
	position: relative;
	display: block;
	width: 650px;
	height: 100%;
	vertical-align: middle;
	padding: 0 0 25px 0;
}

.page
{
	color: #a5a5a5;
	font-size: 18px;
}

#bottom
{
	background-image: url('images/bottombg.jpg');
	display: block;
	vertical-align: top;
	width: 907px;
	height: 100%;
	background-repeat: repeat-y;
}
a.rightjust
{
	float: right;
	margin: 5px 5px 0 0;
}

#sdtweets { text-align: left;
margin-left:10px;}


.tweetag_tweet_avatar { float:left;}


.tweetag_tweet a {
font-size: 12px;
font-family: Helvetica,'Lucida Sans Unicode';
text-decoration:none;

}
.tweetag_tweet a:hover {
font-size: 12px;
font-family: Helvetica,'Lucida Sans Unicode';
}
.tweetag_tweet a:visited {
font-size: 12px;
font-family: Helvetica,'Lucida Sans Unicode';

}
.tweetag_tweet_author 
{
font-family: Helvetica,'Lucida Sans Unicode';
font-size: 12px;
color:#000000;
font-weight:bold;
text-decoration:none;
padding: 5px 0 0 5px;

}
.tweetag_tweet_author a
{
font-family: Helvetica,'Lucida Sans Unicode';
font-size: 12px;
color:#000000;
font-weight:bold;
text-decoration:none;


}
.tweetag_tweet_body 
{
	font-family: Helvetica,'Lucida Sans Unicode';
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 5px;
}
.tweetag_tweet_body a, .tweetag_tweet_body.a
{
	font-family: Helvetica,'Lucida Sans Unicode';
	font-size: 12px;
	color: #9a9291;
	font-weight: normal;
	text-decoration: none;
	
}

.tweetag_tweet_metadata 
{
	font-family: 'Lucida Sans Unicode';
	font-size: 10px;
	color: #9a9291;
	font-weight: normal; 
	text-decoration:none;
	text-align:right;
	float: top;	
	padding: 5px;
}
.tweetag_tweet_metadata a
{
	font-family: 'Lucida Sans Unicode';
	font-size: 10px;
	color: #9a9291;
	font-weight: normal; 
	text-decoration:none;
	text-align:right;
	float: top;	

}
#rightcol
{
text-align:left;
}
.celebname
{
	color: #000000;
	font-size: 12px;
	font-family: 'Lucida Sans Unicode';
	background-color:#d2d2d2;
	width="100%";
}
.celeblinks
{
color: #98908f
text-decoration: underline;
font-size:12px;
text-align:top;
}

.floatimgleft
{
float:left;
margin:0 15px 0 0;
}
.floatimgleft2
{
float:left;
margin: 10px 0 0 7px;
}
.floatimgleft3
{
display:block;
margin: 10px 0 0 2px;

}
.floatimgright
{
float:right;
margin:5px 5px 5px 5px;
}


#about
{
	font-size: 12px;
	font-family: 'Lucida Sans Unicode';
	color: #000000;
	padding: 5px 0 5px 5px;
	text-align:left;
}
#about a

{
font-size: 12px;
	font-family: 'Lucida Sans Unicode';
	color: #000000;
text-decoration:none;
}
#about a:hover

{
font-size: 12px;
	font-family: 'Lucida Sans Unicode';
	color: #000000;
text-decoration:underline;
}
.sd
{
	display: inline;
	color: #e11420;
	font-family: times, 'serif';
	font-size: 13px;
}

#footer li
{
	display: inline;
	list-style: none;
	padding-right: 15px;
	position: relative;
	top: -15px;
}

#footer a
{
	text-decoration: underline;
	font-size: 12px;
	font-family: 'Lucida Sans Unicode';
	color: #d2d2d2;
}

#footer a:hover { color: #ffffff; }

/*rounded borders for tweets with a bunch for non-IE*/



.rounded_STYLE
{
    background-color: #FFFFFF;          /* if needed */
    border: 0 dotted #000000;   /* if needed */
    -webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
    float:right;
    width:440px;
    height:75px;
   
}
.rounded_STYLE
{

  background-color: #FFFFFF;            /* if needed */
  border: 0 dotted #000000;     /* if needed */
  position: relative;
    float:right;

}
/*rounded borders for tweets with for IE*/
.rounded_STYLE > .tl, .rounded_STYLE > .tr, .rounded_STYLE > .bl, .rounded_STYLE > .br
{
  width: RADIUS;
  height: RADIUS;
  position: absolute;
}

.rounded_STYLE > .tl
{
  background: url(/images/ui/rounded/STYLE-tl.png) top left no-repeat;
  top: OFFSET;
  left: OFFSET;
}

.rounded_STYLE > .tr
{
  background: url(/images/ui/rounded/STYLE-tr.png) top right no-repeat;
  top: OFFSET;
  right: OFFSET;
}

.rounded_STYLE > .bl
{
  background: url(/images/ui/rounded/STYLE-bl.png) bottom left no-repeat;
  bottom: OFFSET;
  left: OFFSET;
}

.rounded_STYLE > .br
{
  background: url(/images/ui/rounded/STYLE-br.png) bottom right no-repeat;
  bottom: OFFSET;
  right: OFFSET;
}

/*image map code*/

<style type="text/css">
	dl.image_map {display:block; width:435px; height:188px; background:url(http://simplediary.com/twitter/images/simplediarybooks.jpg); position:relative; margin:2px auto 2px auto;}
	a.LINK0 {left:1px; top:2px; background:transparent;}
	a.LINK0 {display:block; width:118px; height:0; padding-top:166px; overflow:hidden; position:absolute;}
	a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}
	a.LINK1 {left:118px; top:3px; background:transparent;}
	a.LINK1 {display:block; width:64px; height:0; padding-top:166px; overflow:hidden; position:absolute;}
	a.LINK1:hover  {background:transparent; border:1px dashed black; color:black;}
	a.LINK2 {left:178px; top:3px; background:transparent;}
	a.LINK2 {display:block; width:64px; height:0; padding-top:166px; overflow:hidden; position:absolute;}
	a.LINK2:hover  {background:transparent; border:1px dashed black; color:black;}
	a.LINK3 {left:240px; top:3px; background:transparent;}
	a.LINK3 {display:block; width:64px; height:0; padding-top:166px; overflow:hidden; position:absolute;}
	a.LINK3:hover  {background:transparent; border:1px dashed black; color:black;}
	a.LINK4 {left:302px; top:2px; background:transparent;}
	a.LINK4 {display:block; width:60px; height:0; padding-top:166px; overflow:hidden; position:absolute;}
	a.LINK4:hover  {background:transparent; border:1px dashed black; color:black;}
	a.LINK5 {left:360px; top:3px; background:transparent;}
	a.LINK5 {display:block; width:64px; height:0; padding-top:166px; overflow:hidden; position:absolute;}
	a.LINK5:hover  {background:transparent; border:1px dashed black; color:black;}
	a.BLINK {left:433px; top:186px; background:transparent;}
	a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}
	a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}
</style>

<dl class="image_map">
	<dd><a class="LINK0" title="Red" href="colors.php#red"></a></dd>
	<dd><a class="LINK1" title="Orange" href="colors.php#orange"></a></dd>
	<dd><a class="LINK2" title="Yellow" href="colors.php#yellow"></a></dd>
	<dd><a class="LINK3" title="Green" href="colors.php#green"></a></dd>
	<dd><a class="LINK4" title="Blue" href="colors.php#blue"></a></dd>
	<dd><a class="LINK5" title="Brown" href="colors.php#brown"></a></dd>
	<dd><a class="BLINK" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_4200907082015175">Mapped @ Image Mapper</a></dd>
</dl>