/* * * * * * * * * * * *
*
* Theme Developer Alliance
* Version 1 stylesheet
*
* * * * * * * * * * * */

* {
margin: 0;
padding: 0;
}

#theme-developer-alliance {
color: #FFFFFF;
background-color: #333333;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 13px;
text-align: center;
}

#Header {
width: 100%;
height: 150px;
color: inherit;
background-color: inherit;
background-image: url(images/header.gif);
background-position: top center;
background-repeat: no-repeat;
}

#Title {
display: none;
}

#Page {
width: 558px;
margin: 0 auto;
text-align: left;
}

#Side {
width: 192px;
float: left;
color: #333333;
background-color: #FFFFFF;
background-image: url(images/whitebox-sideline.gif);
background-position: top right;
background-repeat: repeat-y;
}

#SideWrapOne {
width: 192px;
padding-top: 20px;
margin-right: -2px
color: inherit;
background-color: transparent;
background-image: url(images/whitebox-top.gif);
background-position: top right;
background-repeat: no-repeat;
}

#SideWrapTwo {
width: 192px;
padding-bottom: 20px;
color: inherit;
background-color: transparent;
background-image: url(images/whitebox-bottom.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#Side ul {
list-style-type: none;
width: 190px;
margin: 0;
}

#Side ul li {
list-style-type: none;
margin: 0;
display: block;
width: 190px;
height: 30px;
}

#Side ul li a {
display: block;
width: 190px;
height: 26px;
padding-top: 4px;
text-align: center;
font-size: 16px;
text-decoration: underline;
color: #000000;
background-color: #FFFFFF;
background-position: bottom right;
background-repeat: no-repeat;
}

#Side ul li a:hover {
text-decoration: none;
background-color: #00AADD;
background-image: url(images/arrow.gif);
background-position: center left;
background-repeat: no-repeat;
}

#Allies {
width: 192px;
height: 30px;
color: #FFFFFF;
background-color: #333333;
background-image: url(images/title-allies.gif);
background-position: top center;
background-repeat: no-repeat;
}

#Allies span {
display: none;
}

#Content {
width: 336px;
padding: 0 0 30px 30px;
float: right;
}

#Introduction {
width: 100%;
height: 50px;
text-align: center;
background-color: #333333;
background-image: url(images/title-introduction.gif);
background-position: top center;
background-repeat: no-repeat;
}

#Introduction span {
display: none;
}

#Name {
width: 100%;
height: 50px;
text-align: center;
background-color: #333333;
background-image: url(images/title-name.gif);
background-position: top center;
background-repeat: no-repeat;
}

#Name span {
display: none;
}

#Projects {
width: 100%;
height: 50px;
text-align: center;
background-color: #333333;
background-image: url(images/title-projects.gif);
background-position: top center;
background-repeat: no-repeat;
}

#Projects span {
display: none;
}

p {
margin-bottom: 30px;
}

.dropcap {
float: left;
font-size: 50px;
line-height: 30px;
padding: 2px;
font-family: Times, serif, Georgia;
}

li {
margin-left: 20px;
}

a {
color: #808080;
}

a:hover {
color: #00AADD;
text-decoration: none;
}