/*   
Theme Name: WP Theme Mirage
Theme URI: http://wpthememirage.com
Description: This is just a The best worpdress theme out there for offline, businesss, etc...
Author: Josee Bedard
Author URI: http://wpthememirage.com
Version: 1.0
*/

@media screen {

/* ---------------------{ Main }--------------------- */
* { margin: 50; padding: 0; }
body { background:#fff url(images/bg.jpg) top center repeat-y; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#5e5e5e;  }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.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 */
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em;}

/* ---------------------{ Typography }--------------------- */
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0 0 10px 0; }
h1 {font-size:30px; }
h2 {font-size:20px; }
h3 {font-size:16px; }
h4 {font-size:13px; }
h5{font-size:10px; }

p { margin: 0 0 10px 0; }
a {color:#3b70d9; text-decoration:none;}
a:hover { color:#e69378 } 

ul, ol { margin: 0 0 1.625em 2.5em;}
ul { list-style: square;}
ol { list-style-type: decimal;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}
dl {margin: 0 1.625em;}
dt {font-weight: bold;}
dd {margin-bottom: 1.625em;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
blockquote {font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;}
pre {background: #f4f4f4;font: 13px "Courier 10 Pitch", Courier, monospace;line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em;}
code, kbd {font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym, dfn {border-bottom: 1px dotted #666; cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {background: #fff9c0 ;text-decoration: none;}
sup,sub {font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
a img {border: 0;}
.pingback{padding:10px 10px 10px 10px;}

.entry table,.commentlist table {border-bottom: 1px solid #ddd;margin: 0 0 1.625em;width: 100%;}
.entry th,.commentlist th {color: #666;font-size: 10px;font-weight: 500;letter-spacing: 0.1em;line-height: 2.6em;text-transform: uppercase;}
.entry td,.commentlist td {border-top: 1px solid #ddd;padding: 6px 10px 6px 10px;}
.th{ background-color:#CCCCCC; font-weight:bold; }

/* ---------------------{ Main Structure}--------------------- */
#page-wrap { width: 980px; margin: 25px auto; background:#fff; overflow:hidden;}
#header{}
#container{ margin: 20px auto; width:960px;}
#content{ float:left; display:inline; padding:0px 0px 0px 20px; width:650px;}
#sidebar{ float:right; display:inline; padding:0px 20px 0px 0px; width:250px;}
#content-all{width:920px; padding:0px 0px 0px 20px;}

/* ---------------------{ Header }--------------------- */
#header-top-all{height:37px; background:#000; width:100%; }
#header-top{width:980px; margin:0px auto; }
#header-top .left{float:left; width:625px;}
#header-top .right{float:right; width:350px;}
#header-top .right ul{list-style:none; margin:0; padding:10px 20px 5px 0px; }
#header-top .right li{float:right; padding:0px 5px 0px 5px; }



#header{ }
#logo{ float:left; width:400px; padding:2px 0px 2px 15px; }

#title{text-align:center; clear:both; }
#title h1{padding:20px 0px 0px 0px;}

/* ---------------------{ Slider }--------------------- */
#slider{ width:966px; background:url(images/slidernivo-bg.png) top center no-repeat; margin:0px auto; height:336px; padding:0px 0px 20px 0px;}

#banner{
	clear:both;
	background:url(images/slidernivo-bg.png) top center no-repeat;
	width:980px;
	height:336px;
	position:relative;
	margin:0px auto 20px auto;
}

/* ---------------------{ Homepage }--------------------- */

#offer-box{clear:both; height:110px; width:956px; margin:10px auto; background:url(images/offerbox-bg.jpg) top center no-repeat; }
#offer-box .left{float:left; width:650px; padding:25px 0px 0px 30px;}
#offer-box .right{float:right; width:260px; padding:35px 0px 0px 0px;}
#offer-box .right a {background:url(images/offerbox-btn.png) top center no-repeat; width:231px; height:40px; text-align:center; display:block; color:#fff; font-size:20px; padding-top:10px;}


#boxes4-img{width:960px; clear:both; margin:0px auto; font-size:11px; padding:10px 0px 10px 5px;}
#boxes4-img .boxes4-s{float:left; padding:0px 10px 0px 0px; width:225px;} 
#boxes4-img .boxes4{float:left; padding:0px 10px 0px 10px; width:225px;} 
#boxes4-img .boxes4-l{float:left; padding:0px 0px 0px 10px; width:225px;} 
#boxes4-img .framebox{ background: url(images/4box-frame.png) top center no-repeat; width:221px; height:125px; position:relative;}
#boxes4-img .frame{padding:7px 0px 0px 6px;}

#boxes4-icon{width:960px; clear:both; margin:0px auto; font-size:11px; padding:10px 0px 10px 15px;}
#boxes4-icon .boxes4-s{float:left; padding:0px 10px 0px 0px; width:223px; border-right:1px solid #e5e5e5;} 
#boxes4-icon .boxes4{float:left; padding:0px 10px 0px 10px; width:223px; border-right:1px solid #e5e5e5;} 
#boxes4-icon .boxes4-l{float:left; padding:0px 0px 0px 10px; width:223px;} 
#boxes4-icon .right{text-align:right;}


#boxes3-img1{width:955px; clear:both; margin:0px auto; padding:10px 0px 10px 25px;}
#boxes3-img2{width:955px; clear:both; margin:0px auto; padding:10px 0px 10px 25px;}
#boxes3-img3{width:955px; clear:both; margin:0px auto; padding:10px 0px 10px 25px;}
#boxes3-img4{width:955px; clear:both; margin:0px auto; padding:10px 0px 10px 25px;}
#boxes3-img3 .icon-left, #boxes3-img4 .icon-left{float:left; margin:0px 10px 0px 0px; }
#boxes3-img5{width:955px; clear:both; margin:0px auto; padding:10px 0px 10px 25px;}
#boxes3-img5 .right{text-align:right;}


#boxes3-img1 .framebox{ background: url(images/3box-frame.png) top center no-repeat; width:287px; height:197px; position:relative;}
#boxes3-img1 .frame{padding:7px 0px 0px 7px;}
#boxes3-img2 .framebox{ background: url(images/3box-frame.png) top center no-repeat; width:287px; height:197px; position:relative;}
#boxes3-img2 .frame{padding:7px 0px 0px 7px;}

.boxes3-s{float:left; padding:0px 10px 0px 0px; width:300px;} 
.boxes3{float:left; padding:0px 10px 0px 10px; width:300px;} 
.boxes3-l{float:left; padding:0px 0px 0px 10px; width:300px;} 

.lboxes3-s{float:left; padding:0px 10px 0px 0px; width:300px; border-right:1px solid #e5e5e5;} 
.lboxes3{float:left; padding:0px 10px 0px 10px; width:300px; border-right:1px solid #e5e5e5;} 
.lboxes3-l{float:left; padding:0px 0px 0px 10px; width:300px;} 

.fboxes3-s{float:left; margin:0px 10px 0px 0px; width:300px; border-bottom:1px solid #e5e5e5;} 
.fboxes3{float:left; margin:0px 10px 0px 10px; width:300px; border-bottom:1px solid #e5e5e5;} 
.fboxes3-l{float:left; margin:0px 0px 0px 10px; width:300px; border-bottom:1px solid #e5e5e5;} 


	
	
#subcribe-box{width:960px; clear:both; margin:0px auto; padding:10px 0px 10px 0px;}
#subcribe-box .left{ float:left; width:585px; padding-top:30px;}
#subcribe-box .right{ float:right; width:360px;} 

/* ---------------------{ Relate Post }--------------------- */
#related-video{ padding:20px 0px 20px 0px; clear:both;}
#related-video ul{list-style:none; padding:0; margin:0; }
#related-video li{padding:10px 0px 10px 0px;}
#related-video .latest-post-box{ clear:both; background:url(images/line.png) bottom center repeat-x;}
#related-video .box-right{ float:right; padding:10px 20px 0px 0px; width:360px;}
#related-video .box-left{ float:left; padding:10px 20px 10px 20px; width:220px;}
#related-video .framebox{ background: url(images/4box-frame.png) top center no-repeat; width:221px; height:125px; position:relative;}
#related-video .frame{padding:7px 0px 0px 6px;}

/* ---------------------{ Sidebar}--------------------- */
#sidebar ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px;}
#sidebar ul ul{ padding:0px 0px 0px 0px; }
#sidebar li{ list-style:none; padding:3px 0px 3px 0px; }
#sidebar li li{ padding:3px 0px 3px 10px;}

/* ---------------------{ Footer }--------------------- */

/* ---------------------{ Footer Top}--------------------- */
#footertop-all{ width: 980px; margin: 0px auto; background-color:#151515; overflow:hidden;}
#footertop{ width: 980px; margin: 0px auto; background-color:#151515; overflow:hidden; padding:20px 20px 50px 20px; }
#footertop .footer-sidebar{ float:left; display:inline; width:220px; padding-right:20px; color:#c3c3c3;}
#footertop .last{ padding-left:15px;}

/* ---------------------{ Footer Widget}--------------------- */
.footer-widget { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#e5e5e5;}
.footer-widget h2 { padding:0px 0px 20px 0px; color:#fff; font-size:16px; }
.footer-widget { padding:0px 0px 0px 0px; }
.footer-widget p { padding-bottom:5px; }
.footer-widget ul { clear:both; margin:0px; padding:10px 0px 0px 0px; list-style:none; }
.footer-widget ul li { padding:5px 0px 5px 0px;}
.footer-widget ul li a { padding:0px 0px 3px 0px; text-decoration:none; color:#afafaf; border-bottom:1px solid #afafaf; display:block; }
.footer-widget ul li a:hover { color:#fff; }
.footer-widget ul li li a {border-bottom:none;}
.footer-widget ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }
.footer-widget ul ul li { border:none; padding:0px 0px 0px 5px; }
.footer-widget ul ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }
.footer-widget .widget_text{ padding:0px 0px 0px 0px;}

/*#footer-all{  width: 980px; margin: 0px auto; background-color:#151515; overflow:hidden; background:url(images/footer-bg.jpg) top center repeat-x; height:78px;}*/
#footer-all{  width: 980px; margin: 0px auto; background-color:#151515; overflow:hidden; height:78px; border-top:1px solid #fff;}
#footer{  width: 980px; margin: 0px auto; background-color:#151515; overflow:hidden; auto;height:78px;  }
#footer .top{ clear:both; height:55px; }
#footer .bottom{ clear:both; text-align:center; color:#9b9b9b; padding-top:5px;}
#footer .top ul{list-style:none; margin:0; padding:18px 20px 5px 0px; font-size:18px; float:right; }
#footer .top li{float:left; padding:0px 10px 0px 10px; border-right:solid 1px #fff; }
#footer .top a{color:#fff; text-decoration:none;}
#footer .top a:hover{color:#dcdcdc;; text-decoration:none;}


/* ---------------------{ Top Navigation }--------------------- */
#topnav {margin: 0;padding: 0px 20px;height:36px; float: left;margin: 0 auto; width:940px; font-size:9px;}
#topnav .menu-header,div.menu {font-size: 1.2em;}
#topnav .menu-header ul,div.menu ul {list-style: none; margin: 0; }
#topnav .menu-header li,div.menu li {float: left; position: relative;}
#topnav a {color: #fff;display: block; line-height: 36px; padding: 0 10px; text-decoration: none;}
#topnav ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 36px;left: 0;float: left;width: 220px;z-index: 99999;}
#topnav ul ul li {min-width:220px;}
#topnav ul ul ul {left: 100%;top: 0;}
#topnav ul ul a {background: #000;line-height: 1em;padding: 10px;width: 220px;height: auto;}
#topnav li:hover > a{ color:#dcdcdc;}
#topnav ul ul :hover > a {color:#fff; background:#dcdcdc;}
#topnav ul li:hover > ul {display: block;}
#topnav ul li.current_page_item > a,#topnav ul li.current-menu-ancestor > a,#topnav ul li.current-menu-item > a,#topnav ul li.current-menu-parent > a {color:#808080;}
* html #topnav ul li.current_page_item a,* html #topnav ul li.current-menu-ancestor a,* html #topnav ul li.current-menu-item a,* html #topnav ul li.current-menu-parent a,* html #topnav ul li a:hover {color:#808080;}


/* #primary-nav{ width:955px; height:30px; background:url(images/catnav-bg.jpg) top center no-repeat; margin:0px auto;} */
#primary-nav{ width:955px; height:30px; margin:0px auto;}

/* ---------------------{ Main Navigation }--------------------- */
#mainnav {margin: 0;padding: 0;height:30px; float: left;margin: 0 auto; width:955px;}
#mainnav .menu-header,div.menu {font-size: 1.2em;}
#mainnav .menu-header ul,div.menu ul {list-style: none; margin: 0;}
#mainnav .menu-header li,div.menu li {float: left; position: relative;}
#mainnav ul li{background:url(images/separator-menu.jpg) top right no-repeat;}
#mainnav a {color: #fff;display: block; line-height: 30px; padding: 0 20px; text-decoration: none; font-weight:bold;}
#mainnav ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 30px;left: 0;float: left;width: 220px;z-index: 99999;}
#mainnav ul ul li {min-width:220px;}
#mainnav ul ul ul {left: 100%;top: 0;}
#mainnav ul ul a {background: #000;line-height: 1em;padding: 10px;width: 220px;height: auto;}
#mainnav li:hover > a{ color:#ffffff; background:#e69378;}
#mainnav ul ul :hover > a {color:#fff;}
#mainnav ul li:hover > ul {display: block;}
#mainnav ul li.current_page_item > a,#mainnav ul li.current-menu-ancestor > a,#mainnav ul li.current-menu-item > a,#mainnav ul li.current-menu-parent > a {color:#000; background:#e69378;}
* html #mainnav ul li.current_page_item a,* html #mainnav ul li.current-menu-ancestor a,* html #mainnav ul li.current-menu-item a,* html #mainnav ul li.current-menu-parent a,* html #mainnav ul li a:hover {color:#000; background:#8b8d8e;}


/* ---------------------{ Post }--------------------- */

#content .post-frame{background: url(images/post-frame.png) top center no-repeat; width:463px; height:239px; float:left; margin:0px 10px 0px 0px;}
#content .frameba{ padding:14px 0px 0px 14px;}
#content .post-readmore{padding:10px 50px 0px 0px; text-align:right;}
.post { padding:15px 0px 40px 0px; clear:both; background:url(images/post-line.png) bottom center repeat-x; }

.entry { }
.entry a { }
.entry a:hover { }

.meta { font-size:12px; font-style:italic; margin-bottom:10px; }
.postmetadata { font-size:12px; font-style:italic; margin-bottom:10px; }


	
/* ---------------------{ Navigation }--------------------- */
.navgation { }
   .next-posts { }
   .prev-posts { }

/* ---------------------{ Search Form }--------------------- */
#searchform { }
	#s { padding:3px 0px 3px 0px; }
	#submit, #searchsubmit, #sendmail {-moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;  background:#797979; padding:4px 8px 4px 8px; color:#FFFFFF; border:none; }
	.reply-entry{ padding:7px 0px; }

/* ---------------------{ Comment }--------------------- */
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

/* ---------------------{ Input }--------------------- */
form { }
input[type=text] { }
textarea { }

/* ---------------------{ Post Image }--------------------- */
img.centered { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:0px; padding:5px; border: 1px solid #ddd;}
img.alignnone {  margin:0px 0px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}
img.alignright {  margin:0px 0px 10px 10px; display:inline; padding:5px; border: 1px solid #ddd;}
img.alignleft { margin:0px 10px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}
.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;  }
.alignright { float:right; margin:0px 0px 10px 10px; }
.alignleft { float:left; margin:0px 10px 10px 0px; }
.wp-caption { background:#F7F7F7; text-align:center; padding:4px 0px 5px 0px; border:1px solid #e6e6e6; }
.wp-caption img { margin:0px 0px 5px 0px; padding:0px; border:0px; }
.wp-caption p.wp-caption-text { margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:12px; }

/* pagination */
.navgation { text-align:center; padding-bottom:15px; }
.next-posts { }
.prev-posts { }
.pagesa {clear:both;padding:20px 0;position:relative;}
.pagesa span, .pagesa a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#000;}
.pagesa a:hover{color:#f00;}
.pagesa .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;}


.boxfirst{ padding:0px 10px 0px 0px;}
.boxlast{ padding:0px 0px 0px 10px;}


#banner1{
	clear:both;
	background:url(images/videobox-bg.png) top center no-repeat;
	width:980px;
	height:335px;
	position:relative;
	margin:20px auto 10px auto;
	color:#fff;
	font-size:15px;
	line-height:1.3em;	
}

#banner .left{ float:left; width:500px; text-align:center; margin:30px 0px 0px 50px;}
#banner .right{ float:right; width:400px; text-align:center;} 


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */