/*

Theme Name: mobile css
Theme URI: http://3oneseven.com/
Description: Sole property of packie.de and 3oneseven.com
Version: 3.17
Author: miloIIIIVII
Author URI: http://3oneseven.com/

NOTE: Sole property of packie.de and 3oneseven.com.
NO copying, "inspiration" or any other form of use allowed.
Protected under copyright laws of the EU.
eur-lex.europa.eu/LexUriServ/LexUriServ.do?uri=CELEX:31992L0100:EN:HTML


----------------------------------- reset.css*/
HTML, BODY, DIV, SPAN, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, CODE, DEL, DFN, EM, IMG, Q, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
*
{
	margin: 0;
	padding: 0;
}
BODY
{
	background: #FFF;
	color: #333;
	font: 14px/20px Arial, Tahoma, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}
/*----------------------------------- wrapper*/
#rap
{
	background: transparent url(images/04.png) repeat-x;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#wrap
{
	background: #6BB4B4;
	color: #333;
	font: 13px/20px Arial, Tahoma, Helvetica, Sans-Serif;
	margin: 0 auto;
	padding: 0;
	width: 99%;
	overflow: hidden;
}
#content
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: transparent;
}
#contentmiddle, #contentmiddle2, #contentmiddle3
{
	width: 99%;
	margin: 10px 0;
	padding: 10px 0;
	border: 0;
	display: block;
}
A, A:visited
{
	color: #900;
	text-decoration: none;
}
A:hover
{
	text-decoration: none;
	color: #333;
}
A IMG
{
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0;
}
/*----------------------------------- header*/
#header
{
	clear: both;
	background: transparent url(images/05.png) no-repeat center bottom;
	width: 100%;
	margin: 20px 0 0;
	padding: 0;
	position: relative;
}
#head
{
	clear: both;
	margin: 0px 0 0;
	width: 99%;
	overflow: hidden;
	display: block;
	background: transparent url(images/02.jpg) no-repeat center left;
}
#header H1, #header H1 A
{
	display: block;
	height: 68px;
	width: 100%;
	text-indent: -90000px;
	margin: 30px 0 0;
	padding: 0;
	outline: none;
}
#header H1 A:hover
{
	background: transparent;
}
.des
{
	display: none;
}
#dateToday
{
	width: 99%;
	overflow: hidden;
	display: block;
	text-align: left;
	background: transparent url(images/06.png) no-repeat top right;
}
#dateToday P
{
	margin: 0;
	padding-right: 60px;
	text-align: right;
	color: #CCC;
}
/*---------------------------------- navi*/
.navbar
{
	display: block;
	padding: 0;
}
.navbar UL
{
	margin: 0;
	padding: 7px 0 0 2px;
	list-style: none;
	height: 30px;
}
.navbar A
{
	color: #BBB;
	display: block;
	padding: 0 10px 0 0;
	margin-top: 0;
}
.navbar A:hover
{
	color: #FC1;
	display: block;
	text-decoration: none;
	background: transparent;
}
.navbar LI
{
	float: left;
	margin: 0;
	padding: 0;
}
.navbar LI LI
{
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	width: 130px;
}
.navbar LI LI A, .navbar LI LI A:link, .navbar LI LI A:visited
{
	background: #000;
	width: 150px;
	float: none;
	margin: 0;
	padding: 3px 10px 5px;
	color: #666;
}
.navbar LI LI A:hover, .navbar LI LI A:active
{
	background: #A00;
	width: 150px;
	float: none;
	margin: 0;
	padding: 4px 10px 5px;
	color: #FFF;
}
.navbar LI UL
{
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 1;
}
.navbar LI:hover UL
{
	left: auto;
	display: block;
}
.navbar LI:hover UL, .navbar LI.sfhover UL
{
	left: auto;
}
.navbar LI.current_page_item A
{
	background: transparent;
	color: #D90;
}
.navbar LI.current_page_item A:hover
{
	color: #EEE;
	text-decoration: none;
}
.current-menu-item A
{
	/*[empty]color:;*/
}
/*----------------------------------- cats navi*/
#categories
{
	clear: both;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	background: #C1BDBD;
}
#categories UL
{
	list-style: none;
	padding: 0 0 0 2px;
	margin: 0;
}
#categories LI
{
	float: left;
	display: block;
	padding: 0;
}
#categories LI A
{
	font: 14px "times new roman", Arial, Sans-Serif;
	color: #544;
	font-variant: small-caps;
	padding: 0 10px 0 0;
	display: block;
}
#categories LI A:hover
{
	color: #900;
}
#categories LI.current-cat A
{
	background: transparent;
	color: #877;
	display: block;
}
#categories LI.current-cat A:hover
{
	color: #CCC;
}
#top
{
	clear: both;
	background: transparent;
	overflow: hidden;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
/*----------------------------------- search*/
#search
{
	background: transparent;
	width: 99%;
	margin: 0;
	padding: 0;
	position: relative;
}
#searchform
{
	margin: 0 auto;
	padding: 5px 3px;
/*text-align: center;*/
}
#searchform #s
{
	clear: both;
	width: 99%;
	padding: 0;
	background: transparent;
	border: 1px solid #333;
	margin: 0;
	color: #CCC;
	font: 14px "times new roman", Arial, Sans-Serif;
}
/*----------------------------------- slider*/
#slider, #item, #sponsor
{
	display: none;
}
/*----------------------------------- slider*/
.sliderwrapper, .sliderwrapper .contentdiv, .contentslide .contentdiv
{
	display: none;
}
.contentslide, .contentslide .opacitylayer
{
	display: none;
}
.pagination, #sponsor .pagination
{
	display: none;
}
/*----------------------------------- bars*/
#l_sidebar, #left_sidebar, #middle, #bar, #sbar
{
	display: none;
}
/*----------------------------------- bar lists*/
#footer UL
{
	list-style: none;
	margin: 0;
	padding: 0 0 6px;
}
#footer LI
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer UL LI
{
	margin: 0;
	padding: 3px 0;
}
#footer UL LI A
{
	color: #333;
	text-decoration: none;
	display: block;
}
#footer UL LI A:hover
{
	color: #900;
	text-decoration: none;
	background: #333;
}
/*----------------------------------- images*/
.social LI A
{
	display: block;
}
/*----------------------------------- content*/
#content P
{
	padding: 10px 0;
	margin: 0;
}
H2
{
	color: #333;
	letter-spacing: -2px;
	line-height: 18px;
	padding: 10px 0;
	margin: 0;
	font-variant: small-caps;
	border: 0;
	color: #333;
	font: 22px Times, Verdana, Arial, Sans-Serif;
	border: 0;
}
H2 SPAN, H3 SPAN, H4 SPAN
{
	color: #900;
}
#bar H2, #sbar H2, #footer H2
{
	background: transparent url(images/07.png) no-repeat center right;
}
H3
{
	color: #333;
	font: 20px "Times new roman", Verdana, Arial, Sans-Serif;
	margin: 0;
	font-variant: small-caps;
	padding: 10px 0;
	margin: 0;
}
H4
{
	color: #333;
	font: 17px "Times new roman", Verdana, Arial, Sans-Serif;
	margin: 0;
	font-variant: small-caps;
	padding: 10px 0;
	margin: 0;
	background: transparent url(images/07.png) no-repeat center right;
}
#footer H3, #footer H2
{
	color: #333;
}
#content P OL, #content P UL
{
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
BLOCKQUOTE
{
	margin: 0 0 0 25px;
	padding: 0 25px 0 10px;
	font-style: italic;
	color: #666;
	border-left: 6px solid #900;
}
#content BLOCKQUOTE P
{
	margin: 0 0 20px;
	padding: 0;
}
#contentmiddle .entry
{
	border-bottom: 1px dotted #CCC;
}
/*----------------------------------- content lists*/
#contentmiddle UL LI, #contentmiddle2 UL LI, #contentmiddle3 UL LI
{
	margin: 0;
	padding: 5px 0 0;
	list-style: none;
}
#contentmiddle UL LI A, #contentmiddle2 UL LI A, #contentmiddle3 UL LI A
{
	color: #900;
	text-decoration: none;
	list-style: none;
}
#contentmiddle UL LI A:hover, #contentmiddle2 UL LI A:hover, #contentmiddle3 UL LI A:hover
{
	color: #333;
	text-decoration: none;
}
#content IMG.wp-smiley
{
	float: none;
	border: none;
	padding: 0;
	margin: 0;
}
#content IMG.wp-wink
{
	float: none;
	border: none;
	padding: 0;
	margin: 0;
}
/*----------------------------------- dates and posts*/
.date
{
	font-size: 11px;
	text-align: right;
	float: right;
	margin-bottom: 2px;
	margin-top: -28px;
	letter-spacing: 1px;
}
.date SPAN.date
{
	color: #7F7F7F;
	padding: 0 2px 0 4px;
}
.bigdate
{
	font: 25px times, "sans serif";
	color: #333;
	text-decoration: none !important;
}
.meta
{
	display: block;
	list-style-type: none;
	list-style-image: none;
	background: #FAFAFA;
	font-size: 80%;
	line-height: 90%;
	margin: 0;
	padding: 4px;
}
#contentmiddle2 .meta
{
	border-top: 1px dotted #333;
	padding: 5px 0;
}
#contentmiddle2 .entry, #contentmiddle3 .entry
{
	margin: 9px 0;
	padding: 5px 0;
}
.postspace
{
	background: transparent;
	width: 80%;
	height: 32px;
	margin: 0;
	padding: 0;
}
#postmeta
{
	background: #FAFAFA;
	width: 99%;
	margin: 0;
	padding: 0;
	display: block;
}
.rel
{
	float: left;
	width: 48%;
	margin: 0;
	padding-right: 20px;
}
.social
{
	float: right;
	width: 44%;
	margin: 0;
	padding: 0;
}
.extra
{
	float: right;
	width: 44%;
	margin: 0;
	padding: 0;
	background-color: #817979;
}
/*----------------------------------- footer*/
#footer
{
	clear: both;
	background: #FFF;
	width: 100%;
	margin: 10px 0 0;
	padding: 20px 0 0;
	color: #333;
}
.inner
{
	background: transparent;
	width: 99%;
	margin: 0 auto;
	padding: 40px 0 0;
}
/*----------------------------------- credits*/
.credits
{
	clear: both;
	width: 100%;
	display: block;
	margin: 20px 0;
	padding: 0;
	background: transparent;
}
.creditsl, .creditsr
{
	display: block;
	margin: 0;
	padding: 0;
	width: 99%;
	background: transparent;
}
.creditsr P
{
	margin: 0;
	padding: 0;
	text-align: left;
}
#dateToday A, .credits A
{
	color: #CCC;
}
#dateToday A:hover, .credits A:hover
{
	color: #900;
}
/*----------------------------------- footer anv*/
#navbarf
{
	clear: both;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
}
#navbarf LI
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navbarf UL
{
	margin: 5px 0 0;
	padding: 0;
}
#footer #navbarf UL LI A
{
	font: 14px "times new roman", georgia, Serif;
	color: #666;
	font-variant: small-caps;
	text-decoration: none;
	padding: 0 5px;
	display: inline-block;
}
/*----------------------------------- s footer*/
#s_footer
{
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 200px;
	clear: both;
	background: transparent;
	position: relative;
}
.col1, .col2, .col3, .col4, .col5, .col6
{
	width: 99%;
	margin: 0;
	padding: 5px 0;
}
/*----------------------------------- footer slider*/
#slider
{
	background: transparent;
}
.stepcarousel
{
	position: relative;
	overflow: scroll;
	width: 90%;
	height: 229px;
	margin: 10px auto 0;
	background: transparent;
	text-align: center;
}
.stepcarousel .belt
{
	position: absolute;
	left: 0;
	top: 0;
}
.stepcarousel .panel
{
	float: left;
	overflow: hidden;
	margin: 0 60px 0 10px;
	width: 200px;
	background: transparent;
	height: 220px;
	border: 0;
}
.stepcarousel H2 A
{
	font: normal 19px Georgia, "Times New Roman", Times, serif;
	height: 25px;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.stepcarousel .panel .entry
{
	text-align: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 80%;
}
.stepcarousel .panel IMG
{
	background: transparent;
	margin: 0;
	padding: 0;
}
/*----------------------------------- comments*/
#comments
{
	clear: both;
	width: 100%;
	padding: 20px 0;
	margin: 4px 0;
	border-top: 1px solid #CCC;
}
#comments H3, H3#respond
{
	color: #555;
	margin: 7px 0;
}
OL.commentslist
{
	margin: 5px 0;
	list-style-type: upper-roman;
}
OL.commentslist LI
{
	margin: 5px 0;
	list-style-type: upper-roman;
}
.commentslist LI
{
	background: #FFF;
	border: 1px solid #CCC;
	margin: 7px 0;
	padding: 7px 0;
}
.commentslist LI A
{
	font-family: georgia;
}
.commentslist LI.alt
{
	background: #FAFAFA;
}
.commentslist LI:hover
{
	border-color: #888;
}
.commentslist .comment_text
{
	margin: 0;
	line-height: 1.4em;
	overflow: hidden;
}
.comment_text P, .comment_text UL, .comment_text OL, .comment_text BLOCKQUOTE
{
	margin: 1em 0;
	padding: 0 0 0 10px;
	float: left;
	width: 80%;
}
.comment_text UL, .comment_text OL, .comment_text BLOCKQUOTE
{
	margin: 0 1em;
}
.comment-date
{
	width: 60px;
	float: right;
	padding: 0 0 0 20px;
	margin: 0;
	height: 70px;
	display: inline-block;
}
P.author_meta
{
	font-weight: 700;
	margin: 0 0 0 7px;
	padding: 0 20px;
	width: 80%;
}
P.post_meta
{
	font-size: 11px;
	text-align: right;
	margin: 0 7px 0 0;
}
.count
{
	float: right;
	display: block;
	width: 53px;
	height: 53px;
	font: 53px georgia;
	color: #333;
	line-height: 53px;
}
.commentslist LI.author
{
	background: transparent;
	color: #CCC;
}
.commentslist LI.author A
{
	color: #DDD;
}
.commentslist LI.author A:hover
{
	color: #333;
}
#comments_closed
{
	background: #FAFAFA;
	color: #333;
	padding: 7px 0;
	margin: 12px 0;
	line-height: 1.5em;
}
P.nocomments
{
	margin: 0 12px 0 7px;
}
P.nocomments A
{
	color: #DDD;
	font-family: georgia;
	text-decoration: underline;
}
P.nocomments A:hover
{
	color: #CCC;
}
OL.pingslist
{
	margin: 1.5em 2em;
	font-size: 12px;
}
.pingslist LI
{
	color: #7F7F7F;
	margin: 0 0 7px;
}
.pingslist LI A
{
	font-family: georgia;
}
#commentform P
{
	margin: 1em 0;
}
#commentform P A
{
	font-family: georgia;
}
#author, #email, #url, #comment
{
	font: 1.1em arial, helvetica, verdana, sans-serif;
	border: 1px solid #BBB;
	padding: 2px;
}
#comment
{
	width: 99%;
	overflow: hidden;
}
#commentform P SMALL
{
	font-size: 10px;
	color: #7F7F7F;
}
.commentslist CODE
{
	background: transparent;
}
#commentform TEXTAREA
{
	width: 99%;
	height: 255px;
	border: 1px solid #666;
	padding: 2px 0;
	margin-top: 3px;
	color: #000;
	background: #FFF;
}
#commentform INPUT
{
	border: 1px solid #666;
	padding: 2px 0;
	margin-top: 3px;
	color: #000;
	background: #FFF;
}
#commentform #submit, #submits
{
	background: transparent;
	font: normal 22px georgia, "times new roman", times, sans-serif;
	color: #666;
	border: 1px solid #666;
	width: 100%;
	height: 35px;
	cursor: pointer;
	text-transform: uppercase;
}
/*----------------------------------- clearfix*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
* HTML .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
HR.clear
{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
/*----------------------------------- domtabs*/
.domtabs
{
	display: none;
}
/*----------------------------------- floats*/
.aligncenter, .center
{
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 3px;
}
.alignright, .right
{
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
.alignleft, .left
{
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
/*----------------------------------- front posts*/
.lead-image-wrapper
{
	background: transparent;
	position: relative;
	padding: 0 0 7px;
	margin: 0;
}
.lead-image-wrapper H2 A
{
	font: 24px "Times new roman", Verdana, Arial, Sans-Serif;
	font-variant: small-caps;
	line-height: 18px;
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 1;
	letter-spacing: -2px;
	color: #333;
	text-decoration: none;
	background: #FFF;
	display: block;
	width: 85%;
	padding: 5px 0;
	border: 0;
}
.lead-image-wrapper H2 A:hover
{
	color: #900;
	text-decoration: none;
	background: transparent;
}
.lead-image-wrapper IMG
{
	width: 99%;
	height: 180px;
	border: 1px solid #CCC;
	padding: 2px;
}
#contentmiddle .akpc_pop, #contentmiddle2 .akpc_pop
{
	display: none;
}
.ads
{
	clear: both;
	padding: 0;
	width: 100%;
	margin: 0;
}
.ads A IMG
{
	margin: 0 auto;
	padding: 2px;
	text-align: center;
	display: block;
	width: 90%;
}
.navigation
{
	clear: both;
	border: 1px dotted #CCC;
	width: 90%;
	margin: 10px 0;
	padding: 5px;
	display: block;
}
.rss A IMG
{
	border: 0;
	padding: 2px;
	margin: 0;
}
/*----------------------------------- basics*/
TABLE
{
	width: 100%;
	background: #FAFAFA;
	border: 1px solid #CCC;
	color: #333;
	margin: 12px 0;
}
CAPTION
{
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	color: #333;
}
TD
{
	padding: 0.3em;
	border: 1px solid #CCC;
}
TR
{
	color: #333;
	background: #FAFAFA;
}
TR.alt, TR.even
{
	background: #F6F6F6;
}
TH
{
	padding: 0.3em;
	color: #333;
	background: #FAFAFA;
	border: 1px solid #CCC;
}
TD A, TH A
{
	font-weight: bold;
	color: #900;
}
DL
{
	margin: 12px 0;
	border-bottom: 1px solid #CCC;
	padding: 0.5em 0;
}
DT
{
	display: inline;
	margin: 9px 0;
	padding: 0;
	color: #333;
	font-style: italic;
}
DD
{
	display: block;
	margin: 7px 0;
	padding: 0;
}
DD A
{
	color: #333;
}
DD A:hover
{
	color: #333;
}
CODE
{
	padding: 0 3px;
	margin: 12px 0;
	background: #FAFAFA;
}
PRE
{
	overflow: auto;
	padding: 9px;
	background: #FAFAFA;
	border: 1px solid #CCC;
}
PRE CODE
{
	padding: 0;
	background: transparent;
}
.wp-caption
{
	padding: 6px 1px 0;
	background: #FAFAFA;
	text-align: center;
}
.wp-caption .wp-caption-text
{
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: 0.8em;
	color: #666;
}
.wp-caption IMG
{
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
}
.gallery
{
	display: block;
	text-align: center;
	margin: 18px 0;
}
.gallery IMG
{
	border: 1px solid #CCC;
}