/*  
Theme Name: Safer Phone Zone
Theme URI: www.saferphonezone.com
Description: Safer Phone Zone Theme
Version: 3.1
Author: Dustin Pfeifer
*/


/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

abbr {
	color:#ee1c24; 
	border-bottom:1px dotted #ee1c24;
}

div {
	position:relative;
}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
}

a {
	color:#009de0;
	text-decoration:none;
}

h1, h2 {
	font-family:"prenton-1","prenton-2", sans-serif;
	font-weight:lighter;
	line-height:1;
}

h1 {
	font-size:26px;
	text-transform:uppercase;
}

h2 {
	font-size:22px;
	text-transform:uppercase;
}

	h2 a {
		color:#222222;
	}

h3 {
	font-size:18px;
}

ul, ol {
	margin:20px 0 20px 20px;
}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background:#232323 url(images/background.jpg) repeat-x top center;
	width:960px;
	margin:0 auto;
	font:12px/1.5 Helvetica Neue, helvetica, sans-serif;
	color:#232323; 
}

#header {
	height:130px;
}

	#header h1 a {
		background:url(images/logo.png) no-repeat;
		width:480px;
		height:45px;
		text-indent:-9999px;
		position:absolute;
		left:0;
		bottom:20px;

	}

	#header #searchform {
		position:absolute;
		top:5px;
		right:97px;
	}
	
	#header #searchform input#s {
		border:none;
		height:10px;
		padding:5px;
	}
	
	#header #searchform input#searchsubmit {
		border:none;
		height:20px;
		padding:0 10px;
	}

#featured {
	background:#009de0;
	height:330px;
}

	#pauseButton {
		position:absolute;
		bottom:20px;
		left:20px;
		z-index:500;
		cursor:pointer;
	}

	#featured-rotate {
	
	}

	#panel {
		width:640px;
		height:330px;
	}
	
	#panel .summary {
		background-color: rgba(0,0,0,0.75);
		position:absolute;
		width:420px;
		padding:20px 20px 10px 20px;
		bottom:20px;
		right:-300px;
		color:#fff;
	}
	
		#panel .summary a {
			color:#fff;
		}

	#signup {
		background:url(images/icon_mail.jpg) no-repeat top right;
		position:absolute;
		top:20px;
		right:20px;
		width:280px;
		color:#fff;	
	}
	
		#signup h1 {
			color:#3bc4ff;
			margin:0 0 5px;
		}
		
		#signup p {
			margin:0;
		}
		
		#signup input {
			background:#3bc4ff;
			padding:10px;
			border:none;
			width:200px;
			float:left;
			display:block;
		}
		
		#signup .cf-sb {
			float:left;
			margin:0;
		}
		
		#signup .cf-sb input {
			background:#80d8fe;
			width:60px;
			cursor:pointer;
			margin:0;
		}
		
		.cform ol {
			list-style-type:none;
			margin:0;
			float:left;
		}
		
		.cf_info {
			margin:20px 0 10px;
			color:#000000;
		}
		
		.linklove, .cf_hidden {
			display:none;
		}

#news {
	background:url(images/background_news.jpg) no-repeat 100px;
	height:45px;
	width:840px;
	padding:0 0 0 120px;
	color:#999;
	font-size:16px;
}

	#news h2 {
		position:absolute;
		left:20px;
		top:10px;
	}

	.news-scroll {
		height:45px;
		width:840px;
	}

	.news-scroll p {
		margin:13px 0 0;
		width:840px !important;
	}
	
	.news-scroll a {
		color:#999;
		text-decoration:none;
	}

#content {
	background:#fff url(images/background_content.jpg) repeat-y right;
}

#main {
	width:600px;
	padding:20px;
	float:left;
	margin:0;
}

	.home #main {
		background:url(images/background_main.jpg) no-repeat top center;
		width:640px;
		padding:20px 0;
	}

	.column {
		width:280px;
		padding:0 20px;
		float:left;
	}
	
	.post {
		margin:20px 0;
	}
	
		.post .title a {
			color:#232323;
			font-weight:bold;
		}
	
		.post p {
			margin:0;
		}
	
	p.all {
		margin:20px 0 40px;
	}

#sidebar {
	background:url(images/background_sidebar.jpg) no-repeat left top;
	width:280px;
	padding:20px;
	float:right;
}

	#sidebar h2 {
		color:#232323;
	}

	.widget {
		margin:0 0 40px;
	}
	
	#sidebar .wp-post-image {
		width:80px;
		height:80px;
		border:3px solid #fff;
		float:left;
		margin:0 10px 0 0;
	}
	
	#sidebar .post {
		border-bottom:1px solid #e4e4e4;
		padding:0 0 20px;
	}

#footer {
	background:#009de0;
	padding:20px;
	color:#3ac4ff;
}

	#footer blockquote {
		width:600px;
		padding:0 20px 0 0;
		float:left;
		margin:0;
		font:14px "prenton-1","prenton-2", sans-serif; 
	}
	
	#footer .copyright {
		width:280px;
		float:right;
		margin:0;
	}


/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav {
	position:absolute;
	right:0;
	bottom:20px;
	font:16px "prenton-1","prenton-2", sans-serif;
	text-transform:uppercase;
	list-style-type:none;
	font-weight:lighter;
}

#nav li {
	float:left;
	margin:0 0 0 30px;
}

#nav a {
	display:block;
	color:#fff;
	text-decoration:none;
}

#nav:hover {
	
}

#social {
	position:absolute;
	top:3px;
	right:0;
	list-style-type:none;
	margin:0;
}

#social li {
	float:left;
}

#social a {
	display:block;
	height:24px;
	width:24px;
	text-indent:-9999px;
	margin:0 0 0 5px;
}

	#social a.facebook {
		background:url(images/icon-fb.png) no-repeat;
	}
	
	#social a.twitter {
		background:url(images/icon-twitter) no-repeat;
	}
	
	#social a.youtube {
		background:url(images/icon-youtube.png) no-repeat;
	}


/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:0 20px 0 0;
}

.alignright { 
	float:right;
	margin:0 0 0 20px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px; 
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */