/* RESET
-------------------------------------------------------------------------------*/
*{	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 {font-size: 22px; margin-bottom:10px;}
h2 {font-size: 18px; margin-bottom:8px;}
h3 {font-size: 16px; margin-bottom:6px;}
h4 {font-size: 15px; margin-bottom:4px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}


form input
{
    outline: none;
}




/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */

img,
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

@media \0screen {
  img {
  	width: auto; /* for ie 8 */
  }
}




img {
/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.  */
ol, ul, li {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a img { border:none } /* Gets rid of IE's blue borders */

a img { vertical-align: top; }



del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	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 */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

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

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after, .row:after { clear: both; }
.clearfix, .row { zoom: 1; }



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* we like off-black for text */
body, select, input, textarea {color: #58595B;}

a {color: #03f;}
a:hover {color: #69f;}


	/* Custom Selection Styles */
::selection {background:#ccc;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#ccc;color:#FFF;text-shadow:none;}
::-moz-selection {background:#ccc;color:#FFF;text-shadow:none;}




/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



.clear {clear: both;}

.floatleft { float:left; }
.floatright { float:right; }
.alignright { text-align: right; }
.alignleft { text-align: left; }




/*	iamges in posts and caption */
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
  float: right;
  margin-left: 30px !important;
}

.alignleft {
  float: left;
  margin-right: 30px !important;
}




.aligncenter, div.aligncenter
{
display: block; margin-left: auto; margin-right: auto;
}

.wp-caption img
{
margin: 0; padding: 0; border: 0 none;
}






.ltr {direction: ltr;}
.rtl {direction: rtl;}


	blockquote {
	width: 360px;
	margin: 5px 10px 5px 10px;
	padding: 10px 60px 10px 10px;
	background-color: #00BDF3;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-position: top right;
}
	blockquote p {
width: 330px;
	font-size: 20px;
		color: #FFF;
}

blockquote a {color: #FFF;}

.comment-text {
   word-wrap: break-word;
}






@font-face {
    font-family: 'practicana';
    src: url('practicanarrowboldwebfont.eot');
    src: url('practicanarrowboldwebfont.eot?#iefix') format('embedded-opentype'),
         url('practicanarrowboldwebfont.woff') format('woff'),
         url('practicanarrowboldwebfont.ttf') format('truetype'),
         url('practicanarrowboldwebfont.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}









/*	hide admin bar */
.post-edit-link {
  background: none repeat scroll 0 0 #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  color: #000000;
  display: block;
  margin-bottom: 10px;
  padding: 8px 10px;
  text-align: center;
  width: 120px;

  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


form.wpcf7-form br {display: none!important;}



body {
font-weight:400; /* 300 and below looks strangely thin with webkit and antialiased */
line-height:18px;
-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
color:#444; /* Lighter on the eyes than #000 Black */
}