* {
margin: 0;
padding: 0; 
}

body {
background: url("/sites/all/themes/citynews/assets/images/michigan-wide.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size: cover;color: #7a7a7a;font-size: 13px;line-height: 18px;font-family: "Roboto",Helvetica,Tahoma,Arial;font-weight: 300;}

#page {
max-width: 1200px;
width: 100%;margin: 0 auto;xbox-shadow:0 0 20px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}
#header, .content-wrapper, #footer {clear:both;}
#header {background-color: #48699E;filter:alpha(opacity=40); /* For IE8 and earlier */position:relative;height:160px;padding: 0 30px;width:95%;max-width:1140px;box-shadow:0 -20px 20px 0 rgba(0, 0, 0, 0.4);}
.box-shadow {box-shadow:0 -20px 20px 0 rgba(0, 0, 0, 0.4);}
.content-wrapper {
   background-color: #fff;
   float:left;
   padding: 30px 30px 20px;
   width:95%;
}
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.floatleft {
float:left;
}


#main-content {
width: 75%;
}
#main-content  #comments h2.title  {
	font-size: 19px;
	line-height: normal;
	font-weight: 900;
	margin-top: 15px;
	margin-bottom: 0;
	}

#main-menu {
display:block;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
margin-top:-30px;
padding: 10px 0;
float:left;
width:100%;
} 
#main-menu li {font-family: "Roboto",Helvetica,Tahoma,Arial;font-size: 16px;font-weight: 700;letter-spacing: -0.5px;line-height: 20px;padding:8px 10px;color#222;margin: 0 20px 0 0;transition: background 0.3s ease 0s, color 0.3s ease 0s;}

#main-menu li:hover, #main-menu li a:hover  {color: #f1284e;font-decoration:none;}
.main-menu-links {display:block;margin-right:30px;float:left;width:72.5%;position: relative;top:15px;padding-bottom:15px;}
#main-content h2, #sidebar-first h2, .node h2 a, .views-field-title a {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    xline-height: 16px;
	font-family: "Roboto",Helvetica,Tahoma,Arial;
	text-transform: capitalize;
	margin-bottom:10px;
}
	
#secondary-menu {
	display: block;
	position:relative;
	right: 0;
	text-align: right;
	top:15px;
	width:40%;
	float:right;
	}
#secondary-menu li {
	font-family: "Roboto",Helvetica,Tahoma,Arial;
	}
#secondary-menu a {
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
	font-weight: 700;
	font-size:11px;
}	

#sidebar-first {width:100%;max-width: 285px;}	
#sidebar-first .block {margin-bottom: 20px; }
#sidebar-first h2 {
font-size:15px;
border-top: 2px solid #000;
text-transform: uppercase;
margin-top: 0px;
padding-top: 20px;
}

.columns {float:left;margin-right: 30px;xmargin-bottom:20px;}

#page.frontpage .columns {width: 100%;max-width:255px;}
#page .columns {max-width: 810px;width:95%;}
#page .subfooter-columns {max-width: 255px;width: 100%;float:left;margin-right: 30px;}
#page-title {
	color:#222;
	font-size:24px;
	xtext-transform: uppercase;
	margin-bottom:10px;
	line-height: 24px;
	font-weight:700;
	font-family: "Roboto",Helvetica,Tahoma,Arial;
	}
.not-front .columns {margin-bottom:20px;}

#name-and-slogan {display:block;width: 40%;position:absolute;top: 65px;}

#site-name {display:block;padding-bottom: 20px;}
#site-name a {font-size: 41px;font-family: "Roboto",Helvetica,Tahoma,Arial;font-weight: 400;line-height:45px;color:#fff;text-transform: capitalize;letter-spacing:-0.5px;text-decoration:none; letter-spacing: -1px;}

img {height:auto;max-width: 100%;vertical-align:middle;}
img:hover { opacity: 0.95; filter: alpha(opacity=95); } 

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #222222;
    font-family: "Roboto",Helvetica,Tahoma,Arial;
    font-weight: bold;
    line-height: 1.1;
}

li a.active, a {
	text-decoration: none;
	color:#222;
}
a:hover, #subfooter ul li a:hover { color: #416AAF;}
	
	.item-list .pager {
    clear: both;
    text-align: left;
	margin:0;
	padding:0;
}
.views-field-title a,.comment h3 {
font-size: 14px;
line-height: 14px;
font-weight:400;
text-decoration: none;
font-family: "Roboto",Helvetica,Tahoma,Arial;
color:#222;
}
.view-sideblock-articles .views-field-title a, .view-under-frontpage  .views-field-title a, #bottom .views-field-title a, #four .views-field-title a  {font-size:16px;font-weight: 700;}
.view-sideblock-articles .views-field-title, .view-under-frontpage  .views-field-title, #bottom .views-field-title, #four .views-field-title  {
margin:8px 0 5px;}
#tabs p, #tabs .views-more-link {font-size:13px;line-height:18px;}
#four p {font-size:13px;line-height:16px;margin-top:4px;}

.featured-story .views-field-title {background: #cc0000;color: #FFFFFF;opacity: 0.8;padding: 20px;position: absolute;top: 320px;}	
.featured-story .views-field-title  a {color: #fff;}
.featured-story img {width: 100%;max-width: 540px;}

.views-row {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 20px;
    min-height: 1px;
    padding-right: 10px;
    width: 100%;
}
.views-field-term-node-tid {
	display:block;
	clear:both;
    padding: 10px 0 0;
    font-size: 11px;
    font-weight: 600;
	color:#888;
    text-transform: uppercase;
}
.views-field-term-node-tid a { color: #888; }

#four {position: relative;margin-top: 10px;}
#four .views-field-title  a{display: block;position: absolute;text-align: center;float:left;}

.block_tab-title {
    background-color: #fff;
    color: #ccc;
    cursor: pointer;
    margin-right: 6px;
    padding: 4px;
}
.block_tab-title.active {
background:#fff;
text-decoration:none;
color: #222222;
cursor: default;
font-size: 20px;
}
.block_tab-title a {
    border-bottom: 3px solid #FFFFFF;
    color: #CCCCCC;
    font-family: "Roboto",Helvetica,Tahoma,Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 30px;
    padding: 7px 0;
    text-transform: uppercase;
    transition: color 0.7s ease 0s, border 0.7s ease 0s;
}
.block_tab-blocks {padding: 20px 0; }

#top {
margin-bottom:10px;
    max-width: 540px;
    overflow: hidden;
    width: 100%;
}
#top img { border: 2px solid #222222;height: auto;max-width: 535px;overflow: hidden;width: 100%;}

.node-title {display:block;margin-right: 30px;width:95%;float:left;max-width:810px;}

.node img {
	float:left;
	margin-right: 15px;
	margin-bottom:1px;
}

.node p {
	color: #888;
	font-family: "Roboto",Helvetica,Tahoma,Arial;
    font-size: 14px;
    line-height: 22px;
	margin: 0 0 1em;
}

.link-wrapper  ul li {display:block;padding:0;float:left;margin-right: 10px; }
.link-wrapper {display: block;float: left;font-family: "Roboto",Helvetica,Tahoma,Arial;font-size: 11px;font-weight: 700;margin-top: 5px;
}
.block ul {padding-left: 6px;
    font-family: "Roboto",Helvetica,Tahoma,Arial;
font-size:14px;
}

.frontpage .meta {
	color: #aaa;
    margin: 10px 0 6px;
	padding:0;
	border:none;
}
.meta, .comment .submitted {
	color: #aaa;
	font-size:11px;
	font-family:"Roboto",Helvetica,Tahoma,Arial;
	padding: 10px 0;
	overflow:hidden;
	margin: 0 0 10px;
}
.meta{
	border-bottom: 1px dashed #ddd;
	border-top: 1px dashed #ddd;
	
}	
#comments {margin-top:25px;float:left; clear:both;}
.comment .submitted {text-transform: uppercase;}
.comment h3 { font-size: 17px;padding: 20px 0 0;}
.comment .submitted {margin-bottom:5px;}
.comment .submitted { font-size:10px;}
.comment .content {border: 1px solid #ddd;padding: 20px;margin-bottom:7px;}

.item-list .pager ul {
	padding:0;
	color:#222;
	}
.item-list .pager li {
		background-image: none;
		display: inline;
		list-style-type: none;
		padding: 0 5px;}
	
.item-list ul li {
		margin: 0;
		padding: 0;
	}	
.views-field .views-field-term-node-tid {color:#888;}
	
#footer {background: #111;padding: 15px 30px; font-size: 14px;width:95%;max-width:1140px;}
#footer span {margin: 0 0 5px;color: #aaa;float:left;}

#subfooter .block ul {padding-left: 0;}	
	
#subfooter {
	background: #222;
	color: #fff;
	opacity: 0.9;
	width: 95%;
	max-width: 1140px;
	padding: 20px 30px;
	border-top:4px solid rgba(255, 255, 255, 0.1);
	}
	
#subfooter h2 { 
	color: #fff; 
	margin-bottom: 10px;
	}
#subfooter .views-field-title a { color:#aaa;font-size:12px;line-height:18px; 
}
#subfooter .views-row {margin-bottom:0;
}

#subfooter ul li, #subfooter .views-field-title {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    color: #AAAAAA;
    font-size: 12px;
    padding: 10px 5px;
    transition: background 0.7s ease 0s;
}
#subfooter ul li a { color: #fff;
}
#user-login-form #edit-name, #user-login-form #edit-pass{
    margin-top: 5px;
    padding: 4px;
    width: 70%;
}
.block-aggregator ul li {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #AAAAAA;
    padding: 9px 0;
    transition: background 0.7s ease 0s;}

.view-my-terms img { width: 100%; max-width: 220px; float: left;margin:0 10px 0px 0;}

#tabs .views-field-title, .view-taxonomy-term .views-field-title {margin-bottom:5px;}
#tabs, #four {float:left;clear:both;font-family:"Roboto",Helvetica,Tahoma,Arial;}
#tabs img {border: 1px solid;float: left;margin-right: 10px;}
#tabs h2, #four h2 {margin-bottom: 10px; margin-top:0px; }
#tabs .views-row {
    clear: none;
    display: block;
    float: left;
    height: 100px;
    max-width: 350px;
    overflow: hidden;
    padding: 10px;
	margin:0;
    width: 100%;
}
#tabs {margin-bottom: 10px; margin-top:10px;}

#main-menu .search-box{display: block;float:left;padding-top:6px;}

#main-menu .search-box .form-submit, 
#main-menu #search-form .form-submit {background-color: #fff;	cursor:pointer;font-weight:700;}

#main-menu .search-box .form-submit:hover, 
#main-menu #search-form .form-submit:hover {cursor:pointer; xcolor:#416AAF;}

#main-menu .search-box .form-text, 
#main-menu .search-form input {background-color:#EEEEEE;}	

#main-menu .search-box .form-text, 
#main-menu .search-form input, 
#main-menu .search-box .form-submit {xborder-radius: 4px;box-sizing: border-box;border:1px solid #eee;color: #7c7c7c;font-size: 11px;height: 36px;padding: 10px;transition: background 0.1s ease 0s, border 0.1s ease 0s;}
#main-menu .search-box .form-text {border-radius: 4px 0 0 4px;}
#main-menu .search-box .form-submit {border-radius: 0px 4px 4px 0; }

#main-menu .search-box .form-text{ width: 245px;margin-right: -4px;}

#main-menu .search-box .form-submit {color:#222;}

#main-menu .search-box .form-item,.search-box .form-actions {margin:0;float:left;}

.form-text { padding: 2px 5px;}

.container-inline label {display: none;}

fieldset.collapsible {margin: 20px 0;}

/* Previous and Next article buttons */

.newer_post {margin-right: 2%;} 
.newer_post, .older_post  {
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    width: 49%;
	clear:both;
	margin-bottom: 10px;	
}
.newer_post a, .older_post  a {
font-style:italic;
	margin-left: 5px;
}

.field-name-field-tags, .field-type-taxonomy-term-reference  {
    box-sizing: border-box;
    margin: 0 0 10px;
	clear:none;	
	float:left;
}
.field-name-field-tags .field-label, .field-type-taxonomy-term-reference .field-label {
    background: none;
    color: #222;
    z-index: 10001;
	display: inline-block;
}
.field-name-field-tags  .field-items, .field-type-taxonomy-term-reference .field-items {
display: inline-block;
}
.field-name-field-tags  .field-item, .field-type-taxonomy-term-reference .field-item {
margin-right: 10px;
display:inline-block;
text-transform:capitalize;
border:1px solid #222;
border-radius:4%;
padding:5px 10px;
}

#featured-wrapper { float:left;}

.featured-wrapper {
    background: #222;
    color: #7a7a7a;
    display: block;
    max-width: 510px;
    padding: 15px;
	font-size:14px;
	line-height:18px;
    width: auto;
}
.featured-wrapper a {
font-family: "Roboto",Helvetica,Tahoma,Arial; 
font-weight:700;
line-height:18px;
font-size:18px;
color:#fff;
}

#best {
background: #070007;
float:left;
color: #fff;
margin: 0 -30px 20px;
clear:both;
padding-right: 30px;
}
#best a { color:white; font-weight:700;}
#best h2 {color: #fff;text-transform: uppercase;padding: 15px 25px;font-weight: 700;font-size:15px;font-family:"Roboto",Helvetica,Tahoma,Arial;}
#best .views-row {clear: none;float: left;padding-left: 30px;width: 100%;max-width:165px;padding-right: 0;}

#bottom{margin: 10px 0;}
#bottom .views-row, #four .views-row {max-width: 255px;clear:none;margin-right: 20px;}
#bottom h2, #tabs h2, #four h2, #subfooter h2 { text-transform: uppercase; font-weight:700;font-size:15px;font-family:"Roboto",Helvetica,Tahoma,Arial;}


#block-simple-subscription-subscribe h2 {border-top:none;padding-top:0;color: #f1284e; xcolor: #F03852;}
.simple_subscription_footer {padding-bottom: 15px;}
#block-simple-subscription-subscribe {background: #222;padding: 20px 10px;color: white;}


#four .views-row {position:relative;}
#four  .views-title  a {color: #fff;font-weight: 700;font-size:16px;line-height:18px;margin-top:0;}
#four .overlay {display:block;color:white;position: absolute;width:80%;top: 35%;text-align:center;padding:10%;line-height:18px;}

.poll .title,.poll .total{margin-bottom:10px;}
.poll .vote-form {float: left;}

li.expanded, li.collapsed, li.leaf {
    margin: 0;
    padding: 0.2em 0.5em 0.2em 0;
}
.view-frontpage img, .view-taxonomy-term img { float:left;margin: 0 10px 0 0;}

.view-about .views-field-title {
font-size: 16px; font-weight:700; font-family:"Roboto",Helvetica,Tahoma,Arial; color:#222;margin-bottom:5px;}
.view-about .views-field-title a {font-weight:700;}

.view-about .views-row img { float:none; max-width:250px;width:100%;margin: 0;}
.view-about .views-row {overflow:hidden; width:100%; max-width:250px; float:left; clear:none;margin-right:30px; padding-right:0px;min-height: 360px;}
.view-about .views-row-3, .view-about .views-row-6, .view-about .views-row-9, .view-about .views-row-12 {margin-right:0px;}
.view-about .views-label-field-email {margin-right:3px; background:none; color:#222; }

#subfooter .views-field-title a:hover, .views-field-title a:hover, 
#four .views-title a:hover, #best a:hover, 
.views-field-term-node-tid a:hover, 
.featured-wrapper a:hover,#secondary-menu a:hover {color:#f1284E;}