/*    
Theme Name: M2Canvas
Theme URI: http://blog.m2imaging.com/ 
Description: An all-in-one theme website for M2 Imaging's home base. 
Author: Marc Morrell
Author URI: http://twitter.com/m2imaging
Version: 1.0 
. 
©2009 Marc Morrell, all rights reserved. 
. 
*/

/* ---===== Color Scheme
Main Bg - #FFFFFF
Box Bg - 
Main Text - #454945
Links/Headers - #ac2c3a 50%
H background - #94b497 50%
Borders - 
M2 Maroon - #ac2c3a
=====---- */

/* ============basic reset============== */
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; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/* remember to define focus styles! */
:focus { outline: 0; }

ins { text-decoration: none; color: red;}
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* ============== End Reset ============= */

/* ============ Font Reference ============== */
@font-face {
	  font-family: "Fertigo Pro";
	  src: url("fonts/FertigoProRegular/Fertigo_PRO.otf")
	  	  format("opentype");
}
/* ============ Font Reference End =========== */





/* ============ Fonts & Markup ========= */
body {
	background: URL(images/m2_bg.gif) #FFFFFF repeat-x; 
	font-family: "Fertigo Pro", verdana, arial, sans-serif;
	font-size: 100%;
}

#SubHeader {
	margin-top: 0px;
	padding: 0;
}

#content {
	font-size: 90%;
	color: #353935;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sidebar1, #sidebar2 {
	color: #454945;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 90%;
}

#content p {
	text-indent: 30px;
	margin-bottom: 10px;
}

ol, ul { list-style-image: url('images/bullet-green.gif') }
#content ul { margin-left: 30px; }
#sidebar2 ul { margin-left: 15px; }
#sidebar1 ul li { list-style:none; margin-left:0; }

h1 {font-size: 135%;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}

h1, h2 {
	text-transform: uppercase;
	color: #ac2c3a;
	opacity: .5;
/*	margin-top: 10px; */
	padding: 5px 10px;
}

h1#sidebar1, h2#sidebar1, h1#sidebar2, h2#sidebar2, {
	font-size: 70%;
}

#content h2 {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	background-color: #bcd2be;
}

#footer {
	margin-top: 50px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 80%;
	border-top: solid 2px #bcd2be;
}

input#s {
	width: 120px;
	background-color: #d8ead9;
	border: dotted 2px #BCBFBC;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}

input#s:focus {
	background-color: #bcd2be;
}

input#searchsubmit {
	width: 125px;
}

/* =========== End Markup =========== */

/* =========== blog styles start ========== */
.post_container {
	margin:10px 0 15px 0;
	border-bottom: solid 1px #bcd2be;
}

.post_footer {
	margin:10px 0 15px 0;
	border-top: solid 1px #bcd2be;
	border-bottom: solid 1px #bcd2be;
}

img.alignleft {margin: 0 7px 2px 0;}
img.alignright {margin: 0 0 2px 7px;}
.alignright {float: right;}
.alignleft {float: left;}
/* =========== blog styles end =========== */


/* ============ Link style =========== */
a:link {color: #2c5cac; text-decoration: none; font-weight:bold; /* border-bottom: 2px dotted #2c5cac; */}
a:active {color: #ac2c3a; text-decoration: none; font-weight:bold; /* border-bottom: 2px dotted #ac2c3a; */}
a:visited {color: #2f4870; text-decoration: none; font-weight:bold; /* border-bottom: 2px dotted #2f4870; */}
a:hover {color: #ac2c3a; text-decoration: none; font-weight:bold; /* border-bottom: 2px dotted #ac2c3a; */}
/* div#footer a {color: white; text-decoration: none; font-weight:bold; border-bottom: 2px dotted #cccccc; */}

img {border: none;}
/* ============ Link style =========== */

	
/* ======= comment form ======= */
#comment-form-fieldlist {
	list-style: none;
	text-align: right;
	margin-right: 20px;
}

#comment-form-fieldlist input {
	width: 220px;
	height: 18px;
	vertical-align: top;
	margin-bottom: 8px;
}

#comment-form-fieldlist textarea {
	width: 223px;
	height: 100px;
	vertical-align: top;
	margin-bottom: 8px;
}

#comment-form-fieldlist label {
	margin-right: 10px;
}

/* ======= comment form ======= */