/* Stylesheet for the index */

#tab-area{
width:900px;
margin:15px;
}

.tab-area-left{
float:left;
width:430px;
}

.tab-area-right{
float:right;
width:430px;
}

.tab-area-right-pic{
float:right;
width:430px;
height:100%;
border-left:1px dotted #F0E4AA;
}

.tab-area-right-image-only{
float:right;
width:430px;
height:100%;
}

.tab-area-right-text{
padding-left:10px;
border-left:1px dotted #F0E4AA;
float:right;
width:420px;
height:100%;
}

.tab-area-right-text ol{
padding:10px 0 0 15px;
}

#twitter_div ol{
padding:0 20px;
}

#twitter_div ol li{
padding:5px 0 0;
}

.twitter{
height:100%;
background-image:url('../img/twitter.png');
background-position:top right;
background-repeat:no-repeat;
}

#static{
width:100%;
margin:30px auto 0;
background-image:url('../img/static-bg.png');
background-position:top center;
background-repeat:repeat-y;
}

#static-content{
width:900px;
margin:0 auto;
padding:10px 0;
}

#static-content h3, #static-content h4, #static-content p{
padding:0 20px;
}

.static-content-left{
width:300px;
float:left;
}

.static-content-middle{
width:300px;
float:left;
}

.static-content-right{
width:300px;
float:right;
}

#Contact ol li{
padding:0 0 10px;
}

input{
font-size:140%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
background-color:#F0E4AA;
border:3px solid #4E5423;
}

textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
background-color:#F0E4AA;
border:3px solid #4E5423;
}

blockquote{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:350%;
line-height:1em;
width:300px;
margin:40px auto;
}

label{
font-size:180%;
}

.portfolio-content{
width:194px;
height:96px;
background-color:#330000;
border:1px solid #F0E4AA;
margin:5px;
}

.portfolio-content:hover{
width:194px;
height:96px;
background-color:#4E5423;
border:1px solid #F0E4AA;
margin:5px;
}

.portfolio-content img{
padding-top:4px;
padding-left:4px;
}

.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}