@charset "UTF-8";

#mainwrapper{
background: url(//s3-us-west-1.amazonaws.com/img.sideorder.com/img/mainwrapper-about-bg.png) center top repeat-y #fff;
}

#leftcol, #rightcol{
margin-top: 50px;
}

#leftcol{
float: left;
padding-left: 45px;
}

#rightcol{
float: right;
width: 752px;
}

.content{
font-family: "PT Sans";
font-size: 14px;
}

.legal.content{
text-align: justify;
}

.content h1{
font-family: "Arvo";
font-size: 22px;
color: #000;
}

.content p{
width: 600px;
margin-bottom: 17px;
clear: both;
line-height: 1.2em;
color: #333;
}

.content blockquote, .legal li{
width: 585px;
margin: 0 0 12px 15px;
color: #333;
display: block;
}

.legal h2{
font-size: 16px;
margin: 5px 0 14px;
}

.legal h3{
text-decoration: underline;
margin-bottom: 3px;
font-size: 14px;
}

.content blockquote strong{
font-family: "Arvo";
}

#pageLinks a{
font-family: "PT Sans";
font-size: 16px;
color: #000;
}

.content strong{
color: #000;
}

#pageLinks a.selected:before{
content: url(//s3-us-west-1.amazonaws.com/img.sideorder.com/img/arrowBulletSmallBlack.png) no-repeat;
margin-left: -10px;
padding-right: 3px;
}

#pageLinks a.selected:hover{
color: #000;
text-decoration: none;
cursor: default;
}

#pageLinks a:hover{
color: #06c;
text-decoration: underline;
}

#pageLinks li{
margin-bottom: 16px;
}

#socialCircle{
display: block;
margin: -10px 0 0 -4px;
}

#socialCircle li{
display: block;
float: left;
margin: 0 4px; 
}

#socialCircle a{
display: block;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -999px;
}

#socialCircle #facebook{
background: url(//s3-us-west-1.amazonaws.com/img.sideorder.com/img/facebook.png) no-repeat;
}

#socialCircle #twitter{
background: url(//s3-us-west-1.amazonaws.com/img.sideorder.com/img/twitter-2.png) no-repeat;
}

#socialCircle #tumblr{
background: url(//s3-us-west-1.amazonaws.com/img.sideorder.com/img/tumblr.png) no-repeat;
}


.legal ul{

}