/*
960px Grid Framework system.
Main Style CSS
*/

body {background:#000 url(../images/grid.jpg) no-repeat center top;}

#container{width:940px;margin:0 auto;}
#head{height:360px;width:940px;background:url(../images/head.jpg) no-repeat center top;}
#intro{height:80px;width:940px;overflow:auto}
.intro{line-height:80px;color:#666;font-size:21px;margin:0;padding:0;text-align:center}

/*Menu*/

.menu{height:40px;text-transform:uppercase;width:900px;padding-top:260px}
.menu ul{list-style: none; margin-left:0px}
.menu ul li{display: inline;padding:10px 20px 0 0;line-height : 40px;  }
.menu ul li a{ padding:7px; color:#666;background:#111;border:1px solid #222;}
.menu ul li a:hover{color:#FFF}

#left{width:640px; float:left;margin-top:80px}
#left img {padding:0 20px 5px 0;float:left}
#right{float:right; width:260px;margin-left:40px;margin-top:80px}
#right img {border:1px solid #222;padding:0;}

#footer{clear:both;background:url(../images/footer.jpg) no-repeat center;height:440px;position:relative;z-index:5}
#footer p {position:relative; top:50px}

.wrap {width:940px;margin:0 auto}
.post{clear:both;height:100%;min-height:300px;margin-bottom:20px;border-bottom:1px dotted #222}
.ads {margin-bottom:40px}
p.left{float:left;width:100%}
p.right{float:right;width:100%}

/*Three Boxes*/

#boxes{clear:both;padding:40px 0 40px 0;}
.left, .middle, .right  {width:300px;float:left;}
.middle {margin-left:20px;margin-right:20px;} 

/*Content and Sidebar*/

#content{width:620px;float:left;}
#sidebar{width:300px;float:right;}