/* Paul West [http://www.yaypaul.com/] */
/* Version: 2.0 - 20091012 */

body{background:#c9fefe url(/img/dfc2-bodybg.png) repeat-x; font-family:"Myriad Pro", "Myriad", Helvetica, Arial, sans-serif !important;}

.frameworkCenter{width:990px;}
a{text-decoration:none; color:#0081ff;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{text-decoration:underline;}
.btnLink{text-indent:-2000px;}
.alpha{
   opacity: 0.90;  /* Modern Browsers, eg: Firefox, Safari, Opera, Chrome */
   filter: alpha(opacity = 90);  /* IE */
   -moz-opacity: 0.90;  /* Old Mozilla, eg: Netscape */
   -khtml-opacity: 0.90;  /* Old Safari */
   zoom: 1; /* Requires for IE if the element is not positioned relatively */
}

#header{height:150px; margin-bottom:30px; background:url(/img/dfc2-headbg.png) 50% -25px no-repeat;}
#logo{width:240px; height:240px; background:url(/img/dfc2-sprites.png) 0 0 no-repeat;}
#ad{width:648px; height:130px; margin-top:30px; margin-right:30px; padding:0;}
#ad span{margin-right:50px;}
/* #ad a{font-size:10px; color:#000;}
#ad a.link{padding-right:12px;} */

#content{background:url(/img/dfc2-contbg.png) 50% 0 no-repeat;}
#content .frameworkCenter{width:840px;}
#content .frameworkCenter.mainNav{height:37px;}
#content .frameworkCenter.page{padding-bottom:100px; padding-top:20px; background-color:#fff;}

/* Main Nav */
.mainNav a{height:37px; font-weight:bold;}

.mainNav a.home{width:77px; background:url(/img/dfc2-sprites.png) -250px -103px no-repeat;}
.mainNav a.home:hover{background:url(/img/dfc2-sprites.png) -250px -52px no-repeat;}
.mainNav a.home:focus, .mainNav a.homeOn{width:77px; background:url(/img/dfc2-sprites.png) -250px 0 no-repeat;}

.mainNav a.toys{width:70px; background:url(/img/dfc2-sprites.png) -327px -103px no-repeat;}
.mainNav a.toys:hover{background:url(/img/dfc2-sprites.png) -327px -52px no-repeat;}
.mainNav a.toys:focus, .mainNav a.toysOn{width:70px; background:url(/img/dfc2-sprites.png) -327px 0 no-repeat;}

.mainNav a.battle{width:85px; background:url(/img/dfc2-sprites.png) -397px -103px no-repeat;}
.mainNav a.battle:hover{background:url(/img/dfc2-sprites.png) -397px -52px no-repeat;}
.mainNav a.battle:focus, .mainNav a.battleOn{width:85px; background:url(/img/dfc2-sprites.png) -397px 0 no-repeat;}

.mainNav a.shop{width:68px; background:url(/img/dfc2-sprites.png) -947px -103px no-repeat;}
.mainNav a.shop:hover{background:url(/img/dfc2-sprites.png) -947px -52px no-repeat;}
.mainNav a.shop:focus{width:68px; background:url(/img/dfc2-sprites.png) -947px -52px no-repeat;}

.mainNav a.help{width:68px; background:url(/img/dfc2-sprites.png) -482px -103px no-repeat;}
.mainNav a.help:hover{background:url(/img/dfc2-sprites.png) -482px -52px no-repeat;}
.mainNav a.help:focus, .mainNav a.helpOn{width:68px; background:url(/img/dfc2-sprites.png) -482px 0 no-repeat;}

.mainNav a.about{width:81px; background:url(/img/dfc2-sprites.png) -550px -103px no-repeat;}
.mainNav a.about:hover{background:url(/img/dfc2-sprites.png) -550px -52px no-repeat;}
.mainNav a.about:focus, .mainNav a.aboutOn{width:81px; background:url(/img/dfc2-sprites.png) -550px 0 no-repeat;}

.mainNav a.news{width:75px; background:url(/img/dfc2-sprites.png) -631px -103px no-repeat;}
.mainNav a.news:hover{background:url(/img/dfc2-sprites.png) -631px -52px no-repeat;}
.mainNav a.news:focus, .mainNav a.newsOn{width:75px; background:url(/img/dfc2-sprites.png) -631px 0 no-repeat;}

.mainNav a.extras{width:87px; background:url(/img/dfc2-sprites.png) -706px -103px no-repeat;}
.mainNav a.extras:hover{background:url(/img/dfc2-sprites.png) -706px -52px no-repeat;}
.mainNav a.extras:focus, .mainNav a.extrasOn{width:87px; background:url(/img/dfc2-sprites.png) -706px 0 no-repeat;}

.mainNav .search{padding-right:20px;}
.mainNav .search input{width:155px; height:20px; font-size:14px; padding:5px 0 0 5px; margin:0; background-color:#fff; color:#ccc;}
.mainNav .search a{width:27px; height:25px; background:url(/img/dfc2-sprites.png) 0 -281px no-repeat;}
.mainNav .search a:hover{background:url(/img/dfc2-sprites.png) -37px -281px no-repeat;}
.mainNav .search a:focus{background:url(/img/dfc2-sprites.png) -74px -281px no-repeat;}

/* Page Nav */
.pageNav{font-size:20px; line-height:30px;}
.pageNavSmall{font-size:12px; line-height:20px;}
.inPageNav{font-size:11px; margin-bottom:15px;}

/* Headings */
h1{font-size:30px;}
h1 a{color:#000;}
h1.catHead{font-weight:bold; margin-bottom:15px;}
h2{font-size:24px;}
h2.statsTitle{margin-top:-6px;}
h2.commTitle{margin-top:-16px;}
.entry h2{margin-bottom:5px;}
.seriesInfo h2{font-size:18px; font-weight:bold; margin:20px 20px 10px 20px;}
h3{font-size:18px;}
#sidebar h3{font-size:24px; margin-bottom:10px;}
#sidebar h4{font-size:18px; margin-bottom:10px; line-height:21px;}

/* Content */
#page{width:513px; padding:10px 20px 0 30px; border-right:2px #c9fefe solid;}
#page .entry{margin-bottom:40px;}
#page .entry .info{font-size:12px;}
#page .entry .img.s1, #page .entry .img.s2, #page .entry .img.s3{width:490px; height:297px; margin:20px 0 20px 10px;}
#page .entry .img.s1{background:url(/img/dfc2-s1-sprites.png) 0 0 no-repeat;}
#page .entry .img.s2{background:url(/img/dfc2-s2-sprites.png) 0 0 no-repeat;}
#page .entry .img.s3{background:url(/img/dfc2-s3-sprites.png) 0 0 no-repeat;}
#page .entry .extra{height:22px;}
#page .entry .extra a{font-size:14px; padding-left:10px; padding-top:5px;}
#page .entry .extra .info{padding-right:10px; padding-top:5px;}
#page .entry .new{width:153px; height:117px; background:url(/img/dfc2-sprites.png) 0 -154px no-repeat; top:176px; left:0; z-index:1;}
#page .entry .cyo{width:110px; height:30px; background:url(/img/dfc2-sprites.png) -397px -154px no-repeat; top:266px; left:0; z-index:1;}
#page .entry .seriesInfo{padding-bottom:20px; top:133px; left:-10px; z-index:2;}
#page .entry .seriesInfo p{font-size:14px; line-height:14px; padding:10px 40px 0 20px;}
#page .entry .seriesInfo p.link{padding-top:20px;}

#page .entry .list{margin-bottom:7px;}
#page .entry p.date{padding-bottom:5px;}
#page .entry .list p, #page .entry.single p{font-size:14px; line-height:24px;}
#page .entry.single p{margin-top:5px; margin-bottom:25px;}
#page .entry.single .tags{font-size:12px;}
#page .entry.single.icon{font-size:12px;}
#page .entry.single.icon{}

#page .stats{margin-top:50px; margin-bottom:15px;}
#page .statList table td{height:50px; border-right:4px #fff solid; vertical-align:middle;}
#page .statList table td.redBg{background-color:#f9d4e4;}
#page .statList table td{width:142px;}
#page .statList table td.icon{width:60px;}
#page .statList table td.number{font-size:24px;}

#page .statsTable{width:140px; margin-left:30px;}
#page .statsTable table{margin:5px 0 0 0; padding:0;}
#page .statsTable table td{padding:10px 15px 5px 15px;}
#page .statsTable table td.first{padding-top:15px;}
#page .statsTable table td.icon{width:40px; padding-right:10px;}
#page .statsTable table td.iconText{width:50px; padding-left:0; vertical-align:middle;}
#page .statsTable table td.last{padding-bottom:10px;}

#page .pageDivider{height:2px; background-color:#c9fefe; margin:15px 0 15px 0;}

#page .commTitle{margin-bottom:15px;}
#page .commentlist{margin-bottom:15px;}
#page .commentlist li{padding:0; margin:0 0 15px 0;}
#page .comment-author-icon{width:50px;}
#page .comment-author{width:90px;}
#page .comment-author cite{font-style:normal; text-transform:capitalize;}
#page .comment-text{width:345px;}
#page .comment-author, #page .comment-text, #page .entry.single .comment-text p{font-size:12px; line-height:18px; margin-bottom:15px;}
#page .comment-reply-link{font-size:10px;}
#page li.bypostauthor{background-color:#f9d4e4; padding:30px 10px 0 10px;}

/* Inputs */
#page #respond{padding:15px;}
#page #respond .input{width:240px;}
#page #respond .message{width:168px; margin-left:30px; font-size:12px; padding-top:10px;}
#page #respond textarea{width:460px; height:110px;}
#page #respond textarea:focus{width:458px; height:108px;}
#page #respond .cancel-comment-reply{margin-top:5px; margin-bottom:15px;}

#page #respond #submit{width:107px; height:26px; border:0; background:url(/img/dfc2-sprites.png) -793px -281px no-repeat;}
#page #respond #submit:hover{background:url(/img/dfc2-sprites.png) -793px -316px no-repeat;}
#page #respond #submit:focus{background:url(/img/dfc2-sprites.png) -793px -356px no-repeat;}

#page input, #page textarea{background-color:#fff; color:#b3b3b3; font-size:14px; padding:10px 5px 5px 10px;}
#page input:focus, #page textarea:focus{color:#000; border-top:2px #e5e5e5 solid; border-left:2px #e5e5e5 solid;}
#page input{width:220px; height:20px; margin-bottom:10px;}
#page input:focus{width:218px; height:18px;}

/* Sidebar */
#sidebar{width:224px; padding:10px 30px 30px 0;}
#sidebar .widget{margin-bottom:40px;}
#sidebar .battleStats{width:213px; height:231px; background:url(/img/dfc2-sprites.png) -163px -154px no-repeat;}
#sidebar p, #sidebar ul{line-height:22px; font-size:14px;}
#sidebar #twitter_update_list li{margin-bottom:10px;}
#sidebar p a.extra{font-size:12px;}
#sidebar .howTo{width:215px; height:120px; background:url(/img/dfc2-sprites.png) -397px -271px no-repeat;}

/* Buttons */
.btnDownload{width:134px; height:31px; background:url(/img/dfc2-sprites.png) -803px 0 no-repeat;}
.btnDownload:hover{background:url(/img/dfc2-sprites.png) -803px -41px no-repeat;}
.btnDownload:focus{background:url(/img/dfc2-sprites.png) -803px -82px no-repeat;}

.btnDlDeadly{width:137px; height:31px; margin-left:15px; background:url(/img/dfc2-sprites.png) -532px -154px no-repeat;}
.btnDlDeadly:hover{background:url(/img/dfc2-sprites.png) -532px -195px no-repeat;}
.btnDlDeadly:focus{background:url(/img/dfc2-sprites.png) -532px -236px no-repeat;}

.btnDlFurry{width:136px; height:31px; margin-left:15px; background:url(/img/dfc2-sprites.png) -699px -154px no-repeat;}
.btnDlFurry:hover{background:url(/img/dfc2-sprites.png) -699px -195px no-repeat;}
.btnDlFurry:focus{background:url(/img/dfc2-sprites.png) -699px -236px no-repeat;}

.btnDlCute{width:138px; height:31px; margin-left:15px; background:url(/img/dfc2-sprites.png) -865px -154px no-repeat;}
.btnDlCute:hover{background:url(/img/dfc2-sprites.png) -865px -195px no-repeat;}
.btnDlCute:focus{background:url(/img/dfc2-sprites.png) -865px -236px no-repeat;}

.btnDlColorYourOwn{width:105px; height:32px; margin-left:30px; margin-top:10px; background:url(/img/dfc2-sprites.png) -397px -195px no-repeat;}

/* Icons */
.bsIcon{width:53px; height:57px; margin-right:10px; background:url(/img/dfc2-sprites.png) -631px -281px no-repeat;}
.commIcon{width:43px; height:53px; margin-right:10px; background:url(/img/dfc2-sprites.png) -631px -346px no-repeat;}

.healthIcon{width:34px; height:30px; margin-left:5px; background:url(/img/dfc2-sprites.png) -699px -281px no-repeat;}
.powerIcon{width:25px; height:30px; margin-left:10px; background:url(/img/dfc2-sprites.png) -699px -316px no-repeat;}
.attackIcon{width:25px; height:30px; margin-left:10px; background:url(/img/dfc2-sprites.png) -699px -356px no-repeat;}
.defenseIcon{width:27px; height:30px; margin-left:8px; background:url(/img/dfc2-sprites.png) -748px -281px no-repeat;}
.magicIcon{width:25px; height:30px; margin-left:10px; background:url(/img/dfc2-sprites.png) -748px -316px no-repeat;}
.specialIcon{width:27px; height:30px; margin-left:8px; background:url(/img/dfc2-sprites.png) -748px -356px no-repeat;}

/* Footer */
#footer{height:360px; background:url(/img/dfc2-footbg.png) 0 0 repeat-x; margin-top:-70px;}
#footIn{height:360px; background:url(/img/dfc2-footinbg.png) 50% 0 no-repeat;}
#footIn .frameworkCenter{height:360px;}

#footer .copy{width:152px; height:105px; font-size:11px; color:#3988ff; line-height:18px; top:235px; left:260px;}
#footer #footNav{font-size:14px; top:190px; left:285px;}
#footer #footNav a{margin-right:20px; color:#006f00;}

#footer .btnRSS{width:94px; height:30px; background:url(/img/dfc2-sprites.png) 0 -316px no-repeat; top:181px; left:383px;}
#footer .btnRSS:hover, #footer .btnRSS:focus{background:url(/img/dfc2-sprites.png) 0 -356px no-repeat;}

#footer .btnTop{width:18px; height:25px; background:url(/img/dfc2-sprites.png) -111px -281px no-repeat; top:315px; left:-50px;}
#footer .btnTop:hover, #footer .btnTop:focus{background:url(/img/dfc2-sprites.png) -111px -316px no-repeat;}
