/* 
----------------------------------
Screen Style Sheet
Author: 	Michael Tighe
Site:		miketighe.net
Date:		Oct 2006
----------------------------------
*/
* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
body {
background: url(../graphics/body_xrepeater.gif) repeat-x top;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
margin: 2em 0 2em 0;
}

/* Div Control
-----------------------------------*/
#container {
width: 400px;
text-align: left;
margin: 0 auto;
}
#container li {
padding: 0 0 0 18px;
margin: 0 0 0 0px;
line-height: 1.5em;
background: url(../graphics/white_bullet.gif) no-repeat left;
font-size: 0.8em;
list-style: none;
}
#container li a {color: #000;}
#container dl {
background: #000 url(../graphics/rounded_bottom.png) no-repeat bottom;
width: 400px;
min-height: 20px;
margin: 1.5em 0 1.5em 0;
padding: 0 0 1em 0;
color: #FFF;
}
#container dt {
background: url(../graphics/rounded_top.png) no-repeat top;
line-height: 55px;
text-align: center;
font-size: 1em;
color: #FF3366;
border-bottom: 1px solid #eee;
}
#container dd {
padding: 0 0 0 30px;
margin: 0 0 0 30px;
line-height: 2.5em;
background: url(../graphics/bullet.gif) no-repeat left;
font-size: 0.8em;
}
#container dd.pink {
text-align: center;
font-size: 1em;
color: #FF3366;
background: none;
padding: 0;
margin: 0;
}
h1 {font-size: 1.5em; text-align: center; margin:0 0 1.25em 0;}
#container h1#calgary_web_designer, #container p#calgary_web_designer {
text-align: center;
font-size: 1em;
color: #FF3366;
font-weight: normal;
width: 411px;
height: 67px;
background: transparent url(../graphics/miketighe-logo.gif) no-repeat center left;
overflow: hidden;
text-indent: -9999px;
}
#container h2 {
line-height: 35px;
text-align: center;
font-size: 1em;
color: #FF3366;
font-weight: normal;
}
#container h2 a {color: #FF3366; padding: .2em; border: 1px solid #000; display: block; margin: 1em 0 0 0; background: #eee;}
#container h2 a:hover { color: #000;}
#container h3 {
font-size: 0.8em;
font-weight: normal;
color: #000;
margin: 0 0 1em 0;
}
#container p {
text-align: justify;
font-size: 0.8em;
color: #000;
margin: 0 0 1em 0;
line-height: 1.6em;
}
#container p.contact { text-align: center;}
#container p.linkedin { text-align: center;}
#container p.linkedin a {
background: transparent url(http://www.linkedin.com/img/webpromo/btn_linkedin_120x30.gif) no-repeat center left;
width: 120px;
height: 30px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
/* Link Control
-----------------------------------*/
#container a {
color: #FFF;
text-decoration: none;
}
#container a:hover {
text-decoration: underline;
color: #AFD5D8;
}
#container p a {
color: #000;
text-decoration: underline;
}
#container p a:hover {
color: #000;
text-decoration: none;
}