/******
Theme Name:Journalist
Theme URI:http://lucianmarin.com/
Description:Journalist for The Forwardist.
Version:1.9
Author:<a href="http://lucianmarin.com/">Lucian E. Marin</a>
Tags:white, two columns, fixed width, light, minimal
For the WordPress community (GPL), enjoy it guys.
by Lucian E. Marin - lucianmarin.com

*/

* {padding:0;margin:0}
strong {font-weight:bold}

body {
  background: #dddddd;
  font-family:"Hind", Arial, sans-serif;
  font-size:16px; /* font base size */
  font-weight:300;
  color:#181818;

}
#container, #header, #menu, #footer{width:1004px;margin:0 auto;background:#fff}
#container {margin: 8px auto 0}
#container, #footer {border: solid 1px #484848;border-radius: 5px;padding: 0 4px;}

.content {width:690px;line-height:1.125;position:relative;margin-top:55px;}
.content.archive {margin-top:40px;}
a {color:#005596;text-decoration:none}
a:hover, .dark a:hover {color:#c00000 !important}
.dark, .dark a {color: #13274c !important}

hr.shadow-hr {border:solid 1px #13274c}

h1 {font-size:175%}
h2 {font-size:150%;margin:0 0 5px 0;line-height:1}
h3 {font-size:125%;margin:0 0 5px 0;line-height:1.25}
h4 {font-size:95%;margin:0 0 2px 0}
h5 {font-size:80%;margin:0 0 2px 0}
h6 {font-size:72.5%;margin:0 0 2px 0}

/*** header ***/
#header {height:105px;margin-top:5px}
#header_logo {float:left;margin: 8px 0 0 8px;}

/* for title comments counts */
.comments {font-size:12px;float:right}

.main {margin:10px 0}
.main a {color:#005596}
.main.single p {line-height:1.4;font-size:100%;margin-bottom:15px;}
.index  {line-height:1.1;margin:5px 0}

.firstpost p {font-size: 18px; line-height:1.25}


.entry {padding:0 10px 20px 5px;border-bottom:solid 1px #E6F2F0;margin-bottom:10px}
.entry.home, .entry.index, .entry.lowposts {margin-bottom:5px;padding:0 5px 5px 0;}
.entry.firstpost {padding: 0 10px;}

.home .main p {margin-bottom:10px;text-align: justify;text-justify:auto}
.main ol {margin:0 0 15px 30px;color:#505050}
.main ul {margin:0 0 15px 30px;color:#505050}
.nolist {list-style-type:none}
ul.nolist {margin:0;padding:0}
.nolist li {margin-bottom:5px}

.lowposts {float:right;width:512px;text-align:justify;text-justify:auto}
.lowposts h4 {text-align:left}
h3.lowposts {margin:5px 0 15px 0 }
.lowposts h3 a {color:#555575;}

.highlight{
  font-variant:small-caps;
  letter-spacing:1.5px;
  color:#818181;
  text-align:center;
  font-size:100%;
  margin:0;
}

/*** menu nav ***/
#nav_box {height:36px;position:relative}
#menu {position:absolute;top:0;left:0;background:#005596;border-radius:5px}

.menu {margin-left: 18px;height:30px}
.menu li {float:left;list-style-type:none}
.menu > li {padding:2px 16px 1px 0;}
.menu > li a {font-size:100%;font-variant:small-caps;color:#fff;font-weight:bold;letter-spacing:.9px}

.sub-menu {position:absolute;top:28px;left:18px;bottom:0;width:100%}
.sub-menu ul {margin:-10px 0 0 0}
.sub-menu li {margin:0;padding:5px 20px 5px 0}
.sub-menu li a {font-variant:small-caps;font-size:95%;font-weight:normal;color:#181818;letter-spacing:.9px}


.menu li ul{display:none}
.menu li.current-menu-ancestor > ul,
.menu li.current-menu-item > ul,
.menu li.current-menu-parent > ul,
.menu ul li.current-menu-item > ul,
.menu ul li.current-menu-parent > ul{display:block}

.menu li.current-menu-item > a,
.menu li.current-menu-parent > a,
.menu li.current-menu-ancestor > a,
.menu li.current-menu-item ul > a,
.menu li.current-menu-parent ul > a,
.menu li.current-menu-ancestor ul > a {color:#5897d1}


/*** search ***/
#search {
  position:absolute;
  right:5px;
  top:0;
  background:#005596;
  height:24px;
  width:290px;
  border-radius:5px;
  margin:0 0 0 -3px;
}

#searchform {position:relative}
#searchform input#s {
  width:220px;
  background:#f5f5f5;
  padding:0 0 0 4px;
  color:#828282;
  border:none;
  border-radius:5px;
  position:absolute;
  top:4px;
  left:6px;
  height:20px;
}
#searchform #s:hover {cursor:text}
#searchform input:hover {cursor:pointer}

#searchform input#submit {
  position:absolute;
  top:6px;
  padding:0;
  right:0;
  width:60px;
  border:none;
  color:#fff;
  font-size:15px;
  background:transparent;
}

/*** Images ***/
img {border:0;opacity:inherit;filter:inherit;max-width:100%}
.main img, .main a img {padding:10px 20px}
.entry.home img, .entry.home a img,
.entry.index img, .entry.index a img {width:17.5%;padding:5px;float:right}
.entry.home.firstpost img, .entry.home.firstpost a img {width:auto}

/* Make sure images with WordPress-added height and width attributes are scaled correctly */
.entry img, img[class*="align"],
img[class*="wp-image-"] {height:auto;}

/*** sidebar***/

#sidebar_nrw {display:none;float:right;width:166px;padding:0 0 20px 0;margin:15px 0 20px 0;}
#sidebar {float:right;width:300px;padding:0 0 20px 5px;margin:0 0 20px 0}
#sidebar_left {float:left;width:166px;height:auto}
.sidebar_left_paged {position:absolute;top:0px;left:0}
  
.widget {font-size:90%;line-height:1.125;}
.home_widget {margin-bottom:20px}
#sidebar_widgets {margin:0 0 20px 0}

.widget.facebook-widget {border:solid 1px #e1e2e3;border-radius:5px}
.events_countdown_widget {height:110px;margin-bottom:10px}

.widget h3 {margin:5px;font-variant:small-caps}
.widget h4 {margin:0;font-variant:small-caps}
.widget ul, .widget ol {list-style:none;margin:5px 0 10px 10px}
.widget ul ul, .widget ol ol {margin:5px 0 0 10px}
.widget ul ul ul, .widget ol ol ol {margin:5px 0 0 10px}
.widget ul li, .widget ol li {padding:0 0 5px 0}
.widget {margin:0 0 10px 0;padding:0 0 10px 0}
#author h3 {margin:5px 0 5px 0}

/*** Ads ***/
#large_rec_ad {height:280px;width:336px;margin:10px auto;}

#footer {
  height:auto;
  margin:5px auto;
  text-align:center;
}

#footer a {font-weight:bold;text-decoration:none}
#footer a:hover {text-decoration:none}

#footer .credits table {border:0;margin:0 auto;width:90%}
#footer .credits-item {font-size:14px}

#social_icons {margin-top:-16px;height:auto;}
#social_icons ul {margin:5px 0 10px 0}
#social_icons ul li {float:left;list-style-type:none;padding:0 15px;}

/*Sharing Override*/
.sd-content li {float: left;display: block}
.sharedaddy {margin:0 0 0 0px !important;padding:0 0 0 0 !important}
.sharedaddy .sd-content {width: 100% !important;float: left !important;}
.sharedaddy div.sd-block {border-top:none !important}

.page_navi {color:#828282;margin:3px 0}
.page_navi a,.page_navi .page-numbers{padding:3px 5px;margin:0 2px}
.page_navi .dots,.page_navi .pages{border:none;padding:3px 8px}

.prevnext {min-height:22px;line-height:1.1;padding:3px;border:solid 1px #e1e2e3;border-radius:5px;margin:5px 0}

.prev {float:left;width:45%;margin-left:15px;text-align:left;}
.prev, .prev a {font-size:90%;color:#005596}
.prev:before {content:"<<"}

.next {float:right;text-align:right;width:45%;margin-right:15px}
.next, .next a {font-size:90%;color:#005596}
.next:after {content:">>"}


/*** aside ***/
.format-aside {margin:5px 15px;padding:10px}
.single-entry.format-aside {border:solid 1px #e1e2e3;border-radius:5px}
.format-aside .main a, .entry.format-aside .main-single a {margin-bottom:5px;text-align:center}

.format-aside .st_sharethis_index {margin:5px 0 0}
h4.format-aside {text-align:center;padding-bottom:5px}
h4.format-aside a {color:#5897d1 !important;font-size:92% !important}
h4.format-aside a:hover {color:#c00 !important}
iframe.twitter-tweet {margin:0 auto !important}

/*** MSFT Galleries ***/

.left {width: 25%}
.right {width: 20%}

td.label {color:#818181}

tr.spacer {height:10px}
table.gal {font-size:13px;line-height:1}
table.gal.single {font-size:14px;line-height:1.2}
table.gal.single td.label.left {padding-right:10px;}
table.gal.device_index td.label {padding-right:4px;}
td.label_after {color:#818181}
td.data.left {padding-right:40px}
td.data.right {padding-left:2px}

.gal_index {
  border:solid 1px #b2b2b2;
  border-radius:5px;
  margin:2px;
  padding:2px;
  width:47.5%;
  float:left;
  min-height:125px;
  height:auto;
  overflow:hidden;
  font-size:12px;
}
.gal_index.device {min-height:135px}

.wpv-thumbnail {width:30%;margin:1% 2.5%}
.wpv-index  {width:60%;margin:1% 2.5%}

.gal_single {margin:5px 0 15px 0}
.gal_related {color:#818181}

/*** People, Services, Orgs ***/

.single-height {height:450px;width:100%;overflow:auto}

.org.tla, .org.tla a {font-size:18px;color:#f35122 !important}
.org.tla:first-letter {font-size:22px;color:#02a4ef !important}
.org-left {width: 60%}
.org-right {width: 35%}

.pka {font-size:95%;margin:30px 15px}


/*** post meta ***/
.meta {color:#818181;line-height:1.2;margin:5px 0 15px 0}
.meta.index, .archive .meta {margin:5px 0}
.meta-left {float:left;margin-bottom: 10px}
.meta-right {float:right;text-align:left;width:50%}

.tag_entry {margin:0 0 10px 0;line-height:1.1}
.tag_left {font-size:16px}
.tag_right {color:#818181;font-size:14px}

blockquote {
  background:url(images/quote.gif) no-repeat top left;
  padding:20px 0 10px 60px;
  min-height:50px;
  color: #505050;
}

.warning p {background:url(images/warning.gif) no-repeat left;height:360px;width:360px}

/* Tabber */
.tabbertab {margin:0 auto;text-align:center}
.tabberlive .tabbertabhide {display:none}
.tabberlive .tabbertab h2 {display:none}
.tabberlive .tabbertab h4 {display:none}
.tabbernav {padding-right: 2px;}
ul.tabbernav {margin:0}
ul.tabbernav li{display:inline-block;padding:0 10px;}
ul.tabbernav li a {border:0;text-transform:uppercase;color: #383838;}
ul.tabbernav li.tabberactive a{color: #5897d1;}
ul.tabbernav li a:hover {color: #f36e30}

/* Miscellaneous */
img.wp-smiley {padding:0;border:none}
input:focus, textarea:focus{background-color:#ffc}
abbr {border:none}

.clear {clear:both}

.alignleft {float:left}
.alignright {float:right}
.aligncenter {text-align:center;clear:both}

.wp-caption {
  border:1px solid #ddd;
  text-align:center;
  background-color:#f3f3f3;
  padding-top:4px;
  margin:10px;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.wp-caption img {margin:0;padding:0;border:0 none}
.wp-caption-dd {font-size:11px;line-height:110%;padding:0 4px 5px;margin:0}

/* self-clear floats */

.group:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* Prevent stretching of full-size images with height and width attributes in IE8 */
.entry img {max-width:100%;width:auto;}

/*** comments - for Disqus fallback ***/

input.subcom {
  background:#eee;
  font-size:11px;
  margin:0 0 10px 0;
  padding:1px 4px 2px 4px;
  border:#888 1px solid;
  color:#222;
}
input.subcom:hover {
  background:#222;
  cursor:pointer;
  border:#888 1px solid;
  color:#eee;
}
input.comment {
  background:#f6f6f6;
  font-size:11px;
  padding:2px 4px;
  border:#aaa 1px solid;
  color:#222;
}
input.comment:hover {border:#c00 1px solid}

textarea {
  background:#f6f6f6;
  font-size:12px;
  width:400px;
  padding:2px 4px;
  border:#aaa 1px solid;
  color:#222;
}

textarea:hover {border:#c00 1px solid}
.postinput small {font-size:11px;margin:0 0 0 5px}
p.logged {font-size:12px}
h3.reply {font-size:15px;margin:0 0 10px 0}
.nocomments {margin:0 0 30px 0}

ol.comment-list {
  font-size:14px;
  list-style:none;
  margin:10px 0 30px 10px;
  padding-bottom: 5px;
  border-bottom:#bbb 1px solid;
}

ol.comment-list  .children {list-style:none;margin-left:20px;}

.comment-list li {border-top:#bbb 1px solid;padding:5px 0 10px 0}
.comment-list li.bypostauthor {border-top:#bbb 5px solid;background-color:#f3f3f3}
.comment_mod {margin:10px 0 0 10px}
.comment_mod em {background-color:#fff897;padding:1px 3px}
.comment_author {margin:10px 0;float:right;width:190px}
.comment_author img {float:left;margin:5px 12px 0 0}
.comment_author p {line-height:20px}
.comment_author small {font-size:11px}
.comment_text {float:left;width:470px;margin:0 0 0 10px}
.comment_text p {line-height:18px;margin:7px 0}
.comment_meta {font-size:12px}
#commentform p {line-height:18px;margin:0 0 15px 0}

/* IE Hacks */

* html .group,
* html #nav ul li a {height:1%}
*:first-child+html .group {min-height:1px}
* html #nav ul li a {display:inline}

/* Jetpack Smiley */
img#wpstats {width:0px;height:0px;overflow:hidden}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider{min-height:100px;background:#fff url("images/loading.gif") no-repeat center center;margin: 0 0 20px;position:relative;zoom:1}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {width:100%;height:1px; position: absolute; top: 50%; margin-top:-40px;}
.flex-direction-nav a{ display: block; width: 40px; height: 80px; position: absolute; top: 50%;  z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; text-indent:-9999px;}

/* Control Nav */
.flex-control-nav {width: 34%; position: absolute; left: 0; bottom: 18px; text-align: center; z-index: 99;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #ccc; cursor: pointer; text-indent: -9999px;-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;  }
.flex-control-paging li a:hover { background: #fff; }
.flex-control-paging li a.flex-active { background: #818181; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*** Slideshow ***/
.slide-img{width:66% !important;height:auto;float:right;}
.slide-img img{width:100%;height:auto;border-top-right-radius:5px;border-bottom-right-radius:5px}
.slide-caption{width:34%;max-height:250px;margin:0;background:#fff;
border-top: solid 1px #f7931e;
border-right: solid 1px #fef0de;
border-bottom: solid 1px #f7931e;
border-left: solid 1px #f7931e;

border-top-left-radius:5px;border-bottom-left-radius:5px;position:absolute;top:0;left:0;bottom:0;overflow:hidden}
.slide-caption a{display:block;color:#13274c;padding:4%;line-height:1.15}
.slide-caption-span {width:100%;text-align:center;font-size:11px;color:#818181;padding:0}

/* Responsiveness
 --------------------------------------------- */
/******     1024      ******/
@media screen and (max-width:1024px) {
	#container, #header, #menu, #footer {width: 960px;}
	#header_logo {width: 20%;}
	.content {width: 644px;}
	.lowposts {width: 468px;}
}

/******      960      ******/
@media screen and (max-width:960px) {
	#container, #header, #menu, #footer {width: 920px;}
	.content {width: 608px;}
	.lowposts {width: 436px;}
}

/******      800      ******/
@media screen and (max-width:800px) {
	#container {margin: 0 2px;}
	#container, #header, #menu, #footer {width: 780px;}
	.content, .lowposts {width: 610px;}
	.lowposts {float: left;}
	#sidebar, #sidebar_left,#social_icons {display: none;}
	#sidebar_nrw {display: block;}
}

/******      768      ******/
@media screen and (max-width:768px) {
	#container, #header, #menu, #footer {width: 748px;}
	.content, .lowposts {width: 572px;}
	#footer {margin: 2px auto;}
	#footer .credits table {width: 80%;}
}

/******      640      ******/
@media screen and (max-width:640px) {
	body {font-size: 15px;}	
	#container, #header, #menu, #footer {width: 620px;}
	#header_logo {width: 25%;}
	.content, .lowposts {width: 440px;}
	h3.slide-caption a {font-size: 85%;line-height: .95;}
	.flex-control-nav, .slide-caption-span {display: none;}
	.archive {margin-top: 20px;}
	.full-display {display: none;}
	#sidebar_nrw {margin-top: 40px;}
	#footer {padding: 2px 0;}
	#footer .credits-item, #footer .credits-item a {font-size: 11px;}
}

/******      480      ******/
@media screen and (max-width:486px) {
	@-ms-viewport {width: device-width;}
	#container, #header, #menu, #footer, .content, .lowposts {width: 456px;padding-left: 2px;}
	.sub-menu {top: 32px;}
	.sub-menu .sub-menu {top: 32px;}
	#sidebar_nrw {display: none;}
	#footer .credits-item, #footer .credits-item a {font-size: 9px;}
	#search {display: none;}
	tr.full-display {display: none;}
	.gal_index {padding: 0;}
}

/******      380      ******/
@media screen and (max-width:400px) {
	#container, #header, #menu, #footer, .content, .lowposts {width: 368px;}
	.menu li {padding: 8px 2.5px;}
	table.gal.index {display: none;}
}

/******      320      ******/
@media screen and (max-width:320px) { 
	#container, #header, #menu, #footer {width: 306px;}	
	.content, .lowposts {width: 306px;}
	.menu > li {padding: 8px 8px 8px 0;}
	#large_rec_ad {display: none;}
}