/*Theme Name: Pro Blog Responsive WordPress ThemeTheme URI: http://dessign.net/problogthemeDescription: Pro Blog Responsive WordPress Theme is stylish, customizable, simple, and readable. Perfect for any creative, architect or graphic designer.Version: 2.0.1Author: Marios LublinskiAuthor URI: http://www.dessign.netTags: 3 column theme, clean, portfolio*//* =WordPress Core-------------------------------------------------------------- */

.alignnone { margin: 0 20px 0 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 }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { margin: 0; padding: 0 4px 5px; }

/* Global */
body, div { margin: 0; padding: 0; }
body { background-color: #fff; font-size: 16px; font-family: 'bariol_regular', sans-serif; color: #333; line-height: 140%; }
input { font-family: 'bariol_regular', sans-serif; }a {color: #880099; text-decoration: none; }
a:hover { color: #880099; text-decoration: underline; }
h3,h4,h5,p { margin: 10px 0; }
h1, h3.side_title, .mwm-aal-sidebar-container h2 { text-transform: uppercase; font-family: 'bikoregular', sans-serif; font-size: 1.5em; color: #333; margin: 0 0 20px 0; padding: 0; line-height: 30px; background-image: url(); }
h2 { margin: 0; font-size: 1.3em; padding: 0 0 0 30px; background-image: url(images/triangle.png); background-repeat: no-repeat; }
img { border: none; }
p { line-height: 140%; }
ul li { margin-top: 5px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.container { width: 1000px; margin: 0 auto; background-image: url() }
.header_bottom .container { }
#infscr-loading { DISPLAY: NONE !important; visibility: hidden !important; } /* hide infinite scroll loading image */
::selection { background: #880099; color: #fff; }
::-moz-selection { background: #880099; color: #fff; }

/* HTML5 tags */
header, section, footer,aside, nav, article, figure { display: block;}

/*CUSTOM*/
#quicklinks { text-align: center; }
#quicklinks a { background-color: #880099; display: block; padding: 8px 0; color: #fff; }
#quicklinks a:not(:last-child) { margin-bottom: 10px; }
#quicklinks a:hover { background-color: #AA00BB; text-decoration:none; }

#twitter-widget-0 { width: 580px !important; }
#sidebar_left{ width:180px; float:left; margin-right: 30px; }
.center_cont { width: 580px; margin: 0 auto; float: left;}
.center_cont a { color: #880099; text-decoration: none; font-weight: normal; }
.center_cont a:hover { color: #880099; text-decoration: underline; font-weight: normal; }
.page-id-253 a { font-weight: normal; }
.page-id-253 a:hover { font-weight: normal; }

/* i#chi4good */
#ichi4good p { font-size: 14px; }
.quote { font-style: italic; background: #880099; padding: 140px 10px 10px; margin: -130px 0 10px 20px; color: #fff; float: right; }
#name { font-family: bariol_bold; }
#twitter { color: #880099; }

/* Header */
/*#header { padding: 20px 0; }*/
#header { /*position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 4px 4px -2px #ccc; -moz-box-shadow: 0 4px 4px -2px #ccc; box-shadow: 0 4px 4px -2px #ccc;*/ }
/*body.home #header { position: static; width: auto; }*/
.slicknav_menu { display: none; }
.sy-pager { display: none !important; }
.logo_cont { float: left; max-width: 250px; margin-right: 25px; }
/*#date { float:left; width: 33%; text-align: center; font-family: 'bikobold', sans-serif; font-size: 2em; color: #AA00BB; line-height: 310px; }#location { float: right; width: 33%; text-align: center; font-family: 'bikobold', sans-serif; font-size: 2em; color: #AA00BB; line-height: 310px; }*/
.center { margin:auto; width:232px; /* need to set width in order for margin:auto to function. width is 190px headline plus two times triangle width of 21 --> 190px+(2*21px) = 232px*/ }
.headline { float: left; width: 190px; height: 38px; line-height:38px; text-align: center; font-family: 'bikobold', sans-serif; font-size: 1.3em; color: #fff; background-color: #880099; margin:0; }
.triangleLeft { float: left; width: 0; height: 0; border-top: 20px solid transparent; border-right: 21px solid #880099; border-bottom: 20px solid transparent; }
.triangleRight { float: left; width: 0; height: 0; border-top: 20px solid transparent; border-left: 21px solid #880099; border-bottom: 20px solid transparent; }
.full_logo_cont { padding: 25px 0; text-align: center; }
.full_logo_cont img,.logo_cont img { height: auto; }
.header_right_text { float: right; width: 300px; padding-bottom: 10px; }
.header_spacing { display: block; }/*body.home .header_spacing { display: none; }*//*body.home .footer_copyright_cont { display: none; }*/
#header { background: #fff; /*position: fixed; top: 0; left: 0;*/ padding: 0; width: 100%; z-index: 9999; }/*body.home #header { background: none; }*/
.logo { /*float: left; margin-right: 55px;*/ }
.header_bottom { padding: 0; }.header_menu { padding: 0; width:1000px; text-align: center; margin: 0; }

#headerTable { width: 100%; background-image: url("http://sandbox.markuslorenzschilling.de/wp-content/themes/ProBlogThemeResv2/assets/images/TestBackground.png"); border-collapse: separate; border-spacing: 30px 0; }
#headerTable td { vertical-align: middle; }

.menu_cont { background-color: #880099; margin: 0 auto; }

.header_menu ul { list-style-type: none; margin: 0; padding: 0; }
.header_menu ul li { margin: 0 5px 0 0; font-family: 'bariol_bold', sans-serif; display: inline-block; position: relative; font-size: 1.3em; }
.header_menu ul li:last-child { margin-right: 0; }

.header_menu ul li a { color: #fff; display: block; padding: 8px 8px; text-decoration: none; /*border-bottom: 3px solid #fff;*/ }

.header_menu ul li:hover > a { color: #fff; background-color: #AA00BB; }

.header_menu ul > li.current-menu-item a,.header_menu ul > li.current_page_item a { color: #fff; text-decoration: none; /*border-bottom: 3px solid #000;*/ }

.header_menu ul li ul { position: absolute; top: 38px; left: 0; z-index: 100; display: none;  }
.header_menu ul li ul li { font-family: 'bariol_regular', sans-serif; float: none; margin: 0; width: 270px;  background-color: #880099; padding: 0; font-size: 0.7em; }
.header_menu ul li ul li a { color: #fff; padding: 8px 15px; display: block; border-bottom: none; float:none; text-align: left; text-decoration: none; }
.header_menu ul li ul li a:hover { background-color: #AA00BB; border: none; color: #fff; }
#gallery::-webkit-scrollbar { display: none !important; }
#gallery {  }.header_social { float: right; text-align: center; /*padding-bottom: 15px;*/ max-width: 293px; }
.header_social img { display: inline-block; margin: 0 2px; }

/* Content */
#slideshow_cont {  width: 730px; height: 410px; position: relative; margin-bottom: 30px; padding-bottom: 30px; }
.slide_box { display: none; position: absolute; top: 0; left: 0; }
.slide_box_first { display: block; }
.slide_box img, .slide_box iframe { width: 730px; height: 410px;  }
/*.slide_prev, .slide_next { position: absolute; top: 50%; margin-top: -55px; z-index: 50; cursor: pointer; }.slide_prev { left: 0; }.slide_next { right: 0; }*//*.slider_text { width: 590px; position: absolute; bottom: 0; left: 50%; margin-left: -295px; cursor: pointer; }*/
.slider_text { width: 730px; position: absolute; bottom: -28px; /*cursor: pointer;*/ }
.slider_text a { color: #fff; text-decoration: none; }.slider_text_inside { background-color: #000; padding: 8px 10px; color: #fff; font-size: 18px; text-align: left; position: relative; }.slide_nav_cont { position: absolute; top: 7px; right: 10px; cursor: pointer;  }.slide_nav_cont img { float: left; margin-left: 15px; width: 11px; height: 22px; }.slide_nav_cont img:first-child { margin-left: 0; }#home_inside_cont { padding: 0 10px; }#home_cont {   }#content { padding: 0; margin-top: 20px; }.home_left { float: left; width: 350px; }.home_post_box { float: left; width: 273px; margin-right: 15px; margin-bottom: 20px; font-size: 13px; }.home_post_box h3 { font-size: 19px; }.home_post_box img,.home_post_box iframe { width: 350px; height: 200px; transition:all 0.3s ease-in-out; }.home_post_box_last { margin-right: 0; }.home_box img:hover,.home_post_box img:hover { opacity:0.8; filter:alpha(opacity=80); }.home_post_box.clear,.archive_cont .home_post_box.clear { width: auto; height: auto; margin: 0; padding: 0; }.home_box { /*float: left; width: 555px;*/ /*margin-right: 60px;*/ margin-bottom: 30px; text-align: center;/*width: 46%; margin: 0 2% 30px;*/ width: 48%; }.home_box img { width: 350px; max-width: 350px; height: 200px; transition:all 0.3s ease-in-out; }.home_box img:hover { opacity:0.8; filter:alpha(opacity=80); }.home_box iframe { max-width: 100%; width: 350px; height: 200px; }.home_box h3 a { font-size: 18px; padding-bottom: 15px; line-height: 130%; }.home_box p { font-size: 14px; color: #606060;}.grid-sizer { width: 48%; }.gutter-sizer { width: 4%; }/*.home_box_last { margin-right: 0; }*/.archive_cont .home_post_box { margin-right: 50px; }.archive_cont .home_post_box_last { margin-right: 0; }.home_blog_bottom_box_cont { width: 960px; margin: 25px auto; }.home_blog_bottom_box { float: left; width: 290px; margin-right: 45px; }.home_blog_bottom_box h3 { font-size: 17px; font-weight: normal; }.home_blog_bottom_box_last { margin-right: 0; }.load_more_cont { margin-bottom: 30px; text-align: center; }.load_more_cont a { display: inline-block; padding: 8px 30px; /*background-color: #e6e6e6;*/ font-size: 13px; color: #000;  }.home_latest_cont { padding-bottom: 5px; position: relative; }.home_featured_prev { background: url('images/home-featured-prev.png') no-repeat; width: 23px; height: 42px; position: absolute; left: -32px; top: 50%; margin-top: -42px; cursor: pointer; }.home_featured_next { background: url('images/home-featured-next.png') no-repeat; width: 23px; height: 42px; position: absolute; right: -32px; top: 50%; margin-top: -42px; cursor: pointer; }.home_latest_box { float: left; /*width: 573px;*/ width: 568px; font-size: 16px; margin-bottom: 10px; }.home_latest_box img,.home_latest_box iframe { max-width: 100%; width: 568px; height: 283px; }.home_latest_box_last { float: right; }.home_blog_box { font-size: 14px; margin-bottom: 20px; margin-right: 8px; width: 388px; float: left; }.home_blog_box img,.home_blog_box iframe { max-width: 100%; width: 388px; height: 368px; transition:all 0.3s ease-in-out; }.home_blog_box img:hover { opacity:0.8; filter:alpha(opacity=80); }.home_blog_box h3 { font-size: 18px; margin-top: 0; }.home_blog_box .p_date { font-size: 12px; }.home_blog_box_content { padding: 0 0px 0 100px; }.home_blog_box_last { margin-right: 0; }.home_blog_box.clear { width: auto !important; float: none !important; margin: 0 !important; }/*.home_blog_box .read_more { float: right; display: block; padding: 5px 10px; color: #000; text-decoration: none; border: 1px solid #ccc; }*/.archive_title { margin-bottom: 23px; font-size: 14px; border-bottom: 1px solid #a59b99; padding-bottom: 5px; }.archive_title { text-transform: uppercase; color: #a59b99; }.archive_box { margin-bottom: 30px; margin-right: 21px; font-size: 13px; width: 379px; float: left; position: relative; }.archive_box img,.archive_box iframe { max-width: 100%; width: 379px; height: 254px; }.archive_box h3 { font-weight: normal; font-size: 25px; margin-top: 0; }.archive_box h3 a { text-decoration: none; }.archive_box h3 a:hover { text-decoration: underline; }.archive_box.clear,.home_featured_post.clear { margin: 0; padding: 0; float: none; height: 0; width: 0; }.archive_box_last { margin-right: 0; }.archive_box_hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('images/trans-back.png') repeat; display: none; }.archive_box_tbl { display: table; width: 100%; height: 100%; }.archive_box_tcell { display: table-cell; text-align: center; vertical-align: middle; color: #fff; padding: 0 25px; line-height: 19px; }.archive_box_media { position: relative; }.archive_box_media img { display: block; }.sy-caption-wrap .sy-caption { display: none !important; }#single_cont { }.single_full_cont { }.single_left { float: left; width: 830px; font-size: 14px; position: relative; }.single_left img { max-width: 100%; height: auto; }.single_left p { margin-bottom: 15px; }.single_left a { color: #333; text-decoration: none; font-family: 'bariol_bold', sans-serif; }.single_left a:hover { color: #777; text-decoration: none; font-family: 'bariol_bold', sans-serif; }.single_full { float: none; width: 900px; margin: 0 auto; position: relative; }h1.single_title { font-size: 21px; margin: 0 0 20px; font-weight: normal; }.single_inside_content img { max-width: 100%; height: auto; }.single_inside_content iframe { max-width: 100%; }.single_inside_content { }#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }.next_prev_cont { padding: 25px 0; }.next_prev_cont .left { float: left; width: 45%; }.next_prev_cont .left a { display: block; background: url('images/post_prev.png') no-repeat; background-position: top left; padding-left: 25px; min-height: 30px; }.next_prev_cont .right { float: right; width: 45%; text-align: right; }.next_prev_cont .right a { display: block; background: url('images/post_next.png') no-repeat; background-position: top right; padding-right: 25px;  min-height: 30px; }.next_prev_cont_top_right {  padding: 0; position: absolute; top: 0; right: 0; }.next_prev_cont_top_right .left { float: left; width: auto; }.next_prev_cont_top_right .left a { display: block; background: url('images/new-prev.png') no-repeat; background-position: top left; padding-left: 0px; min-height: 0px; width: 30px; height: 30px; }.next_prev_cont_top_right .right { float: right; width: auto; margin-left: 10px; }.next_prev_cont_top_right .right a { display: block; background: url('images/new-next.png') no-repeat; background-position: top right; padding-right: 0px;  min-height: 0px; width: 30px; height: 30px; }/* Sidebar */#sidebar { float: right; width: 180px; }.side_box { color: #333; margin-bottom: 30px; }.side_box ul { list-style-type: none;   margin: 0; padding: 0; color: #a59b99;}.side_box ul li { margin-bottom: 10px; display: block; padding: 0; background-color: #880099; text-align: center;}.side_box ul li a { color: #fff; padding: 10px; display: block; }.side_box ul li a:hover { background: #AA00BB; color: #fff; }.mwm-aal-sidebar-container ul li { display: block; text-align: left; background-color: #fff; padding: 0; margin-bottom: 0px; }.mwm-aal-sidebar-container ul li a { font-size: 1em; color: #880099; font-weight: normal; padding: 0 0 3px 0; }.mwm-aal-sidebar-container ul li a:hover { background-color: #fff; color: #880099; text-decoration: underline; }.side_social { }.side_social img { display: inline-block; margin: 0 2px; }.mobile_sidebar_left { display: none; }.t1_search_cont { position: relative; width: 180px; }.t1_search_cont input[type=text], .t1_search_cont input[type=submit] { box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box; height: 24px; font-family: 'Source Sans Pro', sans-serif, arial; }.t1_search_cont input[type=text] { width: 180px; border: none; border: 1px solid #333; padding-left: 5px; }.t1_search_cont input[type=submit] { border: none; background-color: #252628; color: #90939C; width: 80px; }.t1_search_icon { position: absolute; top: 6px; right: 11px; }/* Footer */#footer { padding: 0px 0 0px;  margin-top: 25px; }.footer_box_col { float: left; width: 362px; margin-right: 46px; }.footer_box { margin: 25px 0; text-align: center; }.footer_box_col_last { margin-right: 0; }.footer_copyright_cont { /*padding-bottom: 25px; padding-top: 10px; */ text-align: center; }.footer_copyright { padding: 20px 0 20px; text-align: right; font-size: 12px; text-align: center; }.footer_box ul { list-style-type: none; margin: 0; padding: 0; }.footer_box ul li { margin-bottom: 8px; }/* Font Face */@font-face {    font-family: 'bikoregular';    src: url('assets/fonts/biko_regular-webfont.eot');    src: url('assets/fonts/biko_regular-webfont.eot?#iefix') format('embedded-opentype'),		 url('assets/fonts/biko_regular-webfont.svg#bikoregular') format('svg'),         url('assets/fonts/biko_regular-webfont.woff2') format('woff2'),         url('assets/fonts/biko_regular-webfont.woff') format('woff'),         url('assets/fonts/biko_regular-webfont.ttf') format('truetype');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'bikobold';    src: url('assets/fonts/biko_bold-webfont.eot');    src: url('assets/fonts/biko_bold-webfont.eot?#iefix') format('embedded-opentype'),	     url('assets/fonts/biko_bold-webfont.svg#bikobold') format('svg'),         url('assets/fonts/biko_bold-webfont.woff2') format('woff2'),         url('assets/fonts/biko_bold-webfont.woff') format('woff'),         url('assets/fonts/biko_bold-webfont.ttf') format('truetype');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'bariol_regular';    src: url('assets/fonts/bariol_regular-webfont.eot');    src: url('assets/fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype')	     url('assets/fonts/bariol_regular-webfont.svg#bariol_regularregular') format('svg'),         url('assets/fonts/bariol_regular-webfont.woff2') format('woff2'),         url('assets/fonts/bariol_regular-webfont.woff') format('woff'),         url('assets/fonts/bariol_regular-webfont.ttf') format('truetype');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'bariol_bold';    src: url('assets/fonts/bariol_bold-webfont.eot');    src: url('assets/fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),	     url('assets/fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg'),         url('assets/fonts/bariol_bold-webfont.woff2') format('woff2'),         url('assets/fonts/bariol_bold-webfont.woff') format('woff'),         url('assets/fonts/bariol_bold-webfont.ttf') format('truetype');    font-weight: normal;    font-style: normal;}