/*   
Theme Name: TheDesignGrid_HTML5
Theme URI: http://www.thedesigngrid.com
Description: Simple Theme built with the <a title="960 Grid System" href="http://www.960.gs">960 Grid System</a> &amp; the <a title="Baseline Grid" href="http://baselinecss.com/">Baseline Grid</a>
Author: Denis Leblanc
Author URI: http://www.denisleblanc.com
Version: 1.0 HTML 5
License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/). Feel free to use and make any changes, but please credit the author as best as possible.
*/
/* RESET */
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, b, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, var, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video, textarea { 
								  font-family: inherit; 
								  font-size: 100%;
								  font-weight: inherit; 
								  font-style: inherit;
								  vertical-align: baseline;
								  white-space: normal;
								  text-align: left;
								  margin: 0;
								  padding: 0;
								  border: 0; 
								  outline: 0;
								  background: transparent; }


/* SELF CLEARING FLOATS
----------------------------------------------------------------------------------------------------*/
.group:after 					{ content: "."; display: block; height: 0; clear: both; 
								  visibility: hidden; }



/* GLOBAL STYLES */
body							{ font-family: Helvetica, Arial, sans-serif; line-height: 1.5; font-size: 75%; 
								  background: #FFFFFF; color:#000000; }
blockquote, q					{ quotes: "" ""; }
blockquote						{ padding: 1.5em; }
blockquote:before,
blockquote:after,
q:before, 
q:after							{ content: ""; }
table							{ font: inherit; width: 100%; border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
hr								{ border: none; background: #ddd; width: 100%; height: 4px; margin: 18px 0 14px 0; position: relative; }
a:focus							{ outline: 0; }


/* HTML 5 */
article, aside, footer, header, 
nav, section, dialog, figure, 
hgroup, menu					{ display: block; }

/* HEADING */
h1, h2, h3, h4, h5, h6			{ font-size: 100%; font-weight: normal; word-spacing: -0.125em; position: relative; }
h4, h5, h6						{ font-weight: bold; }
h1, h2, h3						{ line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4					{ margin-top: 18px; }
h4, h5, h6						{ line-height: 18px; }
h1								{ font-size: 36px; top: 5px; }
h2								{ font-size: 28px; top: 8px; }
h3								{ font-size: 28px; font-style: italic; font-weight: 200;
								  border-bottom: 1px dotted #000000; margin: 18px 0 20px;
								  font-family: Didot,"Didot LT STD","Helvetica Neue",Helvetica,Arial,sans-serif; }
h4								{ font-size: 18px; top: 2px; font-weight: 200; }
h5								{ font-size: 15px; top: 4px; }
h6								{ font-size: 13px; top: 5px; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child					{ margin-top: 0; }

/* BOLDED */
b, strong, caption, 
th, thead, dt, legend			{ font-weight: bold; }

/* ITALICIZED */
cite, dfn, em, i				{ font-style: italic; }

/* MONOSPACED */
code, kbd, samp, pre, tt, var	{ font-family: mono-space, monospace; }

/* GENERAL TEXT */
p, pre, address					
abbr, code, kbd					{ font-size: 13px; line-height: 18px; margin: 8px 0; }
p								{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }
p+p								{ }
p+p.no-indent					{ text-indent: 0; }
pre								{ white-space: pre; }
del								{ text-decoration: line-through; }
ins								{ text-decoration: none; color: #f00; }
mark							{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
samp, small, var				{ line-height: 15px; }
small, sup, sub					{ font-size: 80%; }
sup, sub						{ line-height: 0; }
sup								{ vertical-align: super; }
sub								{ vertical-align: sub; }
big								{ font-size: 125%; line-height: 80%; }
abbr, acronym					{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
abbr[title], 
acronym[title], 
dfn[title]						{ border-bottom: 1px dotted black; cursor: help; }

/* LINKS */
a								{ color:#222222; text-decoration: none; font-weight: normal; }
a:hover, .current-cat a	 		{ color:#1cc7da; text-decoration: none; }

/* FORMS */
input, textarea					{ font-size: 12px; }
textarea						{ font-family: inherit; font-size: 100%; font-weight: normal; 
								  line-height: 18px; font-style: normal; white-space: normal; text-align: left; 
								  border: solid 1px #ccc; height: 250px; padding: 0 2px; display: block; width: 385px; }
input, select, button			{ cursor: pointer; }
input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"]			{ border: solid 1px #ccc; height: 16px; padding: 1px 2px; display: block; width: 385px; }
input[type="file"]				{ border: solid 1px #ccc; padding: 1px 2px; }
input[type="submit"],
input[type="reset"],
input[type="button"]			{ height: 25px; margin-bottom: 0; padding:0 20px; background: #222222;
								  border: none; -moz-border-radius: 5px ; -webkit-border-radius: 5px ;
								  color: #FFF; font-weight: bold; }
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover		{ background: #1cc7da; }
form, legend, label				{ font-size: 13px; line-height: 18px; }
form							{ line-height: 18px; }
form ol li, form ul	li			{ list-style: none; margin: 16px 0; }
legend							{ position: relative; padding-bottom: 18px; top: 5px; }
label							{ padding-top: 0; margin: 0 10px 0 0; float: left; display: block; width: 220px;}
label.first						{ margin-left: 0; }
select							{ display: block; margin-top: 2px; margin-bottom: 0; }
input[type="radio"]				{ margin: 6px 0 0 1px; float: left; display: block; clear: left; }
input[type="checkbox"]			{ margin: 6px 0 0 1px; float: left; display: block; clear: left; }

/* REUSABLE FORM CLASSES */
.cf_info						{ color: #1cc7da; font-size: 13px; font-weight: bold; }/* contact form specific */
.radio-label					{ margin: 0 0 13px 0; padding-left: 18px; float: none; display: block; clear: none; }
.checkbox-label					{ margin: 0 0 13px 0; padding-left: 18px; float: none; display: block; clear: none; }
.clear 							{ clear: both; height: 0; }

/* LISTS */
ul, ol, dl, dialog				{ font-size: 13px; line-height: 18px; position: relative; top: 5px; 
								  margin-top: 18px; margin-bottom: 18px; }
ol, ul							{ list-style: none; }
ul								{ list-style: disc outside; }
ol								{ list-style: decimal outside; }
li ul, li ol, ul ul, ol ol		{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p							{ top: 0; }

/* TABLES */
table							{ font-size: 13px; }
caption							{ font-size: 13px; line-height: 18px; top: 8px; margin-bottom: 18px; position: relative; }
th, td							{ border-top: none; line-height: 18px; padding: 9px 18px 8px 0; position: relative; }
th:first-child, td:first-child	{ padding-left: 0; }
th:last-child, td:last-child	{ padding-right: 0; }
tr:nth-child(even) td			{ background: #ffffff; }
tr:nth-child(odd) td			{ background: #ffffff; }
.row-1							{ font-weight: bold; }
.column-2, .column-3			{ text-align: center; }

/* REUSABLE CLASSES */
.left							{ float: left; }
.right							{ float: right; } 


/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12					{ margin: 0 auto; width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12						{ display: inline; float: left; position: relative; margin: 0 10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha							{ margin-left: 0; }
.omega							{ margin-right: 0; }

/* Grid
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1			{ width: 60px; }
.container_12 .grid_2			{ width: 140px; }
.container_12 .grid_3			{ width: 220px; }
.container_12 .grid_4			{ width: 300px; }
.container_12 .grid_5			{ width: 380px; }
.container_12 .grid_6			{ width: 460px; }
.container_12 .grid_7			{ width: 540px; }
.container_12 .grid_8			{ width: 620px; }
.container_12 .grid_9			{ width: 700px; }
.container_12 .grid_10			{ width: 780px; }
.container_12 .grid_11			{ width: 860px; }
.container_12 .grid_12			{ width: 940px; }

/* Prefix Extra Space
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1			{ padding-left: 80px; }
.container_12 .prefix_2			{ padding-left: 160px; }
.container_12 .prefix_3			{ padding-left: 240px; }
.container_12 .prefix_4			{ padding-left: 320px; }
.container_12 .prefix_5			{ padding-left: 400px; }
.container_12 .prefix_6			{ padding-left: 480px; }
.container_12 .prefix_7			{ padding-left: 560px; }
.container_12 .prefix_8			{ padding-left: 640px; }
.container_12 .prefix_9			{ padding-left: 720px; }
.container_12 .prefix_10		{ padding-left: 800px; }
.container_12 .prefix_11		{ padding-left: 880px; }

/* Suffix Extra Space
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1			{ padding-right: 80px; }
.container_12 .suffix_2			{ padding-right: 160px; }
.container_12 .suffix_3			{ padding-right: 240px; }
.container_12 .suffix_4			{ padding-right: 320px; }
.container_12 .suffix_5			{ padding-right: 400px; }
.container_12 .suffix_6			{ padding-right: 480px; }
.container_12 .suffix_7			{ padding-right: 560px; }
.container_12 .suffix_8			{ padding-right: 640px; }
.container_12 .suffix_9			{ padding-right: 720px; }
.container_12 .suffix_10		{ padding-right: 800px; }
.container_12 .suffix_11		{ padding-right: 880px; }

/* Push Space
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1			{ left: 80px; }
.container_12 .push_2			{ left: 160px; }
.container_12 .push_3			{ left: 240px; }
.container_12 .push_4			{ left: 320px; }
.container_12 .push_5			{ left: 400px; }
.container_12 .push_6			{ left: 480px; }
.container_12 .push_7			{ left: 560px; }
.container_12 .push_8			{ left: 640px; }
.container_12 .push_9			{ left: 720px; }
.container_12 .push_10			{ left: 800px; }
.container_12 .push_11			{ left: 880px; }

/* Pull Space
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1			{ left: -80px; }
.container_12 .pull_2			{ left: -160px; }
.container_12 .pull_3			{ left: -240px; }
.container_12 .pull_4			{ left: -320px; }
.container_12 .pull_5			{ left: -400px; }
.container_12 .pull_6			{ left: -480px; }
.container_12 .pull_7			{ left: -560px; }
.container_12 .pull_8			{ left: -640px; }
.container_12 .pull_9			{ left: -720px; }
.container_12 .pull_10			{ left: -800px; }
.container_12 .pull_11			{ left: -880px; }

/* Color Palette
----------------------------------------------------------------------------------------------------*/
/*
Dark Gray						#222222;
Cyan							#1cc7da;
*/

/* Template Specific
----------------------------------------------------------------------------------------------------*/
/* LISTS */
nav ul								{ margin: 28px 0 0 0; padding: 0; }
nav ul li							{ list-style:none; font-size: 15px; }

/* HEADER */
header								{ padding: 20px 0; }
header h1 a							{ display: block; }


/* ADS */
.ad_wrap .ad						{ width: 400px; padding: 0 0 20px 0; }
.ad_wrap a:hover					{ color: #999; }
.ad_wrap .img						{ width: 125px; padding: 0 0 0 10px; }
.ad_wrap .txt,
.ad_wrap .txt p						{ width: 265px;  text-align: right; }
.ad_wrap .ad_title					{ font-weight: bold; padding: 10px 0 0 0; }
.ad_wrap .shareasale				{ width: 100%; text-align: right; margin: 0; font-size: 90%; }
.ad_wrap .shareasale,
.ad_wrap .shareasale a				{ color: #999; }

/* CONTENTS */
#content_wrap section				{ padding: 20px 0 0 0; }

#categories, #archives				{ margin-top: 5px;}

/* WIDGET HEADERS */

.categories li						{ font-weight: bold; }

/* CATEGORIES PAGE */
#content .archives li,
#content .categories li				{ font-weight: normal; }



/* TYPE */
.date								{ display: block; font-weight: normal; padding: 10px 0; color: #999; }

/* FOOTER */
#footer_wrap						{ width: 100%; height:28px; background:#000000; color: #FFF; margin-top:20px; }
#footer_wrap p, #footer_wrap ul		{ font-size: 12px; }
#footer_wrap p						{ margin: 5px 0 0 0; }
#footer_wrap ul						{ text-align: right; margin: 0 10px 0 0; }
#footer_wrap ul li					{ display:inline; }
#footer_wrap a						{ color: #FFF; font-weight: normal; }
#footer_wrap a:hover				{ color: #1cc7da; }