/*   
Theme Name: ANL Autospares
Theme URI: http://indigoblue.co.nz
Description: This is a custom theme for ANL Autospares
Author: Erin Garscadden
Author URI: http://indigoblue.co.nz
Version: 3.0


1. IMPORT FONTS
2. BASIC PAGE SETUP
3. MAIN LAYOUT
4. HEADER
5. MAIN NAVIGATION
6. CONTENT
7. SIDEBARS
8. FOOTER
9. GENERIC STYLES
10. TYPOGRAPHY
11. HEADINGS
12. LINKS
13. TABLES
14. FORMS
15. BUTTONS
16. LISTS
17. COMMENTS
18. GLOBAL OBJECTS
19. VENDOR-SPECIFIC


Generic colours to replace:

Primary Color: #01336E - Nav Background, Main headings
Secondary Color: #C6000D - Nav BLinks, Read More link, ul Bullets

Nav:
#EFEFEF - text color and menu icon lines
#C6000D - hover states
*/

/*  1. IMPORT FONTS  ============================================================================= */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700);

@font-face {
    font-family: 'OswaldLight';
    src: url('fonts/oswald-light.eot');
    src: url('fonts/oswald-light.eot') format('embedded-opentype'),
         url('fonts/oswald-light.woff') format('woff'),
         url('fonts/oswald-light.ttf') format('truetype'),
         url('fonts/oswald-light.svg#OswaldLight') format('svg');
}

@font-face {
    font-family: 'OswaldRegular';
    src: url('fonts/oswald-regular.eot');
    src: url('fonts/oswald-regular.eot') format('embedded-opentype'),
         url('fonts/oswald-regular.woff') format('woff'),
         url('fonts/oswald-regular.ttf') format('truetype'),
         url('fonts/oswald-regular.svg#OswaldRegular') format('svg');
}


@font-face {
    font-family: 'OswaldBold';
    src: url('fonts/oswald-bold.eot');
    src: url('fonts/oswald-bold.eot') format('embedded-opentype'),
         url('fonts/oswald-bold.woff') format('woff'),
         url('fonts/oswald-bold.ttf') format('truetype'),
         url('fonts/oswald-bold.svg#OswaldBold') format('svg');
}

/* 2. BASIC PAGE SETUP ============================================================================= */
	
* { margin: 0; padding: 0; }

body { 
	background: #F7F7F7; 
	font-size: 0.9em;
	line-height: 1.4em;
	font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif;
	color: #333;
}

/* 3. MAIN LAYOUT =============================================================================  */

#container {
	
}

#wrapper, #header, #main-menu, #content, #footer {
	max-width: 960px;
	margin: 0 auto;
}

#wrapper {	
	background: #fff;
}

.wrapper {
	padding: 10px 0px;	
}

/* 4. HEADER =============================================================================  */

header {
	line-height: 0px;
}

#header {
	background: url(images/header.jpg) no-repeat;
	
	height: 200px;
}

#header img {
	text-align: center;
	margin: 0 auto;
}

#header #phone {
	color: #fff;
	line-height: 1.5em;
	padding: 0.75em 1em;
	font-size: 1.3em;	
}

/* 5. MAIN NAVIGATION =============================================================================  */

/* 	More in css/menu.css */

nav {
	background: transparent;
	position:relative;
	float: right;
	top: 30px;
}

#nav {
	width: auto;
	font-family:  OswaldRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: 1px;
}

#menu-line {
}

#nav > ul > li > a {
	padding: 1em 0.6em;
	font-size: 1em;
	text-decoration: none;
	color: #EFEFEF;
}

#nav ul ul li a {
	padding: 1em;
	width: 160px;
	font-size: 0.8em;
	background: #01336E;
	text-decoration: none;
	color: #EFEFEF;
	text-align: left;
}

#nav ul ul li:hover > a,
#nav ul ul li a:hover {
	color: #fff;
}

#nav > ul > li:hover > a,
#nav > ul > li.active > a,
#nav > ul > li.current-menu-item > a {
	color: #fff;
}

#nav > ul > li.menu-item-has-children > a::after {
	border-bottom: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
}

#nav > ul > li.menu-item-has-children:hover > a::after {
	border-color: #fff;
}

#nav ul ul li.menu-item-has-children > a::after {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#nav > ul > li.menu-item-has-children > a:after {
	top: 21px;
	right: 10px;
}

#nav.align-right ul ul li.menu-item-has-children > a::after {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#nav ul ul li.menu-item-has-children:hover > a::after {
	border-color: #EFEFEF;
}

/* Responsive */

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	#nav ul ul li a {
	  font-size: 1em;
	  color: #EFEFEF;
	}
	
	#nav ul ul li:hover > a,
	#nav ul ul li a:hover {
	  color: #C6000D;
	}
	
	#nav #menu-button {
	  color: #EFEFEF;
	}
	
	#nav #menu-button::after {
	  background: #EFEFEF;
	}
	
	#nav #menu-button::before {
	  border-top: 2px solid #EFEFEF;
	  border-bottom: 2px solid #EFEFEF;
	}
	
	#nav .submenu-button::after {
	  background: #EFEFEF;
	}
	
	#nav .submenu-button::before {
	  background: #EFEFEF;
	}
  
}

/* 6. CONTENT =============================================================================  */

#content .wrapper {
	padding: 20px;
}

ul.texsubcat {
	text-align: left; 
	-moz-column-count: 4; 
	-moz-column-gap: 20px; 
	-moz-column-rule: 1px solid #fff; 
	-webkit-column-count: 4; 
	-webkit-column-gap: 20px; 
	-webkit-column-rule: 1px solid #fff; 
	column-count: 4; 
	column-gap: 20px; 
	column-rule: 1px solid #fff;
	margin-left: 40px;
}

ul.texsubcat li {
	list-style: square;	
	font-size: 13px;
}

#breadcrumbs {
	padding: 20px 0px 0px 20px;	
	font-weight: bold;
}

#breadcrumbs a {
	color: #151c3f;
	
}

.ngg-album-compact,
.ngg-gallery-thumbnail {
	margin-right: 1.5em;	
}

.ngg-album-compact h4,
.ngg-gallery-thumbnail h4 {
	font-weight: 400 !important;
	margin: 0px !important;
	font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif !important;
	text-align: center !important;
	font-size: 15px;
	max-width: 120px;
}

.ngg-album-compactbox:after,
.ngg-album-compactbox:before,
.ngg-album-compactbox,
.ngg-album-compactbox .Thumb,
.ngg-album-compact a {
	border: none !important;	
}

p.ngg-album-gallery-image-counter {
	display: none;
}

.ngg-album-link {
	min-height: 107px;	
}

/* 7. SIDEBARS =============================================================================  */

/* Sidebar Right */

#sidebar-right .wrapper  {
	padding: 1em;
}

#sidebar-left .wrapper  {
	padding: 10px;
}

#sidebar-left .widget,
#sidebar-right .widget {
	margin-bottom: 30px;	
	line-height: 1.3em;
}

#sidebar-right h2,
#sidebar-left h2 {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	background: #00326d;
	margin-bottom: 0px;
	padding: 8px 10px;
	text-align: center;
	text-transform: uppercase;
}

#sidebar-right .widget h2,
#sidebar-left .widget h2 {
	margin-bottom: 0px;	
}

#sidebar-right ul,
#sidebar-left ul {
	margin: 0.25em 0;
	padding: 0;
	list-style: none;	
}

#sidebar-right li,
#sidebar-left li {
	border-bottom: 1px solid #eee;
	padding: 5px;
	list-style: none;
	font-size: 0.9em;
}


#sidebar-right li a,
#sidebar-left li a {
	text-decoration: none;
	color: #333333;
	font-weight: 600;
}

#sidebar-right li a:hover,
#sidebar-left li a:hover {
	color: #01336E;
}

#sidebar-right ul.children,
#sidebar-left ul.children {
	margin: 5px 0px 0px 0px;	
}

#sidebar-right ul.children li,
#sidebar-left ul.children li {
	background: none;
	border-bottom: none;
	padding: 5px 0px 5px 5px;	
}

#sidebar-right input[type="text"], #sidebar-right input[type="email"],
#sidebar-left input[type="text"], #sidebar-left input[type="email"] {
	width: 90%;	
}

/* 8. FOOTER =============================================================================  */

footer {
		
}

#footer {
	background: #C6000D;
	padding: 5px 0px;
	font-size: 0.9em;
}

#footer-menu {
	text-align: center;
}

#footer-menu ul {
	margin: 0;	
}

#footer-menu li {
	list-style: none;
	display: inline;
	color: #fff;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #fff;
}

#footer-menu li:last-child {
	border-right: none;	
}

#footer-menu li a {
	color: #fff;
	text-decoration: none;
}

#footer-menu li.current-menu-item a.
#footer-menu li.current_page_item a {
	color: #004FC6;
}

.copyright {
	color: #000;
	font-size: 0.9em;
	padding:  0px;
	text-align: center;	
}

/*  9. GENERIC STYLES  ============================================================================= */

#slider {
	background: #333333;
	padding: 10px 20px;
	color: #ccc;
}

#slider h1, #slider h2, #slider h3, #slider h4, #slider h5, #slider h6, #slider a {
	color: #fff;	
}

#slider table {
	margin-bottom: 0px !important;	
}

#slider th, #slider td, #slider caption {
	padding: 0px !important;	
}

#wrapper .ngg-album-compactbox .Thumb {
	border: 1px solid #ccc !important;	
	padding: 5px !important;
}

.required {
	color: #cc0000;
	font-weight: bold;
}

img {
	border : 0;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.content {
	padding-top: 20px;	
}

.post-list h1, .post-list h2, .post-list h3, .post-list h4 {
	margin-bottom: 0px;	
}

.post-thumb {

}

.post-thumb img {
	border: 1px solid #DDDCDC;
	padding: 8px;	
	background: #F8F8F8;
}

.postmeta {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 10px 0px;
	color: #666666;
	padding: 5px 0px;
	font-size: 0.8em;
}

.postmeta ul {
	margin: 0px !important;
	padding: 0px !important;	
}

.postmeta li {
	display: inline-block !important;
	padding: 0px 0.5em;	
}

.postmeta li .icon-calendar,
.postmeta li .icon-user,
.postmeta li .icon-comments {
	position: relative;
	top: 3px;
	margin-right: 3px;
}

.postmeta li .icon-social {
	position: relative;
	top: 3px;
}

.postmeta .alignright li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.postmeta li.share {
	position: relative;
	top: -3px;
}

.postmeta a {
	color: #666666;
	outline: none;
}

.postmeta-comments {
	color: #333;	
	font-size: 13px;
}

.postmeta-comments a {
	color: #333;
	font-weight: bold;
}

.readmore {
	text-align: center;
	margin: 10px 0px;
}

.readmore a {
	background: url("images/btn_bg_grey.jpg") repeat-x;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding: 0.1em 0.5em;
}

.product-list article:nth-child(3n+6) {
	clear: both;
}

.product-list article:first-child {
	clear: none;	
}

.product-list .entry-header {
	font-weight: bold;
	font-size: 18px;	
}

.spacer {
	border-bottom: 1px dashed #eee;
	margin: 20px auto 0px auto;
}

.screen-reader-text { 
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
}

#post-8 .col {
	background: #ccc;
	background: rgba(204, 204, 204, 0.85);
}

.aligncenter {
	text-align: center;	
}

.alignleft {
	position: relative;
	float: left;
	padding-right: 10px;	
}

.alignright {
	position: relative;
	float: right;
	padding-left: 10px;
}

.padding-right {
	padding-right: 20px;	
}

.padding-left {
	padding-left: 20px;	
}

.padding-both {
	padding-left: 20px;	
	padding-right: 20px;
}

pre, code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc dashed;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

.clear { clear: both; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em;
}

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em;
}

.note {
	position:relative;
	padding:1em 1.5em;
	margin: 0 0 1em 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}

.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:0 16px 16px 0;
	border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;
	background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.note.rounded:before {
	border-width:8px;
	border-color:#ff #ff transparent transparent;
	background: url(/images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

/* Contact Buddy */

.contactbuddy-form ul {
	padding: 0px !important;
	margin: 0px !important;
}

.contactbuddy-form ul li textarea.cbfit {
	width: 80%;
}

#sidebar-right .widget_contactbuddy ul li,
#sidebar-left .widget_contactbuddy ul li {
	background: none;
	border-bottom: none;	
	padding-left: 0px;
}

/* Page Layout Shortcodes */

.two_column {
	width: 45%;
	margin: 2%;
	position: relative;
	float: left;
}

.three_column {
	width: 29%;
	margin: 2%;
	position: relative;
	float: left;
}

.navigation {
	padding: 1em;
	font-weight: bold;	
}

/*  10. TYPOGRAPHY  ============================================================================= */

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

p { margin: 0 0 15px 0; }

.small, a.small { font-size: 11px;	}
.big, a.big { font-size: 16px; }
strong, .strong { font-weight: bold;}
em, i { font-style: italic; }

td { vertical-align: middle !important; }

.red, a.red { color: #BE0712; } 
.grey, a.grey { color: #595959; }
.blue, a.blue { color: #004DC5;}
.green, a.green { color: green; }
.black, a.black { color: #000;}
.white, a.white { color: #fff;}
.purple, a.purple { color: #B200B2;	}

.highlight { background: #FFFF00; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.font8 { font-size: 8px !important; }
.font9 { font-size: 9px !important; }
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; }
.font18 { font-size: 18px !important; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font21 { font-size: 21px !important; }
.font22 { font-size: 22px !important; }
.font23 { font-size: 23px !important; }
.font24 { font-size: 24px !important; }
.font25 { font-size: 25px !important; }
.font26 { font-size: 26px !important; }
.font27 { font-size: 27px !important; }
.font28 { font-size: 28px !important; }
.font29 { font-size: 29px !important; }
.font30 { font-size: 30px !important; }
.font31 { font-size: 31px !important; }
.font32 { font-size: 32px !important; }
.font33 { font-size: 33px !important; }
.font34 { font-size: 34px !important; }
.font35 { font-size: 35px !important; }
.font36 { font-size: 36px !important; }
.font37 { font-size: 37px !important; }
.font38 { font-size: 38px !important; }
.font39 { font-size: 39px !important; }
.font40 { font-size: 40px !important; }
.font41 { font-size: 41px !important; }
.font42 { font-size: 42px !important; }
.font43 { font-size: 43px !important; }
.font44 { font-size: 44px !important; }
.font45 { font-size: 45px !important; }
.font46 { font-size: 46px !important; }
.font47 { font-size: 47px !important; }
.font48 { font-size: 48px !important; }
.font49 { font-size: 49px !important; }
.font50 { font-size: 50px !important; }

.tahoma { font-family: tahoma, sans-serif; }
.impact { font-family: impact, sans-serif; }
.helvetica { font-family: helvetica, sans-serif; }

.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.no-underline, a.no-underline { text-decoration: none; }


/*  11. HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
	font-family:  OswaldRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-weight : normal;
	margin-bottom: 15px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #01336E;
}

h1 { 
	color: #01336E;
	margin-bottom : 0.2em;
	font-size : 2em;
	line-height : 1.2;
}

h1.entry-title {
	margin-bottom: 20px;	
}

h2 { 
	color: #333;
	margin-bottom : .5em;
	margin-top : .5em;
	font-size : 2em;
	line-height : 1.2;
}

h3 { 
	color: #C6000D;
	margin-bottom : 0.3em;
	font-size : 1.75em;
	line-height : 1.3;
}

h4 { 
	color: #01336E;
	margin-bottom : 0.3em;
	font-size : 1.75em;
	line-height : 1.3;
}

h5 { 
	color: #333;
	margin-bottom : 0.3em;
	font-size : 1.5em;
	line-height : 1.3;
}

h6 { 
	color: #C6000D;
	margin-bottom : 0.3em;
	font-size : 1.5em;
	line-height : 1.3;
}

/* 12. LINKS =============================================================================  */

a { 
	color : #151c3f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

a:visited { 
}

a:focus { 
	outline : thin dotted; 
	color : rgb(0,0,0); 
}

a:hover, 
a:active { 
	outline : 0;
}


footer a { 
	color : #ffffff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

footer a:visited { 
	color : #fff; 
}

footer a:focus { 
	outline : thin dotted; 
	color : rgb(0,0,0); 
}

footer a:hover, 
footer a:active { 
	outline : 0;
	color : #fff;
}

/* 13. TABLES ============================================================================= */

table { 
	border-collapse : collapse;
	border-spacing : 0;
	margin-bottom : 1.4em; 
	width : 100%; 
}

th, td, caption { 
	padding : .25em 10px .25em 5px; 
}

caption { 
	background-color : transparent; 
}


/* 14. FORMS ============================================================================= */

form { margin : 0; }

fieldset { 
	margin-bottom : 1.5em; 
	padding : 0; 
	border-width : 0; 
}

legend { 
	*margin-left : -7px; 
	padding : 0; 
	border-width : 0; 
}

label {
	font-weight : normal;
	cursor : pointer;
	display:inline-block;
	margin:0;
	position:relative;
	top:0;
	left:0;
	min-width: 25%;
}

label.inline{
	display:inline;
	margin:0;
}

label span{
	color:#666;
	font-size:0.9em;
}

label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
}

label.disabled{
	color:#ccc;
}

button, 
search,
input, 
select, 
textarea { 
	font-size : 100%; 
	margin : 0; 
	vertical-align : baseline; 
	*vertical-align : middle; 
}

button, input { 
	line-height : normal; 
	*overflow : visible; 
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	padding: 0.5em 1em;
	margin: 0;
	cursor : pointer; 
	text-shadow:0 1px 0 #fff;
	text-transform: capitalize;
	
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
	padding : 0;
	border : 0;  
}

input, textarea {
	margin:0;
	border:1px solid #ccc;
	font-size:1em;
	padding:5px;
	font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 15px;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder{
	color:#bbb;
}

input::-moz-focus-inner { border:0;}

input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
 }

input:invalid, 
textarea:invalid {
	-webkit-box-shadow : 0 0 2px #f00; 
	-moz-box-shadow : 0 0 2px #f00;
	box-shadow : 0 0 2px #f00; 
}

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
	background-color : #ccc; 
}

/*  15. BUTTONS  ============================================================================= */

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #C6000D;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 1.1em;
				
}

.button:hover {
	background: #C6000D;
	color: #fff;
	text-decoration: none;
}

.button:active {
	background: #C6000D;
	color: #fff;
	position: relative;
	top: 1px;
}

.button:visited { 
	color : #fff;
}

/*  16. LISTS  ============================================================================= */

.entry-content ul, 
.entry-content ol {
	margin: 1em 1.5em;
    padding: 0 1em;
    list-style: none;	
}

/* Unordered */

.entry-content ul li:before {
 	content: "";
    border-color: transparent #C6000D;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.1em;
    position: relative;
}

.entry-content ul.noicon li:before {
	border: none;
}

/* Ordered */

.entry-content ol {
    counter-reset:li;
}

.entry-content ol li {
	background: none;
    line-height: 1.2em;
    list-style: none;
    margin-bottom: 5px;
    margin-left: 10px;
    position: relative;
    padding: 0.35em;
}

.entry-content ol li:before {
    background: #C6000D;
    border-radius: 30px;
    color: #fff;
    content: counter(li, decimal) "";
    counter-increment: li;
    font-size: 1em;
    font-weight: bold;
    left: -32px;
    padding: 5px 9px;
    position: absolute;
    text-align: center;
    top: 0px;
}

/* 17. COMMENTS =============================================================================  */

#comments {
	margin-top: 40px;	
}

#comments-title {
	margin-bottom: 20px;
}

.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 100%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	border-bottom: 1px solid #ddd;
	margin: 0px;
	padding: 10px 20px;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	border-left: 3px solid #0A75B9;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 0.75em 0 0;
	padding: 0.75em;
	position: relative;
}

.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}

.comment-meta,
.comment-content {
	margin-left: 60px;	
}

.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 0;
	margin-left: 50px;
}

.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	left: 10px;
	padding: 0;
	position: absolute;
	top: 10px;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.reply {
	porition: relative;
	float: right;	
}
a.comment-reply-link {
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ccc;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	color: #666;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #f2f2f2;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #f2f2f2;
	border-left: 3px solid #0A75B9;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 92%;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 5px 10px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px 4px 0px;
	position: relative;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required,
#respond .comment-form-url .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 7px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}

#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

/*  18. GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* 19. VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }