body {
	font: 85% 'Verdana', Helvetica, Sans-Serif;
	/*background: url("./img/bg-main.png");*/
	border-top: 5px solid #BFBFBF;
  
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0 0 3em 0;
	line-height: 1.5;
	
	-webkit-font-smoothing: antialiased;
}
/* ------  LAYOUT A SOUVISEJICI
*/
#page
{
	background-color: #fff;/*#F0F0F0*/
	max-width: 960px;
	text-align: left;
	margin: 0 auto;
	
	/*border-top: 24px solid #404040;*/
}
  #page .innerPad
  {
    padding: 1.5em;
  }
  
	/* ------  HEADER a souvisejici definice 
	{
	*/
	#header
	{
	  border-bottom: 1px dotted #DEDEDE;
		padding: 0 0 1.5em 0;
		margin: 0 0 1.5em 0;
	}
			#headerimg
			{
			  font-size: 90%;
			  float: left;
				margin: 0;
				width: 350px;
			}
			  #headerimg a,
			  #headerimg a:visited
			  {
			    background: url("img/jk-logo.png") 0 50% no-repeat;
			    color: #7F7F7F;
			    display: block;
			    padding: 0 0 0 105px;
			    text-decoration: none;
			  }
			    #headerimg a:hover
			    {
			      color: #000;
			    }
			  
				#headerimg h1
				{
					margin: 0 0 0.15em 0;
					line-height: 1;
				}
				
				#navSearchHolder {
					width: 30%;
					float: right;
				}
			.description
			{
			  
			}
					.description p
					{
					  color: #A6A6A6;
					  line-height: 1.4;
					  margin: 0;
					}
	  
	  #icons_and_search
    {
      float: right;
    }
      #feed_icons
      {
        padding: 0 0 0.5em 0;
      }
        #feed_icons a
        {
          background-position: 0 8px;
          background-repeat: no-repeat;
          display: block;
          float: left;
          height: 24px;
          overflow: hidden;
          margin: 0 0.5em 1em 0.5em;
          padding: 0.5em 10px;
          text-decoration: none;
          text-indent: -500px;
          width: 24px;
        }
          #feed_icons a:hover
          {
            background-position: 0 -88px;
          }
          
          #feed_icons a#blog_feed
          {
            background-image: url("./img/icon-rss.png");
            margin-left: 0;
          }
          #feed_icons a#twitter_profile
          {
            background-image: url("./img/icon-twitter.png");
          }
          #feed_icons a#google_plus
          {
            background-image: url("./img/icon-g+.png");
          }
          #feed_icons a#zootool
          {
            background-image: url("./img/icon-zootool.png");
            padding-right: 0;
          }
    
      #searchform
      {
      	margin: 0;
      }
        #searchform input#s
        {
          width: 130px;
        }
    
	/*
	}
	*/
	
	
					
	/* ------  CONTENT a souvisejici definice
	{
	*/		
	#content {
		margin: 0 0 0 0;
	}
		#content.narrowcolumn {
			/*margin-top: 13em;*/
		}
		
			#content .innerPad {
				padding: 0;
			}
			
			div.articleStepNav {
			  border-bottom: 1px dotted #DEDEDE;
				clear: both;
				color: #a6a6a6;
				font-size: 95%;
				float: left; width: 100%;
				margin: -1.5em 0 1.5em 0;
				padding: 0.5em 0;
			}
			  div.articleStepNav#bottomStep
			  {
			    border-bottom: none;
			    margin-bottom: 0;
			  }
			  
				.articleStepNav div a {
					color: #a6a6a6;
				}
					.articleStepNav div a:hover {
						color: #666;
					}
				.articleStepNav div.leftLink {
					float: left;
					padding: 5px;
				}
				.articleStepNav div.rightLink {
					float: right;
					padding: 5px;
				}
				
			
			.prispevekNav,
			.postmetadata
			{
				display: block;
				font-size: 75%;
				padding: 0;
				color: #aaa;
				line-height: 1;
			}
				p.postmetadata a {color: #aaa;}
					p.postmetadata a:hover {color: #666;}
				
				
			.prispevekNav {
				margin: 0 0 2.4em 0;
			}
		
			.widecolumn {
				line-height: 1.6em;
				/*width: 100%;*/
			}
					.widecolumn .entry p {}
					.widecolumn .post {}
					.widecolumn .postmetadata {}
					
			.narrowcolumn .entry, .widecolumn .entry {
				line-height: 1.5em;
			}
				.narrowcolumn {
					margin: 0;
					padding: 0;
				}
					.narrowcolumn .innerPad {
						padding: 0;
					}
					.narrowcolumn .entryExcerpt {
						padding: 0;
					}
							.entryExcerpt p {
								color: #777;
								font-size: 1.333em;
								line-height: 1.125;
								margin-bottom: 2.25em;
							}
					.narrowcolumn .entry p {
						margin-top: 0;
					}
					.narrowcolumn .post {
						padding-top: 0em;
					}
					.narrowcolumn .postmetadata {
					  text-transform: lowercase;
					}
					
					/*
						metadata na strance postu
					*/
					.fullPost .postmetadata {
						margin: 0 0 2em 0;
						text-transform: lowercase;
					}
		
				.post
				{
				  border-bottom: 1px dotted #DEDEDE;
					margin: 0 0 3em 0;
				}
				  a.more-link,
				  a.more-link:visited
          {
            color: #fff;
            clear: both;
            display: block;
            float: left;
            margin: 1em 0 1.5em 0;
            text-decoration: none;
            
            -webkit-perspective: 400px;
            -moz-perspective: 400px;

            -webkit-perspective-origin: 50% 50%;
            -moz-perspective-origin: 50% 50%;
          }
            .more-link:hover
            {
              color: #fff;
              text-decoration: none;
            }
            
            .more-link span
            {
              background: #BFBFBF url("./img/bg-noise.png");
              border-radius: 4px;
              display: block;
              position: relative;
              line-height: 30px;
              padding: 0 15px;
              text-shadow: 0 1px 1px rgba(0,0,0,0.2);
              width: 65px;
              

              -webkit-transition: all 400ms ease;
              -moz-transition: all 400ms ease;

              -webkit-transform-origin: 50% 0%;
              -moz-transform-origin: 50% 0%;

              -webkit-transform-style: preserve-3d;
              -moz-transform-style: preserve-3d;
            }
                .more-link:hover span
                {
                  text-decoration: none;
                  
                  -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
                  -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
                }
                .more-link span:after
                {
                  display: none;
                }
                
                .more-link:hover span:after
                {
                  background: #ADADAD url("./img/bg-noise.png");
                  border-radius: 4px;
                  color: #fff;
                  content: "☛";                  
                  display: block;
                  font-size: 2em;
                  line-height: 25px;
                  padding: 0 15px 5px 15px;
                  position: absolute;
                    left: 0;
                    top: -2px;
                  text-align: center;
                  text-decoration: none;
                  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
                  width: 65px;
                  
                  -webkit-transform-origin: 50% 0%;
                  -moz-transform-origin: 50% 0%;

                  -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
                  -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
                }
            
            
            
				  
				  .post:last-child
				  {
				    border-bottom: none;
				  }
				  .post.fullPost
				  {
				    border-bottom: none;
				    margin: 0 !important;
				  }
					.post div.postTitleHolder {
					  /*
						float: left; display: inline;
						width: 33%;
						*/
					}
						.post div.postTitleHolder h2 {
							font-size: 2em;
							margin: 0 0 0.4em 0;
							padding: 0.1em 1em 0 0;
							line-height: 1;
						}
						.post div.postTitleHolder h3 {
							padding: 0 1em 1em 0;
						}
						.post div.postTitleHolder h2 a,
						.post div.postTitleHolder h2 a:visited,
						.post div.postTitleHolder h3 a,
						.post div.postTitleHolder h3 a:visited
						{
						  color: #333;
							text-decoration: none;
						}
						  .post div.postTitleHolder h2 a:hover,
  						.post div.postTitleHolder h3 a:hover
  						{
  						  color: #408AE6;
  						}
						
					.post div.postExcerptHolder {
					  /*
						float: right; display: inline;
						width: 67%;
						padding-top: 0.5em;
						*/
					}
			
			div#similarPosts
			{
			  font-size: 90%;
				padding: 1.5em 0;
				border-top: 1px dotted #DEDEDE;
			}
				
				#similarPosts h3
				{
					color: #666;
				}
				
				#similarPosts ul
				{
					line-height: 1.5;
					margin: 0;
					padding: 0;
				}
				  
					#similarPosts ul li a {
						color: #888;
					}
					#similarPosts ul li a:hover {
						color: #333;
					}
	/*
	}
	*/
				
			
	/* ------  SIDEBAR a souvisejici definice
	{
	*/
	#sidebar {
	  /*
		position: absolute;
			top: 10.7em;
		width: 62em;
		max-width: 950px;
		min-width: 500px;
		*/
		float: none;
		clear: both;
		margin: 0; padding: 0;
		background: url("./img/bg-main.png"); /*#444 url("img/bg-sidebar.png")*/
	}
			#sidebar .innerPad
			{
				padding: 1.5em 0.75em;
			}
			#sidebar form {
				margin: 0;
			}
			
			#sidebar ul, #sidebar ul ol {
				margin: 0;
				padding: 0;
			}
			
			/*
				prvni uroven menu
				Rubriky, Archiv, ...
			*/
			#sidebar ul li {
				/*width: 30%;*/
				float: left; display: inline;
				list-style-type: none;
				list-style-image: none;
				margin: 0 3em 0 0;
				padding: 0;
			}

			#sidebar ul ul, #sidebar ul ol {
				margin: 0;
			}
			
			#sidebar ul li ul li, #sidebar ul li ol li {
				float: none; display: block;
				margin: 0;
				color: #555;
			}
			  #sidebar ul li h2
		    {
		      margin: 0 0 0.3em 0;
		      text-shadow: 0 1px 1px #fff;
		    }
		  
					
					#sidebar ul li li a,
					#extendedFooter a,
					#fakturoid_link h2 a
					{
						color: #666;
						text-decoration: none;
					}
						#sidebar ul li li a:hover,
						#extendedFooter a:hover,
						#fakturoid_link h2 a:hover
						{
							color: #000;
							text-decoration: underline;
						}
						
					#sidebar #fakturoid_link
					{
					  float: right;
					  margin: 0;
					  padding: 0 0 0 0;
					  width: 50%;
					}
					  #fakturoid_link img
					  {
					    float: left;
					    margin: 0 15px 0 0;
					  }
					  
				    #sidebar #fakturoid_link p
  				  {
  				    color: #666;
              line-height: 1.4;
              margin: 0;
  				  }
  				    #sidebar #fakturoid_link p a
  				    {
  				      text-decoration: none;
  				    }
	/*
	}
	*/	
					
			
			
	/* ----- PATICKA
	{
	*/
	#footer {
	  color: #a6a6a6;
		clear: both;
		font-size: 90%;
		margin: 0;
		text-align: center;
		width: 100%;
	}
		#footer .innerPad {padding: 1.5em 0;}
			#footer p {margin: 0;}
				#footer a {color: #aaa;}
					#footer a:hover {color: #666;}
	/*
	}
	*/
	
	
	/* ----- EXTENDED FOOTER
	         (not used anymore)
	{
	*/
	div#extendedFooter {
		background: #444 url("img/bg-extendedFooter.png") left top;
		color: #555;
		margin: 0 0 15px 0;
	}
		#extendedFooter .innerPad
		 {
			padding: 1.5em;
		}
		
		div#footerLinkHolder
		{
			float: left; display: inline;
			width: 48%;
			margin: 0 0 0 0;
		}

		div#footerLinkHolder ul,
		div#twitterHolder ul
		{
			list-style: none;
			margin: 0 0 1.5em 0;
			padding: 0;
			line-height: 1.1;
		}
			#footerLinkHolder ul li,
			#twitterHolder ul li
			{
				margin: 0;
				padding: 0;
			}
				#footerLinkHolder ul li a
				{
					display: block;
					padding: 0.5em 0;
					text-decoration: none;
					font-weight: normal;
				}

		div#twitterHolder
		{
			float: right; display: inline;
			width: 48%;
			overflow: auto;
		}
			#twitterHolder ul li
			{
				padding: 0.5em 0;
				line-height: 1.3;
				overflow: hidden;
			}
			
			
	/*
	}
	*/
	
	
	
/* -------- NADPISY  
{
*/
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0; margin: 0;
	line-height: 1.25;
}
		h1 {
			font-size: 3em;
			margin: 0;
		}

		h2 {
			font-size: 2em;
			margin: 0 0 0.5em 0;
			line-height: 1;
		}
			.fullPost h2 {
        
			}
			
				#sidebar h2,
				#extendedFooter h2 {
					font-size: 1.5em;
					margin-bottom: 0.1em;
					line-height: 1em;
					color: #555;
				}
		h3 {
			font-size: 1.5em;
			margin: 0 0 1em 0;
			line-height: 1;
		}
					h3#comments span {
						display: block;
						color: #aaa;
					}
					h3#comments span a {
						text-decoration: none;
						color: #aaa;
					}
						h3#comments span a:hover {
							text-decoration: underline;
							color: #444;
						}
					
				
		h4 {
			font-size: 1.2em;
			letter-spacing: normal;
			font-weight: bold;
		}
			h3#respond {
				margin: 0 0 0.75em 0;
				padding: 0;
			}
			
/*
}
*/
		
/* ------  A HREF LINKY
{
*/
a, a:visited
{
	color: #408AE6;
}
a:hover {
	color: #444; /*05b*/
	text-decoration: underline;
}
	.fullPost h2 a:link, .fullPost h2 a:visited {
		color: #333;
		text-decoration: none;
	}
	
	a.noDecor:link, a.noDecor:visited {
		text-decoration: none;
		border: none;
	}

sup a {
	text-decoration: none;
	font-size: 110%;
	line-height: 100%;
}

#sidebar h2, 
#wp-calendar caption, cite {
	text-decoration: none;
}
/*
}
*/


/* ------ SPECIALNI ODKAZY
{
*/
.prispevekNav a:link, .prispevekNav a:visited {
	
}
/*
}
*/


/* ----- TEXTOVE ELEMENTY
{
*/
p {
	margin: 0 0 1.5em 0;
	line-height: 1.5;
}

	p.imgDesc {
		line-height: 100%;
		margin: 0 0 2em 0;
		font-size: 90%;
		font-style: italic;
	}
	
	dl, ul, ol {
		margin: 0 0 1.5em 0;
		padding: 0;
	}
		dd {
			margin: 0 0 1em 3em;
		}
		li {
			padding: 0;
			margin: 0 0 0 3em;
		}
	
	.entrytext ol.noStyle li {
		float: none;
		padding: 0;
		list-style: none;
		width: auto; height: auto;
		line-height: 100%;
	}
	
	.entrytext ol li.noStyle a {
		width: auto; height: auto;
		float: none;
		display: inline;
		padding: 0;
		margin: 0;
		line-height: 100%;
	}
	
figure
{
  margin-left: 0;
  padding-left: 0;
}

figure img,
figure figcaption
{
  display: block;
}
  figure img
  {
    line-height: 1;
  }

figure figcaption
{
  color: #A4A4A4;
  font-style: italic;
  line-height: 1.5;
  margin: -0.75em 0 2.25em 0;
}
/*
}
*/


/* ------ KOMENTARE
{
*/
a#comment_switch
{
  background: url("./img/comments.png") 0 0 no-repeat;
  color: #fff;
  display: block;
  height: 37px;
  margin: 3em auto 1.5em auto;
  padding: 3px 10px 10px 25px;
  overflow: hidden;
  text-decoration: none;
  width: 52px;
  
  /*
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
  */
}
 a#comment_switch:hover
 {
   background-position: 0 -93px;
 }
  
  /*
  a#comment_switch:hover
  {
    background-color: #F4F4F4;
    border-radius: 7px;
    box-shadow: 0 0 5px #A4A4A4;
    padding: 1.5em 0 0 75px;
    text-indent: 0;
    width: 155px;
  }
    a#comment_switch:focus,
    a#comment_switch:active
    {
      box-shadow: inset 0 0 3px #7F7F7F;
    }
  */

#comment_section
{


}

	.commentlist {
	  border-bottom: 1px dotted #DEDEDE;
		margin: 0 0 0 0;
		padding: 0 0 0.75em 0;
		text-align: left;
	}
		/*GRAVATAR COMMENT IKO*/
		.commentlist img.gravatarImg {
			float: left;
			border: 1px solid #ccc;
			margin: 0 0.75em 0 0;
		}
		
	.commentlist li, #commentform input, #commentform textarea {
		/*font: 0.9em 'Verdana', Helvetica, Sans-Serif;*/
	}
	
	
	.commentlist li {
		font-weight: bold;
		margin: 0.75em 0;
		padding: 0.75em;
		list-style: none;
	}
		.commentlist li div.commentInfoHolder {
			float: left; display: inline;
			width: 30%;
			clear: left;
		}
			div.commentInfoHolder div {
				padding: 0.75em 0;
			}
			
		.commentlist li div.commentTextHolder {
			float: right; display: inline;
			width: 70%;
			clear: right;
			text-align: left;
		}
		
				.commentlist cite, .commentlist cite a {
					font-weight: bold;
					font-style: normal;
					font-size: 1em;
				}
				.commentlist p {
					font-weight: normal;
					line-height: 1.5em;
					text-transform: none;
					margin: 10px 5px 10px 0;
				}
				
				form#commentform {
					background: #FFF1CD;
					padding: 0.75em;
				}
				  
        	#commentform table
        	{
        	  margin: 0;
        	  width: 100%;
        	}
        	  #commentform table tr td input
        	  {
        	    width: 100%;
        	  }

        	  #commentform textarea
            {
              display: block;
              width: 100%;
            }
            #commentform input#submit
            {
              display: block;
              font-size: 120%;
              margin: 0.75em 0.4em 0.75em 0;
              width: auto;
            }
				
				
				#commentform p {
					margin: 5px 0;
				}
				.commentmetadata {
					font-weight: normal;
					margin: 0;
					display: block;
				}
					.commentmetadata a {color: #aaa; text-decoration: none;}
						.commentmetadata a:hover {color: #666; text-decoration: underline;}
		
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}
/*
}
*/



/* ------ CONTACT FORM
{
*/
h4.okMsg {
	border: 1px solid green;
	padding: 0.5em;
	color: green;
	background-color: #E8FFEA;
}
h4.errorMsg {
	border: 1px solid red;
	color: red;
	padding: 0.5em;
	background-color: #FFECEC;
}
.contactform form {
	margin: 1em 0 0 0;
}
	
	div.formField {
		float: left;
		margin: 0 0 0.5em 0;
	}
	
	.contactform label {
		display: block;
		margin: 3px 10px 0 0;
		text-align: right;
	}
	.contactForm input, .contactForm textarea {
		
	}

.contacterror {
	border-style: solid;
	border-width: 2px;
	border-color: #ff0000;
}

.contactsubmit {
}

/*
}
*/



small, #sidebar ul ul li, #sidebar ul ol li,
.entryExcerpt, .nocomments, /*.postmetadata,*/
blockquote, strike {
	color: #666;
}
	
code {
	font: 1em 'Courier New', Courier, Fixed;
	color: #9f1515;
}
pre {
  font-size: 1.1em;
}
div.codeHolder {
	overflow: auto;
	border: 1px solid #cacaca;
	margin: 0 0 20px 0;
	width: 98%;
	padding: 5px 0 5px 5px;
	clear: both;
}


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

/* ------- OBRAZKY
{
*/
img.framedImg {
	border: 1px solid #cacaca;
	padding: 5px;
}
img.blockImg {
	display: block;
}

img.iluPicRgt {
	float: right; display: inline;
	margin: 2px 0 8px 15px;
}
img.iluPicLft {
	float: left; display: inline;
	margin: 2px 15px 8px 0;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}
	
a img {
	border: none;
}

p img.bordered {
	border: 2px solid #cacaca;
}
/*
}
*/



/* -----  UL, LI  seznamy
{
*/
ul.noStyle { list-style: none; }
ul.noIndent li { margin-left: 0; }

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

	.entry ol li {
		margin: 0;
		padding: 0;
	}

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


	ol li {
		list-style: decimal outside;
	}
	ul#odkazySeznam {
		margin: 0;
		padding: 0;
	}
		ul#odkazySeznam li {
			list-style: none;
			padding: 0; margin: 0;
			margin: 0 0 0.3em 0;
		}
			ul#odkazySeznam li ul {
				padding: 0; margin: 0 0 0 1em;
			}
				ul#odkazySeznam li ul li {
					padding: 5px 5px 5px 1em;
					line-height: 130%;
					/*background-color: #fafafa;*/
				}
					ul#odkazySeznam li ul li a {
						display: block;
					}
						ul#odkazySeznam li ul li a:visited {
							text-decoration: line-through;
						}
/*
}
*/


/* -----   FORMULARE  -----
{
*/
input:focus, textarea:focus {
	border-style: inset;
	background-color: #FFFFD9;
	color: #222;
}

label.required {
	font-weight: bold;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 97%;
	padding: 1%;
}

#commentform #submit {
	margin: 0;
	float: right;
}
	
label {
	cursor: pointer;
}
/*
}
*/


/* ------ RUZNE
{
*/
.alt {
	background-color: #fafafa;
	margin: 0;
}
small {
	font-size: 85%;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 0;
	padding-left: 30px;
	border-left: 5px solid #ccc;
}
	blockquote.pullQuote {
		border-left: 0;
		text-align: left;
		margin: 0 10px 0 15px;
		padding: 5px 0 5px 10px;
		width: 33%;
		float: right; display: inline;
		font-size: 130%;
		font-style: italic;
	}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}
.center {
	text-align: center;
}
hr {
	height: 1px;
	color: #eee;
	background-color: #eee;
	border: none;
}
img.kontaktFoto {
	float: right;
	padding: 0.5em;
	background-color: #eee;
	margin-left: 1em;
}
/*
}
*/


table#mergerTable {
	width: 100%;
	font-size: 0.9em;
	margin: 0 0 1.5em 0;
	border-bottom: 1px solid #eee;
}

	table#mergerTable thead {
		font-weight: bold;
	}
		table#mergerTable thead td {
			padding: 0.4em 0.3em;
			font-size: 120%;
			text-align: center;
		}
		
	table#mergerTable tbody tr td {
		padding: 3px;
		line-height: 1.2;
		text-align: center;
		padding: 5px;
	}
		
		table#mergerTable tr.emRow {
			background-color: #f0f0f0;
		}



/* ------- SPOLECNE
{
*/
	
	.normal {color:black;}
	.xlang {color:red; font-weight:bold;}
	.count {color:black; background-color:#FFF;}

	
div.floatStop, br.floatStop {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0.1%;
}

.floatHolder {
	zoom: 1;
	overflow: hidden;
	/*_height : 1%;*/
}

.floatHolder:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
} 
	/* Hides from IE5-mac \*/
	html #floatHolder {height: 1%;}
	/* End hide from IE5-mac */

	
/* ZAROVNAVANI */
.toLeft {text-align: left;}
.toCenter {text-align: center;}
.toRight {text-align: right;}
.marginAuto {margin: auto;}

.fltLft {float: left !important;}
.fltRgt {float: right !important;}

.clrLft {clear: left;}
.clrRgt {clear: right;}
.clrBth {clear: both;}

.disBlock {display: block;}
.disInline {display: inline;}

.noBorder {border: none;}
.noMargin {margin: 0;}

.wOne {width: 10%;}
.wTwo {width: 15%;}
.wThree {width: 20%;}
.wFour {width: 25%;}
.wFive {width: 30%;}
.wSix {width: 35%;}
.wSeven {width: 45%;}
.wEight {width: 55%;}
.wNine {width: 65%;}
.wTen {width: 75%;}
/*
}
*/
  

/* ------- R E S P O N S I V E
{
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

  body
  {
    font-size: 1.75em;
  }

  #headerimg
  {
    width: 60%;
  }
    #headerimg a,
	  #headerimg a:visited
	  {
	    padding: 0 0 0 115px;
	  }

  #content
  {
	  float: none;
		margin: 0 0 0 0;
		position: relative;
		  left: 0;
		width: 100%;
	}
	  #content.narrowcolumn .innerPad {
		  border-left: none;
			padding: 1.5em 0;
		}

	  a#comment_switch
	  {
	    font-size: 0.75em;
	    padding: 0 10px 10px 25px !important;
	  }

  #sidebar {
		float: none;
		margin: 0 0 1.5em 0;
		padding: 0;
		width: 100%;
	}
		#sidebar .innerPad
		{
			padding: 0.75em;
		}
		#sidebar .innerPad ul.floatHolder li
		{
		  float: none;
		  font-size: 1.25em;
		  margin: 0 0 3em 0;
		  width: 100%;
		}
		  #sidebar .innerPad ul li#fakturoid_link
		  {
		    margin: 0 0 1.5em 0;
		    width: 100%;
		  }
		  
		#sidebar .innerPad ul.floatHolder li ul li
		{
		  margin: 0 0 0.25em 0;
		}

}

    /* Smartphones (landscape) ----------- */
    @media only screen 
    and (min-width : 321px) {
    /* Styles */
    }

    /* Smartphones (portrait) ----------- */
    @media only screen 
    and (max-width : 320px) {
    /* Styles */
    }


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  #page
  {
    max-width: 100%;
  }
}

    /* iPads (landscape) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {
      #page
      {
        max-width: 100%;
      }
    }

    /* iPads (portrait) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) {
      #page
      {
        max-width: 100%;
      }

      #content
      {
    	  float: none;
    	  font-size: 1.2em;
    		margin: 0 0 0 0;
    		position: relative;
    		  left: 0;
    		width: 100%;
    	}
    	  #content.narrowcolumn .innerPad {
    		  border-left: none;
    			padding: 1.5em 0;
    		}

    	  a#comment_switch
    	  {
    	    font-size: 1em;
    	    padding: 0 10px 10px 25px;
    	  }


    }



/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
  #page
  {
    max-width: 980px;
    min-width: 980px;
  }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{

}




/*
}
*/