@charset "utf-8";

/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.0em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:separate;}


/* BASIC TYPOGRAPHY */

body { font-family: "adobe-text-pro-1","adobe-text-pro-2",sans-serif;}
strong, th, thead td{ font-weight: Bold;}
h1{ font-family: "bello-pro-1","bello-pro-2",sans-serif;}
h2, h3, h4, h5, h6{ font-family: "chaparral-pro-1","chaparral-pro-2",sans-serif; font-weight:300;}
cite, em, dfn { font-weight:400;}
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }



/* BASE SIZES */

body { font-size: 13px; line-height: 18px; min-width:320px;}

h1 { font-size: 72px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; text-transform:uppercase; letter-spacing:1px;}
h6 { font-size: 12px; }

h1 { line-height: 72px; }
h2 { line-height: 20px; }
h3 { line-height: 18px; }
h4 { line-height: 16px; }
h5 { line-height: 13px; }
h6 { line-height: 10px; }


/* LISTS */

ul li{ list-style:inside}


/* QUOTES */

blockquote { color:#6f6e6e;  font-size:15px}
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }


/* MARGINS & PADDINGS */

blockquote *:first-child { margin: 0 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 18px; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 0 0 9px 0; }
h2 { margin: 0 0 16px 0; }
h3 { margin: 0 0 9px 0; }
h4 { margin: 0 0 9px 0; }
h5 { margin: 0 0 9px 0; }
h6 { margin: 0 0 9px 0; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 0; }
fieldset { padding: 0; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
dt { margin-top: 0; margin-bottom:0; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }


/* COLORS */

body{ color:#5f5f5f;}
h1,h2,h3,h4,h5,h6{ color:#333;}
a{ text-decoration: none; color:#9e0b0b;  -webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in; text-shadow: 0px 1px 0px #ffffff}
a:hover { text-decoration: none; color:#666666; }
code, pre { color: #c33; } 



/* TEXT CLASS */

.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
.txtRight{ text-align:right;}
.boldTxt{ font-weight:bold;}




/* html5 */

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



/* FROMS */

label{ display:block; text-shadow:0 1px 1px #fff; margin-bottom:10px; font-size:14px;}
label.errorInput{ color:#F00;}
input[type="text"], input[type="password"]{ line-height:1;}
input[type="text"],input[type="password"],textarea{ background:url(../images/inputBackground.gif) no-repeat #FFF; width:280px; padding:10px; font-size:14px; border: 1px solid #ccc;}
textarea{ height:150px; line-height:18px;}

@-webkit-keyframes flash{
	0%{
		-webkit-box-shadow:0 0 10px rgba(70, 70, 70, 0.2);
		}
		
		50%{
		-webkit-box-shadow:0 0 10px rgba(70, 70, 70, 1.0);
		}
		
		100%{
		-webkit-box-shadow:0 0 10px rgba(70, 70, 70, 0.2);
		}

}

input[type="text"]:focus, textarea:focus, input[type="password"]:focus{
		border: 1px solid #666;
		-webkit-animation:flash 1.5s infinite ease-in-out;
}

input[type="submit"]{
		padding:8px 30px 5px 30px;
		line-height:1;
		margin-top:18px;
		color:#FFF;
		border:none;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		font-family:Helvetica, Arial, sans-serif;
		cursor:pointer;
		-moz-border-radius: 20px;
		text-shadow:0 1px 0px rgba(0,0,0, 0.5);
		border-radius: 20px;
		background: #b3833c; /* old browsers */
		background: -moz-linear-gradient(top, #EDC180 0%, #EAA22E 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDC180), color-stop(100%,#EAA22E)); /* webkit */		
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0, 0.5);
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0, 0.5);
		box-shadow: 0px 1px 1px rgba(0,0,0, 0.5);
}


input[type="submit"]:hover{
	background: #97671f; /* old browsers */
	background: -moz-linear-gradient(top, #EAA22E 0%, #EDC180 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EAA22E), color-stop(100%,#EDC180)); /* webkit */
}




/*UTILITIES*/

::-moz-selection{ color:#FFF; background-color:#F60; text-shadow:none;}
::selection{ color:#FFF; background-color:#F60; text-shadow:none;}



/* site components style e.g. main nav, breadcrumb*/

body{
	min-width:320px;
}

header{
	margin-bottom:18px;
}

h1, h1+h2{
	text-align:center;
}

h1+h2{
	margin-bottom:18px;
	font-family: "bello-pro-1","bello-pro-2",sans-serif;
}
	

header{
	margin-top:36px;
}

#blog-posts{
	-webkit-column-count:4;
	-webkit-column-gap:20px;
	-webkit-column-rule:1px solid #dcdcdc;
	-moz-column-count:4;
	-moz-column-gap:20px;
	-moz-column-rule:1px solid #dcdcdc;
	margin:36px 0;
}

.currentPara{ color:#333;}

img, object, embed { max-width:100%!important; margin-bottom:18px;}

.pagination ul li{ list-style:none;}
.pagination a.next,.pagination a.prev{ display:block; width:80px; border-top:1px solid #dcdcdc; text-align:center; padding-top:17px; }
.pagination a.next{ float:right; }
.pagination a.prev{ float:left;}

#intro{
	margin-bottom:36px;
	text-align:center;
	border-top:1px solid #dcdcdc;
	padding-top:18px;
}

	#intro ul li{
		list-style:none;
		display:inline;
		padding-top:9px;
		text-align:center;
		margin-right:10px;
	}
	
	#intro ul li a{
		font-size:12px;
	}

.clear{ clear:both;}
.mobile{ display:none;}




@media handheld, only screen and (max-width: 768px) {
	
	#blog-posts{
		-webkit-column-count:2;
		-webkit-column-gap:15px;
		-webkit-column-rule:1px solid #dcdcdc;
		-moz-column-count:2;
		-moz-column-gap:15px;
		-moz-column-rule:1px solid #dcdcdc;
		margin:36px 0;
	}
	
	.pagination{ 
		margin-bottom:36px;
	}
	
	footer{ 
		text-align:center; 
		margin-bottom:18px;
	}

}


/*@media handheld, only screen and (max-width: 400px) {
	
	h1{
		font-size:36px;
		line-height:36px;
		margin-bottom:18px;
	}
	
	#blog-posts{
		-webkit-column-count:2;
		-webkit-column-gap:15px;
		-webkit-column-rule:1px solid #dcdcdc;
		-moz-column-count:2;
		-moz-column-gap:15px;
		-moz-column-rule:1px solid #dcdcdc;
		margin:36px 0;
	}
	
	#intro{
		-webkit-column-count:1;
		-webkit-column-gap:20px;
		-webkit-column-rule:1px solid #dcdcdc;
		-moz-column-count:1;
		-moz-column-gap:20px;
		-moz-column-rule:1px solid #dcdcdc;
		margin-bottom:36px;
	}
	
	#intro h3{ 
		text-align:left;
	}
	
	.mobile{ 
		display:block!important; 
		margin-bottom:36px;
	}
	
	footer h3{
		text-align:left;
	}

	.pagination a.next,.pagination a.prev{ display:block; width:80px; border-top:1px solid #dcdcdc; text-align:center; padding-top:9px; margin-bottom:18px;}

	
	
}*/

/* page sepcific style * e.g. things only in one page/