/*

Theme Name: Public Assembly

Theme URI: http://www.elliotcondon.com

Description: Public Assembly's website theme.

Version: 1.5

Author: Elliot Condon

*/





/* GENERAL

==============================*/

body{

	padding:0px;

	margin:0px;

	background-color:#FFF;

}



#container {

	/*width:875px; */
	max-width:875px;
	margin-left:auto;
	margin-right:auto;
	position:relative;

}

@media (max-width: 875px) {
#container {
	margin-left:20px;
	margin-right:20px;
}
}






/* FONTS

==============================*/





p, h1, h2, h3, a, label, img{

	font-family:Arial, Helvetica, sans-serif;

	color:#333;

	margin:0px;

}



p, a{

	font-size:12px;

	line-height:16px;

	margin: 10px 0 0 0;

}



h1{

	font-size:16px;

	font-weight:normal;

}



h2{

	font-size:16px;

	font-weight:normal;

	margin-bottom:5px;

}



h3{



}



a{

	text-decoration:none;

	color:#FF3535;

}





.hr{

	margin:30px 0px 30px 0px;

	border-top:#CCC dotted 1px;

	width:100%;

	height:1px;

}



img{

	max-width:100%;	
	max-height:auto;
	height:auto;
	border:none;

}


@media (max-width: 420px) {
img{
	max-width:100%;	
	max-height:auto;
	height:auto;
	border:none;
	width:100%;

}
}





.hidden{

	display:none;	

}



/* HEADER

==============================*/



.header{

	width:100%;

	height:100px;
	height:155px;
	position:relative;

	margin-bottom:20px;

	border-bottom:#E5E5E5 dotted 1px;

}


.header .logo-wrapper

{
	position:absolute;

	top:30px; right:0px;

	width:214px;
	
	text-align:right;

}


.header .logo

{
	width:214px;
	
	height:80px;

	background:url(images/public-assembly-80px.gif) no-repeat;
	padding-bottom:4px;

}


@media (max-width: 420px) {
.header .logo

{
	width:194px;
	background:url(images/public-assembly-80px.gif) no-repeat;
	padding-bottom:4px;
	background-size:90%;

}
	
	.header .logo-wrapper {
	width:194px;
}	
}




/*

.header .logo#active

{

	border-bottom:#FF3535 solid 4px;

}

*/



.header .nav

{

	padding-top:28px;

	width:150px;

}



ul{

	margin:0px;	

	padding:0px;

	list-style:none;

}



.header .nav ul li{

	float:left;

	display:block;

	width:150px;
	margin-bottom:10px;

	

}



.header .nav ul li a{

	color:#333;	

	font-size:16px;

	text-transform:uppercase;

}



.header .nav ul li a:hover{

	border-bottom:#E8E8E8 solid 4px;

}



.header .nav ul li.current-cat a{

	border-bottom:#FF3535 solid 4px;

}



/* INDEX

==============================*/



ul.grid{

	display:block;

	overflow:auto;

}



ul.grid li{

	width:200px;

	display:block;

	float:left;

	margin-right:25px;
	
	margin-bottom:15px;

}



ul.grid li.end {
	margin-right:0px;
}

.footer .tile.end {
	margin-right:0px;
}

@media (max-width: 870px) {
ul.grid li.end {
	margin-right:25px;
}
}

@media (max-width: 420px) {
ul.grid li{

	width:100%;

	display:block;

	float:left;

	margin-right:25px;
	
	margin-bottom:15px;

}
}



ul.grid p{

	margin:0px;

	

}



ul.grid li a{

	color:#666;
	font-size:10px;
	line-height:14px;
	padding-bottom:3px;

}



ul.grid li:hover{

	color:#FFF;

	background-color:#FF3535;

}




ul.grid li:hover a{

	color:#FFF;

}

















/* FOOTER

==============================*/

.footer{

	margin-top:30px;

	width:100%;

	overflow:auto;

	border-top:#E5E5E5 dotted 1px;

	padding:20px 0px 20px 0px;

}



.footer .doubleTile {

	max-width:425px;

	margin-right:25px;

	float:left;

}



.footer .tile{

	width:200px;

	margin-right:25px;

	float:left;

}



/* LOGIN

****************/

.login{

	position:fixed;

	top:0px;

	left:0px;

	height:20px;

	width:50px;

}



.login a{

	position:absolute;

	display:none;

	color:#FFF;

	font-size:14px;

	padding:5px 10px 5px 10px;

	background-color:#000;

	text-decoration:none;

}



.login:hover a{

	display:block;

	padding-left:8px;

	

	

}







/* POST

==============================*/

.breadcrumbs{

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#FF3535;	

}



.breadcrumbs a{

	color:#FF3535;	

}



.breadcrumbs a:hover{

	color:#FF3535;	

}



.post h2{

	text-transform:uppercase;

	margin-top:5px;

	margin-bottom:20px;

}



.post{



}









