/*Some HTML5 and Accessibility Styling thanks to Paul Irish www.html5boilerplate.com*/



/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
/* wrap long lines of code 
 *
/*http://weblogtoolscollection.com/archives/2007/06/16/css-for-code-wrap-long-lines/*/
pre, code, kbd, samp { font-family: monospace, sans-serif; background:#f1f1f1; padding:5px;white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
font-size:12px;
color:#666; /* Internet Explorer 5.5+ */
-webkit-border-radius: 10px; 
-webkit-background-clip: padding-box;
-moz-border-radius: 10px;  
border-radius: 10px;
display:inline-block;
margin:3px;
}

  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }


/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}

/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}


/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */

/* TILO MITRA CUSTOM STYLES */

#wrapper {
	background:white url('images/bg-white.jpg') repeat;
	border:1px solid #012855;
	padding:20px;
	-moz-box-shadow: 0 0 5px #29333b;
	-webkit-box-shadow: 0 0 5px #29333b;
	width:960px;
	margin: auto;
}

#content {
	line-height:inherit;
}

.smallRound {
	-webkit-border-radius: 3px; 
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;  
	border-radius: 3px;
}

.medRound {
	-webkit-border-radius: 5px; 
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;  
	border-radius: 5px;
}

.largeRound {
	-webkit-border-radius: 10px; 
	-webkit-background-clip: padding-box;
	-moz-border-radius: 10px;  
	border-radius: 10px;
}

.inset {
   -moz-box-shadow: inset 0 3px 5px rgba(6, 6, 6, 0.1);
   -webkit-box-shadow: inset 0 3px 5px rgba(6, 6, 6, 0.1);
   box-shadow: inset 0 3px 5px rgba(6, 6, 6, 0.1);
}