/*
Theme Name: WE CAN DANCE 
Theme URI: http://www.wecandance.de
Description: The custom wordpress theme of WE CAN DANCE Animation Studio.
Version: 1.0
Author: <a href="http://www.wecandance.de" target="_blank">WE CAN DANCE Animation Studio</a>
Author URI: http://www.wecandance.de/team
Tags: clean, white
*/

/* RESET BROWSER DEFAULTS */
@import url( './css/reset.css' );
@import url(./css/reset.css);

html {
overflow-y:scroll;
}

body {
background:url() no-repeat scroll 0 0 #FFF;
color:#999;
font-family:Tahoma, Verdana, Arial, Sans-Serif;
font-size:18px;
line-height:1.5em;
margin:0 0 20px;
padding:0;
text-align:center;
}

#header {
color:#000;
height:155px;
margin:0;
padding:0;
}

#header .description {
display:none;
}
#header .description embed {
float:left;
height:100%; 
}
#header .description embed:hover {
cursor: pointer;
}

a:hover,h3 a:hover,.excerpt-link:link,.excerpt-link:hover,.excerpt-link:visited {
color:#aaa;
text-decoration:none;
}

#sidebar {
color:#999;
float:left;
margin:16px 0 0 4px;
min-height:550px;
width:275px;
}

#reel {
background:url(./images/navigation/navi_reel.png) repeat scroll 0 0 transparent;
float:right;
font-size:45pt;
font-weight:700;
height:51px;
line-height:44px;
margin:0;
position:absolute;
text-indent:-9999px;
width:250px;
z-index:4;
}

#work {
background:url(./images/navigation/navi_work.png) repeat scroll 0 0 transparent;
float:right;
font-size:55pt;
font-weight:700;
height:67px;
line-height:29px;
margin:36px 0 0;
position:absolute;
text-indent:-9999px;
width:275px;
z-index:3;
}

#news {
background:url(./images/navigation/navi_news.png) repeat scroll 0 0 transparent;
float:right;
font-size:75pt;
font-weight:700;
height:71px;
line-height:37px;
margin:102px 0 0;
position:absolute;
text-indent:-9999px;
width:278px;
z-index:2;
}

#team {
background:url(./images/navigation/navi_team.png) repeat scroll 0 0 transparent;
float:right;
font-size:50pt;
font-weight:700;
height:57px;
line-height:41px;
margin:167px 0 0;
position:absolute;
text-indent:-9999px;
width:208px;
z-index:1;
}

#sidebar .naviLink {
background-position:0 309px;
}

#reel:hover,#work:hover,#news:hover,#team:hover {
background-position:0 229px;
}

#about {
font-size:8pt;
line-height:1.3em;
margin:280px 0 0 27px;
padding:0;
position:absolute;
}

#about .about{
background-color:transparent;
font-size:13pt;
font-weight:700;
line-height:2px;
}

#about .coordinates{
font-size:11pt;
font-weight:700;
opacity:0.5;
line-height:3.3em;
}

#about p{
line-height:1.5em;
margin:11px 0 0;
}

#iphone_address {
display:none;
}
.column .entry {
font-size:8pt;
}

.column .entry p,.column .entry div {
letter-spacing:0.04em;
line-height:1.6em;
margin:0 0 1.6em;
}
.column .entry div {
float:left;
width:100%;
}
.bgcolordynamic {
background-color:#989898;
}

.colordynamic {
color:#989898;
}


#container {
height:100%;
margin:0 auto;
width:980px;
}

#page {
height:663px;
margin:0 auto;
min-height:663px;
padding:0 0 0 26px;
text-align:left;
width:964px;
}

#content-bottom {
height:35px;
margin:0;
}

#nav-post {
float:left;
height:131px;
width:640px;
}

.post {
margin:0 0 19px;
}

.workpost .entry .more-link .attachment-thumbnail {
margin-top:-150px;
}

.workpost .entry .more-link .attachment-thumbnail:hover {
margin-top:0;
}

.workthumbnail {
height:auto;
margin:0;
width:100%;
}

.postgroup {
float:left;
}

.postarrow {
background:url(images/arrow.gif) top left no-repeat;
float:left;
height:95px;
margin:33px 0 0;
width:43px;
}

.postcomments {
background:url(images/bubble.gif) top left no-repeat;
float:left;
font-size:1.17em;
height:40px;
margin:20px 0 0;
padding-top:8px;
text-align:center;
width:65px;
}

.postcomments span {
font-size:.7em;
}

.postcomments a {
font-size:1.17em;
font-weight:700;
}

.post hr, hr {
border:0;
height:1px;
display:block;
margin:-1px 0 0;
}

.textwidget {
margin:0 20px;
}

.widget_tag_cloud {
margin:0 20px 0 0;
}

#header .rss {
font-size:1.2em;
font-weight:700;
padding:0 0 0 768px;
}

#header .rss a:hover {
border-bottom:2px dashed #c00;
color:#000;
text-decoration:none;
}

h1,h1 a,h1 a:hover,h1 a:visited,#header .description {
color:#000;
text-decoration:none;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
font-family:Tahoma,Verdana,Arial,Sans-Serif;
text-decoration:none;
}

h3 {
font-size:2.5em;
margin:8px 0 18px;
padding:0;
}

H4 {
color:#000;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
font-size:2.4em;
padding:0;
}

H5 {
color:#000;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
font-size:2em;
padding:12px 0;
}

H6 {
color:#000;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
font-size:1.6em;
padding:0 0 16px;
}

.thread-alt {
background-color:#e9edec;
}

.thread-even {
background-color:#f9f9f9;
}

.reply a {
background:url(images/reply.gif) no-repeat;
cursor:pointer;
display:block;
height:21px;
margin:0 0 10px 3px;
text-indent:-9999px;
width:38px;
}

small {
color:#ccc;
float:right;
font-family:Tahoma,Arial,Helvetica,Sans-Serif;
font-size:.9em;
line-height:1.6em;
padding-bottom:1.4em;
text-align:right;
}

small a {
color:#747775;
font-weight:700;
}

small a:hover {
border-bottom:1px dashed #c00;
color:#747775;
font-weight:700;
text-decoration:none;
}



.sticky {
background:#f7f7f7;
padding:0 10px 10px;
}

.sticky h2 {
padding-top:10px;
}


code {
font:1.1em 'Courier New', Courier, Fixed;
}

acronym,abbr,span.caps {
cursor:help;
font-size:1em;
letter-spacing:.07em;
}

a:hover,h3 a:hover {
color:#ccc;
text-decoration:none;
}

.message-box {
height:59px;
margin:15px 35px 7px 0;
padding:0;
width:229px;
}

.form-message {
color:#fff;
font-size:1.2em;
font-weight:700;
}

input.message-field {
background-color:#dce4df;
border:0;
float:left;
font-family:arial, verdana;
font-size:1.2em;
font-weight:400;
height:17px;
margin:0 0 10px;
padding:9px 0 8px 11px;
width:218px;
}

.message-box textarea {
background-color:#dce4df;
border:0;
float:left;
font-family:tahoma, arial, verdana;
font-size:1.2em;
font-weight:400;
height:77px;
margin:0 0 10px;
padding:9px 11px 8px;
width:207px;
}

input.message-go {
background:url(images/send-message.gif) no-repeat top left;
border:0;
clear:both;
cursor:pointer;
height:40px;
margin:10px 0 0 18px;
padding:0;
width:192px;
}

h1 {
color:inherit;
font-size:1.3em;
font-weight:700;
margin:0 0 1em;
padding:0;
text-transform:uppercase;
}

h2 {
color:inherit;
font-size:1em;
font-weight:700;
margin:0;
padding:0;
text-transform:uppercase;
}

h2.pagetitle {
margin-top:0;
width:512px;
}



#comments {
height:39px;
margin:40px 0 15px;
padding:0;
width:192px;
}

#nocomments {
height:39px;
margin:40px 0 15px;
padding:0;
width:231px;
}

p img {
max-width:100%;
padding:0;
}

img.alignright {
display:inline;

}

img.alignleft {
display:inline;
margin:0 12px 4px 0;
padding:4px 0;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

#nav {
margin-left:80px;
position:absolute;
width:900px;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav ul li {
background-color:transparent;
}

#nav ul li,#nav ul li a {
display:block;
float:left;
}

#nav ul li a {
color:#fff;
font-size:1.2em;
font-weight:700;
margin:6px 15px 0 10px;
padding:5px 10px;
text-decoration:none;
}

html>body .entry ul {
margin:0;
padding:0;
text-indent:0;
}

html>body .entry li {
margin:7px 0 8px 10px;
}

.entry ol {
margin:0;
padding:0 0 0 35px;
}

.search-box {
background:url(images/search-bg.gif) no-repeat top left;
height:32px;
margin:30px 0;
padding:6px 0 0;
width:255px;
}

.search-box2 {
background:url(images/search2-bg.gif) no-repeat top left;
height:32px;
margin:30px 0;
padding:6px 0 0;
width:255px;
}

input.search-field {
background:transparent;
border:0;
color:#900;
float:left;
font-family:tahoma, arial, verdana;
font-size:12px;
font-weight:700;
height:18px;
margin:0;
padding:5px 0 0 35px;
width:123px;
}

input.search-go {
background:url(images/search-arrow.gif) no-repeat top left;
border:0;
cursor:pointer;
float:left;
height:31px;
margin:-3px 0 0 30px;
padding:0;
width:35px;
}

input.search-go:hover {
background:url(images/search-arrow.gif) no-repeat bottom left;
}

#searchform {
margin:10px auto;
padding:5px 3px;
text-align:center;
}

#sidebar #searchform #s {
padding:2px;
width:108px;
}

#sidebar #searchsubmit {
padding:1px;
}

select {
width:130px;
}

#respondcon {
clear:both;
padding:0;
width:100%;
}

#respond {
padding:103px 0 0 70px;
}

#respond p {
margin-left:0;
padding-left:0;
}

#commentform input {
border:0 none;
width:200px;
}

#commentform textarea {
border:0 none;
height:135px;
width:89%;
}

#respond:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#commentform #submit {
border:0 none;
display:block;
float:right;
height:39px;
margin:10px 50px 35px auto;
}

.alt {
margin:0;
padding:10px;
}

.nocomments {
font-size:1.2em;
margin:0;
padding:20px 0 0;
text-align:center;
}

#side-bott {
background:url(images/sidebar-bott.jpg) top no-repeat;
height:35px;
width:275px;
}

.postmetadata ul,.postmetadata li {
display:inline;
list-style-image:none;
list-style-type:none;
}

#sidebar ul li {
list-style-image:none;
list-style-type:none;
margin-bottom:18px;
}

#sidebar ul p,#sidebar ul select {
margin:5px 0 8px;
}

#sidebar ul ul,#sidebar ul ol {
margin:5px 0 0 20px;
}

#sidebar ul li ul li,#sidebar ul li ol li {
background:url(images/bullet.gif) top left no-repeat;
margin:5px 20px 10px 0;
padding:0 0 0 20px;
}

#sidebar ul ul ul,#sidebar ul ol {
margin:0 0 0 10px;
}

ol li,#sidebar ul ol li {
list-style:decimal outside;
}

#sidebar ul ul li,#sidebar ul ol li {
margin:3px 0 0;
padding:0;
}

#share-con {
background:url(images/share-bg.jpg) no-repeat;
height:72px;
padding-top:16px;
width:648px;
}

#sharemenu {
background:url(images/social-icons.jpg) no-repeat;
height:41px;
margin:0 0 0 154px;
padding:0;
width:460px;
}

#sharemenu li,#sharemenu a {
display:block;
height:41px;
}

#sharemenu li {
display:inline;
float:left;
list-style:none;
}

#share-divider {
width:28px;
}

#share-digg {
width:40px;
}

#share-email {
width:44px;
}

#share-facebook a:hover {
background:url(images/social-icons.jpg) 0 -41px no-repeat;
}

#share-twitter a:hover {
background:url(images/social-icons.jpg) -69px -41px no-repeat;
}

#share-digg a:hover {
background:url(images/social-icons.jpg) -138px -41px no-repeat;
}

#share-delicious a:hover {
background:url(images/social-icons.jpg) -206px -41px no-repeat;
}

#share-stumble a:hover {
background:url(images/social-icons.jpg) -275px -41px no-repeat;
}

#share-technorati a:hover {
background:url(images/social-icons.jpg) -344px -41px no-repeat;
}

#share-email a:hover {
background:url(images/social-icons.jpg) -413px -41px no-repeat;
}

.socialfooter {
float:left;
list-style:none;
margin:52px 0 0;
padding:0 0 0 39px;
width:298px;
}

.socialfooter ul {
list-style:none;
list-style-type:none;
margin:24px 0 0;
}

.socialfooter ul li a {
background-position:left top;
background-repeat:no-repeat;
display:block;
font-size:1.2em;
line-height:36px;
list-style:none;
list-style-type:none;
padding:0 0 10px 50px;
}

.facebook-link a {
background-image:url(images/facebook.gif);
}

.twitter-link a {
background-image:url(images/twitter.gif);
}

.friend-link a {
background-image:url(images/friendfeed.gif);
}

.flickr-link a {
background-image:url(images/flickr.gif);
}

.linkedin-link a {
background-image:url(images/linkedin.gif);
}

.youtube-link a {
background-image:url(images/youtube.gif);
}

.lastfm-link a {
background-image:url(images/lastfm.gif);
}

.blogroll-foot {
color:#000;
float:left;
margin:38px 0 40px;
padding:0;
width:400px;
}

.right_blogroll {
float:right;
margin:0;
width:209px;
}

.left_blogroll {
float:left;
margin:0;
width:190px;
}

.getintouch {
float:left;
margin:52px 0 0 19px;
padding:0;
width:229px;
}

.recent-foot {
color:#000;
float:left;
margin:0;
padding:0;
width:200px;
}

.footerlinks {
clear:left;
font-size:1.2em;
list-style:none;
list-style-type:none;
padding:0 70px 30px;
text-align:center;
}

.footerlinks ul li {
background:url(images/pageline.gif) left no-repeat;
font-size:1.2em;
list-style:none;
list-style-type:none;
margin:0 0 9px;
padding-left:22px;
}

.footerhome {
font-size:1.2em;
list-style:none;
list-style-type:none;
margin:0 0 9px;
padding-left:22px;
}


#wp-calendar {
empty-cells:show;
margin:10px auto 0;
width:155px;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}

#wp-calendar a {
border-bottom:1px dashed #000;
display:block;
text-decoration:none;
}

#wp-calendar td {
padding:6px;
text-align:center;
}

#wp-calendar #prev a,#wp-calendar #next a {
font-size:9pt;
}

#wp-calendar caption {
font:bold 1.2em tahoma, Arial, Verdana, Sans-Serif;
}

#wp-calendar th {
color:#fff;
font-style:normal;
padding:6px;
text-align:center;
text-transform:capitalize;
}

.postmetadata {
clear:both;
font-size:11px;
}

.clear {
clear:both;
}

acronym,abbr {
border-bottom:1px dashed #999;
}

blockquote {
background:url(images/quote.gif) top left no-repeat;
margin:15px 30px 0 10px;
padding-left:60px;
}

blockquote cite {
display:block;
margin:5px 0 0;
}

.screen-reader-text {
left:-1000em;
position:absolute;
}

a img {
border:none;
}

.navigation {
display:block;
font-size:11px;
height:16px;
margin:0 0 19px;
text-align:center;
}

.navigation-bott {
display:block;
font-size:1.2em;
margin:60px 0 30px 34px;
width:648px;
}

.rightnav {
background:url(images/rightnav.gif) top right no-repeat;
float:right;
padding:5px 47px 8px 0;
}

.leftnav {
background:url(images/leftnav.gif) top left no-repeat;
float:left;
padding:5px 0 8px 47px;
}

table {
border-collapse:collapse;
}

th {
border-style:solid;
border-width:1px;
color:#000;
font-size:1em;
font-weight:700;
letter-spacing:.2em;
padding:4px 6px;
text-transform:uppercase;
}

td {
border-style:solid;
border-width:1px;
padding:4px;
}

.wp-caption {
padding:11px 0;
text-align:left;
}

.wp-caption img {
border:1px solid #111;
height:auto;
margin:0;
padding:0;
width:100%;
}

.wp-caption p.wp-caption-text {
font-size:.85em;
font-style:normal;
letter-spacing:.105em;
line-height:12px;
margin:7px auto;
padding:0;
text-align:center;
width:100%;
}

#content {
float:left;
margin:16px 0 0 44px;
min-height:410px;
position:relative;
width:640px;
}

.zweispaltig {
-moz-column-count:2;
-moz-column-gap:15px;
-moz-column-rule:none;
-webkit-column-count:2;
-webkit-column-gap:15px;
-webkit-column-rule:none;
column-count:2;
column-gap:15px;
column-rule:none;
height:100%;
margin:10px 0;
text-align:left;
width:640px;
}

.hentry {
display:inline;
}

h2.posttitle {
line-height:19px;
margin:0 0 1em;
}

#teamlist {
height:400px;
list-style:none outside none;
margin:0;
padding:0;
}

#teamlist li {
cursor:pointer;
float:left;
width:18%;
}

.teampost {
opacity:0.5;
padding:0 6px;
}

.teampost .photo_member {
border:0 none;
height:49px;
margin:47px 0 0;
overflow:hidden;
width:100%;
}

.teampost .photo_member img {
border:0 none;
height:auto;
margin:-47px 0;
width:100%;
}

.teampost .name {
font-size:1.4em;
margin:2px 0;
}

.category-team .data {
float:left;
margin:0 0 0 40px;
width:200px;
}

.category-team .data p {
line-height:1.3em;
}

.category-team .data .name {
font-size:1.7em;
line-height:0;
}

.category-team .photo_member {
float:left;
width:190px;
}

.category-team .photo_member img {
height:auto;
margin:0;
width:100%;
}

.category-team small {
clear:left;
float:left;
font-size:.8em;
opacity:0.3;
padding:0;
}

.yeargroup {
clear:both;
float:left;
margin:0 0 20px;
width:100%;
}

.yeargroup .posttitle {
line-height:18px;
width:610px;
}

.workpost {
float:left;
height:140px;
margin:0 6px 6px 0;
}

.workpost div a {
opacity:.7;
}

.workpost .entry .more-link {
float:left;
height:120px;
overflow:hidden;
width:100%;
}

.workentry {
background-color:#e8e8e8;
clear:left;
color:#4e4e4e;
float:left;
font-size:8pt;
height:140px;
width:209px;
}

.workentry .workbauchbinde {
background:none repeat scroll 0 0 #0EBCE6;
color:#F0F0F0;
float:right;
font-size:1.2em;
height:20px;
line-height:19px;
padding:0 6px 0 0;
text-align:right;
text-transform:uppercase;
width:97%;
}

.zeile_links {
clear:none;
float:left;
height:157px;
line-height:1.5em;
width:187px;
}

.zeile_links li {
list-style:none outside none;
margin:4px 0 0 10px !important;
}
 .custombullet {
float:left;
width:10px;
}

.custombullet:before {
content:"\2e";
}

.zeile_links.li {
line-height:1.2em;
list-style:none;
}


.entry .textbox {
background-color:#222;
border:1px dotted #888;
padding:5px;
}

#IE_warning {
background:none repeat scroll 0 0 #333;
border-bottom:1px dotted #FFF;
color:#BBB;
display:none;
font-size:10px;
letter-spacing:.02em;
line-height:1.3em;
padding:5px;
text-align:left;
width:100%;
}

#IE_warning a {
color:#00B8E4;
}

#scrollbar {
bottom:0;
height:0;
position:fixed;
right:0;
width:0;
}

a,a:visited,a {
color:#999;
text-decoration:none;
}

.column,.posttitle {
margin:0 0 0.7em;
padding:0;
width:640px;
}

.column .postmetadata,H4.footerwidget {
padding-top:20px;
}

.post-edit-link a,#header .rss a,#footer a,.footerlinks a {
color:#999999;
}

#sidebar h2,#wp-calendar caption,cite,#sidebar a,#sidebar a:hover,h2 a:hover,h3 a:hover {
text-decoration:none;
cursor: pointer;
}

.depth-2,.depth-3,.depth-4,.depth-5,.depth-6,.depth-7,.depth-8,.depth-9,.depth-10 {
border-top:1px dashed #6a6e6d;
}

#commentform p a,#nav ul li a:hover,#nav ul li a.selected,.current_page_item a:hover,.current_page_item a,#footer-bott a,#IE_warning a:hover {
color:#fff;
}

#sidebar h2,#sidebar h3 {
color:#eef0eb;
font-family:Tahoma, Verdana, Sans-Serif;
font-size:1.2em;
font-weight:700;
height:39px;
margin:5px 0 0;
padding:11px 0 0 47px;
text-transform:uppercase;
width:208px;
}

img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.entry ol li,#sidebar ul,#sidebar ul ol,.nextlink {
margin:0;
padding:0;
}

.entry form,.center {
text-align:center;
}

#respond a,.workentry .workbauchbinde:hover {
color:#FFF;
}

.commentlist,.children {
padding:0;
}

#sidebar form,.entry p object {
margin:0;
}

#sharemenu span,.hidden,#iphone,#about_iphone {
display:none;
}

#share-twitter,#share-facebook,#share-stumble,#share-delicious,#share-technorati {
width:41px;
}

.blogroll-foot ul,.recent-foot ul {
list-style:none;
list-style-type:none;
margin:15px 0;
}

.blogroll-foot ul li,.recent-foot ul li {
background:url(images/bullet2.gif) top left no-repeat;
font-size:1.1em;
margin:0 20px 9px 0;
padding-left:22px;
}

.rightnav a:hover,.leftnav a:hover {
border-bottom:1px dashed;
text-decoration:none;
}

.maintitle {
color:#999;
font-size:13pt;
font-weight:400;
text-transform:uppercase;
}

.subtitle,.backbutton {
color:#999;
font-size:8pt;
font-weight:400;
padding-left:5px;
text-transform:uppercase;
}

.subtitle_date {
float:right;
height:0;
line-height:26px;
}

.backbutton {
float:right;
}
.backbutton:before {
    font-size: 1.5em;
    content: '⇚ '  ;
}
#job_badge {
background:url("./images/jobs/jobs_blue.png") no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:101px;
margin:11px -46px 0 0;
padding:0;
position:relative;
text-indent:-9999px;
width:101px;
z-index:1;
}
#thickboxVideo1,#thickboxVideo2,#thickboxVideo3,#thickboxVideo4 {
display: block;
}
#impressum, #vimeo, #facebook {
left: 4px;
position:absolute;
}
#impressum { 
bottom:4px;
}

#vimeo, #facebook { 
bottom:22px;
position:absolute;
}

#facebook { 
left:28px;
position:absolute;
}


.wcdlogo_flash {
margin:31px 0 0;
}
.wcdlogo_flash:hover {
cursor:pointer;
}
.rahmen {
border:1px solid #e8e8e8 !important;
}

.entry ul {
line-height:1.3em;
list-style:none outside none;
margin:26px 0 !important;
}
ul.punkte li:before {
content: ". ";
}