.masonry-brick{

background-color: #ddd;
padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.menu-item{

float: left;
font-family: 'Ultra', serif; font-weight: 400;
font-size: 1.4em;
text-transform: uppercase;
}

.boxtitle{

font: 14px 'Rokkitt','Helvetica Neue', Arial, sans-serif;


}
.boxtitle p{
padding-top: 5px;

}


hr{
margin-top: 20px;
margin-bottom: 20px;

}

.boxtitle a{color: #666;

}

h2.widgettitle{

font-family: 'Ultra', serif; font-weight: 400;
font-size: 1.2em;
text-transform: uppercase
}


ul.widget, li.widget, ul li{
list-style-type: none;

}

.widget a {
font-size: 15px;
color: #5989e2;

}


#sidebar{

width: 220px;
}


#sig{
width: 143px;
height: 95px;
background-image: url('https://design.geeksplosive.com/img/signature.jpg');
background-position: -1px 14px;
background-repeat: no-repeat;
}

div#content img.alignnone, div#content img.alignleft{
border: 8px solid #ededed;

}


div#contacts{

position: relative;
display: inline-block;
width: 400px;
top: 30px;
margin-left: 0px;
background: #ddd;
padding: 5px 5px 0px 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; 

}

div#contacts span{
font-size: 1.3em;

}

div#contacts p{
margin-left: 45px;


}

em.descrip{
/*
font-size: 12px;
line-height: .9em;
*/
color: #666;
font-style: normal;
}

em.descrip a{
text-decoration: underline;
}

em.descrip a:hover{
color: #666;
}


/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}



html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body { position: relative; color: #333; background-image: url('https://design.geeksplosive.com/img/cot-bkgd1.gif');}
body, input, textarea { font-size: 13px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
td { vertical-align: top; }
ul { list-style-position: inside; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 12px; }
blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 16px; color: #636363; }
.clear { clear: both; }
.main_separator { color: #dedfe0; }
.wrapper { background-color: #fff;/* border-right: 1px solid #666; border-left: 1px solid #666;*/  }

#outerwrapper{width: 100%; height: 100%; background-image: url('https://design.geeksplosive.com/img/cot-bkgd2.gif');background-repeat:repeat-x; z-index: 2000;}
#header { /*border-bottom: 1px solid #dedfe0;*/ padding-bottom: 10px;  background-image: url('https://design.geeksplosive.com/img/cot-header-bkgd.jpg'); background-repeat: no-repeat;}
#site-title {height: 123px; position: relative; width:623px; overflow: hidden;left: 197px;}
#site-title a { color: #333; font-weight: bold; text-decoration: none; }
#header-left { float: left; width: 240px; padding-right: 5px; padding-left: 10px; }
#header-center { float: left; width: 740px; padding-right: 0px; background-image: url('https://design.geeksplosive.com/img/nav-bottom.png');
background-repeat: repeat-x;
background-position:0px 27px; height: 28px; }
#search { float: right; width: 220px; }
#header-right { margin: 20px 0 0 10px; }
#search label, #search input[type=submit] { display: none; }
#search input[type=text] { width: 200px; padding: 7px 9px; margin: 0; border: 1px solid #dedfe0; background: #fff; font-size: 13px; outline: none; }
#page_search input[type=submit] { display: none; }

.menu ul { list-style-type: none; }
.menu ul li { /*padding-bottom: 9px;*/ }
.menu ul a { /*line-height: 13px;*/ color: #303030; text-decoration: none; margin-right: 11px; }



.menu ul a  { (;margin-right: 21px;); } 

#boxtitle{margin-top: 8px;}
#boxes { margin-top: 20px; margin-left: 33px; }
.box { width: 210px; margin-bottom: 10px; color: #636363;}
.box .rel { position: relative; }
.box .rel p { margin: 0; font-size: 14px;}
.box .texts { position: absolute; top: -10px; left: -10px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); padding: 10px 5px 0px 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; }
.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { color: #fff; }
.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }
.box .texts .abs { position: absolute; top: 5px; }
.box .categories { padding-bottom: 0px; }
.box .categories a, .box .posted a { color: #a1a1a1; }
.box h1 { margin: 0; padding-bottom: 10px; font-size: 16px; }
.box h1 a { color: #333; }
.box .posted { padding-top: 10px; color: #a1a1a1; font-size: 14px; }
.box img { display: block; margin-bottom:3px;}
.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }
.fetch:hover a { color: #fff; }
#content { padding-bottom: 20px; }
#nav-above { float: left; width: 210px; padding-right: 40px; text-align: right; color: #636363; }
#nav-above a { text-decoration: none; color: #333; }
.nav-previous, .nav-next { display: inline; }
.nav-separator { color: #e5e5e5; }
.post_title { margin-top: 20px; overflow: hidden; }
.post_title h1 { margin: 0 0 15px 255px; line-height: 23px; width: 650px; font-weight: 400;  }
.entry-title, .page-title {color: #5989e2; margin-left: 255px; margin-top: 15px; font-family: 'Ultra', serif; font-weight: 400; text-transform: uppercase;}
.entry-meta { padding-bottom: 20px; color: #636363; margin-left: 255px; }
.entry-meta a { color: #333; text-decoration: none; }
#wides { clear: both; }
.entry-aside { width: 210px; padding-right: 40px;/* vertical-align: middle; */}
.entry-content-right { width: 710px; font-size: 15px; line-height: 21px; }
.entry-content { width: 710px; margin-left: 250px; font-size: 15px; line-height: 21px; }
.entry-utility { padding: 10px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { font-weight: normal; }
#social { padding: 20px 0 0 0; }
.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img, .page img { margin: 0px 0px 20px 0px; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }
#comments { padding: 0 0 0 246px; width: 714px; }
#comments-title { font-size: 21px; margin: 40px 0 20px 4px; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px solid #dedfe0; padding: 30px 0 30px 4px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: -96px; }
.comment-content { margin-left: 96px; border-bottom: 1px solid #dedfe0; }
.comment-author { float: left; width: 210px; padding-right: 40px; font-size: 15px; }
cite { font-style: normal; font-weight: bold; }
.comment-meta { float: left; width: 210px; padding-right: 40px; color: #999999; }
.comment-body { clear: both; padding-top: 7px; font-size: 15px; line-height: 21px; }
#respond { padding-left: 4px; }
li.comment > div { position: relative; }
.reply { position: absolute; top: 30px; right: 20px; }
#reply-title { font-size: 21px; }
.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }
input[type="text"], textarea, input { background: #fff; border: 1px solid #ccc; padding: 8px; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7-submit{width: 115px;}
#comments input[type="text"] { width: 442px; }
#comments textarea { width: 442px; }
.form-submit { margin-bottom: 40px; }
.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }
#footer { padding: 30px 0 50px; border-top: 1px solid #dedfe0; }
#footer h3{
font-family: 'Ultra', serif; font-weight: 400;
font-size: 1em;
color: #666;
margin-left:30px;
text-transform: uppercase;


}
#site-info { float: left; width: 460px; padding-right: 40px; line-height: 22px; }
#site-info a { font-weight: bold; text-decoration: none; color: #333; }
#footer-left { float: right; width: 210px; padding-right: 40px; }
#footer-right { float: right; width: 210px; }
#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }


/*custom menu*/

#cssmenu ul {z-index: 2000; margin: 0; padding: 0px 0px 0px 0px ;  line-height: /*100%; border-radius: 1em; font: normal .8em/1.5em Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);*/}
#cssmenu li {margin: 0px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
#cssmenu a,
#cssmenu a:link {margin-right: 19px;/*font-weight: bold; */color: #000; text-decoration: none; display: block;/* padding:  8px 5px; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;	 text-shadow: 0 1px 1px rgba(0,0,0, .3);*/ }
#cssmenu a:hover {/*background: #000;*/ color: #adadad;}
#cssmenu .active a, 
#cssmenu li:hover > a { color: #adadad;/*background: #666 url(images/overlay.png) repeat-x 0 -40px; color: #444; border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1);*/ }
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {font-size: 12px; background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none;}

#cssmenu li:hover li a:hover{
color: #000;
}

#cssmenu ul ul a:hover {/*background: #8f8f8f url(images/overlay.png) repeat-x 0 -100px !important; color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(0,0,0, .1);*/}
#cssmenu li:hover > ul { display: block;}
#cssmenu ul ul {display: none; margin: 0; padding: 0; width: 195px; position: absolute; top: 25px; left: 0; background: #ddd; /*border: solid 1px #b4b4b4;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3);}
#cssmenu ul ul li {color: #fff;float: none; margin: 0; padding: 3px; }
#cssmenu ul ul a {font-weight: normal; text-shadow: 0 1px 0 #fff; }
#cssmenu ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html #cssmenu  ul {height: 1%;}



.wp-caption-text{
margin-top: 2px;

}