/*
Theme Name: Temptalia Beta
version: 4.0 #F5F5F5
*/

/* Standard */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }
body { background: #FFFFFF url(images/bg_top2.jpg) repeat-x; font: 100% Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a { color: #FF008A; }
a:hover { text-decoration: underline; }



html {		
           margin:0;
		   padding: 0;
		   color:#808080;
           scrollbar-3dlight-color: #FFFFFF; 
		   scrollbar-arrow-color: #E11E8F; 
		   scrollbar-base-color: #faf4f8; 
		   scrollbar-darkshadow-color: #4f4f4f; 
		   scrollbar-face-color: #faf4f8; 
		   scrollbar-highlight-color: #EFEFEF; 
		   scrollbar-shadow-color: #D1D1D1; 
		   scrollbar-track-color: #faf4f8;
		   }
		.li { list-style-type: square; margin: 0px 0px 0px 20px; font-size: 1.0em; }   
		   
/* Color */

.pink{ color: #E11E8F; }

/* Header */

#wrapper { width: 100%; margin: 0px auto; }
#header { width: 100%; height: 143px; background: transparent url(images/topbanner3.jpg) no-repeat; text-align: left; padding: 0px; clear: both; }

#logo {  float: left; position: absolute; }

#network { position: absolute; width: 100px; margin-left: -90px; margin-top: 11px; float: left; z-index: 10000; }

/* Mid Area */



.ft {
font-family:arial, helvetica; 
font-size:10px; 
color:#ffffff;
line-height:10pt;
}
.tt {
font-family:arial, helvetica; 
font-size:11px; 
color:#cfdae8;
}

#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay4.png", sizingMethod="scale");
	}





.tablex {
            background-color: #FFFFFF; 
            border-style: outset; 
            border-top: 0px solid #ffffff; 
            border-left: 0px solid #ffffff; 
            border-right: 0px solid #E0E0E0; 
            border-bottom: 0px solid #E0E0E0}
			
			.tabellenrahmennews2 {
             background-color: #FFFFFF; 
            border-style: outset; 
            border-top: 1px solid #D6D6D6; 
            border-left: 1px solid #D6D6D6; 
            border-right: 1px solid #D6D6D6; 
            border-bottom: 1px solid #D6D6D6}
			
#mid_area { width: 1000px; height: 284px; }
#mid_area_ad { width: 300px; height: 250px; float: right; position: relative; top: 15px; right: 10px; }

p.error { font-size: 0.875em; float: left; margin: 8px 0px; }

#tab_area { float: left; position: relative; top: 6px; left: 10px; }

.widget { width: 642px; }

.ani_btn { float: left; }

.tabnav ul { margin: 0px; padding: 0px; float: left; width: 100px; }

.tabnav li { display: inline; list-style: none; padding: 0px; margin: 0px; float: left; }
.tabnav li a { }

.tabdiv1 { float: left; background-image: url(images/bg_mid.jpg); width: 468px; height: 251px; padding: 10px; }
.tabdiv2 { float: left; background-image: url(images/bg_mid.jpg); width: 468px; height: 251px; padding: 10px; }
.tabdiv3 { float: left; background-image: url(images/bg_mid.jpg); width: 468px; height: 251px; padding: 10px; }
.noshow { display: none; }
.tabdiv li { list-style: none; }
.tabdiv1 h2, .tabdiv2 h2, .tabdiv3 h2 { color: #666666; font-size: 1.375em; }

.ui-tabs-hide { display: none; }

#popular ul, #featured ul, #launches ul { margin: 8px 0px; padding: 0px; list-style-type: none; width: 450px; }
#popular ul li, #featured ul li, #launches ul li { font-size: 0.750em; font-weight: bold; margin: 4px 0px; padding: 0px; }

#popular ul li a, #featured ul li a, #launches ul li a { color: #EE1392; }

/* Navigation */

#navigation { height: 42px; width: 990px; position: relative; left: 10px; z-index: 1000; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }

#nav a.label { display: block; width: 6.5em; }

#nav li { float: left; }
#nav li ul { position: absolute; background-color: #CCCCCC; width: 196px; left: -999em; border-top: 1px solid #999999; border-bottom: 2px solid #999999; border-left: 2px solid #999999; border-right: 2px solid #999999; }
#nav li ul li { font-size: 0.750em; width: 196px; border-top: 1px solid #666666; }
#nav li ul li a { color: #333333; font-weight: bold; display: block; padding: 5px; width: 186px; }
#nav li ul li a:hover { color: #FFFFFF; background-color: #333333; text-decoration: none; }

#nav .tab_first { }
#nav .tab { margin: 0px 0px 0px 10px; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav a.label { height: 23px; position: relative; top: 8px; padding: 10px 5px 0px 5px; margin: 0px 0px 8px 0px; background: url(images/bg_nav_btns.jpg); text-align: center; color: #666666; font-size: 0.875em; font-weight: bold; text-transform: uppercase; }
#nav a:hover.label { text-decoration: none; }

/* Wrap */

#wrap { width: 1000px; overflow: auto; background: url(images/bg_content.jpg) repeat-y; }

/* Content */

#content { float: left; position: relative; left: 11px; width: 607px; padding: 11px 10px 0px; }
#content h2.index, #content h1.index { font-size: 1.125em; width: 615px; position: relative; left: -10px; padding: 5px 5px 10px; background: url(images/bg_headers.jpg) repeat-x; background-position: bottom; border-top: 1px solid #CCCCCC; }
#content h2.index a, #content h1.index a { color: #333333; } #content h2.index a:hover, #content h1.index a:hover { text-decoration: none; }
#content h2.fixed_header, #content h1.fixed_header { font-size: 1.375em; margin: 0px 0px 10px -5px; }

#content .sm_btns { width: 595px; height: 105px; background-image: url(images/bg_sm_btns.jpg); }

.navigation { font-size: 0.875em; height: 25px; text-align: center; }

#content .sm-btns { margin: 0px 0px 20px 5px; width: 555px; height: 55px; padding: 50px 0px 0px 40px; background-image: url(images/btn_sm_bg.jpg); }
#content .sm-btns .sm-btn-first { margin: 0px 10px 0px 0px; border: 1px solid #ccc; }
#content .sm-btns .sm-btn-mid { margin: 0px 10px 0px 0px; border: 1px solid #ccc; }
#content .sm-btns .sm-btn-last { margin: 0px; border: 1px solid #ccc; }

#content .contact-form { }
#content .contact-form p { margin: 8px 0px; font-size: 0.750em; }
#content .contact-form .area-fields { width: 250px; }
#content .contact-form .large-area { width: 550px; height: 75px; }

/* Post */

p.post_info { margin: 6px 0px 0px; font-size: 0.625em; text-align: right; background-image: url(images/bg_postinfo.jpg); background-repeat: no-repeat; background-position: left; }
p.post_info a, p.post_categories a { color: #FF008A; }

p.post_categories { font-size: 0.625em; }

.content_ad { width: 468px; height: 60px; margin: 8px auto; }

.entry { padding: 10px 0px; }
.entry p { margin: 10px 0px; font-size: 0.750em; }
.entry a { color: #FF008A; }
.entry ul, .entry ol { font-size: 0.750em; margin: 6px 0px 6px 25px; border-top: 1px dotted #CCC; }
.entry ul li { padding: 5px 0px; border-bottom: 1px dotted #CCC; list-style-image: url(images/bullet.png); }
.entry ol li { padding: 5px 0px; border-bottom: 1px dotted #CCC; }
.entry ul li ul li, .entry ol li ol li { font-size: 1.375em; }
.entry h2 { font-size: 1em; color: #E11E8F; }
.entry h3 { font-size: 0.875em; }
.entry blockquote { margin: 10px auto; width: 545px; border: 1px solid #CCCCCC; padding: 5px 5px 5px 10px; background-color: #FDFBF4; background-image: url(images/bg_blockquote.jpg); background-position: bottom; background-repeat: repeat-x; }

p.post_ft a { color: #FF008A; font-weight: bold; }
p.post_ft { font-size: 0.750em; width: 615px; height: 24px; background: url(images/bg_post_ft.jpg) repeat-x; position: relative; left: -10px; margin: 0px 0px 20px 0px; padding: 12px 5px 0px; }

#single_ft { width: 573px; border: 1px solid #CCCCCC; background-image: url(images/bg_under_post.jpg); background-repeat: no-repeat; background-color: #E0E0E0; margin: 10px auto; padding: 10px; }
#single_ft h3 { margin: 2px 0px; font-size: 0.750em; }
#single_ft p.buttons { margin: 8px 0px 10px 9px; }
#single_ft .btns { margin: 0px 5px 0px 0px; padding: 0px; }
#single_ft ul { margin: 8px 0px 0px 15px; padding: 0px; font-size: 0.750em; list-style-type: square; }
#single_ft ul li { margin: 0px; padding: 0px; }
#single_ft ul li a { color: #FF008A; }

p.tags { margin: 8px 0px; font-size: 0.750em; }
p.tags a { color: #E11E8F; }

/* Sidebar */

#sidebar { float: right; width: 345px; position: relative; margin: 10px 0px 0px 0px; }
#sidebar_left { width: 167px; margin: 10px 5px 0px 0px; float: left; border-right: 1px solid #666666; }
#sidebar_right { width: 172px; margin: 10px 0px 0px; float: right; }
#sidebar ul { list-style: none; }

#sidebar a { color: #FF008A; font-size: 0.750em; }
#sidebar h2 { font-size: 0.875em; margin: 6px 0px; }

#sidebar p.side_btn { margin: 4px 0px; }
#sidebar .side_btn_glam { width: 300px; margin: 8px 0px; position: relative; left: 18px; }
#sidebar p.badges { margin: 8px 0px; }

#sidebar .box_ad { width: 300px; height: 250px; margin: 10px auto; }

#sidebar #media-box { width: 333px; height: 138px; margin: 10px 0px 0px; background-image: url(images/bg_media.jpg); background-repeat: no-repeat; position: relative; }
#sidebar #media-box .wrap { }
#sidebar #media-box .wrap .subscribe { position: absolute; top: 102px; left: 50px; }
#sidebar #media-box .wrap .media-first { float: left; width: 56px; height: 56px; position: relative; top: 15px; left: 31px; }
#sidebar #media-box .wrap .media-img { float: left; width: 56px; height: 56px; position: relative; top: 15px; left: 46px; }
#sidebar #media-box .wrap .media-img2 { float: left; width: 56px; height: 56px; position: relative; top: 15px; left: 61px; }
#sidebar #media-box .wrap .media-img3 { float: left; width: 56px; height: 56px; position: relative; top: 15px; left: 76px; }

/* Search Box */

#fullsearch { width: 332px; }
#searchbg { width: 202px; height: 33px; background-image: url(images/bg_search.jpg); float: left; padding: 10px 0px 0px 25px; }
#searchbox { background-color: #F5F5F5; border: 0px; width: 195px; }
#searchsubmit { float: right; width: 105px; height: 43px; }

/* Features */
.features-header { width: 336px; height: 47px; background-image: url(images/features_header.jpg); background-repeat: no-repeat; position: relative; bottom: -10px; }
#features { width: 341px; height: 104px; background-image: url(images/features_bg.jpg); background-repeat: no-repeat; position: relative; left: -4px; }
#features .slide-tabs ul { position: relative; top: 7px; left: 7px; }
#features .slide-tabs li #slide-one { width: 326px; height: 90px; }
#features .slide-tabs li #slide-two { width: 326px; height: 90px; }
#features .slide-tabs li #slide-three { width: 326px; height: 90px; }
#features .slide-tabs li #slide-four { width: 326px; height: 90px; }

ul#feature-noscript { margin: 6px 0px 6px 0px; border-top: 1px dotted #CCC; }
ul#feature-noscript li { padding: 5px 0px; border-bottom: 1px dotted #CCC; }

/* RSS Box */

#rss_box_wrap { margin: 10px 0px 0px 0px; width: 332px; height: 133px; background-image: url(images/bg_rss.jpg); background-repeat: no-repeat; }
#rss_box { width: 208px; height: 118px; float: left; padding: 15px 0px 0px 0px; }
#rss_box p, #rss_box h2 { margin: 8px 0px; color: #FFFFFF; font-size: 0.750em; text-align: center; }

.rss_btn { float: right; }

/* Comments */

.avatar { position: relative; float: left; padding: 10px 10px 0px 10px; top: -7px; }
h4 { font-size: 0.750em; font-weight: 100; color: #FF0099; padding: 0px 0px 0px; margin: 0px 0px 0px 0px; }
h4 a { color: #FF0099; }

.commentlist { width: 600px; margin: 0px auto; }

ol.commentlist, ul.children { list-style: none; }

h2#comments { font-size: 0.875em; }
h2#comments a { text-decoration: none; color: #FF0084; }
#addcomment { font-size: 0.750em; color: #000000; background-color: #EEEEEE; position: relative; left: 3px; border: 1px solid #DDDDDD; width: 95%; padding: 10px; }
#addcomment a { color: #FF0084; }
input#subscribe { width: auto; }
#commentform textarea { width: 97%; }

.nocomment { color: #FFFFFF; padding-left: 15px; }
.body {  }
.title { font-size: 0.750em; }
.comment { position: relative; color: #000000; background-color: #FEFDF7; border: 1px solid #999999; margin: 10px 0px; }

cite { font-style: normal; }
.comment .vcard { position: relative; background-image: url(images/bg_comment_header.jpg); background-repeat: repeat-x; height: 55px; font-size: 1em; font-weight: bold; padding: 6px 0px 0px; }
.comment .fn { color: #FF0099; font-size: 0.750em; }
.comment .fn a, .comment p.date a { color: #FF0099; }
.comment .fn a:hover { text-decoration: none; }
.comment .depth-2 { background-color: #FFE9FE; width: 577px; margin: 10px auto; }
.comment .depth-3 { width: 556px; margin: 10px auto; }
.comment .depth-4 { width: 536px; margin: 10px auto; }
.comment .depth-5 { width: 516px; margin: 10px auto; }
.comment .admin { }
.comment p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 535px; }
.comment .depth-2 p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 515px; }
.comment .depth-3 p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 495px; }
.comment .depth-4 p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 465px; }
.comment p, .comment .commentmetadata { margin: 8px 5px; font-size: 0.750em; }
.commentmetadata a { color: #FF0099; }

.comment .bypostauthor { border: 1px solid #FF0084; }
.comment .body a { color: #FF0084; }
.comment .body a:hover { text-decoration: underline; }
.comment div { position: relative; }
.comment .comment img { margin: 0px; }
p.nest { margin: 2px 0px; text-align: right; }
.reply a, .reply_out a { color: #FF0084; text-decoration: none; }
.reply a:hover, .reply_out a:hover { text-decoration: underline; }
.reply { text-align: right; font-size: 0.750em; margin: 10px 0px; padding: 0px 6px 0px 0px; }
.reply_out { text-align: right; font-size: 0.675em; margin: 10px 0px 10px 0px; padding: 0px 10px 0px 0px; }
.comment { margin-top: 10px; }
.comment .body .content { padding: 0px 3px 5px 3px; overflow: auto; }
.comment .title abbr { border: none; }

#respond { margin: 12px 0px 12px 4px; }
#respond p { margin: 8px 0px; }
#respond a { color: #FF0084; text-decoration: none; }
#respond #author, #respond #email, #respond #url, #respond #comment { border: 1px solid #ccc; }

.navi { }
.navi .alignleft a, .navi .alignright a { color: #FF0084; font-size: 0.875em; }
.navi .alignleft { float: left; }
.navi .alignright { float: right; }

.txt_gravatar { margin: 6px 0px; color: #666666; }

.date { float: left; font-size: 0.875em; padding: 5px 0px 0px 0px; float: left; }

/* Categories */

#cat_side_one { width: 300px; float: left; }
#cat_side_two { width: 300px; float: right; }

/* Footer */

p.copy { text-align: center; margin: 8px 0px; font-size: 0.875em; }

#upper_footer_st { background-image: url(images/bg_footer_stretch.jpg); background-repeat: repeat-x; }
#upper_footer { width: 100%; height: 46px; margin: 0px auto; background-image: url(images/bg_footer.jpg); background-repeat: epeat-x; }
#upper_footerx { width: 100%; height: 6px; margin: 0px auto; background-image: url(images/bg_footer.jpg); background-repeat: epeat-x; }
#footer { width: 100%; height: 50px; margin: 0px auto; }

#footer_txt { margin: 0px 0px 10px 0px; }
#footer_txt a { color: #FF0084; }
#footer_txt ul { list-style-type: square; margin: 0px 0px 0px 20px; font-size: 0.750em; }
#footer_txt h3 { font-size: 0.750em; color: #999999; margin: 5px 0px 5px 0px; }

.footer_txt_left { background-image: url(images/bg_footer_stretch.jpg); background-repeat: repeat-x; padding: 0px 5px; margin: 0px 10px 0px 10px; float: left; }
.footer_txt_right { width: 330px; height: 150px; background-image: url(images/bg_footer_text.jpg); padding: 0px 10px; margin: 0px; float: left; }

.twitter_txt ul { list-style-type: square; margin: 0px 0px 0px 20px; font-size: 0.750em; }

.logo_grey { float: right; position: relative; top: 10px; right: 20px; }

.btm_ad { width: 728px; margin: 0px auto; text-align: center; }
p.glam_btn { width: 160px; margin: 0px auto 8px auto; }

.img_right { float: right; margin: 0px 0px 5px 20px; }
.img_left { float: left; margin: 0px 20px 5px 0px; }