/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top; max-width:100%; height:auto}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
/* input, textarea {border:0; padding:0; margin:0; outline: 0;} */
iframe {border:0; margin:0; padding:0;}
/* input, textarea, select {margin:0; padding:0px;} */
form {font-size:12px;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #999999;color: #474747;font: 12px/25px Arial, Helvetica, sans-serif;}

a{color: #000;text-decoration: none;}
a:hover {color: #06F; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{ background: #09F;}

a.button2{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #09F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button2 {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button2:hover{background: #667;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {margin-bottom:10px;}
header .wrap-header{height: 90px;}

header #logo {position:absolute; top:20px; padding:5px; width: 100%;}

nav {}
nav .wrap-nav{position:absolute; top:30px; right:10px; height: 37px;}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu ul li {position: relative;float: left;padding: 6px 5px 0px 5px; background:#09F;}
.menu ul li:hover {background-color:#6f6f6f;}
.menu ul li a {font-size: 14px; line-height:14px;color: #FFF;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase;}
.menu ul li:hover a {color:#ffffff;}

.minimenu{display:none;}
.minimenu{position: relative;margin: 0px;background:#999;}
.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #fff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {}
#content .wrap-content{background-color:#FFF; border:1px solid #CCC; margin-top: 5px;}

.block{ margin:10px;}
.blockul{ margin-left:40px; list-style:square;}
.blockol{ margin-left:40px;}

#main-content{color: #777;}
#main-content article{clear: both; margin:10px 0px;}
#main-content article .heading{}
#main-content article .content{}
#main-content article h1{font-size:20px; line-height:23px; color: #09F;margin-bottom: 20px;}
#main-content article h2{font-size:20px; line-height:23px; color: #09F;margin-bottom: 20px;}
#main-content article h3{font-size:20px; color: #09F;margin-bottom: 2px;}
#main-content article h5{font-size:13px; color: #09F;}
#main-content article .info{font-style:italic;margin-bottom: 3px;}
/* #main-content article img{ float:left; margin: 10px 10px 10px 0px; padding:5px; border:0px solid #CCC;} */
#main-content article p{margin-bottom:10px; display:inline-block;}
#main-content article .more{float:right; margin-bottom: 20px;}

#sidebar{}
#sidebar .left{}
#sidebar .right{}
#sidebar .box{margin-bottom:5px;}
#sidebar .heading{ padding:3px; border-bottom:3px double #333333;}
#sidebar .heading h2{font-size:16px; font-weight:normal; display:inline; padding:0 2px;}
#sidebar .content{padding:5px}
#sidebar .content ul{ font-size:12px; list-style-type:circle; margin-left:2px;}
#sidebar .content ul li{border-bottom: 1px solid #E1E1E1; padding:2px;}
#sidebar .content .post {margin-bottom: 20px;}
#sidebar .content .post h4{ font-size:14px; font-weight:normal;}
#sidebar .content .post img{ float:left; padding:5px; border:1px solid #CCC; margin-right:10px;}
#sidebar .content .post p{color:#A3A3A3; font-style:italic;}

#pagi{margin: 30px auto;padding: 0;list-style: none;width: 180px;}
#pagi li {float: left;margin-right: 10px;}
#pagi li a {display: block;	text-decoration: none; color: #717171;font: bold 11px Arial, sans-serif;padding: 5px 8px;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	background: #ffffff;}
#pagi li a.current, #pagi li a:hover {color: #ffffff;	background: #DA251D;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {background-color:#333; margin-top:30px;}
footer .wrap-footer{padding:10px 0px; color:#ffffff;}
footer .box{}
footer .heading{ padding:5px; border-bottom:3px double #ffffff;}
footer .heading h2{font-size:22px; font-weight:normal; display:inline; padding:0 10px;}
footer .content{padding:15px}

.copyright{text-align:center; margin-top:20px; background:#000; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }

/*  I added this below */
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(222, 222, 222, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
-webkit-transition: opacity .15s linear;
-moz-transition: opacity .15s linear;
-ms-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
text-shadow: 0px 0px 4px #fff;
z-index: 9675309;
}

.back-to-top:hover {    
    background-color: rgba(255, 255, 255, 1.0);
}

.blogbox {
		background-color: #DAE3E9;
		border-bottom: 1px solid #9E9880;
		border-top: 1px solid #9E9880;
		margin: 0 0 15px 0;
		padding: 10px;
}

.blogbox2 {
		background-color: #f0f0f0;
		border-bottom: 1px solid #9E9880;
		border-top: 1px solid #9E9880;
		margin: 0 0 15px 0;
		padding: 10px;
}

.rbroundbox { background: url(http://rvroadtrip.us/graphics/nt.gif) repeat; }
.rbtop div { background: url(http://rvroadtrip.us/graphics/tl.gif) no-repeat top left; }
.rbtop { background: url(http://rvroadtrip.us/graphics/tr.gif) no-repeat top right; }
.rbbot div { background: url(http://rvroadtrip.us/graphics/bl.gif) no-repeat bottom left; }
.rbbot { background: url(http://rvroadtrip.us/graphics/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}

.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }

/* New Style */
.rbroundbox .post_cal {
	border: 1px solid #000000;
	text-align: center;
	width: 50px;
	float: left;
	margin: 0px 5px 0px 0px;
}

.rbcontent .post_cal {
	border: 1px solid #000000;
	text-align: center;
	width: 50px;
	float: left;
	margin: 0px 5px 0px 0px;
}

/* Old Style */
.blogpost .post_cal {
	border: 1px solid #000000;
	text-align: center;
	width: 50px;
	float: left;
	margin: 0px 5px 0px 0px;
}

.post_cal .dayname {
	background-color: #282828;
	border-bottom: 1px solid #666666;
	color: #FFFFFF;
	font-size: smaller;
	font-weight: bolder;
	width: 100%;
}
	
.post_cal .daynum {
	border-bottom: 1px solid #000000;
	font-size:13px;
	font-weight: bold;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
	
.post_cal .month, .post_cal .year {
	font-size: smaller;
	width: 100%;
	background-color: #666666;
	color: #ffffff;
}

#posthead {
	margin: 0px 0px 0px 0px;
	float: center;
}

/* Input Boxes */
input.rounded, select.rounded { 
    border: 1px solid #ccc; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: 2px 2px 3px #667; 
    -webkit-box-shadow: 2px 2px 3px #667; 
    box-shadow: 2px 2px 3px #667; 
    font-size: 12px; 
    padding: 4px 7px; 
    outline: 0; 
    -webkit-appearance: none; 
} 
input.rounded:focus { 
    border-color: #339933; 
} 
/* End Input Boxes */

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding:4px 16px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*  Pagination Stuff  */
#loading{
	width: 100%;
	position: absolute;
	top: 100px;
	left: 350px;
	margin-top:100px;
}

#container .pagination ul li.inactive,
#container .pagination ul li.inactive:hover{
	background-color:#ededed;
	color:#bababa;
	border:1px solid #bababa;
	cursor: default;

}
#container .data ul li{
	/*
	list-style: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 5px 0 5px 0;
	color: #000;
	font-size: 13px;
	background-color:#ededed;
	*/
	list-style: none;
	font-family: sans-serif,Arial,Verdana;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	margin-top: -20px;
	margin-left: 20px;
	margin-right: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	background-color: #f9f9f8;
	border: 1px solid #CCC;
}

#container .pagination{
	width: 560px;
	height: 25px;
}

#container .pagination ul li{
	list-style: none;
	float: left;
	border: 1px solid #006699;
	padding: 2px 5px 2px 5px;
	margin: 0 1px 0 1px;
	font-family: arial;
	font-size: 12px;
	color: #006699;
	font-weight: bold;
	background-color: #f2f2f2;
}

#container .pagination ul li:hover{
	color: #fff;
	background-color: #006699;
	cursor: pointer;
}

.go_button {
	background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
}

.total {
	/* float:right; */
	font-family:arial;
	color:#999;
}

.hrdotted { margin: 10px 0; border:none; border-top: #8c8b8b 1px dotted;}
.hrdashed { border: 0; border-bottom: 1px dashed #ccc; background: #999; }

.resize_thumb {
	width: 150px; 
	height : auto;
}

.iborder {
	border:3px double #000000;
}

#noScriptLayer {
	position:fixed;
	left:10px;
	top:5px;
	background-image:url(/graphics/noScript.gif);
	height:100px;
	width:250px;
	z-index: 10;
}

.frame3	{
	color: #000000;
	background: #ffffff;
	font-family: verdana, arial,sans-serif;
	font-size:12px;
	text-align:justify;
	margin:0;
	padding:2;
	width:100%;
	border: 1;
}

/*    Table     */
.table {
	background:transparent !important;
	font-size:13px;
	text-align:center;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table th {
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding:16px 12px;
	color:#ffffff;
	background-color:#191919;
	text-shadow:none;
}
.table td { 
	padding:14px 7px 14px 7px;
	text-align: center;
}
.table tr {
	border-bottom:1px solid #fff;
	background-color:#f8f8f8;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	-o-transition:all .2s;
}
.table tr:hover, tr.topic-sticky {
	background: #F0F0F0;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.table tfoot td {
	padding:10px 16px;
	text-align: left;
	background:#191919;
	color:#ffffff;
	font-size:12px;
	text-shadow:none;
}
.table tfoot tr:hover {
	background:#63b1be;
}

/*   For responsive YouTube video embedding   */
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-border img {
	padding:5px;
	border: 1px solid #aaaaaa;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}