/* RESET
-------------------------------------------------------------------------------*/

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;
}									



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



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%;
}


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; text-decoration: none;
color: #505050; }
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 { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



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

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


/* Custom text-selection colors  */
::-moz-selection{background: #E0E0E0; color: #222; text-shadow: none;}
::selection {background: #E0E0E0; color: #222; 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:'almoni-dl-bold';
	font-weight:700; /*(bold)*/
	font-style: normal;
	src: url('../font/almoni-dl-aaa-700.eot'); 
	src: url('../font/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
	url('../font/almoni-dl-aaa-700.svg#almoni-dl-bold') format('svg'),
		url('../font/almoni-dl-aaa-700.ttf') format('truetype'), 
		url('../font/almoni-dl-aaa-700.woff') format('woff');
}
@font-face{
	font-family:'almoni-dl-black';
	font-weight:900; /*(black)*/
	font-style: normal;
	src: url('../font/almoni-dl-aaa-900.eot'); 
	src: url('../font/almoni-dl-aaa-900.eot?#iefix') format('embedded-opentype'),
			url('../font/almoni-dl-aaa-900.svg#almoni-dl-black') format('svg'),
		url('../font/almoni-dl-aaa-900.ttf') format('truetype'), 
		url('../font/almoni-dl-aaa-900.woff') format('woff');
}
@font-face{
	font-family:'almoni-dl-light';
	font-weight:300; /*(light)*/
	font-style: normal;
	src: url('../font/almoni-dl-aaa-300.eot'); 
	src: url('../font/almoni-dl-aaa-300.eot?#iefix') format('embedded-opentype'),
			url('../font/almoni-dl-aaa-300.svg#almoni-dl-light') format('svg'), 
		url('../font/almoni-dl-aaa-300.ttf') format('truetype'), 
		url('../font/almoni-dl-aaa-300.woff') format('woff');
}
@font-face{
	font-family:'almoni-dl-regular';
	font-weight:400; /*(regular)*/
	font-style: normal;
	src: url('../font/almoni-dl-aaa-400.eot'); 
	src: url('../font/almoni-dl-aaa-400.eot?#iefix') format('embedded-opentype'), 
	url('../font/almoni-dl-aaa-400.svg#almoni-dl-regular') format('svg'),
		url('../font/almoni-dl-aaa-400.ttf') format('truetype'), 
		url('../font/almoni-dl-aaa-400.woff') format('woff');
}
	

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}