/*  
Theme Name: PR Blogger
Theme URI: http://prblogger.com
Description: Designed by Matt Brett for Stephen Davies.
Version: 2.0
Author: Matt Brett
Author URI: http://mattbrett.com
*/

/* GLOBAL TAG MANIPULATION
----------------------------------------------------------------------------------------------------*/

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;	
}

img {
	border: 0px;
}




input, textarea {
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #eeeeee;
	background-color: #000000;
	border: 1px solid #666666;
	padding: 1px 3px;
}


/* STRUCTURE
----------------------------------------------------------------------------------------------------*/


body {
	margin: 0px;
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #eeeeee;
	text-decoration: none;
	text-align: center;
	background-color: #000000;
}

#top {
	position: relative;
	min-height: 150px;
  height:auto !important;
  height: 150px;
	background: #e81c24 url(bg-top.jpg) repeat-x center bottom;
}

#mid {
	float: left;
	width: 100%;
	min-height: 300px;
	height:auto !important;
	height: 300px;
	background: url(bg-mid.jpg) repeat center top;
}

.inner {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}

#mid-container {
	float: left;
	width: 100%;
	background: url(recent-articles.gif) no-repeat 570px 5%;
}

#bottom {
	clear: both;
	float: left;
	width: 100%;
	min-height: 375px;
  height: auto !important;
  height: 375px;
	
}

#bottom-row1 {
	float: left;
	width: 100%;
	min-height: 168px;
  height: auto !important;
  height: 168px;
	margin: 30px 0px;
	/*background: url(bg-bottom-row1.gif) no-repeat left top;	*/
}

#bottom-row2 {
	position: relative;
	clear: left;
	min-height: 150px;
  height: auto !important;
  height: 150px;
	margin: 0px 0px 0px 0px;
	//background: url(bg-bottom-row2.gif) no-repeat left top;	
}

#footer {
	clear: left;
	position: relative;
	min-height: 75px;
  height: auto !important;
  height: 75px;
	top: 40px;
	padding: 0px;
	border-top: 1px solid #333333;
}



/* HEADER
----------------------------------------------------------------------------------------------------*/

#header-left {
	float: left;
	width: 50%;
}

#header-right {
	position: relative;
	float: right;
	width: 50%;
}

#header-wink {
	position: absolute;
	top: 25px;
	left: 284px;
	width: 88px;
}

#header-subscribe {
	text-align: right;
	margin-top: 30px;
}

#header-search {
	text-align: right;
	margin-top: 20px;
}

#header-search input {
	vertical-align: middle;
}

#header-search-field {
	width: 160px;
	margin: 0px;
	padding: 1px 2px;
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #eeeeee;
	background-color: #000000;
	border: 1px solid #9d0a0e;
}




/* HEADERS
----------------------------------------------------------------------------------------------------*/

#header-logo {
	position: relative;
	top: 10px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 135%;
	width: 475px;
	height: 122px;
}

#header-logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(logo.gif) no-repeat;
}



/* NAV
----------------------------------------------------------------------------------------------------*/

#nav {
	position: absolute;
	bottom: 0px; 
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav li {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
}

#nav li a {
	display: block;
	padding: 5px 10px;
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#nav li a:hover {
	color: #ffffff;
}

#nav li.current_page_item a {
	color: #810507;
	background-color: #000000;
}

#nav li.current_page_item a:hover {
	color: #ffffff;
}



/* FEATURED/RECENT ARTICLES
----------------------------------------------------------------------------------------------------*/




#featured {
	float: left;
	width: 550px;
	padding: 20px 0px;
}

#recent-articles {
	float: right;
	width: 320px;
	padding: 20px 0px 0px 0px;
}

.recent-articles-date {
	float: left;
	color: #999999;
	font-size: 90%;
}

.recent-articles-comments {
	float: right;
	color: #999999;
	font-size: 90%;
}

.recent-articles-comments a {
	padding-right: 17px;
	background: url(icon-comment.gif) no-repeat right center;
	line-height: 12px;
}



/* HOMEPAGE MODULES
----------------------------------------------------------------------------------------------------*/

#moblog {
	float: left;
	display: inline;
	width: 215px;
	height: 160px;
	margin: 0px 0px 0px 50px;
}

#moblog-image {
	width: 215px;
	height: 138px;
	overflow: hidden;
	border: 1px solid #000000;
}

#moblog-image:hover {
	border: 1px solid #fff799;
}

#flickrfeed {
	float: left;
	display: inline;
	width: 215px;
	margin: 0px 0px 0px 65px;
}

#flickrfeed a img {
	border: 1px solid #000000;
}

#flickrfeed a:hover img {
	border: 1px solid #fff799;
}

.flickrfeed-photo {
	float: left;
	display: inline;
	width: 65px;
	height: 65px;
	margin: 0px 0px 6px 4px;
	padding: 0px;
}

#recent-comments {
	float: left;
	display: inline;
	width: 325px;
	margin: 0px 0px 0px 75px;
}

.recent-comments-comment {
	clear: both;
	margin-bottom: 11px;
}

.recent-comments-comment img {
	float: left;
	width: 25px;
	height: 25px;
	margin: 4px 10px 0px 0px;
	border: 1px solid #000000;
}

.recent-comments-comment h1 {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	color: #fbaf5d;
	font-weight: normal;
}

.recent-comments-comment h1 a:link, .recent-comments-comment h1 a:visited, .recent-comments-comment h1 a:active {
	color: #fbaf5d;
	text-decoration: none;
}

.recent-comments-comment h1 a:hover {
	color: #fbaf5d;
	text-decoration: underline;
}

.recent-comments-comment h2 {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	color: #999999;
	line-height: 11px;
}

#quicklinks {
	float: left;
	display: inline;
	width: 500px;
	margin: 0px 0px 0px 45px;
}

.quicklink {
	float: left;
	width: 220px;
	height: 48px;
	overflow: hidden;
	margin: 0px 0px 10px 5px;
	padding: 10px;
	border: 1px solid #111111;
	background-color: #000000;
}

.quicklink:hover {
	border: 1px solid #222222;
	background-color: #111111;
}

.quicklink h1 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
	color: #acd373;
	margin: 0px;
	padding: 0px;
}	

.quicklink h1 a:link, .quicklink h1 a:visited, .quicklink h1 a:active {
	color: #acd373;
	text-decoration: none;
}	

.quicklink h1 a:hover {
	color: #acd373;
	text-decoration: underline;
}

.quicklink p {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 16px;
}

#quicklinks-feed {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 11px;
	top: 42px;
}

#onmyipod {
	float: left;
	display: inline;
	width: 330px;
	margin: 0px 0px 0px 65px;
}

#onmyipod a img {
	border: 1px solid #000000;
}

#onmyipod a:hover img {
	border: 1px solid #8dc63f;
}

#onmyipod p {
	float: left;
	display: inline;
	width: 65px;
	height: 65px;
	margin: 0px 0px 14px 14px;
	padding: 0px;
}



/* CONTENT
----------------------------------------------------------------------------------------------------*/

.content h1 {
	font-size: 200%;
	font-weight: normal;
	color: #de1a21;
	margin: 0px;
	padding: 0px;
}	

.content h1 a:link, .content h1 a:visited, .content h1 a:active, .content h2 a:link, .content h2 a:visited, .content h2 a:active, .content h3 a:link, .content h3 a:visited, .content h3 a:active {
	color: #fff799;
	text-decoration: none;
}	

.content h1 a:hover, .content h2 a:hover, .content h3 a:hover {
	color: #fff799;
	text-decoration: underline;
}

.content h2 {
	font-size: 150%;
	font-weight: normal;
}	

.content h3 {
	font-size: 90%;
	font-weight: bold;
	color: #999999;
	margin: 0px 0px 18px 0px;
	padding: 0px;
}	

.content p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
	line-height: 18px;
	text-align: justify;
}

.content p a:link, .content p a:visited, .content p a:active, .content li a:link, .content li a:visited, .content li a:active, #flickrfeed a:link, #flickrfeed a:visited, #flickrfeed a:active {
	color: #fff799;
	text-decoration: none;
}	

.content p a:hover, .content li a:hover, #flickrfeed a:hover {
	color: #fff799;
	text-decoration: underline;
}

.content ul {
	margin: 0px 0px 20px 10px;
	padding: 0px;
	list-style: square;
}

.content li {
	margin: 5px 0px 10px 10px;
	padding: 0px;
	color: #666666;
	list-style: square;
}

.content input {
	width: 200px;
}	

.contactright {
	margin: 5px 0px 15px 0px;
}

.content label {
	color: #999999;
}

.content textarea {
	width: 300px;
}

.contact-numbers {
	float: right;
	width: 120px;
	padding: 15px 15px 0px 15px;
	text-align: left;
	background-color: #111111;
	border: 1px solid #333333;
}

.moblog-archive {
	float: left;
	display: inline;
	width: 48%;
	margin-right: 1%;
}



/* SIDEBAR
----------------------------------------------------------------------------------------------------*/

.sidebar h1 {
	font-size: 200%;
	font-weight: normal;
	color: #de1a21;
	margin: 0px;
	padding: 0px;
}	

.sidebar h2 {
	clear: both;
	font-size: 110%;
	font-weight: normal;
	color: #fff799;
	margin: 0px;
	padding: 0px;
}	

.sidebar h2 a:link, .sidebar h2 a:visited, .sidebar h2 a:active {
	color: #fff799;
	text-decoration: none;
}	

.sidebar h2 a:hover {
	color: #fff799;
	text-decoration: underline;
}

.sidebar h3 {
	font-size: 90%;
	font-weight: bold;
	color: #999999;
	margin: 0px 0px 18px 0px;
	padding: 0px;
}	

.sidebar p {
	margin: 0px 0px 18px 0px;
	padding: 0px;
}

.sidebar p a:link, .sidebar p a:visited, .sidebar p a:active, .sidebar li a:link, .sidebar li a:visited, .sidebar li a:active {
	color: #fff799;
	text-decoration: none;
}	

.sidebar p a:hover, .sidebar li a:hover {
	color: #fff799;
	text-decoration: underline;
}

.sidebar ul {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}

.sidebar li {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style: none;
	color: #999999;
}



/* COMMENTS
----------------------------------------------------------------------------------------------------*/

#comments-list {
	float: left;
	width: 550px;
	padding: 20px 0px 0px 0px;
}

#comment-form {
	float: right;
	width: 320px;
	padding: 20px 0px 0px 0px;
}

.comments h1 {
	font-size: 150%;
	font-weight: normal;
	color: #999999;
	margin: 0px;
	padding: 0px;
}	

.comments h1 a:link, .comments h1 a:visited, .comments h1 a:active, .comments h2 a:link, .comments h2 a:visited, .comments h2 a:active, .comments h3 a:link, .comments h3 a:visited, .comments h3 a:active, .comments p a:link, .comments p a:active, .comments p a:visited {
	color: #fbaf5d;
	text-decoration: none;
}	

.comments h1 a:hover, .comments h2 a:hover, .comments h3 a:hover, .comments p a:hover {
	color: #fbaf5d;
	text-decoration: underline;
}

.comments h2 {
	font-size: 125%;
	font-weight: normal;
	color: #DDDDDD;
	margin: 0px;
	padding: 0px;
}	

.comments h3 {
	font-size: 90%;
	font-weight: bold;
	color: #999999;
	margin: 0px 0px 18px 0px;
	padding: 0px;
}	

.comment {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
	border-bottom: 1px solid #333333;
}

.gravatar {
	float: right;
	display: inline;
	border: 1px solid #000000;	
}


/* FOOTER
----------------------------------------------------------------------------------------------------*/

#footer p {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 85%;
	color: #999999;
}

#footer p a:link, #footer p a:visited, #footer p a:active {
	color: #cccccc;
	text-decoration: none;
}

#footer p a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer-left {
	float: left;
	width: 40%;
}

#footer-right {
	float: right;
	width: 60%;
	text-align: right;
}


.video  {
border: 1px solid #999999;
background-color: #FFFFFF;

}