body{background:#edeef0; margin:0; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7F7F7F;}
p{ line-height:19px;}
.sonarcenter{width:960px; margin:0 auto; text-align: left;}
a:focus{outline:none;}
.pattern{ float:left;}


#masthead{color:#777; float:left; width:100%; background:#f8f8f8; }
#masthead .fake{ background:#000; float:left; width:100%;}
#header{ float: left;width: 100%;border-bottom: 1px solid #dedede;}

#masthead #searchform  { width:230px; margin-top:10px; float:right; background: #FFF;}
#masthead #searchform  #s{border: 0; color: #A3A192; float: left; font-size: 12px; padding-left: 5px; margin: 5px 0; width: 155px;}
.btn {margin: 3px 0 0 0;padding: 0;width: auto; float: right; clear: none;}
#searchform .screen-reader-text{ display:none;}
#searchform  #s{ width:230px; height:20px; margin-bottom:10px; background: #FFF; }

.headleft {float:right; width: 230px; clear: none; margin-right: 50px;}

#logo{ width: 300px; float:left; padding-top: 10px;}
#logo h1{ margin:0; padding:0;}
#logo h1 a{ display: block; margin:0 auto; text-decoration:none; color:#171717; text-align:center; font-size:32px; text-transform:uppercase;}
#logo a img{ border:none;}
.desc{ display: block; margin:0 auto; float: left; text-decoration:none; color:#CCC; text-align:left; font-size:11px; text-transform:uppercase; padding-top:5px;}


/*TOPMENU*/
#menu_wrap {float:left; position:relative; width: 700px;  height: 45px; margin-top: 18px;}
#topmenu{ float:left; clear: none;}
#topmenu ul{ margin:0; padding:0; position:relative;}
#topmenu ul li{ float:left; list-style-type:none; margin:5px; padding:5px; background: #ccc; border-radius: 5px; -moz-border-radius: 5px; }
#topmenu ul li a{  padding: 5px 8px; display:block; text-decoration:none; color:#000; font-size:12px; text-transform:uppercase; }
#topmenu ul li a:hover{ color:#fff;}

#topmenu ul .current-menu-item a{ color:#fff;}
#topmenu ul .current-menu-item ul li{ background:#1e1e1e;padding:1px 0px;}
#topmenu ul .current-menu-item ul li a{ padding:4px; background:none;color:#fff;}
#topmenu ul .current-menu-parent ul .current-menu-item{background:#3e3e3e repeat;}
#topmenu ul .current-menu-parent ul .current-menu-item a{ padding:4px; background:none;}
#topmenu ul .current-menu-parent ul .current-menu-item ul .menu-item a{ padding:4px;}
#topmenu ul .current-menu-item .current-menu-item .sub-menu li a{ padding:4px;background:none;}

#topmenu ul li ul{ position:absolute;width:120px; z-index:999999; display:none; padding-left:0; margin-left:-10px; padding:5px 0 0 5px;}
#topmenu ul li ul li{ float:none; margin:0; padding:1px 0px; text-align:center; background:#1e1e1e ;  display:block; border-bottom: 1px solid #333; border-radius: 0px; -moz-border-radius: 0px;}
#topmenu ul li ul li a{ color:#fff; font-size:12px; font-weight:normal; padding:4px;}

#topmenu ul li ul li a:hover, #topmenu ul li .sub-menu .current-menu-item a:hover{ background:#f6f6f6; color:#333;  }
#topmenu ul li ul li ul{left: 100%; margin-top:-24px; float:none; margin-left:0px; display:none;}


/*LAYOUT1*/

.lay1{ float:left; width:990px; margin-top:30px; background:url(pix/lay1_bg.png) repeat-y; margin-bottom: 40px;}
.lay1 .post, .lay1 .page{ width: 290px; float:left; margin-right:40px; margin-bottom:30px; border-bottom:7px solid #dfdfdf; position:relative; padding-bottom:10px;}
.lay1 .post img, .lay1 .page img{ width:290px; height:auto;border:none; border-bottom: 6px solid #fff; }
.lay1 .post .imgwrap, .lay1 .page .imgwrap{ position:relative; overflow:hidden;}
.lay1 .post .post_content, .lay1 .page .post_content{ color:#757575;}
.lay1 .post .postitle{ text-align:left;}
.lay1 .post .postitle a, .lay1 .page .postitle a{ text-decoration:none; color:#444; text-transform:uppercase;}
.lay1 .post .date_meta, .lay1 .page .date_meta{ font-style:italic; position:absolute; padding:5px; background:url(pix/trans.png) repeat; color:#fff; right:0; top:10px;}
.lay1 .post .block_comm, .lay1 .page .block_comm{ position:absolute; bottom:10px; margin-left:10px;}
.lay1 .post .block_comm a, .lay1 .page .block_comm a { color:#fff; text-decoration:none; display:block; font-style:italic;}
.lay1 .post p, .lay1 .page p{ line-height:19px; text-align:left;}
.lay1 .read_mor{ background:#dfdfdf; padding:2px 4px; font-size:11px; color:#fff; text-decoration:none; display:block; margin:0 auto; width:70px;}
.trt_thumbnail{ border-top:1px solid #CCC;}


/*footer*/
#footer{ width:100%; float:left; background:#131313; font-size:12px;color:#979797; padding-top:15px;}
#footer .widgets .widget a{color:#979797;}
#footer .widgets ul{ margin:0; padding:0;}
#footer .widgets .widget{ width:200px; float:left; margin-right:35px; list-style-type:none; margin-bottom:25px;}
#footer .widgets .widgettitle, #midrow .widgets .widgettitle a{ color:#edeef0; text-transform:uppercase;}
#footer .widgets .widget ul{ margin:0; padding:0;}
#footer .widgets .widget ul li{ list-style-type:none; padding:10px 0; border-bottom-style:dashed; border-bottom-color:#1c1c1c;border-width:1px;}
#footer .widgets .widget ul li a{color:#979797; text-decoration:none; }
#footer .widgets .widget a:hover{color:#edeef0;}
#footer #wp-calendar #today{ background:#222; color:#ccc;}
#footer #wp-calendar caption {border-bottom-style:dashed; border-bottom-color:#1c1c1c;border-width:1px}

#copyright{ width:100%; float:left; }
#copyright a{ color:#edeef0; text-decoration:none;}
.copytext{ float:right; padding:10px;}

/*POSTS*/
#posts{ float:left; width:950px; margin-top:10px; margin-bottom: 40px; color:#7f7f7f;}
#posts .postitle, #posts .postitle a{ text-transform:uppercase;text-decoration:none;color: #171717;}
#posts .single_metainfo{ font-size:12px; color:#999;}

.single_page_post .post_wrap{ width:920px; padding-right:20px; line-height:12px;}
.post_wrap a{ text-decoration:none; color:#333;}
.post_wrap a:hover, #posts .post_content .post_foot a:hover{ color:#a53c2e; }

.post_foot{ clear:both;}
.post_wrap .post_foot{ margin-top:15px;}
.single_page_post .post, .single_page_post .type-page, .single_page_post .type-attachment{ margin-bottom:10px;}
.single_page_post .post img, .type-page img, .type-attachment img{ max-width:620px; height:auto; border:none;}
.single_page_post .post a img, .type-page a img, .type-attachment a img{  border: 3px solid #e5e5e5; max-width:615px;}

#posts .post_content{ border-bottom:7px solid #e5e5e5; padding:10px; background:#FFF;}

#posts .post_content .post_foot a, #posts .post_content .post_foot{color:#999; font-size:12px;}

.post_wrap .attachment .post_meta{ display:none;}

.post table, .org_comment table {margin: 0 -1px 24px 0;text-align: left;width: 100%;border-collapse: collapse;border-spacing: 0; background:#f4f4f4 url(pix/pattern1.png) repeat;}
.post table img, .org_comment img{ max-width:200px;}
.post tr th, .post thead th, .org_comment tbody th {color: #333;font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px; background:#fff url(pix/pattern1.png) repeat;}
.post tr td, .org_comment tr td{padding: 6px 24px;}
.post tr.odd td, .org_comment tr.odd td{background: #f2f7fc;}

#footer .widgets .widget ul li .trt_wgt_tt{ text-transform:uppercase; color:#ccc;}
#footer .widget_content p{ font-size:12px; }

/*SOCIAL SHARE*/
.social_wrap{ width:230px; float:right; position:relative; margin-top:10px; clear: both;}
.social_icons {float: right;}
.social_icons  ul{ margin:0; padding:0; float:left;}
.social_icons  ul li{ float:left; list-style-type:none; margin:3px 5px;}
.social_icons  ul li a{ display:block; width:32px; height:32px; text-indent:-999999px;}
.social_icons  ul .soc_fb a{ background:url(pix/facebook.png) no-repeat;}
.social_icons  ul .soc_tw a{ background:url(pix/twitter.png) no-repeat;}
.social_icons  ul .soc_ms a{ background:url(pix/myspace.png) no-repeat;}
.social_icons  ul .soc_ytb a{ background-position:-48px 0;}
.social_icons  ul .soc_flkr a{ background-position:-64px 0;}
.social_icons  ul .soc_rss a{ background:url(pix/rss.png) no-repeat;}
.social_icons  ul .soc_plus a{ background-position:-96px 0;}
.social_icons  ul .soc_ln a{background:url(pix/linkedin.png) no-repeat;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float:left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}

