@charset "UTF-8";
/* CSS Document */

body,td,th { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 0.8em; line-height: 1.1em; color: #fefffe;}
body { color: #fefffe; background-color: black; margin: 0px; padding:0px;}
.wrap{ background-position: right top; background-image: url(/img/top_clannad.jpg); background-repeat: repeat-x; z-index: 1000; margin: 0 auto;}
a:link {text-decoration: none; color: #fefffe;}
a:visited {text-decoration: none; color: #fefffe;}
a:hover {text-decoration: none; color: #fefffe;}
a:active {text-decoration: none; color: #fefffe;}
a:focus {outline: 0 !important;}
img{border:0;}

.cl {display: block; clear: both; visibility: hidden;}

.fr{float:right;} .fl{float:left;}
.half{width:49%;}

.title, h1{font-size: 1.7em; color: #fefffe; padding-bottom:10px; margin-bottom:5px;}

.search{ float: right; }

.search input, .search .add{ box-shadow: 2px 2px 5px #ccc; -moz-box-shadow: 2px 2px 5px #ccc; -webkit-box-shadow: 2px 2px 5px #ccc; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; padding:6px; line-height: 1.2em;}
.search input:hover, .search input:active,  .search .add:hover {background: #fef3ce;}

.search .searchbutton{background: #fcc40e; padding: 2px; margin: 0px 0px -10px 0px;}
.search .searchbutton:hover, .search .searchbutton:active{background: #fcc40e; padding: 2px; margin: 0px 0px -10px 0px; box-shadow: 4px 4px 5px #ccc; -moz-box-shadow: 4px 4px 5px #ccc; -webkit-box-shadow: 4px 4px 5px #ccc; border: 1px solid #7a7a7a; }

.content{ padding-bottom: 20px; padding-top: 15px; }
.footer{ margin-top: 20px; padding-left: 50px; padding-bottom: 60px; padding-right: 50px; padding-top: 20px; color: #a4a4a4; font-size: 0.8em; }
.menu{ padding-left: 35px; background-position: left top; background-repeat: repeat-x; background-image: url(/img/menu_back.jpg); }
.bottomright{ z-index: -1000; background-position: right bottom; background-image: url(/img/back_rb.jpg); background-repeat: no-repeat; width: 100%; bottom: 0px; height: 671px; position: fixed; }
.m0{ color: #fff; text-align: center; padding-left: 25px; padding-bottom: 6px; padding-right: 25px; padding-top: 6px; margin-bottom: 10px; background-position: left top; background-repeat: no-repeat; background-image: url(/img/heading_generic.jpg); background-color: #28362d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 5px #000; }
.m1{ padding: 25px; margin-bottom: 20px; background-position: left top; background-repeat: no-repeat; background-image: url(/img/heading_generic.jpg); background-color: #28362d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 5px #000; }
.c0{ }
.c1{ float: left; width: 41%; }
.c2{ float: left; width: 31%; }
.c3{ float: left; width: 28%; }
.c4{ float: left; width: 72%; }
.c0pad{ padding-right: 15px; padding-left: 35px; }
.c1pad{ padding-left: 35px; padding-bottom: 10px; padding-top: 10px; }
.c2pad{ text-align: center; padding-bottom: 10px; padding-top: 10px; }
.c3pad{ padding-bottom: 10px; padding-right: 15px; padding-top: 10px; }
.c4pad{ padding-left: 51px; padding-bottom: 10px; padding-right: 15px; padding-top: 10px; }
.m2{ padding-left: 25px; padding-bottom: 15px; padding-right: 25px; padding-top: 25px; background-position: left top; background-repeat: no-repeat; background-image: url(/img/heading_getmusic.jpg); background-color: #28362d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 5px #000; }
.m3{ padding-left: 25px; padding-bottom: 25px; padding-right: 25px; padding-top: 50px; margin-bottom: 10px; background-position: left top; background-repeat: no-repeat; background-image: url(/img/heading_forthcoming.jpg); background-color: #28362d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 5px #000; }
.m3b{ padding-left: 25px; padding-bottom: 15px; padding-right: 25px; padding-top: 50px; margin-bottom: 10px; background-position: left top; background-repeat: no-repeat; background-image: url(/img/heading_news.jpg); background-color: #28362d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 5px #000; }
.m4{ padding-left: 25px; padding-bottom: 25px; padding-right: 25px; padding-top: 50px; margin-bottom: 10px; background-position: left top; background-repeat: no-repeat; background-image: url(/img/heading_newsletter.jpg); background-color: #28362d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 5px #000; }
.m5{ padding-left: 25px; padding-bottom: 15px; padding-right: 25px; padding-top: 10px; background-position: left top; background-repeat: no-repeat; background-image: url(/img/heading_generic.jpg); background-color: #28362d; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 5px #000; }
.m2p{ padding: 25px; }
.inputfield{ color: white; background-color: #17261c; margin-bottom: 10px; padding: 5px; width: 97%; border-color: white; border-style: solid; border-width: 1px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.tile{ font-size: 1.1em; float: left; border-right-color: #3c1d3a; border-bottom-color: #2c172b; border-right-style: solid; border-bottom-style: solid; border-bottom-width: 1px; border-right-width: 1px; margin-bottom: 5px; margin-right: 5px; padding: 15px; width: 40%; }
.imgl{ padding-bottom: 10px; padding-right: 20px; float: left; }
.imgl img{ border-color: #4d414c; border-style: solid; border-width: 1px; box-shadow: 0px 0px 2px #a792a6; -moz-box-shadow: 0px 0px 2px #a792a6; -webkit-box-shadow: 0px 0px 2px #a792a6;  }
.imgl img:hover{ border-color: #4d414c; border-style: solid; border-width: 1px; box-shadow: 0px 0px 9px #a792a6; -moz-box-shadow: 0px 0px 9px #a792a6; -webkit-box-shadow: 0px 0px 9px #a792a6;  }
.gal_desc{ color: #dddddd; padding-top: 6px; }
.gal_title{ font-weight: bold; padding-top: 6px; }
.gal_cat_img{ float: right; }
.gal_item{ margin-bottom: 10px; margin-right: 10px; }
.item{ border-bottom-color: #502b4f; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 10px; margin-bottom: 10px; }
.display_gallery tr td{ padding-bottom: 15px; }
.social{ right: 50px; top: 30px; position: absolute; }

.top_logo {}
.imgr {float: right; padding: 0px 0px 20px 20px;}