/*  

Theme Name: Proximity

Author URI: http://www.nathanrice.net/

Version: 1.0

Author: Nathan Rice

Description: Proximity is a Premium theme, designed to display stories in a news/magazine style layout.



All WordPress code and funtions are under GPL:

http://www.opensource.org/licenses/gpl-license.php



All CSS and images are copyright Nathan Rice, all rights reserved.

*/



/*#################################################################

This is the main stylesheet.  It handles nearly all the structural

styles, with the exception of styles handled by other stylesheets in

the /css folder.  If you are looking for a particular piece of code,

and do not find it here, check out the other stylesheets in /css



Please **DO NOT MODIFY** this file!!! If you would like to make custom

modifications to the CSS, please make them in the /css/custom.css

file.  Any styles you declare there will override the styles in this

file.  This will help you retain custom mods if/when you need to 

upgrade this theme.

###################################################################*/



html, body { margin: 0; padding: 0; }



body { 

	background: #E3E3E3;

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

	font-size: 14px;

	text-align: center;

}



body * {margin: 0px; padding: 0px;}



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



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

		Built in WordPress Styles

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

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	/* optional rounded corners for browsers that support it */

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}





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

		Link Styles

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

a {

	color: #006600;

	text-decoration: underline;

}

a:hover { color: #000; text-decoration: underline; }



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

		Text Elements

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

p, ul, ol, blockquote {color: #333;}

ol, ul {

	margin: 5px 35px;

}

blockquote {

	margin: 0px 0px 0px 15px;

	padding: 0px 45px 0px 50px;

	background: url(images/quote.gif) no-repeat;

	font-style: italic;

	color: #999;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;

}

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

		Header Styles

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

h1 { /* This style used as title on single posts and pages */

	font-family: Georgia, "Times New Roman", Serif;

	font-weight: normal;

	font-size: 25px;

	margin: 0px; padding: 0px;

	color: #555;

}

h2 { /* This style used as header in the sidebars */

	clear: both;

	background: #F2F2F2;

	font-size: 16px;

	color: #006600;

	font-family: Georgia, "Times New Roman", Serif;

	font-weight: normal;

	text-transform: uppercase;

	margin: 0px 0px 10px 0px; padding: 5px 5px;

	border-top:  1px solid #333;

}

h2 a {

	text-decoration: none;

}

h2 a:hover {

	color: #006600;

	text-decoration: none;

}

h3 { /* This style used as the post titles on homepage/archive */

	font-family: Georgia, "Times New Roman", Serif;

	font-weight: normal;

	font-size: 20px;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #333;

	text-decoration: none;

}

h3 a {

	color: #333;

	text-decoration: none;

}

h3 a:hover {

	color: #006600;

	text-decoration: none;

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */

	font-family: Georgia, "Times New Roman", Serif;

	font-weight: normal;

	font-size: 20px;

	margin: 0px; padding: 0px;

	color: #555;

}



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

		Header Styles

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

#header {

	background: #FFF url(images/header.jpg) no-repeat;

	margin: 0px auto; padding: 0px;

    width: 960px; height: 110px;

	display: block;

	position: relative;

}

#header .left {

	display: block;

	float: left;

	width: 550px; height: 110px;

	margin: 0px; padding: 0px;

	overflow: hidden;

}

#header .left a {

	display: block;

	float: left;

	width: 550px; height: 110px;

	margin: 0px; padding: 0px;

	text-indent: -9999px;

	overflow: hidden;

}

#header .center {

	display: block;

	float: left;

	width: 100px; height: 60px;

	margin: 0px; padding: 20px;

	overflow: hidden;

}

#header .right {

	display: block;

	float: right; text-align: right;

	width: 270px; height: 110px;

	margin: 0px; padding: 0px;

}

#header .right #toplinks {

	text-align: right;

	color: #999;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	margin: 0px; padding: 32px 25px 0px 0px;

}

#header .right #toplinks a {

	color: #999;

	text-decoration: none;

}

#header .right #toplinks a:hover {

	color: #333;

	text-decoration: none;

}

#header .right #toplinks span.facebook a {

	padding: 0px 0px 0px 17px;

	background: url(images/share/facebook.gif) left 50% no-repeat;

}

#header .right #toplinks span.feed a {

	padding: 0px 0px 0px 10px;

	background: url(images/feed.gif) left 50% no-repeat;

}

#header .right #search {

	text-align: right;

	margin: 0px; padding: 5px 25px 0px 0px;

}

#header .right #search #s {

	width: 165px;

	background: #EEE url(images/search.gif) right 50% no-repeat;

	margin: 0px; padding: 3px 28px 3px 3px;

	border: 1px solid #DDD;

	border-top: 1px solid #999;

	border-left: 1px solid #999;

	color: #666;

}

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

		Horizontal Navigaion Styles

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

/* 

	All top horizontal styles can be found in

	the /css/menu.css file 

*/

	

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

		Container Div

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

#container {

	background: #FFF;

	text-align: left;

    margin: 0px auto; padding: 10px 0px 0px 0px;

    width: 960px;

}



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

		Breadcrumb Nav

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

#breadcrumb {

	padding: 0px 0px 15px 0px;

}

#breadcrumb,

#breadcrumb a {

	color: #999;

	font-size: 11px;

	text-decoration: none;

}

#breadcrumb a:hover {

	color: #333;

	text-decoration: underline;

}



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

		Content Div

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

#content {

	float: left;

	margin: 0px; padding: 0px 5px 10px 10px;

	width: 680px;

	display: block;

	border: 0px solid black;

}



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

		Feature Div

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

#feature {

	display: block;

	float: left;

	width: 680px;

	margin: 0px; padding: 0px 0px 10px 0px;

}

#feature a {

}

#feature a:hover {

}

#feature img {

	display: block; float: left;

	width: 300px;

	margin: 0px; padding: 0px 10px 0px 0px;

}

#feature h3.title {

	font-family: Georgia, "Times New Roman", Serif;

	font-weight: normal;

	margin: 0px; padding: 0px;

}

#feature h3.title a {

	color: #555;

	text-decoration: none;

}

#feature h3.title a:hover {

	color: #006600;

}

#feature .meta {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

}

#feature p {

	font-size: 12px;

	line-height: 18px;

	text-align: justify;

	margin: 0px; padding: 10px 0px 0px 0px;

}



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

		Adsense Under Feature

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

.adsense {

	clear: both;
	border: 1px solid #F2F2F2;
	text-align: center;
	width: 468px;

}


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

		Adsense Under Feature

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

.adsenseSingle {

	clear: both;
	border: 1px solid #F2F2F2;
	text-align: center;
	width: 670px;

}
/*********************************************

		Middle Ad Div

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

#middlead {
	display: block;
	float: right;
	width: 250px;
	margin: 0px 0px; 
	padding: 10px 0px 5px 5px;
	#padding: 3px 0px 5px 5px;;/* override for Microsoft Internet Explorer browsers*/
	font-size: 17px;
}

#middlead a {

	text-decoration: none;

}

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

		Middle Ad2 Div

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

#middlead2 {
	display: block;
	float: right;
	width: 250px;
	margin: 0px 0px; 
	padding: 0px 0px 5px 5px;
	#padding: 3px 0px 5px 5px;;/* override for Microsoft Internet Explorer browsers*/
	font-size: 17px;
}

#middlead2 a {

	text-decoration: none;

}


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

		Left Ad Div

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

#leftad {

	display: block;
	float: left;
	width: 410px;
	margin: 0px 0px;
	border-top: 1px solid #333;

}

#leftad a {

	text-decoration: none;

}

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

		Left Ad2 Div

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

#leftad2 {

	display: block;
	float: left;
	width: 410px;
	margin: 0px 0px;
	font-size: 17px;

}

#leftad2 a {

	text-decoration: none;

}

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

		Post-by-Category Div

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

#categories {

	display: block;

	float: left;

	width: 410px;

	margin: 0px 0px; padding: 10px 10px 10px 0px;

}

#categories .post {

	margin: 0px; padding: 0px 0px 10px 0px;

}

#categories a {

}

#categories a:hover {

}

#categories img {

	display: block;

	float: left;

	width: 100px; height: 75px;

	margin: 0px; padding: 0px 10px 0px 0px;

}

#categories h3.title {

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 16px;

	font-weight: 550;

	margin: 0px; padding: 0px;

}

#categories h3.title a {

	color: #333;

	text-decoration: none;

}

#categories h3.title a:hover {

	color: #006600;

}

#categories .meta {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

}

#categories p {

	font-size: 12px;

	line-height: 17px;

	margin: 0px; padding: 0px;

	text-align: justify;

}



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

		Headlines Div

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

#headlines {
	display: block;
	float: right;
	width: 250px;
	margin: 0px 0px; padding: 10px 0px 0px 5px;
	font-size: 11px;
}

#headlines h3.title {

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 14px;

	font-weight: 550;

	margin: 0px; padding: 0px;

}

#headlines h3.title a {

	color: #333;

	text-decoration: none;

}

#headlines h3.title a:hover {

	color: #006600;

}

#headlines .post {

	clear: both;

	margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;
	
	border-bottom: 1px solid #333;

	/*background: url(images/dot.gif) bottom left repeat-x; */

}

#headlines a {

}

#headlines a:hover {

}

#headlines img {

	display: block;

	float: left;

	margin: 0px; padding: 0px 10px 0px 0px;

}

#headlines .meta {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

}

#headlines p {

	line-height: 17px;

	margin: 0px; padding: 0px;

}



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

		Single Post Styles

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

#post .meta {

	clear: both;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

	margin: 0px; padding: 0px 0px 10px 0px;

}

#post .print {

	background: url(images/share/print.gif) left 50% no-repeat;
	padding-left:20px;
	font-size: 11px;
	border: none;
}

#post .facebook {

	background: url(images/share/facebook.gif) left 50% no-repeat;
	padding-left:20px;
	font-size: 11px;
	border: none;

}

#post .emailpagelink {

	background: url(images/share/email.jpg) left 50% no-repeat;
	padding-left:20px;
	font-size: 11px;
	border: none;

}
#post .comments {
	background: url(images/share/comments.png) left 50% no-repeat;
	padding-left:20px;
	font-size: 11px;
	border: none;
}


/* post subheading styles */

#post h2,

#post h3,

#post h4,

#post h5 {

	clear: both;

	background: none;

	border: none;

	color: #333;

	font-family: Georgia, "Times New Roman", Serif;

	font-weight: normal;

	text-transform: none;

	margin: 0px 0px 10px 0px; padding: 5px 0px;

}

#post h2 {

	font-size: 22px;

}

#post h3 {

	font-size: 20px;

}

#post h4 {

	font-size: 18px;

}

#post h5 {

	font-size: 16px;

}

#post .meta-bottom {

	background: #F2F2F2;

	border-top: 1px solid #333;

	margin: 10px 0px 0px 0px; padding: 10px 10px;

}

#post .meta-bottom .left {

	display: block;

	float: left;

	width: 48%;

}

#post .meta-bottom .right {

	display: block;

	float: right;

	width: 48%;

}



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

		Share Links Styles

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

#share {

	display: block;

	float: right;

	width: 125px;

	margin: 10px 10px 10px 10px; padding: 10px;

	font-size: 11px;

	border: 1px solid #CCC;

	text-transform: uppercase;

}

#share a {

	color: #AAA;

	text-decoration: none;

}

#share a:hover {

	color: #333;

	text-decoration: none;

}

#share ul {

	margin: 0px; padding: 0px;

	list-style-type: none;

}

#share ul li {

	margin: 0px; padding: 0px 0px 0px 20px;

	border-bottom: 1px solid #EEE;

	line-height: 24px;

}

#share ul li.print {

	background: url(images/share/print.gif) left 50% no-repeat;

}

#share ul li.comments {

	background: url(images/share/comments.png) left 50% no-repeat;

}

#share ul li.stumble {

	background: url(images/share/stumble.png) left 50% no-repeat;

}

#share ul li.emailpagelink{

	background: url(images/share/email.jpg) left 50% no-repeat;

}

#share ul li.digg {

	background: url(images/share/digg.gif) left 50% no-repeat;

}

#share ul li.delicious {

	background: url(images/share/delicious.gif) left 50% no-repeat;

}

#share ul li.facebook {

	background: url(images/share/facebook.gif) left 50% no-repeat;

	border: none;

}



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

		Category/Tag/Date Archive Styles

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

.archive #feature {

	/* this just uses the style from the homepage */

	/* no need to reinvent the wheel */

}

.archive h2 {

	clear: both;

}

.archive .adsense {

	margin: 10px 0px;

}

.archive .post {

	clear: both;

	margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;

	background: url(images/dot.gif) bottom left repeat-x;

}

.archive .post a {

}

.archive .post a:hover {

}

.archive .post img {

	display: block;

	float: left;

	width: 100px; height: 100px;

	margin: 0px; padding: 0px 10px 0px 0px;

}

.archive .post h3.title {

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 14px;

	font-weight: normal;

	margin: 0px; padding: 0px;

}

.archive .post h3.title a {

	color: #333;

	text-decoration: none;

}

.archive .post h3.title a:hover {

	color: #006600;

}

.archive .post .meta {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

}

.archive .post p {

	font-size: 12px;

	line-height: 17px;

	margin: 0px; padding: 0px;

	text-align: justify;

}



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

		Author Archive Styles

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

.author .authorbox {

	display: block;

	float: right;

	background: #EEE;

	border: 1px solid #DDD;

	width: 232px;

	margin: 0px 0px; padding: 10px 8px 0px 8px;

	font-size: 11px;

}

.author .authorbox p {

	margin: 0px; padding: 0px 0px 8px 0px;

}

.author .authorbox p.title {

	font-size: 14px;

	font-weight: bold;

}

.author .authorbox img {

	float: left;

	margin: 0px 10px 3px 0px; padding: 0px;

}

.author .posts {

	display: block;

	float: left;

	width: 410px;

	margin: 0px 0px; padding: 0px 10px 10px 0px;

}

.author .posts .post {

	clear: both;

	margin: 0px; padding: 0px 0px 10px 0px;

}

.author .posts a {

}

.author .posts a:hover {

}

.author .posts img {

	display: block;

	float: left;

	width: 125px; height: 75px;

	margin: 0px; padding: 0px 10px 0px 0px;

}

.author .posts h3.title {

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 14px;

	font-weight: normal;

	margin: 0px; padding: 0px;

}

.author .posts h3.title a {

	color: #333;

	text-decoration: none;

}

.author .posts h3.title a:hover {

	color: #006600;

}

.author .posts .meta {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

}

.author .posts p {

	font-size: 12px;

	line-height: 17px;

	margin: 0px; padding: 0px;

	text-align: justify;

}

.author #headlines {

	display: block;

	float: right;

	width: 250px;

	margin: 0px 0px; padding: 10px 0px 0px 5px;

	font-size: 11px;

}

.author #headlines h3.title {

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 12px;

	font-weight: normal;

	margin: 0px; padding: 0px;

}

.author #headlines h3.title a {

	color: #333;

	text-decoration: none;

}

.author #headlines h3.title a:hover {

	color: #006600;

}

.author #headlines .post {

	clear: both;

	margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;

	background: url(images/dot.gif) bottom left repeat-x;

}

.author #headlines a {

}

.author #headlines a:hover {

}

.author #headlines img {

	display: block;

	float: left;

	margin: 0px; padding: 0px 10px 0px 0px;

}

.author #headlines .meta {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

}

.author #headlines p {

	line-height: 17px;

	margin: 0px; padding: 0px;

}



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

		Archive/Blog Page Styles

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

.page-archive .post {

	display: block;

	clear: both;

	margin: 0px; padding: 0px 0px 10px 0px;

}

.page-archive .post a {

}

.page-archive .post a:hover {

}

.page-archive .post img {

	display: block;

	float: left;

	width: 125px; height: 75px;

	margin: 0px; padding: 0px 10px 0px 0px;

}

.page-archive .post h3.title {

	font-family: Georgia, "Times New Roman", Serif;

	font-weight: normal;

	margin: 0px; padding: 0px;

}

.page-archive .post h3.title a {

	color: #555;

	text-decoration: none;

}

.page-archive .post h3.title a:hover {

	color: #006600;

}

.page-archive .post .meta {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color: #888;

}

.page-archive .post p {

	font-size: 12px;

	line-height: 18px;

	text-align: justify;

	margin: 0px; padding: 10px 0px 0px 0px;

}



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

		Search Results Styles

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

.search-results h3.title {

	margin: 0px; padding: 10px 0px 0px 0px;

}

.search-results p {

	margin: 0px; padding: 0px 0px 10px 0px;

}

.search-results p.permalink {

	margin: 0px; padding: 0px;

	color: #999;

	font-size: 12px;

}



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

		Previous/Next Page Navigation

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

.page-nav {

	clear: both; /* To clear any floats */

	margin: 10px 0px;

	padding: 10px 0px;

}

.page-nav a {

	text-decoration: none;

}

.page-nav a:hover{

	text-decoration: underline;

}

.nav-previous {

	width: 249px; 

	float: left; 

	text-align: left;

}

.nav-next {

	width: 249px; 

	float: right; 

	text-align: right;

}



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

		Sidebar Div

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

#sidebar {

	display: block;

	float: right;

	width: 250px;

	margin: 0px 0px; padding: 0px 10px 0px 5px;

	font-size: 12px;

}

#sidebar a {

	text-decoration: none;

}

#sidebar a:hover {

	color: #006600;

	text-decoration: underline;

}

#sidebar .video {

	margin: 0px; padding: 0px 0px 10px 0px;

}

#sidebar .video embed, #sidebar .video object {

	width: 250px; height: 205px;

	margin: 0px; padding: 0px;

}

#sidebar .adsense {

	border: none;

	margin: 10px 0px; padding: 0px;

	width: 250px;

	overflow: hidden;

}

#sidebar .widget {

	margin: 10px 0px; padding: 0px;

}

#sidebar .widget ul {

	list-style-type: disc;

	font-size: 13px;

	margin: 0px; padding: 0px 0px 0px 25px;

}

#sidebar .widget ul li {

	margin: 0px; padding: 0px 0px 5px 0px;

}

#sidebar .widget p,

#sidebar .widget .textwidget {

	line-height: 17px;

	margin: 0px; padding: 0px 0px 10px 0px;

}

#sidebar img {

	text-align: center;

	margin: 5px 0px; padding: 0px;

}





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

		jTabber Styles

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

/* 

	All jTabbers styles can be found in

	the /css/jtabber.css file 

*/



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

		Comment Styles

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

#comments {

	margin: 0px; padding: 0px;

}

#comments .title {

	font-size: 25px;

	margin: 0px; padding: 15px 0px;

}

#comments .even {

	margin: 5px 0px 5px 0px;

	padding: 10px;

	background: #FFF;

	overflow: hidden;

	border: none;

}

#comments .odd {

	margin: 5px 0px 5px 0px;

	padding: 10px;

	background: #F2F2F2;

	overflow: hidden;

	border-bottom: 1px solid #CCC;

	border-top: 1px solid #CCC;

}

#comments .even blockquote {

	background: #F2F2F2;

	border: 1px solid #CCC;

	margin: 10px 0px; padding: 10px;

}

#comments .odd blockquote {

	background: #FFF;

	border: 1px solid #CCC;

	margin: 10px 0px; padding: 10px;

}

#comments .alert {

	background: #fffbd6;

	border: 1px solid #ebe067;

	margin: 5px 0px; padding: 5px;

}

#comments p {

	margin: 0px 0px 10px; padding: 0px;

}

#comments .gravatar {

	display: block;

	float: left;

	width: 85px;

	margin: 0px; padding: 0px 10px 0px 0px;

}

#comments .gravatar img {

	margin: 0px; padding: 3px;

	border: 1px solid #DDD;

}

#comments .comment-text {

	display: block;

	width: 670px;

	margin: 0px; padding: 0px;

	overflow: hidden;

}

#comments #commentform {

	margin: 5px 0px 0px 0px;

	padding: 10px;

	background: #F2F2F2;

	overflow: hidden;

	border: 1px solid #CCC;

}

#comments #commentform #author,

#comments #commentform #email,

#comments #commentform #url {

	width: 300px;

	margin: 0px 0px 5px 0px; padding: 5px;

}

#comments #commentform #comment {

	width: 645px;

	margin: 10px 0px 15px 0px; padding: 5px;

}





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

		Footer Styles

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

#footer {

	display: block;

	clear: both;

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	margin: 0px; padding: 0px;

	background: #000;

	color: #FFF;

	text-align: center;

}

#footerwrap {

	background: #333;

	width: 940px;

	height: 40px; line-height: 40px;

	margin: 0px auto; padding: 0px 10px;

	text-align: left;

}

#footer a {

	color: #FFF;

	text-decoration: underline;

}

#footer a:hover {

	color: #FFF;

	text-decoration: underline;

}