/*
Theme Name: Cards by DCo 2010
Theme URI: dco1.com
Description: Cards by DCo 2010
Version: 2


*/
@font-face {font-family: 'Chunk Five'; src: local('chunk five'), url('Chunkfive/Chunkfive.otf') format('opentype');}

 h2 {font-family:"museo-slab-1","museo-slab-2","Chunk Five","Rockwell",serif; color:white; text-shadow:black 0px 0px 5px; text-align:center; font-weight:500; }

body {background:#c00030 url('images/gradbg6.png') repeat-x; margin:00px auto 0;   font-family:Helvetica;}
.foot {clear:both; display:inline; border:none;}
a {color:white;} a.img {border:0;}
.left {float:left;}
.right {float:right;}
#page {position: relative; margin:0 auto;}
/*Home*/
.home {margin:200px auto 0; width:1050px;}
.home h1 {margin:0; padding:0;}
.home h1 a {text-indent:-9999px; width:383px; height:221px; background:url('images/banner2.png') no-repeat; display:block; opacity:.8; float:left; margin-right:-60px; margin-top:-15px;  -webkit-transition: opacity .5s ; z-index:3; position:relative;}
.home h1 a:hover {opacity:1;  -webkit-transition: opacity .5s ;}

.home a.cardnav {display:block; float:left; margin:10px; opacity:.7;  -webkit-transition: opacity .8s ; z-index:2; position:relative;}
.home a.cardnav:hover {opacity:1;  -webkit-transition: opacity .5s   ;}
.home a.cardnav img {margin:0 auto; display:block; border:0;

 -webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(0,0,0,.4)));
}



/*Lower Page*/
#header {position: relative; }
#header h1 {margin:0; padding:0;}
#header h1 a {text-indent:-9999px; width:383px; height:221px; background:url('images/banner2.png') no-repeat; display:block; opacity:.9; float:left; margin-right:-60px; margin-top:-30px;  -webkit-transition: opacity .5s ; z-index:3; position:absolute;}
.topcardnav {margin-left:323px;}
#header h1 a:hover {opacity:1;  -webkit-transition: opacity .5s ;}

#header a.cardnav {display:block; float:left; margin:10px; opacity:.8;  -webkit-transition: opacity .5s ; z-index:2; position:relative;}
#header a.cardnav:hover {opacity:1;  -webkit-transition: opacity .5s ;}
#header a.cardnav img {margin:0 auto; display:block; border:0;
 
}




#header {background:rgba(0,0,0,.5); height:150px;  }
#headerwrap {width:1000px; margin:0 auto;}

#content { width:700px; margin:20px auto;}

/*Navigation*/

.navigation {clear:both; width:900px; margin:20px auto; color: white;}

.navigation a.cardnav {padding:00px; text-align:center; display:block; float:left; border:2px transparent solid; margin:0 auto; position:relative;  text-decoration: none; width:150px;}
.navigation a.cardnav:hover {background:rgba(0,0,0,.3); border:2px solid rgba(255,255,255,.6); -webkit-transition: background .2s;}
.navigation a.cardnav img {margin:10px 30px; -webkit-transition: opacity .2s; border:0;}
.navigation a.cardnav .hide {display:none;  position:absolute; width:90px; top:0; margin:55px 22px 0; z-index:5px; border:3px white solid; background:rgba(0,0,0,.8); font-weight:bold; font-size:11px; text-align:center;  -webkit-box-shadow:rgba(0,0,0,.7) 0px 0px 5px; -webkit-border-radius:15px; -moz-border-radius: 15px; text-decoration: none; padding:5px; text-shadow:0px 0px 2px black;  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.496094)), to(rgba(255, 255, 255, 0)));}

.navigation a.cardnav:hover  { -webkit-border-radius:15px; -moz-border-radius: 15px;}
.navigation a.cardnav:hover img {opacity:.5;}
.navigation a.cardnav:hover .hide {display:block;}

.navigation a.cardnav:active  {background:rgba(0,0,0,.8);}
.navigation a.cardnav:active img {opacity:.2;}
.navigation a.cardnav:active .hide {margin-top:56px;}

.navigation a.cardnav.active  {background:rgba(0,0,0,.8); -webkit-border-radius:15px; -moz-border-radius: 15px; border:2px solid rgba(255,255,255,.6);}
.navigation a.cardnav.active img {opacity:.2;}
.navigation a.cardnav.active .hide {margin-top:56px;}




#catlist {list-style:none; margin: 0; padding:0; margin-bottom:20px;}
#catlist li {display:inline; margin:0;padding:10px;}
#catlist a {font-size:18px; text-align:center; margin-top: .5em;  text-decoration:none; font-family:"fertigo-pro-1","fertigo-pro-2"; font-weight:normal;}
#catlist a:hover {color:#f2b6c7}

/*Single Page Content */





#content h2 {font-family:"museo-slab-1","museo-slab-2","Chunk Five","Rockwell",serif; color:white; text-shadow:black 0px 0px 5px; text-align:center; font-weight:1000; font-size:32px; margin-bottom:0;}
#content .card {width:461px; height:500px; background-position:400px top ; background-repeat:none; margin:10px auto 50px; display:block; text-decoration:none; border:none;}
#content h3 {font-size:18px; text-align:center; margin-top: .5em;  font-family:"fertigo-pro-1","fertigo-pro-2"; font-weight:normal;}
#content h3 a { text-decoration:none;}
#content h3 a:hover {color:#f2b6c7}

#respond {padding:10px; box-shadow:rgba(0,0,0,.7) 0px 0px 15px;-webkit-box-shadow:rgba(0,0,0,.7) 0px 0px 15px;-moz-box-shadow:rgba(0,0,0,.7) 0px 0px 15px; background:rgba(255,255,255,.1); font-size:80%; margin:0 auto; width:460px; color:white;}
#submit {-webkit-border-bottom-left-radius: 3px 3px;
-webkit-border-bottom-right-radius: 3px 3px;
-webkit-border-top-left-radius: 3px 3px;
-webkit-border-top-right-radius: 3px 3px;
background-color: transparent; color:white;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.496094)), to(rgba(255, 255, 255, 0)));
border: 1px solid rgba(0, 0, 0, 0.398438);
clear: none; text-shadow: 0 1px 2px black;
padding: 3px 20px; font-size:13px; }
#submit:active {background-color: rgba(0,0,0,.2);}


/*Archive*/
.archive #content {text-align: center; width:620px;}
.archive #content a.cardnav {padding:00px; text-align:center; display:block; float:left; border:2px transparent solid; margin:0 auto; position:relative;  text-decoration: none; width:150px;}
.archive #content a.cardnav:hover {background:rgba(0,0,0,.3); border:2px solid rgba(255,255,255,.6); -webkit-transition: background .2s;}
.archive #content a.cardnav img {margin:10px 30px; -webkit-transition: opacity .2s; border:0;}
.archive #content a.cardnav .hide {display:none;  position:absolute; width:90px; top:0; margin:55px 22px 0; z-index:5px; border:3px white solid; background:rgba(0,0,0,.8); font-weight:bold; font-size:11px; text-align:center;  -webkit-box-shadow:rgba(0,0,0,.7) 0px 0px 5px; -webkit-border-radius:15px; -moz-border-radius: 15px; text-decoration: none; padding:5px; text-shadow:0px 0px 2px black;  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.496094)), to(rgba(255, 255, 255, 0)));}

.archive #content a.cardnav:hover  { -webkit-border-radius:15px; -moz-border-radius: 15px;}
.archive #content a.cardnav:hover img {opacity:.5;}
.archive #content a.cardnav:hover .hide {display:block;}

.archive #content a.cardnav:active  {background:rgba(0,0,0,.8);}
.archive #content a.cardnav:active img {opacity:.2;}
.archive #content a.cardnav:active .hide {margin-top:56px;}


/*Footer*/
 #footer {clear:both; width:500px; font-size:10px; text-align:center; margin:50px auto 5em; color:#e1647b; }
 #footer a {color:#efa9b6;}
.home #footer { margin:200px auto 5em; }



/*Special bars*/
/*help box*/
#helpbox {display:block; background:rgba(0,0,0,.6);
-moz-border-radius-bottomleft	  :15px;
-webkit-border-bottom-left-radius :15px;
-moz-border-radius-bottomright	  :15px;
-webkit-border-bottom-right-radius:15px;
padding:10px; color:white; font-size:11px;
width:500px; z-index:99; position: relative; margin:0 auto;
box-shadow: rgba(0,0,0,.7) 0px 2px 2px;
 -webkit-box-shadow:rgba(0,0,0,.7) 0px 2px 2px;
-moz-box-shadow: rgba(0,0,0,.7) 0px 2px 2px;
}
#helpbox .active {display:block;}
#helpbox p {text-align:center; margin:0; text-shadow:black 0px 0px 5px;}
#helpbox p+p {margin-top:3px;}
#helpbox span {padding-right: 15px;}
#closehelpbox {
cursor: pointer;
 z-index:99;  text-decoration:none;
 display:block; float:left; position: relative;  margin-right: 5px;  border:0;}
 #closehelpbox img {position:relative; z-index:6; border:0;}
 #closehelpbox .helpmore { border:2px white solid; display:block;
 box-shadow: rgba(0,0,0,.7) 0px 0px 2px;
 -webkit-box-shadow:rgba(0,0,0,.7) 0px 0px 2px;
-moz-box-shadow: rgba(0,0,0,.7) 0px 0px 2px;
position:fixed;  z-index:5;  background:rgba(0,0,0,.9); font-size:11px; text-align:center;  -webkit-border-radius:15px; -moz-border-radius: 15px; margin-left:2px; margin-top:-30px;
 text-decoration: none; padding:5px 10px 5px 35px; text-shadow:0px 0px 2px black; 
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.496094)), to(rgba(255, 255, 255, 0))); opacity:0; display:none;
 }
  #closehelpbox:hover .helpmore {opacity:1; -webkit-transition: opacity .2s; display:block;}

/*Admin Dashbar*/
/*Dashbar*/

#dashbar {background:rgba(0,0,0,.6); color:white; position:fixed; top:0; padding:10px 0; left:0; display:none; font-size:10px; z-index:1000;  
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
       box-shadow: rgba(0,0,0,.7) 0px 2px 4px;
-webkit-box-shadow:rgba(0,0,0,.7) 0px 2px 4px;
  -moz-box-shadow: rgba(0,0,0,.7) 0px 2px 4px; padding-right:24px; width:550px;}
#dashbar a {color:white;}
#dashbar h2 {display:inline; padding:0 20px;}

#closedashbar { font-weight:bold; margin-left:40px;}