/*
Theme Name: just dance theme
Theme URI: http://sd-just-dance.de
Description: Theme for susi&prime;s tanzakademie | just dance - tanzen weil&prime;s spa&szlig; macht
Version: 1.0 beta
Author: Lukas Petri
Author URI: http://lpmdesign.de
Tags: white, grey, orange, custom theme, no sidebar

	just dance theme v1.o beta
	 http://sd-just-dance.de

	This theme was designed and built by Lukas Petri,
	whose blog you will find at http://lpmdesign.de/wordpress

	The Theme ist based on the Vikiworks Infinity Theme, 
	which can be found under http://vikiworks.com
*/


/* Overal setup */
* { margin:0; padding:0; }
body { background:#fff url(images/main_background.jpg) top center repeat-x; color:#3a3a3a; font:12px/14px  helvetica, arial,Sans-serif; }
a:link, a:visited   { color:#ff9900;text-decoration:none;outline:0; }
a:hover { color:#902323; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:30px; } 
h2  { font-size:35px; font-family:Arial, Arial, Helvetica, sans-serif; font-weight:bold;line-height: 50px;color:#717170; } 
h3  { font:bold 11px arial,helvatica;color:#3a3a3a; }
h4  { font-size:14px; }
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; }

.willkommen { background:transparent url(images/welcome-bg.gif) top left no-repeat; width:500px; /*height:390px;*/ }
.willkommen h2 { padding:10px 0 0 60px;}
.willkommen p { padding:10px 190px 10px 40px;}
.willkommen a:visited {color:#ff9900;}
.willkommen a:hover {color:#902323;}


h2.overview, h2.overview a:link, h2.overview a:visited { font-size:18px;color:#ff9900;text-decoration:none; line-height:normal;}
h2.overview a:hover {color:#666666;text-decoration:none;}

/* navigation */
.navposition { margin: 0 auto; padding-top: 0px 0 0 0; width: 950px;}
/*.navposition { margin: 0 auto; padding: 265px 0 0 0; width: 950px;}*/
ul.topnav   { list-style:none;text-align:left; margin: 0 auto; padding-top:2px;}
.topnav li   { float:left;margin: 0;display:block;font:15px arial; font-weight:bold; outline:none;color:#ddd;text-decoration:none;}
.topnav li a:link, .topnav li a:visited  { font:15px arial; font-weight:bold; outline:none;color:#ddd;text-decoration:none;padding:0 7px;text-transform: lowercase; }
.topnav li:after{ content:" | ";}
.topnav li a:hover   { color:#f08b19 !important; }
.topnav li.current_page_item a:link, .topnav li.current_page_item a:visited  { font:15px arial; font-weight:bold; outline:none;text-decoration:none;display:block;text-transform: lowercase; color:#f08b19 !important; display:inline-block;}	
.topnav li.rss   { float:right;display:block; width: 60px;background:transparent url(images/rss.png) no-repeat 130% 0;  display:none;}
.topnav li.rss a { color: #f08b19; font-weight: normal; text-transform:uppercase; font-size:12px;}
.topnav li.rss a:hover   {background: transparent;color:#FFCC33 !important;
}

/* header */
#header {  height: 268px; margin:0 auto; padding:0; background: transparent url(images/header-bg.gif) top center no-repeat; }
#header h1 a { display:block;font-size: 20px; margin: 0px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #d37b19; }
#main-wrapper { display:block; margin:40px auto;width:950px;padding:30px 10px 10px 10px;text-align:left;/*background:url(images/px.png);*/ }
.main { width: 500px; margin:0;padding:0;float:left;}


/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; overflow: hidden; height: 150px; margin: 0 10px 10px 0; position: relative; }
.thumb-title { margin-bottom:5px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#d37b19;text-decoration: none;text-transform: lowercase; }
.thumb-title h2 a:hover { color: #fff; }



/* Ancillary */
#ancillary  { margin:0;padding:0;/*height:260px;*/}
#ancillary .flickr { padding: 3px 2px 3px 2px; background: #202020 ; overflow: hidden; text-align:center;/*height:95px;*/}
#ancillary .flickr img  { margin:10px 13px 10px 13px; display:inline; }
#ancillary .flickr a:link img, #ancillary .flickr a:visited img  { border:3px solid #fff; }
#ancillary .flickr a:hover img  { border:3px solid #ff9900; }



/* single page */
.post.single { line-height:1.4em; /*width:485px;*/padding:3px; }
.post.single h2, .post.single h2 a { font:38px;color:#717170;text-decoration:none;}
.post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#999; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
.post.single .postMeta span.comments a,
.post.single .postMeta span.date a{ color:#999; }
.post.single .entry { line-height:18px;overflow:hidden;padding-bottom:25px; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img, .entry a img { border:4px solid #999;}
.post .entry a:hover img { border-color:#902323; }
.post.single h3 { font-size: 12px;font-weight:bold; color: #ff9900; display:inline; }
.post.single p { margin: 1em 0; }
.post.single p a:link, .post.single p a:visited,.post a:link, .post a:visited, .post.single li a { color:#ff9900; }
.post a:hover { color:#999; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background: #f9f9de; }
.post.single a:link, .post.single a:visited { color:#ff9900; }
.post.single a:hover { color:#ddd; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; list-style-type:disc;}
.entry ul li, .entry ol li {  margin: 8px 0 8px 20px;  list-style-type:disc;}
.entry h3 {font-size:18px;color:#ff9900;text-decoration:none; line-height:normal; margin-top:15px; } 
.entry p {margin-bottom: 18px;}
.entry { text-align: justify; }


/* twitter */
#twitter #twitter_update_list { color:#c5e281; line-height:1.4em; padding: 0;line-height:1.6em; font-size:12px; }
#twitter #twitter_update_list a { color:#ddd;padding:0;margin:0;display: block; }
#twitter #twitter_update_list a:hover  { color:#fff;padding:0;margin:0; }



/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }
#left-sidebar { color:#ddd;float:left;margin:0 0 0 60px;width:372px;padding:5px;overflow:hidden; }
#left-sidebar h3 {padding:0px; display: inline; color: #5b5a59; font-size:14px; }
#left-sidebar a:link, #left-sidebar a:visited   { color:#ff9900; }
#left-sidebar a:hover { color:#999; }
#left-sidebar p { color:#ddd; }
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; }

.categories { padding: 0; color: #666; }
.categories li { font-size: 11px;padding:3px 2px; color:#444; width: 48%;  }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#902323;text-decoration: none; }

.recent-posts { padding: 10px 0; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { font-size: 11px; margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }

.delicious { padding: 10px 0; }
.delicious ul { margin: 0; padding: 0; }
.delicious li { margin: 0px; padding: 2px 0; list-style-type: none;  }
.delicious li a { text-decoration:none; }
.delicious li a:hover { text-decoration:none; }

.tags { margin:10px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none;color:#333;font-weight:normal; }
.tags:hover a { color: #666; text-decoration: none; }
.tags:hover a:hover, #sidebar .tags a:hover { color: #902323;text-decoration: none; }




#right-sidebar { color:#ddd;float:left;width:320px;margin:0;padding:5px;font-size:11px;background: transparent url(images/opa.png); }
#right-sidebar h3 {padding:3px; background: #6e80c4;display: inline; color: #902323; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a:link, #right-sidebar a:visited   { color:#ff9900; text-decoration:none; }
#right-sidebar a:hover { color:#999; }
#right-sidebar ul { list-style:none;margin:8px 0 4px; }


/* NEWSBOX */

.newsbox{background: transparent url(images/news-middle.gif) center top repeat-y; width:350px; float:right;margin:0 0 20px 0; padding:0 30px 0 30px;}
.newsboxcontent{width:290px; padding:10px 30px 0 30px;}
.newsboxtop{background: transparent url(images/news-top.gif) center top no-repeat; padding:0; height: 50px; }
.boxtop{background: transparent url(images/box-top.gif) center top no-repeat; padding:35px 30px 0 28px; }
.newsboxfooter{background: transparent url(images/news-bottom.gif) center top no-repeat; height:41px;}

.newsbox h3{color:#333; font-size:14px; font-style:italic;}
.newsbox h3 a:link, .newsbox h3 a:visited{color:#333; }
.newsbox a:link, .newsbox a:visited{color:#ff9900;}
.newsbox a:hover{color:#999;}
.newsbox ul {margin: 0; padding:0;}

/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana; color:#666;padding:5px 0;}	
ol.commentlist { list-style:none; margin:0; padding:0; width:510px;}
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, a:visited { color:#5b5a59;}
ol.commentlist h5 a:hover { color:#666; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }




/* form */
#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }



/* footer */
#footer { background:#fff url(images/footer-bg.jpg) top center repeat-x; color:#555; font-size:9px;line-height:1.4em; padding:30px;margin:0 auto;height:205px;clear:both;text-align:right; }
#footer a { font-weight: bold;color:#999;border-bottom:1px solid #333; }
#footer a:hover { color:#902323; }
#footer img { display: none; }


