/*
Theme Name: Clarity
Theme URI: http://www.anitaku.de
Description: Das exklusive Template fuer anitaku
Version: 1.0
Author: Ali Sharif
Author URI: http://www.anitaku.de
*/
body {
background-color: #3d3d3d;
margin: 0px;
background-image: url(images/background-background.jpg);
background-repeat: no-repeat;
background-position: top center;
}
body,td,th {
font-family: Calibri, Tahoma, Arial;
font-size: 15px;
color: #343434;
}
a:link {
color:#38cdff;
text-decoration:none;
}
a:visited {
text-decoration:none;
color:#38cdff;
}a:hover {
text-decoration:none;
color:#38cdff;
}a:active {
text-decoration:none;
color:#38cdff;
}
img {
border:none;
}
h1 {
font-size: 20px;
font-family: Calibri, Tahoma, Arial;
color: #fab402;
margin: 0px;
}
h2 {
}
h3 {
}
h4 {
color: #94384d;
}
h5 {
color: #38cdff;
margin: 2px;
font-size: 19px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: #e5e5e5 solid 2px;
}
h6 {
}
.spacer {
margin: 0px;
padding: 0px;
height: 50px;
width: 100%;
}
.clear {
clear: both;
margin: 0px;
padding: 0px;
}
.clear-left {
clear: left;
margin: 0px;
padding: 0px;
}
.clear-right {
clear: right;
margin: 0px;
padding: 0px;
}
.clear-both {
clear: both;
margin: 0px;
padding: 0px;
}
.trans {
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Gecko-Browser */
opacity:0.5; /* Opera 9+ */
margin: 0px;
}
.trans:hover {
filter:alpha(opacity=100); /* IE */
-moz-opacity:1.0; /* Gecko-Browser */
opacity:1.0; /* Opera 9+ */
margin: 0px;
}
.transnega:hover {
filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Gecko-Browser */
opacity:0.8; /* Opera 9+ */
margin: 0px;
}
.transnega {
filter:alpha(opacity=100); /* IE */
-moz-opacity:1.0; /* Gecko-Browser */
opacity:1.0; /* Opera 9+ */
margin: 0px;
}
.more-link {
font-weight: bold;
}
#body {
width: 100%;
height: 100%;
margin: 0px;
}
#wrapper {
width: 988px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
#top {
width: 988px;
height: 67px;
padding-top: 1px;
background-image: url(images/top.png);
background-repeat: no-repeat;
}
#top #socials {
width: 150px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: auto;
}
#top #socials img {
border: none;
margin: 4px;
}
#header {
width: 988px;
height: 300px;
margin: auto;
background-image: url(images/header.png);
background-repeat: no-repeat;
}
#header #logo {
width: 300px;
height: 119px;
float: right;
margin-top: 100px;
margin-right: 50px;
}
#horizontale-navigation {
width: 988px;
height: 39px;
padding-left: 20px;
padding-top: 20px;
background-image: url(images/hnavi-leiste.png);
background-repeat: no-repeat;
}
#horizontale-navigation #navi{
height: 17px;
font-family: Myriad Pro;
font-size: 17px;
color: #282828;
margin:0px;
}
#content-wrapper {
width: 980px;
min-height: 300px;
background-image: url(images/cbackground.png);
background-repeat: repeat-y;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
}
#content-wrapper #left {
float: left;
width: 600px;
margin-left: 25px;
margin-right: auto;
}
#content-wrapper #right {
float: right;
width: 290px;
margin-top: 30px;
margin-left: auto;
margin-right: 10px;
}
#footer-top {
margin: auto;
width: 988px;
background-image: url(images/cbackground.png);
background-repeat: repeat-y;
padding-top: 1px;
padding-bottom: 1px;
}
#footer {
margin: auto;
width: 988px;
height: 122px;
padding-top: 1px;
padding-bottom: 1px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
}
#footer #fid {
color: #848484;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
width: 970px;
height: 11px;
text-align: center;
text-shadow: #e1e1e1 3px 3px 5px;
}
#footer #fid a {
color: #848484;
}
#footer #fid a:hover {
color: #737373;
}
#footer .fid1 {
color: #848484;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
width: 970px;
height: 11px;
text-align: center;
text-shadow: #e1e1e1 3px 3px 5px;
}
#footer .fid1 a {
color: #848484;
}
#footer .fid1 a:hover {
color: #737373;
}
#footer #copyright {
color: #848484;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 970px;
height: 10px;
text-align: center;
text-shadow: #e1e1e1 3px 3px 5px;
}
#footer #copyright a {
color: #848484;
}
#footer #copyright a:hover {
color: #737373;
}
.post {
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 40px;
}
.post .post-border {
width: 600px;
height: 3px;
margin: auto;
background-image: url(images/article-border.png);
background-repeat: no-repeat;
}
.post .post-border-bg {
width: 600px;
height: 10px;
margin: auto;
background-color: #f7f7f7;
}
.post h1 a:link {
color:#f59000;
text-decoration:none;
text-shadow: #e7e7e7 3px 3px 5px;
}
.post h1 a:visited {
text-decoration:none;
color:#ee8c00;
text-shadow: #e7e7e7 3px 3px 5px;
}
.post h1 a:hover {
text-decoration:none;
color:#ff9600;
text-shadow: #e7e7e7 3px 3px 5px;
}
.post h1 a:active {
text-decoration:none;
color:#f59000;
text-shadow: #e7e7e7 3px 3px 5px;
}
.postInfos {
width: 462px;
font-size: 13px;
color: #f59000;
margin-top: 0px;
margin-bottom: 10px;
}
.post .postInfos a:link {
color:#f59000;
text-decoration:none;
}
.post .postInfos a:visited {
text-decoration:none;
color:#f59000;
}
.post .postInfos a:hover {
text-decoration:none;
color:#f59000;
}
.post .postInfos a:active {
text-decoration:none;
color:#f59000;
}
.postInfoTags {
font-size: 11px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
border-top: thin solid #e4e4e4;
border-bottom: thin solid #e4e4e4;
}
.postInfoTags a {
color: #f59000;
}
.postInfoTags .red {
color: #94384d;
font-size: 12px;
}
#latest-article {
float: right;
margin-right: 10px;
margin-top: 30px;
width: 290px;
}
#latest-article .box {
margin: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
min-height: 135px;
border-top: #e5e5e5 solid 2px;
border-bottom: #e5e5e5 solid 2px;
}
#latest-article .box ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#latest-article .box ul li {
margin-left: 0px;
padding: 3px;
list-style: none;
display: block;
width: 285px;
font-size: 13px;
background-color: #fdfdfd;
border-bottom: #f3f3f3 solid 1px;
}
#latest-article .box ul li:hover {
font-weight: bold;
background-color: #f8f8f8;
}
#lstet-article .box ul li a:link {
color: #343434;
}
#latest-article .title {
font-family: Arial;
letter-spacing: 2px;
font-size: 15px;
font-weight: bold;
border-bottom: #38cdff;
width: 100%;
margin: auto;
text-align: left;
padding-left: 5px;
color: #38cdff;
}
#latest-comments {
float: right;
width: 290px;
margin-left: auto;
margin-top: 30px;
margin-right: 10px;
}
#latest-comments .box {
margin: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
min-height: 135px;
border-top: #e5e5e5 solid 2px;
border-bottom: #e5e5e5 solid 2px;
}
#latest-comments .box ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#latest-comments .box ul li{
margin: 0px;
padding: 0px;
list-style: none;
font-size: 13px;
padding: 3px;
display: block;
width: 280px;
background-color: #fdfdfd;
border-bottom: #f3f3f3 solid 1px;
}
#latest-comments .box ul li:hover {
font-size: 13px;
font-weight: bold;
background-color: #f8f8f8;
}
#latest-comments .title{
font-family: Arial;
letter-spacing: 2px;
font-size: 15px;
font-weight: bold;
border-bottom: #e2e2e2e2;
color: #38cdff;
width: 100%;
margin: auto;
}
/* #content-wrapper #right .box {
margin: auto;
background-color: #f5aa00;
max-height: 1336px;
color: #ffffff;
padding: 5px;
width: 250px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background-image: url(images/sidebarbox-bg.png);
background-repeat: repeat;
font-size: 13px;
}
#content-wrapper #right .box .title {
color: #ffffff;
margin: 2px;
font-size: 19px;
font-weight: bold;
letter-spacing: 2px;
}
*/
.comment-box {
width: 100%;
margin-bottom: 10px;
margin-top: auto;
margin-left: auto;
margin-right: auto;
padding: auto;
}
.comment-box-inner {
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;

border: 1px solid #e1e1e1;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}
.comment-box .comment-box-inner p {
margin: 0px;
padding: 0px;
}
.comment-title {
color: #ffffff;
padding: 4px;
margin: 0px; 
font-weight: bold;
font-size: 13px;
background-image: url(images/article-border.png);
background-repeat: repeat-y;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}
.comment-title a {
color: #ffffff;
text-decoration: none;
font-size: 12px;
}
.comment-title a:hover {
text-decoration: underline;
}
.comment-title a:visited {
color: #ffffff;
text-decoration: none;
}
.greyblock {
margin: auto;
padding: 10px;
min-height: 150px;
border-top: #e5e5e5 solid 2px;
border-bottom: #e5e5e5 solid 2px;
}
#partner {
width: 290px;
text-align: left;
margin-left: 15px;
float: left;
margin-bottom: 14px;
}
#partner .title {
font-family: Arial;
letter-spacing: 2px;
font-size: 12px;
font-weight: bold;
border-bottom: #e2e2e2e2;
width: 100%;
margin: auto;
text-align: left;
padding-left: 5px;
color: #94384d;
}
#partner .greyblock ul {
margin-left: 12px;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px
}
#partner .greyblock ul li{
margin: 0px;
width: 270px;
height: 17px;
line-height: 17px;
padding: 0px;
list-style-image: url(images/dot.png);
}
#partner .greyblock ul li .link {
margin-top: 1px;
display: block;
width: 270px;
height: 15px;
color: #94384d;
border-bottom: 1px solid #f4f4f4;
letter-spacing: 1px;
}
#partner .greyblock ul li a.link:hover {
margin-top: 1px;
display: block;
width: 270px;
height: 15px;
font-weight: bold; 
color: #94384d;
border-bottom: 1px solid #efefef;
background-color: #f9f9f9;
letter-spacing: 1px;
}
#affiliation {
width: 290px;
text-align: left;
float: left;
margin-left: 20px;
margin-bottom: 14px;
}
#affiliation .title {
font-family: Arial;
letter-spacing: 2px;
font-size: 12px;
font-weight: bold;
border-bottom: #e2e2e2e2;
width: 100%;
margin: auto;
text-align: left;
padding-left: 5px;
color: #94384d;
}
#affiliation .greyblock ul {
margin-left: 12px;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px
}
#affiliation .greyblock ul li{
margin: 0px;
width: 270px;
height: 17px;
line-height: 17px;
padding: 0px;
list-style-image: url(images/dot.png);
}
#affiliation .greyblock ul li .link {
margin-top: 1px;
display: block;
width: 270px;
height: 15px;
color: #94384d;
border-bottom: 1px solid #f4f4f4;
letter-spacing: 1px;
}
#affiliation .greyblock ul li a.link:hover {
margin-top: 1px;
display: block;
width: 270px;
height: 15px;
font-weight: bold; 
color: #94384d;
border-bottom: 1px solid #efefef;
background-color: #f9f9f9;
letter-spacing: 1px;
}
#presse-partner {
width: 290px;
text-align: left;
float: left;
margin-left: 20px;
margin-bottom: 14px;
}
#presse-partner .title {
font-family: Arial;
letter-spacing: 2px;
font-size: 12px;
font-weight: bold;
border-bottom: #e2e2e2e2;
width: 100%;
margin: auto;
text-align: left;
padding-left: 5px;
color: #94384d;
}
#presse-partner .greyblock ul {
margin-left: 12px;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px
}
#presse-partner .greyblock ul li{
margin: 0px;
width: 270px;
height: 17px;
line-height: 17px;
padding: 0px;
list-style-image: url(images/dot.png);
}
#presse-partner .greyblock ul li .link {
margin-top: 1px;
display: block;
width: 270px;
height: 15px;
color: #94384d;
border-bottom: 1px solid #f4f4f4;
letter-spacing: 1px;
}
#presse-partner .greyblock ul li a.link:hover {
margin-top: 1px;
display: block;
width: 270px;
height: 15px;
font-weight: bold; 
color: #94384d;
border-bottom: 1px solid #efefef;
background-color: #f9f9f9;
letter-spacing: 1px;
}
.imgdescrib {
margin: 3px;
width: auto;
padding: 2px;
font-size: 10px;
float: right;
border: thin solid #e4e4e4;
text-align: center;
}
.imgdescrib img {
margin: 5px;
text-align: center;
}
.imgdescrib1 {
margin: 5px;
width: auto;
padding: 2px;
font-size: 10px;
float:left;
border: thin solid #e4e4e4;
text-align: center;
}
.imgdescrib1 img {
margin: 5px;
text-align: center;
}
#gallery-posting {
width: 780px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
#gallery-posting h1 a:link {
color:#f59000;
text-decoration:none;
text-shadow: #e7e7e7 3px 3px 5px;
}
#gallery-posting h1 a:visited {
text-decoration:none;
color:#ee8c00;
text-shadow: #e7e7e7 3px 3px 5px;
}
#gallery-posting h1 a:hover {
text-decoration:none;
color:#ff9600;
text-shadow: #e7e7e7 3px 3px 5px;
}
#gallery-posting h1 a:active {
text-decoration:none;
color:#f59000;
text-shadow: #e7e7e7 3px 3px 5px;
}
.hell {
background-color: #f7f7f7;
}
.hell:hover{
background-color: #f0f0f0;
}
.dunkel {
background-color: #f3f3f3;
}
.dunkel:hover{
background-color: #ececec;
}
#tv-programm {
border: 1px solid #cacaca;
border-collapse: collapse;
font-family: Calibri;
line-height: 20px;
}
#tv-programm .wochentage {
color: #fab402;
font-family: Myriad Pro, Calibri, Arial;
font-weight: bold;
letter-spacing: 1px;
font-size: 18px;
background-color: #f7f7f7;
}
#tv-programm .zeit {
font-weight: normal;
background-color: #f7f7f7;
}
#tv-programm .zeit-title {
color: #fab402;
font-family: Myriad Pro, Calibri, Arial;
font-weight: bold;
letter-spacing: 1px;
font-size: 18px;
background-color: #f7f7f7;
}
#taess-logo {
margin-left: auto;
margin-right: auto;
margin-top: -10px;
margin-bottom: 20px;
width: 250px;
height: 100px;
}
.dotted1 {
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
margin-top: 2px;
width: 99%;
background-image: url(dotted-hr.png);
background-repeat: repeat-x;
border: none;
height: 1px; 
}
.test-cover {
width: 180px;
height: 260px;
background-color: #696969;
color: #ffffff;
text-align: center;
font-family: Calibri, Tahoma, Arial;
font-size: 30px;
}
#review-table {
width: 890px;
}
#review-table .cover {
width: 180px;
height: 260px;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
}
#review-table .left {
width: 220px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
font-family: Calibri, Tahoma, Arial;
font-size: 15px;
font-weight: bold;
color: #343434;
}
#review-table .right {
width: 450px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
font-family: Calibri, Tahoma, Arial;
font-size: 14px;
color: #343434;
background-color: #f6fafd;
border-left: 2px solid #cfdce4;
}
#review-table .right:hover {
background-color: #f4faff;
border-left: 2px solid #cdcdcd;
}
#manga-review-wrapper {
width: auto;
margin: 3px;
border: 1px solid #d8d8d8;
padding: 5px;
}
#rounded-wrapper .title {
width: 400px;
height: 20px;
line-height: 20px;
padding-left: 5px;
margin-top: -22px;
margin-bottom: 5px;
margin-left: 10px;
font-size: 18px;
font-weight: bold;
font-family: Calibri;
text-shadow: 1px 1px #f9f9f9;
color: #4d4d4d;
background-color: #f0f0f0;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-khtml-border-radius-topleft:8px;
-khtml-border-radius-topright:8px;
}
#rounded-wrapper {
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
border: 1px solid #f0f0f0;
padding: 2px;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
}
#review-text {
margin: 5px;
width: 650px;
float: left;
font-family: Calibri, Tahoma, Arial;
font-size: 14px;
}
#review-thumbnails {
float: right;
width: 190px;
margin-right: 20px;
}
#review-thumbnails img {
width: 176px;
height: 98px;
padding: 2px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #ececec;
background-color: #ffffff;
}
#paging {
margin: auto;
width: 950px;
height: 30px;
list-style: none;
}
#paging li {
float: left;
height: 30px;
text-align: center;
}
#paging li.prev,
#paging li.next {
width: 140px;
padding: 4px;
margin: 5px;
color: #343434;
height: 20px;
line-height: 20px;
display: inline-block;
}
#paging li.prev a,
#paging li.next a {
padding: 4px;
margin: 5px;
color: #ffffff;
background: #38cdff;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
text-shadow: 1px 1px #4c4c4c;
}
#paging li.pages {
width: 350px;
}
#paging li.pages a {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
margin: 5px;
display: inline-block;
background: #28b9e9;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
color: #ffffff;
text-shadow: 1px 1px #4c4c4c;
}
#paging li.pages a:hover {
background: #62d8ff;
color: #ffffff;
font-weight: bold;
}
#paging li.pages a.active {
padding: 4px;
font-weight: bold;
background: #009cb3;
color: #ffffff;
}
.bookmarks-gallery {
text-align: left;
margin: 0 auto;
}
.bookmarks-gallery ul li img {
width: 468px;
height: 60px;
margin: auto;
border: 1px solid #000000;
}
.bookmarks-gallery ul li {
float: left;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
list-style: none;
width: 472px;
height: auto;
border: 1px solid #d8d8d8;
background-color: #eff1e1;
padding: 5px;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
}