/* ----------------------------------------------*/
/* B 00 - Body
/* ----------------------------------------------*/

/* ----------------------------------------------*/
/* B 00 - Basic Structure 						*/
/* ----------------------------------------------*/



.xtc-wrapper {width:950px;margin:0 auto;}
#headerwrap,#topmenuwrap,#menuwrap,#insetwrap,#region1wrap,#region2wrap,#region3wrap,#region4wrap,#region5wrap,#region6wrap,#region7wrap,#footerwrap{min-width:950px;}
.xtc-wrapperpad {width:820px;margin:0 auto;}
.xtc-spacer {margin-bottom:100px;}
.xtc-gutter {padding:65px;}
.xtc-gutter2 {padding:45px 65px 50px;}
.xtc-gutter3 {padding:0 65px;}
.r1spacer{padding:10px 0 0 0;}
.r1spacer_top{margin:20px 0 0 0;}
.r2spacer{padding:28px 0 12px 0;}
.r2spacer_top{margin:20px 0 0 0;}
.r3spacer{padding:10px 0;}
.r3spacer_top{margin:40px 0 0 0;}
.r4spacer{padding:28px 0 12px 0;}
/*.r4spacer_top{margin:20px 0 0 0;}*/
.r5spacer{padding:40px 0}
/*.r5spacer_top{margin:20px 0 0 0;}*/
.r6spacer{padding:28px 0 12px 0;}
/*.r6spacer_top{margin:20px 0 0 0;}*/
.r7spacer{padding:40px 0;}
/*.r7spacer_top{margin:20px 0 0 0;}*/
.r8spacer{padding:28px 0 12px 0;}
/*.r8spacer_top{margin:20px 0 0 0;}*/
.r9spacer{padding:40px 0;}
/*.r9spacer_top{margin:20px 0 0 0;}*/
.r10spacer{padding:40px 0 10px 0;}
/*.r10spacer_top{margin:20px 0 0 0;}*/
.xtc_col > div:first-child{margin:0;}

.center > div:first-child{margin:0;}

/* ----------------------------------------------*/
/* L 00 - Header,logo
/* ----------------------------------------------*/

#xtc{padding:0 0 0px 0;}
@media screen and (max-device-width: 800px) {
#headerglobal{width:100%;padding:0;position: absolute; top: 17px;z-index:999;}
}
@media screen and (min-device-width: 801px) {
#headerglobal{width:100%;padding:0;position: fixed; top: 17px;z-index:999;}
}
#headerglobal2{text-align:right;float:right;width:100%;padding-right:100px;position: fixed; top: 0;z-index:999;}
#menuright3{text-align:right;float:right;width:10%;z-index:999;margin-right:15px;}
#menuright4{text-align:right;float:right;width:10%;z-index:999;margin-top:5px;padding-left:14px;}
#header{position:relative;}
#header2{position:relative;}
#logowrap{float:left;position:relative;z-index:2;padding:0;}
#logo {position:relative;top:28px;left:0;}
.stripes{width:100%;padding:0;position: relative;z-index:999;top:0;}
#blogline {margin-top:94px;}



/* ----------------------------------------------*/
/* L 01 - Menu
/* ----------------------------------------------*/

#menu{float:right;padding:0;margin:0;}
#menu ul.menu > li{max-width:180px;}
#menu span.xmenu{font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:100%;text-transform:none; margin-top:3px; }
#menuright{float:right;padding:38px 0 0 20px;}
#menuright2{float:right;padding:38px 0 0 40px;}
.southslide{font-size:14px;cursor:pointer;}
/* ----------------------------------------------*/
/* L 02 - Footerwrap
/* ----------------------------------------------*/

#footerwrap{margin:-6px 0 0 0;}
#footerwrap .module{padding:20px 0;font-size:10px;background:none;}
#legals div{float:right;}

/* ----------------------------------------------*/
/* M 00 - Custom Menu Classes (bottommenu)
/* ----------------------------------------------*/


ul.bottommenu {margin-top:-6px;}
ul.bottommenu li{border-bottom:1px solid #191919; padding-bottom:10px; margin-bottom:10px;}
ul.bottommenu li a{}

/* ----------------------------------------------*/
/* M 01 - Custom Menu Classes (catmenu)
/* ----------------------------------------------*/

ul.catmenu li{margin-bottom:30px;}
ul.catmenu li a span{font-family: "SerifaBTBold",Arial,Helvetica,sans-serif;font-size:20px;line-height:25px;font-weight: normal;letter-spacing: 0;}
ul.catmenu img{margin:6px 16px 0 0;}
ul.catmenu li a span.xmenu{font-family: Arial,Helvetica,sans-serif;font-size: 10px;line-height: 100%;text-transform: none;}

/* ----------------------------------------------*/
/* S 00 - Module and Suffixes
/* ----------------------------------------------*/

.module{margin:40px 0 0 0;}
.module h3{margin:0 0 5px 0;padding:20px 20px;}
.module h3 span.title-text{ background:none;padding:0 10px;}
.modulecontent{padding:20px;}
#footerwrap .modulecontent{padding:0 40px;}
#breadcrumb_search .module{background:none!important;border:none!important;}
#breadcrumb_search .modulecontent{padding:6px!important;}
#breadcrumb_search h3{background:none!important;padding:8px 20px!important;}
#breadcrumb .module{float:left;}
#search .module{float:right;}
#breadcrumb_search input{margin:0;}
.breadcrumbs span{line-height: 35px;}
/* ----------------------------------------------*/
/* S 01 - Module Overrides,overrides for default suffix within specific areas of the regions
/* ----------------------------------------------*/

#topbanner .module:first-child,#top .module:first-child,#inset .module:first-child,#showcasegrid .module:first-child,#left .module:first-child,#right .module:first-child,#left1 .module:first-child,#right1 .module:first-child,#left2 .module:first-child,#right2 .module:first-child,#left3 .module:first-child,#right3 .module:first-child,#left4 .module:first-child,#righ4 .module:first-child,#left5 .module:first-child,#right5 .module:first-child,#left6 .module:first-child,#right6 .module:first-child,#left7 .module:first-child,#right7 .module:first-child,#left8 .module:first-child,#right8 .module:first-child,#newsflash .module:first-child,
#banner1 .module:first-child,#breadsearch .module:first-child,#banner .module:first-child,
#banner .module:first-child,#banner4 .module:first-child,.singlearea .module,.firstarea .module{margin:0!important;}

/* ----------------------------------------------*/
/* S 02 - No Pad Border(nopadborder)
/* ----------------------------------------------*/

.nopad,.nopad .modulecontent{padding:0;color:#fff;}

.nopadlr,.nopadlr .modulecontent{padding-left:0px;padding-right:0px;}
.nopad2,.nopad2 .modulecontent{padding:0;background:#222222!important;color:#fff;}

.nopadlr2,.nopadlr2 .modulecontent{padding-left:0px;padding-right:0px;}

/* ----------------------------------------------*/
/* S 03 - No Background (titlebox)
/* ----------------------------------------------*/

.nobkg {background:none!important;}

/* ----------------------------------------------*/
/* S 04 - Titleboxs Aligned (titlebox_left or titlebox_right in combination with colors such as titlebox_right blue)
/* ----------------------------------------------*/
.titlebox h3{margin:0!important;}
.titlebox_left h3 {background: url(http://195.251.214.184/wwwlib2/templates/blogline/images/backgrounds/titlebox-left-bg-s1.png) no-repeat 0 50%;text-align:left;}
.titlebox_left h3 span{padding:18px 0;background: url(http://195.251.214.184/wwwlib2/templates/blogline/images/backgrounds/titlebox-l-r-bg-s1-span.png) no-repeat 50% 0;text-align:left;}
.titlebox_left h3 span span {background: #FFFFFF;border: 1px solid #C4C4C4;color: #D14E5A !important;padding: 8px 8px 6px 8px;}
.titlebox_right h3{text-align:right;background: url(http://195.251.214.184/wwwlib2/templates/blogline/images/backgrounds/titlebox-right-bg-s1.png) no-repeat 100% 50%;}
.titlebox_right h3 span{padding:18px 0;background: url(http://195.251.214.184/wwwlib2/templates/blogline/images/backgrounds/titlebox-l-r-bg-s1-span.png) no-repeat 50% 0;text-align:right;}
.titlebox_right h3 span span {background: #FFFFFF;border: 1px solid #C4C4C4;color: #D14E5A !important;padding: 8px 8px 6px 8px;}

.titlered h3 {background:#c44c57;}
.titlered h3 span {color:#fff!important;}
.titleblue h3 {background:#5997af;}
.titleblue h3 span {color:#fff!important;}
.titlegreen h3 {background:#807f59!important;}
.titlegreen h3 span {color:#fff!important;}
.titletan h3 {background:#93785d;}
.titletan h3 span {color:#fff!important;}
.titlegrey h3 {background:#555555;}
.titlegrey h3 span {color:#fff!important;}

.redtitle h3 span{color:#c44c57!important;}
.bluetitle h3 span{color:#5997af!important;}
.greentitle h3 span{color:#807f59!important;}
.tantitle h3 span{color:#93785d!important;}
.greytitle h3 span{color:#555555!important;}

.bluebox .modulecontent {background:#5997af!important;color:#fff;}
.redbox .modulecontent {background:#c44c57!important;color:#fff;}
.greenbox .modulecontent {background:#807f59!important;color:#fff;}
.greybox .modulecontent {background:#555555!important;color:#fff;}
.tanbox .modulecontent {background:#93785d!important;color:#fff;}

/* ----------------------------------------------*/
/* S 05 - Underline ()
/* ----------------------------------------------*/

.underline h3{border-bottom:6px solid #333;}
.clearwrap,.clearwrap .modulecontent{margin:0;padding:0;}

/* ----------------------------------------------*/
/* S 06 - Shadow ()
/* ----------------------------------------------*/

.module.shadowlt {box-shadow:4px 4px 0 #c8c8c8; -moz-box-shadow:4px 4px 0 #c8c8c8; -webkit-box-shadow:4px 4px 0 #c8c8c8;}
.module.shadowdk  {box-shadow:4px 4px 0 rgba(0,0,0,0.5); -moz-box-shadow:4px 4px 0 rgba(0,0,0,0.5); -webkit-box-shadow:4px 4px 0 rgba(0,0,0,0.5);}

/* ----------------------------------------------*/
/* S 07 - Round ()
/* ----------------------------------------------*/

.module.round {-moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;}
.round h3 {-moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px;}
.roundt h3 {-moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px;}
.module.roundt {-moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px;}
.module.roundb {-moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px;}


/* ----------------------------------------------*/
/* C 00 - Walls (JoomlaXTC Module Styles)
/* ----------------------------------------------*/

.slidewrap {width:950px;margin:0 auto;}
.slidewrap1 {width:950px;margin:0 auto; }

.leftbutton {float:left; position:relative; margin:22px 24px 0 0;}
.rightbutton {float:right; position:relative; margin:22px 0 0 0;}
.greywrap-dk {padding: 10px 0 10px 0; width:100%;}
.greywrap-md {border-top: 20px solid; border-bottom: 20px solid; padding: 10px 30px 10px 25px;}
.titlewrap a {font-weight:bold;}

.container {width:100%!important;} 
.intro-div {padding:80px 0;}
.intro-div h2 {font-size:124px!important; color:#fef9d0!important; line-height:90px!important; padding:32px 24px 24px 24px!important; margin:0 0 0 80px; background:#000!important;display:inline-block;}
.intro-div h2.first {padding-bottom:0!important;}
.intro-div p {width:416px; color:#555; padding:20px 20px 20px 24px; margin:0 0 0 80px!important; background:#fff; line-height: 166% !important;  }
.intro-div a {font-size:24px; color:#fff; padding:20px 80px 20px 24px; margin:0 0 0 80px; background:#000; display:inline-block;}

.news-com {color: #aaaaaa; padding-left: 20px; background:url(http://195.251.214.184/wwwlib2/templates/blogline/images/backgrounds/com-icon.png) no-repeat 0 50%;}
.news-com1 {color: #676767; padding:0 12px 0 3px;}
.news-hits {color: #aaaaaa; padding-left: 20px!important; background:url(http://195.251.214.184/wwwlib2/templates/blogline/images/backgrounds/views-icon.png) no-repeat 0 50%;}
.news-hits1 {color: #676767; padding-left: 3px;}

/* ----------------------------------------------*/
/* C 01 - Content Overrides
/* ----------------------------------------------*/

#component {padding:40px;}
.cat_img img {width:100%;max-width: 100%;}
div.listTitle{margin:0 0 20px 0;}
.description_image{margin:0;padding:14px 0 0 0;}
.singel .cat_box{float:left;margin:0;width:330px;}
.multi .cat_box{margin:0 0 50px 0;}
.cat_img{}
.article{margin:-40px -40px 0 -40px;}
.article h1{margin:0!important;}
.articleboxmain{padding:40px 0 0 0;}
.article_img_box{}
.article_img{padding:0;clear:both;border:none!important;}
.article_txt img,.articleboxmain img{max-width:100%;margin:0 0 30px 0;}
.articlemeta form{float:left;}
.jcomments-links {clear:none!important;}
.singel div.article_txt{}
div.readmore{margin:30px 0 0 0;}
.cat_img_stripe,.article_img_stripe{height:2px;width:100%;}
div.article_tools{position:relative;}
.content_rating{margin:40px 12px 0 0;display:block;float:left;}
.article_img_box,.headline,.headline2{min-width:360px;}
a.readmore-link, button.button, input.button,.article-intro-btn,.comments-form-send a,.rlcopy{display:inline-block;margin:12px 0 0 0;padding:9px 30px;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.headline{margin:0;padding:20px 40px 10px 40px;}
.headline2{margin:0;padding:10px 40px;}
.headlinespacer{margin:0px;}
.articlebox{padding:40px;}

/* Anchor Links */
a.moveit{margin:0;display:block;float:left;}


/* CSS3 Background Color Hover Effects */
.archive-wrap a,.archive-wrap,.article-intro a,.article-intro,.titlewrap,.titlewrap a,.commentwall-wrap,.commentwall-wrap a,.readingpaneshowcase,.panel {
-webkit-transition-property: color, background;
 -webkit-transition-duration: 0.28s, 0.4s;
 -webkit-transition-timing-function: linear, ease-in;
 -o-transition-property: color, background;
 -o-transition-duration: 0.28s, 0.4s;
 -o-transition-timing-function: linear, ease-in;
 -moz-transition-property: color, background;
 -moz-transition-duration: 0.28s, 0.4s;
 -moz-transition-timing-function: linear, ease-in;}
 
.test{
 -webkit-transition: color 0.3s ease-in; 
 -o-transition: color 0.3s ease-in; 
 -moz-transition: color 0.3s ease-in;} 
 
 /* ----------------------------------------------*/
/* C 02 - AcyMailing Overrides
/* ----------------------------------------------*/

input#user_name_formAcymailing1.inputbox,input#user_email_formAcymailing1.inputbox {}
.acysubbuttons {float:left;}
.acymailing_fulldiv tr, .acymailing_fulldiv td {padding: 15px 0px;}

/* ----------------------------------------------*/
/* C 03 - JComments Overrides
/* ----------------------------------------------*/
#comments-form .btn, #comments-report-form .btn{background:none!important;}
#comments-form input, #comments-report-form input, #comments-form textarea {padding:12px 20px!important;}
.comments-link {display:inline-block;margin:12px 0 0 8px;padding:9px 20px;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#comments-form .btn a, #comments-report-form .btn a  {display:inline-block!important;margin:12px 0 0 0!important;padding:9px 30px!important;
-moz-border-radius:2px!important; -webkit-border-radius:2px!important; border-radius:2px!important;}
#comments-form .btn div, #comments-report-form .btn div {background:none!important;margin:0px!important;}
#jc img{width:auto;}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {margin:30px 12px 8px 0!important;}
#comments .comment-body {line-height:160% !important;}

/* ----------------------------------------------*/
/* C 04 - Readinglist Overrides
/* ----------------------------------------------*/
.rlcopy {margin-right:8px;border:none;}
.readingpaneshowcase {padding:8px;margin-bottom:8px;}
.category_title {font-size:52px!important;margin-top:-32px !important;}
.readinglist_options {margin-top:30px;}
.panel {padding:18px 18px 14px 18px;margin-bottom:12px;}
.rlistbutton, rlistbutton a {padding:4px 22px;display:inline-block;background:#999; color:#f7f7f7!important;font-size:10px;}
.rltoolbar .author  {font-size:16px!important;font-style: none!important;}



/* ----------------------------------------------*/
/* T 01 MOBILE
/* ----------------------------------------------*/
body.mobile #headerwrap,body.mobile #topmenuwrap,body.mobile #menuwrap,body.mobile #insetwrap,body.mobile #region1wrap,body.mobile #region2wrap,body.mobile #region3wrap,body.mobile #region4wrap,body.mobile #region5wrap,body.mobile #region6wrap,body.mobile #region7wrap,body.mobile #region8wrap,body.mobile #region9wrap,body.mobile #region10wrap,#footerwrap{min-width:100%;}

body.mobile #mobilewrap{float:right;}
body.mobile #menuwrap{float:left;}
#bloglinemobile {background:#000!important;margin-top:90px;}
body.mobile{padding:0;width:auto;}
body.mobile #blogline{padding:0;}
body.mobile #headermobile{position:relative;padding:0 40px;}
body.mobile #mobilelogo{float:left;width:50%;}
body.mobile #mobiletools{float:right;width:190px;text-align:right;padding:8px 0 0 0;}
body.mobile #mobiletools1{float:right;width:50%;}
body.mobile #mobiletools2{float:right;width:50%;}
body.mobile .module{margin:0;}
body.mobile h3.moduletitle,body.mobile .modulecontent{border-right:none;}
.mobilecomponent{width:1080px;}
body.mobile #footerwrap {width:1160px;}
body.mobile span.itemImage img{max-width:100%;width:auto!important;}
.trigger2{position:relative;top:11px;font-size:18px;text-transform:uppercase;margin-right:10px; cursor:hand!important;padding:8px;border:1px solid #ccc;}
body.mobile .mobilebtn {background:#333;font-size:26px;cursor: pointer;display: block!important; padding:14px 20px!important;position:relative;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
body.mobile #menu{width:30px;background:#333 url(http://195.251.214.184/wwwlib2/templates/blogline/images/icons/menu-icon.png) no-repeat 50% 40%; cursor: pointer;display: block!important; padding:3px 10px!important;position:relative;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
body.mobile #menu,body.mobile #menu1,body.mobile #menu2,body.mobile #homebtn,body.mobile #favbtn{position:relative;float:right;top:24px;margin:0 0 0 20px;}
body.mobile #mobilewrap ul.menu {clear: both;position: absolute;top: 53px;left:0;z-index: 10000;display: none; padding:8px 0 0 0!important;-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
body.mobile #mobilewrap .login p{text-align:left;}
body.mobile #mobilewrap .login input{width:80%;}
body.mobile #mobilewrap .lg > div:first-child,body.mobile #mobilewrap .lg > div:first-child + div{float:none!important;width:100%!important;}
body.mobile #mobilewrap .lg a{line-height:16px!important;}
select.menu.dualfish {
  width: 15px;
  height: 30px;
  font-size:16px;
  background:none!important;
  border:none!important;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.xtc-wrapper {width:100%;margin:0 auto;}
#headerwrap,#topmenuwrap,#menuwrap,#insetwrap,#region1wrap,#region2wrap,#region3wrap,#region4wrap,#region5wrap,#region6wrap,#region7wrap,#footerwrap{max-width:100%;}
#headerglobal{width:100%;padding-right:10px;position: absolute; top: 17px;z-index:999;}
#headerglobal2{text-align:right;float:right;width:100%;padding-right:30px;position: absolute; top: 0;z-index:999;}
.xtc-wrapperpad {width:950px;margin:0 auto;}
.slidewrap {width:100%;margin:0 auto;}
.slidewrap1 {width:100%;margin:0 auto; }
.greywrap-dk {padding: 10px 0 10px 0; width:100%;}
.greywrap-md {border-top: 20px solid; border-bottom: 20px solid; padding: 10px 30px 10px -5px;}
.titlewrap a {font-weight:bold;}
#menu{float:right;padding-right:10px;margin-right:10px;}
#menu ul.menu > li{max-width:200px;}
#menu span.xmenu{font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:100%;text-transform:none; margin-top:3px; }
#menuright{float:right;padding:38px 0 0 20px;}
#menuright2{float:right;padding:38px 0 0 40px;}
.southslide{font-size:14px;cursor:pointer;}
}
