/*
Theme Name: FredCamino.com
Theme URI: http://fredcamino.com
Description: Basic Theme for FredCamino.com
Author: Frederick Dennstedt
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

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

#container{
	width: 950px;
}
.masthead-container{
	float: right;
}
h1.masthead{
	padding-top: 100px;
	position: relative;
	height: 176px;
	width: 219px;
}
h1.masthead span{
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	background-image: url(images/fredcamino_masthead.png);
}
#servicealerts{
	background-color: #008164;
	float: left;
	margin-top: 25px;
	position: relative;
	height: 347px;
	width: 330px;
}
#servicealerts span{
	position: absolute;
	background-image: url(images/servicealerts.png);
	height: 100%;
	width: 100%;
}
#servicealerts-singlepost{
	margin-left: 31px;
	background-color: #008164;
	background-image: url(images/singlepost.png);
	float: left;
	margin-top: 25px;
	height: 347px;
	width: 683px;
}
.singlepost{
	padding-left: 70px;
	padding-bottom: 20px;
	padding-right: 50px;
	padding-top: 20px;
	display: table-cell;
	vertical-align: middle;
	height: 347px;
	width: 683px;
	color: white;
}
.singlepost a{
	color: white;
}
.singlepost a:hover{
	color: #f78f1e;
}
.singlepost p{
	margin-top: 5px;
	font-size: 12px;
}
.singlepost h1{
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
}
.singlepost h2{
	font-size: 18px;
}

.post-container{
	width: 333px;
	height: 348px;
	display: table;
}
.post{
	padding: 20px;
	display: table-cell;
	vertical-align: middle;
	height: 347px;
	width: 330px;
	color: white;
}
.post a{
	color: white;
}
.post a:hover{
	color: #f78f1e;
}
.post p{
	margin-top: 5px;
	font-size: 12px;
}
.post h1{
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
}
.post h2{
	font-size: 18px;
}
#entries {clear: left;}
#entries a { font-size: 12px;}
#faq{
	margin-top: 25px;
	margin-right: 15px;
	float: left;
	width: 365px;
}
#faq li{
	margin-bottom: 5px;
	height: 82px;
}
#faq h1{
	margin-right: 5px;
}
#faq a:hover{
	color: black;
}
li.whois {color: #3f5193;}
li.whois a {color: #3f5193;}
li.design {color: #bd8a35;}
li.design a {color: #bd8a35;}
li.blogger {color: #a74d27;}
li.blogger a {color: #a74d27;}
li.contact {color: #316554;}
li.contact a {color: #316554;}
.answer{
	height: 82px;
	display: table;
}
.answer p{
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
}
h1.whois{
	float: left;
	position: relative;
	height: 86px;
	width: 86px;
}
h1.whois span{
	background-image: url(images/whois.png);
	position: absolute;
	height: 100%;
	width: 100%;
}
h1.design{
	float: left;
	position: relative;
	height: 86px;
	width: 86px;
}
h1.design span{
	background-image: url(images/design.png);
	position: absolute;
	height: 100%;
	width: 100%;
}
h1.blogger{
	float: left;
	position: relative;
	height: 86px;
	width: 86px;
}
h1.blogger span{
	background-image: url(images/blogger.png);
	position: absolute;
	height: 100%;
	width: 100%;
}
h1.contact{
	float: left;
	position: relative;
	height: 86px;
	width: 86px;
}
h1.contact span{
	background-image: url(images/contact.png);
	position: absolute;
	height: 100%;
	width: 100%;
}
.copyright{
	margin-top: 5px;
	text-align: center;
	font-size: 10px;
}