@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Bitter:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700,300,300italic,400italic,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700italic,700,600italic,400italic,300italic,300,600);
@import url(https://fonts.googleapis.com/css?family=Signika:400,600,300);
@import	url(https://fonts.googleapis.com/css?family=Roboto+Slab);

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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


h1
{
	font-size: 20pt;
	font-family: "Roboto Slab", Georgia, Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	color:Black;
}

H1 A {
    color: #000;
    font-weight: bold;
    font-size: 20pt;
    line-height: 1.5em;
	font-family: "Roboto Slab", sans-serif,Helvetica;
}

H1 A:hover {
	text-decoration:none;
}


h2
{
	font-size: 12pt;
	font-family: "Roboto Slab", Georgia, Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	color:#444;
}

H2 A {
    color: #000;
    font-weight: bold;
    font-size: 12pt;
    line-height: 1.5em;
	font-family: "Roboto Slab", sans-serif,Helvetica;
}

H2 A:hover {
	text-decoration:none;
}


ol, ul {
	list-style: none;
}

strong { font-weight: bold; }
b { font-weight: bold; }

.items
{
margin-left: 20px;
margin-right: 10px;
}

.ArchiveListingHeader
{
    padding-top:30px;
font-family:"Roboto Slab";
    padding-bottom:10px;
    font-weight:bold;
    font-size:12pt;
}


.ArchiveListingFirstHeader
{
    padding-top:20px;
    font-family:"Roboto Slab";
    padding-bottom:10px;
    font-weight:bold;
    font-size:12pt;
}


.ArchiveListingDate
{
    vertical-align:top;
    padding-top:5px;
    font-size:10pt;
    font-family:"Roboto Slab";
}

.ArchiveListingLink
{ 
    font-size:10pt;
    font-family:"Roboto Slab";
}

.ArchiveListingLink a
{
    font-size:10pt;
}

.ArchiveListingTitle
{
    padding-top:5px;
    padding-left:20px;
    vertical-align:top;
    font-size:10pt;
}

.ArchiveListingTitle a
{
    font-size:10pt;
}

.commentViewBoxStyle
{
padding-left:20px;
padding-right:20px;
}

.archivemonthtabspan
{
    display:none;
	font-family:"Roboto Slab";
}
.archivecategorytabdelimeterspan
{
    display:none;
}

.ArchivesPage
{
    padding-left:40px;
    padding-right:40px;
}

body
{
	/*font-family: "Roboto Slab", serif;*/	
	font-family: 'Merriweather', serif;
	/*color:#555;*/
	color:#373737;
	font-size:13px;
	/*line-height:21px;*/
	background:#f2f2f2;
	line-height:180%;
}

.container{
	max-width:944px;	
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.shadow-allside {
/*	margin: 40px;*/
	padding:10px 20px;
	background-color: #fff; /* Needed for IEs */

/*	-moz-box-shadow: 5px 5px 5px rgba(183,183,183,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(183,183,183,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);*/

	/*ALL SIDE SHADOW*/
/*-webkit-box-shadow: 0 0 10px rgba(183,183,183,0.6);
	-moz-box-shadow: 0 0 10px rgba(183,183,183,0.6);
        box-shadow: 0 0 10px rgba(183,183,183,0.6);



	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;*/
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  /*-webkit-border-radius: 8px; */

  /* Firefox 1-3.6 */
  /*-moz-border-radius: 8px; */
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  /*border-radius: 8px; */
	border:1px solid #e3e3e3;
}

.spacer-5{height:5px;}
.spacer-10{height:10px;}
.spacer-20{height:20px;}
.spacer-30{height:30px;}
.spacer-40{height:40px;}


.footer-links .header{
	font-weight:bold;

}

.footer-links a{
	font-family: "Roboto Slab", serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
}

.footer-links a:hover{
	text-decoration:underline;
}

.blog-header{
	font-size:24px;	
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	font: bold 18px/20px "Open Sans",Arial,Helvetica,sans-serif;
}

.blog-header a{text-decoration:none; color:inherit}
.blog-header a:hover{color:#007d9a}

.sep-top{border-top:1px solid #ecedf3; padding-top:10px;}
.sep-bottom{border-bottom:1px solid #ecedf3;}

.add-info {
	margin-bottom:18px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	/*border-bottom:1px solid #ecedf3;*/
	margin-bottom:10px;
	padding-bottom:10px;	
}
.add-info ul {
	overflow:hidden;
}
.add-info li {
	float:left;
	padding:0 25px 0 26px;
	background:url(../images/date.png) 0 3px no-repeat;
}

.container ul {
	list-style-type: disc;
	margin-left: 40px;
}

.container ol {
	list-style-type: decimal;
	margin-left: 40px;
}



.container li
{
	magin-left:30px;
	padding-left:5px;
}



.add-info li a{
	color:#2DAEBF;
}
.add-info li a:hover{
	color:#007D9A;
	text-decoration:none;
}

.add-info .data {
	background:url(../images/categories.png) 5px 3px no-repeat;
}
.add-info .comments {
	margin:0;
	background:url(../images/comments.png) 1px 3px no-repeat;
}

.add-info .track {
	margin:0;
	background:url(../images/flag.png) 1px 3px no-repeat;
}
.add-info a {
	float:left;
}

 .heading {
	
	margin-bottom:10px;

}

.navbar-inverse{
	background:#fff;
	border:none;
}

.navbar-inverse .navbar-toggle{
	background-color:#999;
	border-color:#999;	
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333;
	border-color:#333;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #333;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #007d9a;
    background-color: transparent;
}

.navbar-inverse .navbar-brand {
/*    color: #010101;
	font-weight:bold;
	font-size:26px;
	font-family: "Roboto Slab", serif;*/
}

.navbar-brand{
	padding:0 0 0 10px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #CCC;
}

.navbar-nav .active-tab a{background:#fff;color: #007d9a !important;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

blockquote {
	/*font:italic 14px/21px Georgia, 'Times New Roman', serif;*/
	border-left:3px solid #ecedf3;
	margin:0 30px 16px 30px;
	padding:20px 10px 20px 31px;
	background:#f4f4f4;
}

.QuoteText
{
/*font:italic 14px/21px Georgia, 'Times New Roman', serif;*/
	border-left:3px solid #ecedf3;
	margin:0 30px 16px 30px;
	padding:20px 10px 20px 31px;
	background:#f4f4f4;

}

.QuotePara
{
	text-align: left;
}

article p{
	margin-top:15px;
	margin-bottom:15px;	
}

article{
	margin-bottom:31px;
	/*border-bottom:3px solid #ECEDF3;	*/
}

.over{
	text-align:center	
}

.over:hover{
	
}

img
{
display: block;
    max-width:100%;
    height: auto;
}

.over img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.dateclass {
    font-size: 8pt;
    font-family: Tahoma,Verdana,Lucida,Geneva,Helvetica,Arial,sans-serif;
/*    padding-left: 14px;
    padding-bottom: 14px;*/
	padding-top: 5px;
	padding-bottom: 8px;
    color: #848484;
}

.itemTitle{
    color: #000;
    font-weight: bold;
    font-size: 20pt;
    line-height: 1.5em;
	font-family: 'Signika', sans-serif,Helvetica;
}

.itemTitle A {
    color: #000;
    font-weight: bold;
    font-size: 20pt;
    line-height: 1.5em;
	font-family: 'Signika', sans-serif,Helvetica;
}

.itemTitle A:hover {
	text-decoration:none;
}

.itemContents {
    text-align: left;
   margin: 10px 0px 0px 0px;
    font-family: "Roboto Slab",Georgia,Tahoma,Verdana,Lucida,Geneva,Helvetica,Arial,sans-serif;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    color: #444;
    font-size: 12pt;
    opacity: 1;
	visibility: visible;
	/*word-wrap:break-word;
	word-break: break-all;*/
}

.itemContents A:hover {
    color: #39F;
    font-size: 12pt;
    font-weight: lighter;
	text-decoration:none;
}

.itemContents A {
    color: #355EA0;
    text-decoration: none;
    font-size: 12pt;
    font-weight: lighter;
}

.categoryLinks {
	clear: both;
	color: gray;
	text-align: right;
}

.categoryLinkStyle{
	font-size:16px;	
	color:#355EA0;
}

.categoryLinkStyle:hover{
	text-decoration:none;	
	color: #39F;
}

.itemFooter {
	margin-top: 0.5em;
	border-top: 1px solid #ddd;
	font-size: x-small;
	color: gray;
	text-align: right;
}

.itemFooter a{font-size:15px;color:#355EA0;}

.itemFooter a:hover{
	text-decoration:none;	
	color: #39F;
}

.commentBoxStyle
{
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 25px 10px;
	border-color: #E3E3E3;
	border-style: dashed;
	border-width: 1px;

}

.navbar-nav
{
 -webkit-backface-visibility: hidden;
}

.navbar-nav > li {
    border-right:1px solid #e3e3e3;
}

.nav > li > a {
	padding: 3px 10px;
}

.navbar-nav > li:last-child {
	border-right:none;
}

.navbar-nav{
	margin-top:12px;	
}

.navbar-inverse .navbar-nav > li > a{
	font-size:14px;	
}



@media (max-width:767px){
	.over{
		margin-bottom:15px;
	}
	
	.logo{width:65%}
	.navbar-collapse{
		margin-left:20px; padding-right:0;	
		max-height: none;
		overflow-x: hidden;


	}
	.navbar-brand {
		padding: 0px;
	}	
}


@media (max-width:990px){
	
	.logo{width:75%}
	.navbar-collapse{
		padding-left:20px; padding-right:0;	
	}	
	
blockquote {
	/*font:italic 14px/21px Georgia, 'Times New Roman', serif;*/
	border-left:3px solid #ecedf3;
	margin:0 10px 16px 10px;
	padding:10px 10px 10px 21px;
	background:#f4f4f4;
}		

}



/* Code Style */
@media only screen and (max-width: 1000px){
.blogBodyDiv p, .blogBodyDiv blockquote, .blogBodyDiv h1, .blogBodyDiv h2, .blogBodyDiv h3, .blogBodyDiv h4, .blogBodyDiv ul, .blogBodyDiv ol, .blogBodyDiv div.misc, .blogBodyDiv div.syntaxhighlighter, .blogBodyDiv code, .blogBodyDiv pre, .blogBodyDivNarrow code, .blogBodyDivNarrow pre {
    width: 100%;
    float: none;
    clear: both;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blogBodyDiv2 pre, .blogBodyDivNarrow pre {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fcfcfc;
    border: 1px dashed #e0e0e0;
    overflow: auto;
    padding: 1em 1em 2em;
    font-size: 100%;
    margin: 1em;
}
}
@media only screen and (max-width: 1000px) 
{
pre {
    -webkit-text-size-adjust: 82%;
}

pre, xmp, plaintext, listing {
    display: block;
    font-family: monospace!important;
    white-space: pre;
    margin: 1px 1em;
	padding: 2em;
}
.blogBodyDiv {
    padding-top:1em;
    padding-bottom:1em;
    font-size: 95%;
    position: relative;
    overflow: visible!important;
     line-height:1!important;
	}	
}