/*
Theme Name: AndyBlue
Theme URI: http://www.alfazone.ca
Description: Theme is realized by <a href="http://www.alfazone.ca" title="alfazone solutions web">alfazone</a>. Theme developed for NavWare. Gravatar, widget and addthis ready.
Version: 1.0
Author: kim tremblay
Author URI: http://www.alfazone.ca
Tags: white, blue, fluid, three columns, widgets
*/
/* CSS Document */
html {
	height: 100%;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 0.8em;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
*{margin:0; padding:0;}
ul{list-style:none;}
body{  font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height:14px; color:#28445c; 
background: url(images/bg.gif) repeat-x top #e5e5e5; 
height: 100%;}
img { border:0;}

.column-center .homediv p {
padding: 5px 2px;
}
.homediv {
margin-bottom:20px;
width: 190px;
padding: 5px;
}

.homediv .img img {
width:180px;
}
.left {
	float: left;
}
.right {
	float: right;
}
table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}
.clrflt {
	clear: both;
	float: none;
	height: 2px;
}

span.tip {
font-size:12px;
color:#727272;
padding:0 auto;
margin:0 auto;
}
/***forms*******************************************/
input, textarea{font-family:Tahoma, Arial, Helvetica, serif; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:110px; height:auto; color:#565b61; height:17px; margin-right:2px; border:1px solid #FFFFFF; background:#e5e5e5; font-size:1.01em; padding:4px 0px 0px 3px;}
.column-center input, .column-center textarea { margin:3px 0 3px 5px;}

.post h2{margin-bottom:25px; font-size:1.65em;}

/***end forms*******************************************/

.min-width {width:100%;
    height: 100%;}
.main {width:980px; margin:0 auto; overflow:hidden; position:relative;   min-height: 100%;
    height: auto !important;
    height: 100%;margin-bottom: -100px;}

a {color:#6495b6; text-decoration:none;}
a:hover{color:#28445c; text-decoration:none;}
 
.pagetitle { padding:10px; color:#000000; font-weight:normal}
.center { padding:0 0 10px 0;}

/***global*******************************************/
.content { width:100%; padding-top:0px;}

ul { margin:0;}

.side-bar-left { width:248px; margin-right:-248px; position:relative; float:left;}
.side-bar-left .ind { padding:0px 9px 0px 17px; }

.column-center{float:left; width:100%;}
.indent-center { padding:0px 252px 0px 248px;}

.side-bar-right { width:252px; margin-left:-252px; float:left;}
.side-bar-right .ind { padding:0px 20px 0px 10px;}

.clear{clear:both;}
.clear-block{ overflow:hidden; padding:0px 0px 0px 0px; width:100%;}

/***global*******************************************/


/***Begin Images *******************************************/
p img {
	padding: 0;
	max-width: 100%;
        margin-top:5px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
        clear:both;
	display: block;
	margin-left: auto;
	margin-right: auto;

}

.post img {
border:1px solid #808080;
padding:3px;
background-color:#fff;
}
.post p img {
margin-bottom:10px;
}

img.alignright {
	margin: 15px 0px 2px 20px;
	display: inline;
}

img.alignleft {
	margin: 2px 20px 2px 0;
	display: inline;
}
div.wp-caption {
background-color:#f9f9f9;
border: 1px solid #c0c0c0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
div.alignleft {
margin:10px 30px 10px 0;
padding:10px;
}

div.alignright {
margin:10px 0 10px 30px;
padding:10px;
}
.alignright {
	float: right;
	color:#6495b6;
	padding-right:10px;
}

.alignleft {
	float: left;
	color:#6495b6;
	padding-left:10px;
}

.marg { margin-bottom:10px;}
/***End Images *******************************************/



/***header*******************************************/
h2{ font-size:1.61em;}
h3{ font-size:1.31em;}
h4{ font-size:1.21em; margin-top:15px;}

.post h3{ margin-bottom:10px; margin-top:20px;}

#header {margin:0 auto; overflow:hidden; background:url(images/bg-top.jpg) top left no-repeat; width:100%; height:207px;}
#header .row1 {overflow:hidden; height:83px; width:100%;}

.logo { padding:30px 46px 0px 4px; overflow:hidden;}
.logo h1 {font-size:1em; margin:0; padding:0; color:#ffffff; width:250px; height:83px;float:left; display: block;}
h1:hover {text-decoration:none;}



#header .search { padding:36px 32px 21px 8px; overflow:hidden; float:right; background:url(images/bg-search.gif) top left no-repeat;}
/*#header .block-search .caption { float:left; padding-right:8px; padding-top:4px; text-transform:uppercase; color:#efdec2; font-size:1.12em; font-weight:bold;}*/

.menu { padding-top:41px; padding-left:27px; float:left;}
.menu li { font-size:1.3em; line-height:normal; float:left; overflow:hidden; text-align:center; padding:0px; background:url(images/bg-li.gif) left 5px no-repeat;}
.menu li a{color:#aaaaaa; font-weight:normal; text-decoration:none; text-transform:none; display:block; padding:0px 28px 19px 20px; }
.menu li a:hover{text-decoration:none; color:#FFFFFF}

.menu ul li span {display:block; float:left;}
.menu ul li span span {display:block; float:left;}
.menu ul li span span a {display:block; float:left;}

.menu ul li span.over {background:url(images/bg-link.gif) top repeat-x;}
.menu ul li span.over span {background:url(images/link-right.gif) top right no-repeat;}
.menu ul li span.over span a {background:url(images/link-left.gif) top left no-repeat;}

/***end header*******************************************/



/***box*******************************************/
.right-bgd { position:absolute; top:0; right:0; width:50%; height:187px; background:url(images/bg-right.gif) left top repeat-x;}

.bg-h { background:url(images/bg-h.gif) top repeat-x;}
.bg-hl { background:url(images/bg-hl.gif) top left no-repeat;}
.bg-hr { background:url(images/bg-hr.gif) top right no-repeat;}

.border-top {background:url(images/border-top.gif) repeat-x top;}
.corner-top-left {background:url(images/corner-top-left.gif) no-repeat left top; width:100%;}
.corner-top-right {background:url(images/corner-top-right.gif) no-repeat right top; width:100%;}
.corner-top-right ul { font-size:13px; margin:10px auto;padding:0; list-style: disc url(images/a1.gif) inside;}
.corner-top-right ul li { padding-bottom:10px;}
.corner-top-left ul {font-size:14px; margin:10px auto; padding:0; }
.corner-top-left ul li ul {margin-left:15px; }
.corner-top-left ul li ul li{margin-left:15px; padding-bottom:10px; }

.border-top2 {background:url(images/border-top2.gif) repeat-x top;}
.corner-top-left2 {background:url(images/corner-top-left2.gif) no-repeat left top; width:100%;}
.corner-top-right2 {background:url(images/corner-top-right2.gif) no-repeat right top; width:100%;}

#blogroll .inside-widget, #categories .inside-widget { padding-top:15px;}
/*.widget_links .blogroll li, #categories.widget li { background:url(images/bg-line.gif) bottom repeat-x; padding:0; line-height:1.5em; font-size:16px;}*/
.widget_links .blogroll li a, #categories.widget li a { color:#28445c; text-decoration:none; background:none;}
.widget_links .blogroll li a:hover, #categories.widget li a:hover{ color:#6b7175; text-decoration:none;}

/***box*******************************************/


/***side_bar*******************************************/
.side-bar .inside{ padding:0 0 0 0;}

.widget#categories .children { margin:0 0 0 0px;}
.widget#categories .children li{  font-size:1.01em; padding-left:20px;}
.indentX p { padding:0 0 10px 0;}

/**********************************************/
.inside-widget { padding:13px 31px 20px 20px;}
.widget { margin:0px 0px 0px 0px; padding:0px; width:100%; overflow:hidden;}
.widget h2 {font-size:1.36em; line-height:1.09em; color:#f7f7f7; font-weight:normal; text-transform:none; padding:11px 0 10px 31px; background:url(images/line.gif) 20px bottom no-repeat}
.widget h2 a {color:#f7f7f7; text-decoration:none;}
.widget h2 a:hover {text-decoration:none;}

/*.widget ul { color:#6495b6; margin:0; padding:0px;}/*
.widget li { text-decoration:none; font-size:14px; line-height:1.8em;  font-weight:normal; padding:0px;}
.widget li a { color:#6495b6; text-decoration:none; background:url(images/a.gif) no-repeat 0 0px; padding:1px 0 2px 0px;}
.widget li a:hover { color:#8997a0; text-decoration:underline;}
h2.pagetitle {font-size:1.36em; line-height:1.09em; color:#f7f7f7; font-weight:normal; text-transform:none; padding:11px 0 10px 31px; background:url(images/line.gif) 20px bottom no-repeat}
.widget ul li ul { margin:0 0 5px 15px; padding:0;}
.widget ul li ul li { margin:0; padding-bottom:5px;line-height:1.8; font-weight:normal;}


/************/

/***********/

/**********************************************/
#calendar_wrap {vertical-align:top; width:auto; margin:auto;}
#calendar_wrap #prev { padding:5px 0px 0px 20px; text-align:left;}
#calendar_wrap caption { color:#7db1d3; font-weight:bold; font-size:1.11em;}
#calendar_wrap td {width:30px; text-align:right; color:#000000; font-size:1.11em;}
#calendar_wrap td a {color:#7db1d3;}
#calendar_wrap th { color:#7db1d3; text-align:right;}
#calendar_wrap a {font-weight:bold;}
/**********************************************/

#tag_cloud .inside-widget { padding:10px 10px 20px 20px;}
#tag_cloud a{ color:#469dc5; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline; color:#469dc5;}

/**********************************************/

#statusbar { text-align:left; color:#1b1f22;}
#statusbar p {padding:10px 15px 10px 15px; margin:0 0 0px 0;}
#statusbar a {font-weight:bold; color:#1b1f22;}


#search .searching { width:130px; height:16px; background:#FFFFFF; border:1px solid #0a4d81; color:#000000;}

/***end side_bar*******************************************/



/*---nonNumeric Lists---*/
.column-center ul {margin: 0 0 10px 0;}
.column-center ul li{list-style: disc;line-height:1.62em;list-style-position: outside; padding: 0; text-indent:0; margin: 0 0 0 15px;}
.column-center ul li a { color:#8997a0; font-weight:normal; text-decoration:underline; font-size:0.91em; text-transform:uppercase;}
.column-center ul li a:hover{ text-decoration:none; }
.column-center ul li ul{ margin-left:15px;}
.column-center ul li ol {margin-left:20px;}
.column-center ul li ol li{list-style-type:decimal; color:#28445c}
.column-center ul li ol li a { background:none;}


/*---nonNumeric Lists---*/
.sitemap ul {margin: 0 0 10px 0;}
.sitemap ul li{list-style: disc;line-height:1.62em;list-style-position: outside; padding: 0; text-indent:0; margin: 0 0 0 15px;}
.sitemap ul li a { color:#737373; font-weight:normal; text-decoration:underline; font-size:1.1em; text-transform:uppercase;}
.sitemap ul li a:hover{ text-decoration:none; }
.sitemap ul li ul{ margin-left:15px;}

/*---Numeric Lists---*/
.column-center Ol { padding-left:2px;}
.column-center Ol li{ background:none; padding:0px; margin-left:20px; line-height:1.62em; }
.column-center Ol li a { padding-left:0px; color:#8997a0; font-weight:normal; text-decoration:underline; font-size:0.91em; text-transform:uppercase;}
.column-center Ol li a:hover{ text-decoration:none; }
.column-center Ol li ul li a { font-weight:normal; text-decoration:underline;}
.column-center Ol li ul li a:hover {text-decoration:none;}

.column-center p { padding:5px 0 5px 0; line-height:1.4em;}

.column-center .border { border:1px solid #434245; padding:1px;}

.welcome {margin-bottom:15px;}
.welcome .content-top-left  {padding:20px 28px;}
.welcome h2 {padding-bottom:10px; color:#253747; font-weight:normal;}

.page, .post {overflow:hidden; padding:35px 30px 30px 31px;}

.title { overflow:hidden; width:100%;}
.title h2 { color:#253747; font-size:1.54em; text-transform:none; line-height:1.01em; font-weight:normal; font-family:Tahoma, Arial, Helvetica, serif;}
.title h2 a {color:#253747; text-decoration:none;}
.title h2 a:hover {text-decoration:underline;}
.title .author {  padding:1px 0px 6px 0px; color:#7db1d3; font-weight:normal; font-size:1.01em; line-height:1.09em;}
.title .author a { color:#7db1d3;}
/*.title .author a:hover { color:#253747; }*/
.title .date { padding:5px 15px 0px 0px; font-size:1.01em; line-height:1.01em; color:#7db1d3; font-weight:normal;}

.text-box { font-size:1.09em; line-height:1.15em; overflow:hidden; width:100%;}
.text-box .ind {padding:11px 0px 0px 0px; }
.text-box strong { color:#282828;}
.text-box span { text-transform:none; color:#ffffff;}
.text-box span a { color:#000000; text-transform:uppercase; font-size:0.91em;}

.comments { color:#7db1d3; font-size:1.01em; text-transform:none; line-height:1.01em; overflow:hidden; padding:20px 0px 0px 7px; text-align:right;}
.comments a {text-decoration:underline; color:#7db1d3; line-height:1.71em; font-weight:normal; background:url(images/bg-comm.gif) no-repeat 0 3px; padding-left:16px;}
.comments a:hover { text-decoration:none;}

.line { background:url(images/bg-line2.gif) top repeat-x; padding-top:2px;}
/***end column_center*******************************************/

.info-post {margin-bottom:15px; }
/* ----------------------- Popup styles ---------------------- */

/*#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}*/
#commentspopup { background:#e5e5e5;}
#commentspopup .post { padding-top:10px;}

#commentspopup .page-padding {padding:10px 5px;}
#commentspopup .page-width {width:538px; margin:0 auto;}

#commentspopup h2 {color:#253747; font-family:Tahoma, Arial, Helvetica, serif; font-size:1.45em; padding:10px 0px;}

#commentspopup p { padding:5px 0; line-height:1.35em;}

#commentspopup ol#commentlist  li {
	margin: 0px 15px 3px;
	padding: 5px 0px 3px;
	font-weight:normal;
	}

#commentspopup p {font-size:1.1em;}

#commentspopup #footer { padding:10px 0;}

/* ----------------------------------------------------------- */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom:1px dashed #999;
	}

blockquote {
	border:1px solid #808080;
	padding:3px 10px 3px 50px;
        margin:10px 0 25px 0;
        font-style: italic;
        font-weight: bold;
        color: #808080;
        background:#DCDCDC url(images/warning.png) left no-repeat;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	width:100%;
	overflow:hidden;
	display: block;
	text-align: left;
	margin-bottom: 5px;
	padding-top:5px;
}

.langage {
	float:right;
	width: 150px;
	padding: 42px 0 0 0;
	color:  rgb(100, 149, 182);
}	
.langage a {
	color:  rgb(170, 170, 170);
}
.langage a:hover {
	color: #fff;
}
/*.navigation {display: block; text-align: center; margin:0; padding:15px 21px;}
.navigation a {color:#577487; font-weight:bold; font-size:1.2em;}*/
/* End Various Tags & Classes*/



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

ol.commentlist  li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight:normal
	}
ol.commentlist li.even {background:#f7f7f7; border-top:1px solid #355b80;}
ol.commentlist li.odd {background:#edeff3; border-top:1px solid #355b80;}
	
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	padding-right:25px;
	padding-left:15px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

#respond { width:100%; overflow:hidden;}
#commentform textarea { width:100%;}
textarea#comment { width:100%;}
	
h3#comments, h3#respond { padding:12px 0px 11px 20px; font-size:1.27em; color:#363638}
/* End Comments */

.info-sidebar { padding:0px 10px 10px 10px; color:#000000;}

/*************************************/
#recent-posts  {vertical-align:top;}
#recent-comments li { background:url(images/.gif) no-repeat 0 8px; padding-left:13px; line-height:1.71em}
#recent-comments li a {background:none; text-decoration:underline;}
#recent-comments li a:hover{text-decoration:none;}
#recent-comments .inside-widget { padding:10px 20px 10px 20px;}

#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
/*#pages  {vertical-align:top;}*/
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.textwidget {color:#000000;padding-bottom: 30px;}

.oddcomment{color:#000000;}

/***footer*******************************************/
#footer { clear: both;font-size:1.09em; line-height:1.12em; color:#aaaaaa; font-weight:normal; text-align:center; background:url(images/bg-bot.gif) top repeat-x;height: 100px;}
.push {
	height:130px;
}
#footer p{ padding:0px 5px 0px 22px;}
#footer a{ color:#e5e5e4; font-weight:normal; text-decoration:underline; font-size:1.09em;}
#footer a:hover { text-decoration:none;}
.foot { text-align:center; margin:0 auto; padding:0px;}
.bg-foot {padding:20px 0px 0 0px;}
#footer span{ padding-left:33px;}
/***end footer*******************************************/