@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);


html{
background: url(images/clouds.jpg) repeat-x top center #b3c9e1 fixed;
margin:0;
padding:0;
}

body{
width:100%;
padding:0;
margin: 0 auto;
}
#bigWrapper{
width:900px;
margin:0 auto;
position:relative;
}

#header{
height:94px;
top:0px;
background:url(images/akron-logo.gif) no-repeat top left;
width:900px;
}


#container {
	padding-left: 0px;      /* LC fullwidth */
	padding-right: 278px;     /* RC fullwidth + CC padding */
}
div#container.subContainer{
margin-top:0px;
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 20px 20px 40px 20px;       /* CC padding */
	width: 100%;
	min-height:396px;
}
 
#right {
	width: 223px;             /* RC width */
	padding:0px;          /* RC padding */
	margin-right: -100%;
	margin-left:10px;
}

#footer {
	clear: both;
	margin-bottom:200px;
}

img, iframe, object{
	max-width: 100%;
}
object{
	margin:10px 0;
}
h1.bottom-head{display:none;}

/*----skin---*/

#center, #events, #twitter_div {
background: url(images/bg.png) no-repeat top left;
}

#events, #twitter_div{
padding:10px;
}
#twitter_div{
	margin-top:10px;
	padding-bottom:6px;
}
#twitter_div a{
	color:#000;
}
#twitter_div a:hover{
	color:#BD0C17;
}
#twitter_div p.twt{
margin:0;
padding:6px 0 6px 0;
display: block;
background: url(images/twt.png) no-repeat bottom right;
font-size:11px;
font-style:italic;
}
#twitter_div ul{
	margin:0;
	padding:0;
	list-style:none;

}
#twitter_div ul li{	
	font-size:11px;
	padding-bottom:10px;
}

#councilperson{
background: #fff;
width:223px;
height:162px;
margin: 10px 0 0 0;
position:relative;
}

#councilperson img{
float:right;
}
#councilperson h4, #councilperson h4 a{
font: bold 20px/22px Helvetica, Arial, sans-serif;
color: #666;
text-decoration:none;
letter-spacing:-0.03em;
}
#councilperson h4{
position:absolute;
left:10px;
top:55px;
width:130px;
}

#councilperson h6{
font: 12px/18px Helvetica, Arial, sans-serif;
color:#666;
position:absolute;
left:10px;
top:100px;
width:120px;
}


#councilperson p.personLink{
position:absolute;
left:10px;
top:10px;
font-style:italic;
}

#events p a, #events p a:link{
text-decoration:none;
color:#333;
}
#events p a:hover{
color:#BD0C17;
}


.servee_pagination_links a{
padding:4px;
text-decoration:none;
}

.servee_pagination_links a:hover{
text-decoration:underline;
}

.servee_pagination_links .currentPage{
color: #999;}

/* Use clearfix class on parent to clear nested columns, 
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	.row:after,
	.clearfix:after {
	  clear: both; }
	.row, 
	.clearfix {
	  zoom: 1; }

p.textSizes{
position:absolute;
top:42px;
width:210px;
right:2px;
text-align:right;
font: bold 12px/18px Helvetica, Arial, sans-serif;
color:#0c4583;
cursor:pointer;
}
p.textSizes span:hover, p.textSizes a.RSS:hover{
color:#bd0c17;
}

p.textSizes .bigger{
font: bold 16px/18px Helvetica, Arial, sans-serif;
padding-right:3px;
}
p.textSizes a.RSS{
height:32px;
display:block;
padding-right:30px;
background:url(images/RSS.jpg) no-repeat right  2px;
font: 10px/14px Helvetica, Arial, sans-serif;
float:right;
text-decoration:none;
color:#0c4583;
font-style:italic;
}

div#overlayImg{
background:url(images/background-overlay.png) no-repeat bottom center;
height:172px;
width:100%;
position:fixed;
bottom:0;
}

div#adminForm a.dp-choose-date {
left:105px;
}
ul#mobilenav{
	display:none;
}



/* Mobile/Browser */
@media only screen and (max-width: 767px) {
body{
    font-size:14px;
}
p, li, td {
	font-size:14px;
	line-height: 18px;
}
	#bigWrapper{
	    min-width: 272px;
	    width:auto;
	    position: relative;
	    margin:10px;
	    padding:0;
	    overflow:hidden;
	}
    #header,
    #center, 
    #right,
    #footer,
    #container {
        width:auto;
        position: static;
        margin:0;
        padding:0;
        top:auto;
        left:auto;
        right:auto;
        float:none; 
    }
    #content{
    	padding:20px;
    }
    #center{
    	min-height:0;
    }
    #right, #councilperson, #center{
    	width:100%;
    	margin-top:10px;
    }
    #center, #events{
    	background:#fff;
    }
	#councilperson, #center, #events, #mobilenav{
		-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	}
	h1.bottom-head{
		display:block;
		margin-top:10px;
		float:left;
		width:100%;	
	}
	h1.bottom-head a{
		text-transform: uppercase;
		text-decoration: none;
	}

    #content p.articleDate, 
    #content h4, .txthtml h4, #content h3,  #content h3.list, #content h5, #content h6.endTease-sm,
    #content h1, #content h2, #content h4, #content h6, #content pre, #content blockquote, .txthtml p, .txthtml h1, .txthtml h2, .txthtml h4, .txthtml h6, .txthtml ol, .txthtml ul, .txthtml pre, .txthtml blockquote{
    	float:none;
    	text-align: left;
    	width:auto;
    	margin:0;
    }
    #content h6.endTease-sm, #content p.endTease-sm{
    	margin:0 0 18px;
    }
    #overlayImg, 
    p.textSizes, 
    a.RSS, 
    ul#navigation{
    	display: none;
    }
	h1.header{
		width:auto;
	}
	#header{
		height:65px;
		top:0px;
		background:url(images/akron-logo-sm.png) no-repeat top left;
	}
	h1.header a{
		font:bold 20px/37px Helvetica, Arial, sans-serif;
		padding:6px 0 40px 72px;
	}
	h1.header a:active{
		color:#BD0C17;
	}
	h4.header{
		top:35px;
		left:72px;
		font-size:14px;
	}

	#content p, .txthtml p, input#heading, input#subheading{
		padding:0;
		margin:0 0 18px 0;
	}
	ul#mobilenav{
		display:block;
		width:100%;
		clear:both;
		margin:10px 0;
		padding:0;
		float:left;
		list-style:none;
	}
	ul#mobilenav li a{
		display: block;
		padding:10px 6px;
		width:auto;
		font-size:14px;
		text-decoration: none;
		color:#fff;
		background: #0C4583;
		border-bottom:1px solid #2e6096;
	}
	ul#mobilenav li a:active{
		background: #BD0C17;
	}
	ul#mobilenav li ul{
		margin:0;
		padding:0;
		list-style: none;
	}
	ul#mobilenav li li a{
		padding:10px 6px 10px 24px;
		background: #2e6096;
		border-bottom:1px solid #0C4583;
	}
	#content ol, #content ul, .txthtml ol, .txthtml ul{
		margin:0 0 18px 30px;
	}
	
	h3{
		font: bold 24px/28px Helvetica, Arial, sans-serif;
	}
	h6{
		font:bold 16px/18px Helvetica, Arial, sans-serif
	}
   
    #container input[type="text"], #container textarea, #container select, #container input[type="password"]{
        padding:6px 3px;
        font-size:18px;
        width:100%;
    }
    #container input[type="submit"]{
        font-size:16px;
        padding:4px 16px;   
        float:right;
        margin:5px 0 0 0;
    }
    #container label{
        width:100%;
    }



}