/*

Theme Name: R and P Design
Theme URL: http://www.randpdesign.co.uk/blog
Description: 'R and P Design's Blog for documenting projects and day to day life by Rob Prior'
Author: Rob Prior
Version: '0.8'

*/

body {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	background: url(images/background.jpg) repeat;
}
   
ol, ul {
	list-style: none;
}

a {
	-webkit-transition-property: color;
	-webkit-transition-duration:.8s;
	-webkit-transition-timing: linear;
	
	-moz-transition-property: color;
	-moz-transition-duration:.8s;
	-moz-transition-timing: linear;
	
	-o-transition-property: color;
	-o-transition-duration:.8s;
	-o-transition-timing: linear;
	
	transition-property: color;
	transition-duration:.8s;
	transition-timing: linear;
}

@font-face {
  font-family: 'londonbetween';
  src: url('fonts/LondonBetween.eot');
  src: local('☺'),
         url('fonts/LondonBetween.ttf') format('truetype');
}

@font-face {
  font-family: 'londonmm';
  src: url('fonts/LondonMM.eot');
  src: local('☺'),
         url('fonts/LondonMM.ttf') format('truetype');
}

/* Main Styles */


#wrap {
	width: 960px;
	margin: 0 auto;
}

.container {
	width: 960px;
	margin: 0 auto;
}

/* header */

#header {
	width: 960px;
	height: 198px;	
	margin: 0 auto;
	background-image: url(images/header.jpg);
}

#header-container {
	width: auto;
	background: url(images/header-repeat.jpg) repeat-x;
}

h1 {
	 text-indent: -9999px;
}

#logo {
	width: 416px;
	height:  191px;
	float: left;	
	background-image: url(images/logo.png);
	position: absolute;
	margin-left: 18px;
}

/* Main Content */

#main {
	 clear: both;
	 overflow: hidden;
}

#main #home {
	 float: left;
	 width: 960px;
	 height: 500px;
	 text-align: center;
}

#primary {
	border-left:1px solid #b6b4b4;
	float:left;
	margin-top:50px;
	padding-left:40px;
	width:620px;
	margin-left: -1px;
}

#sidebar {
	float: left;
	width: 150px;
	padding-right: 40px;
	padding-left: 50px;
	margin-top:60px;
	border-right:1px solid #b6b4b4;
}

#main #primary .post-item {
	overflow: hidden;
	padding-top:10px;
}

#sidebar li {

margin-bottom: 8px;

}


/* @group next and prev buttons */

#morePrev a {
	color:black ;
	background: #edaf24;
	padding: 4px 4px 4px 4px;
}

a.more-link {
	padding-top: 5px;
	color: #D93527;
	font-weight: bold;
	text-decoration: none;
}

a.more-link:hover {
	text-decoration: none;
	color: #a7261b;
}


/* @end */

/* @group page stuff */

.info_date {
	float:left;
	height:180px;
	width:310px;
}

.title {
	padding-top: 10px;
}

.title h2 a {
	color: black;
	text-shadow: white 1px 1px 0;
	text-decoration: none;
	font: 36px londonbetween, Helvetica, Verdana, Arial;
	line-height: 40px;
		
}

.title h2 a:hover {
	text-decoration: none;
	border: none;
	color: #6a6a6a;
}


.title_image {
	display: block;
	float: left;
	overflow:hidden;
	padding:0 10px;
	border: none;
}

.post_image {
	display: block;
	overflow:hidden;
	border: 7px solid white;
	max-width: 594px;
	max-height: 594px;
	overflow: hidden;
	-moz-box-shadow:0px 0px 6px #AAA7A9;
	-webkit-box-shadow:0px 0px 6px #AAA7A9;
	box-shadow:0px 0px 6px #AAA7A9;	
	position: relative;
	left: 5px;
	
	-webkit-transition-property: shadow;
	-webkit-transition-duration:.5s;
	-webkit-transition-timing:ease-out;
	
	-moz-transition-property: -moz-box-shadow;
	-moz-transition-duration:.5s;
	-moz-transition-timing:ease-out;
	
	-o-transition-property: box-shadow;
	-o-transition-duration:.5s;
	-o-transition-timing:ease-out;
	
	transition-property: box-shadow;
	transition-duration:.5s;
	transition-timing:ease-out;
}

.post_image:hover {
	-moz-box-shadow:0px 0px 6px #5C5C5C;
	-webkit-box-shadow:0px 0px 6px #5C5C5C;
	box-shadow:0px 0px 6px #5C5C5C;
}

.wp-caption-text {
	font-weight: bold;
	margin-bottom: 20px;
}

.post-item img {
	display:block;
}

.date {
	float:left;
	padding-top: 8px;
}

.date h5 {
	color: #5a5a5a;
	font-family:londonbetween, Helvetica, Verdana, Arial;
	font-size:14px;
	font-weight:normal;
	text-shadow:none;
	text-transform: uppercase;
}

.post-item h2 {
	text-transform: uppercase;
}

.post-item h2 a:hover {
	color: #69696A;
	text-decoration: none;
}

.post-item p.meta {
 	color: white;
 	font-size: 11px;
 	font-style: normal;
 	padding: 4px;
 	margin-left: 234px;
 	margin-bottom: 14px;
 	margin-top: 4px;
 	max-width: 250px;
 	min-width: 100px;
 	text-decoration: none;
}

.post-item p {
	font-size: 14px;
	line-height: 1.6;
	color: #262626;
 	text-decoration: none;
 	text-shadow: #f7f7f7 1px 1px 0;
 	padding: 15px;
}

.post-item a {
	color: #6d3a7f;
	text-decoration: none;
	font-weight: bold;
}

.post-item a:hover {
	color: #8D4DA4;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 2px solid #8D4DA4;
}

.post-item ul {
	list-style-position: inside;
	list-style-image: url(images/bullet_image.jpg);
}

.post-item li {
	padding-left: 12px;
	font-size: 14px;
	line-height: 1.6;
	color: #262626;
 	text-decoration: none;
 	text-shadow: #f7f7f7 1px 1px 0;
	
}

blockquote {
	color: #252525;
	font-weight: bold;
	font-style: italic;
	margin-left: 14px;
	border-left: 7px solid #6d3a7f;
	background-color: #F1F1F1;
	width: 582px;
	padding-left: 10px;
}
	
	
blockquote p:before {
	content: '"';
	font-size: 34px;
	padding-right: 8px;
	font-style: italic;
}
	
blockquote p:after {
	content: '"';
	font-size: 34px;
	padding-left: 8px; 
	font-style: italic;
}


#page_content {
	padding-top: 30px;
	padding-bottom: 20px;
}

#page_content a {
	color: #6d3a7f;
	text-decoration: none;
	font-weight: bold;
}

#page_content a:hover {
	color: #8D4DA4;
}

#page_content p {
	 color: #252525;
}

.page_style {
	color: white;
}

/* @end */

/* @group search bar */

input:focus, input:hover {
 	border: 1px solid silver;
	background-color: silver;
}

input {
 	border: 1px solid gray;
 	padding: 4px;
	background-color: gray;
}

/* Search Box */

#searchsubmit {
	display: block;
	background: url(images/search_button.jpg) no-repeat 0 0;
	cursor:pointer;
	float:left;
	height:30px;
	width:30px;
	text-indent: -9999px;
	border:1px solid #242424;
}

#searchsubmit:hover {
	background: url(images/search_button.jpg) no-repeat -30px 0;
	border-color: #262626;
}

#s {
	background-color:transparent;
	border:1px solid silver;
	color: #70aa22;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:20px;
	width:110px;
}

#s:hover, #s:focus {
	border-color: #262626;
}

#rss {
	margin-left:1025px;
	margin-top:-118px;
	position:absolute;
}

#rss a:hover {
	border-bottom: 5px solid #252525;
	padding-bottom: 5px;
}

/* @end */

/* @group widget/sidebar */

.widget {
 	overflow: hidden;
}

.widget h2 {
 	font-size: 14px;
	font-weight: bold;
	color: black;
	line-height: 1.4;
	text-shadow: #f7f7f7 1px 1px 0;
	margin-bottom:6px;
	margin-top:25px;
}

#widget ul li {
 	border-bottom: 1px solid #bbbbbb;
 	border-top: 1px solid white;
}

#widget ul li:first-child, {
 	border-top: none;
}

#widgettitle {
}

#widget ul li:last-child, {
 	border-bottom: none;
}

.widget a {
	font-size: 12px;
	color: #262626;
	padding-bottom: 6px;
	text-decoration: none;
	line-height: 1.4;
}

.widget a:hover {
	padding-bottom: 1px;
	border-bottom: 2px solid #252525;
}

/* @end */

/* @group single page setup */

body.single div.post-item p {
}

.single div.post ul {
	color: #edaf24;
}

/* @end */

/* @group comment form and system */

.comment-body a {
	color: #268fbd;
	font-weight: bold;
	text-decoration: none;
}

.comment-body a:hover {
	color: #2ca3d7;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 2px solid #2ca3d7;
}

.cancel-comment-reply small {
	line-height: 0;
}


#comments_template {
	margin-top: 5px;
	clear:  both;
	margin-bottom: 20px;
	overflow: hidden; 
	position: relative;
	width:610px;
	margin-left: 5px;
}

#comments_template h3{
	background:none repeat scroll 0 0 #A3A5A5;
	font-size:16px;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-left:15px;
	padding-top:20px;
	text-shadow:none;
}


#comments_template h4{
	padding-bottom: 5px;
}

#comments_template p {
}


#comments_template li {
	border-bottom:1px solid #B6B4B4;
	clear:left;
	overflow:hidden;
	padding:10px 10px 0 15px;
}

#comments_template li:first-child {
	border-top:  none;
}

#comments_template li:last-child {
	border-bottom: none;
}

#commentform {
	width: 569px;
	padding-left: 10px;
}

#commentform a {
	font-weight: bold;
	color: #252525;
	text-decoration: none;
}

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


ol.commentlist { 
	list-style:none; 
	text-indent:0; 
	line-height: 2; 
	font-size: 11px; 
}

ol.commentlist li {
}

ol.commentlist li.alt {
}

ol.commentlist li.bypostauthor {

}

ol.commentlist li.byuser {
	background: #cfcfcf url(images/small_logo.png) no-repeat 555px 12px;
}

ol.commentlist li.comment-author-admin {
	background: #c8c8c8 url(images/small_logo.png) no-repeat 555px 12px;
}

ol.commentlist li.comment { 
	border-bottom:1px dotted #666; 
	padding:1em; 
}

ol.commentlist li div.comment-author {
		
	}

ol.commentlist li div.vcard { 
	font:normal 16px georgia,times,serif; 
}

ol.commentlist li div.vcard cite.fn { 
	line-height: 2;
	padding-right:14px;
	color: #252525;
	font-family: Verdana, Geneva, sans-serif;
 	text-decoration: none;
 	text-shadow: white 1px 1px 0;
	font-weight: bold;
	margin-top: 5px; 
	
}

ol.commentlist li div.vcard cite.fn a.url {
	font-size:14px;
	font-weight: bold;
	line-height: 2;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
}

ol.commentlist li div.vcard img.avatar { 
	padding: 4px; 
	border:1px solid #7e7e7e; 
	float:left; 
	margin:10px 18px 10px 10px; 
}

ol.commentlist li div.vcard img.avatar-32 {
	width:40px;
	height: 40px;
}

ol.commentlist li div.vcard img.photo {}

ol.commentlist li div.vcard span.says {
 	display:none;
}
 
.cancel-comment-reply {
	margin-left: 20px;
}

.reply {
}

#comment-author vcard a {
	font-size: 14px;
}

ol.commentlist li div.comment-meta  {
	color: #7e7e7e ;
	font: 11px londonbetween, Helvetica, Verdana, Arial;
}

ol.commentlist li div.comment-meta a { 
	color:#7e7e7e; 
	font-weight:normal;
}

ol.commentlist li div.comment-meta a:hover { 
	color:#252525; 
	border-color: #252525;
}

ol.commentlist li p { 
	font-size:12px; 
	margin:0 0 1em; 
	padding-top: 10px; 
	padding-bottom: 5px;
	padding-right: 15px; 
}

ol.commentlist li ul { 
	font-size:11px; 
	list-style:square; 
	margin:0 0 1em 2em; 
}

ol.commentlist li div.reply { 
	font-size:11px;
	padding-left: 68px;
}

ol.commentlist li div.reply a { 
	font-weight:bold; 
	font-size: 11px; 
	padding-left: 10px;
}

ol.commentlist li ul.children { 
	list-style:none; 
	margin-left: 68px; 
	padding-top: 20px; 
	text-indent:0; 
}

ol.commentlist li ul.children li { 
	padding-left: 40px; 
}

ol.commentlist li ul.children li.depth-2 { 
	border-left: 1px dashed #680707; 
	margin:0 0 .25em .25em; 
}

ol.commentlist li ul.children li.depth-3 { 
	border-left:1px dashed #edaf24;
	border-bottom: none; 
	margin:0 0 .25em .25em; 
}

ol.commentlist li ul.children li.depth-4 { 
	border-left:1px dashed #680707; 
	margin:0 0 .25em .25em; 
}

ol.commentlist li ul.children li.even {
}

ol.commentlist li ul.children li.odd { }

ol.commentlist li.even {}

ol.commentlist li.odd { 
}

ol.commentlist li.parent {}

ol.commentlist li.pingback { 
	border-bottom:1px dotted #666; 
	padding:1em; 
}

ol.commentlist li.thread-alt {}

ol.commentlist li.thread-even {}

ol.commentlist li.thread-odd {
}

#respond {
	font-size: 18px;
	border-top: 1px solid #b6b4b4;
}

#respond h3 {
	background:none repeat scroll 0 0 #222222;
	color:white;
	margin-top:20px;
	padding-top:20px;
	text-shadow:none;
}

#author{
	background:none repeat scroll 0 0 #DDDCDC;
	color:#252525;
	font-size:13px;
	font-weight:bold;
	margin:10px 0 20px;
	padding:7px;
	border:1px solid #a9a9a9;
}

#author:hover {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #9a9a9a;
}

#author:focus {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #707070;
}

#wp-email{
	background:none repeat scroll 0 0 #DDDCDC;
	color:#252525;
	font-size:13px;
	font-weight:bold;
	margin:10px 0 20px;
	padding:7px;
	border:1px solid #a9a9a9;
}

#wp-email:hover {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #9a9a9a;
}

#wp-email:focus {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #707070;
}

#url{
	background:none repeat scroll 0 0 #DDDCDC;
	color:#252525;
	font-size:13px;
	font-weight:bold;
	margin:10px 0 20px;
	padding:7px;
	border: 1px solid #a9a9a9;
}

#url:hover {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #9a9a9a;
}

#url:focus {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #707070;
}

#comment {
	margin: 10px 10px 20px 0;
  	background-color: #dddcdc;
 	width: 450px;
	float: left;
	font-size:13px;
	font-weight:bold;
	color:#252525;
	padding:7px;
	text-shadow:none;
	border: 1px solid #a9a9a9;
}

#comment:hover {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #9a9a9a;
}

#comment:focus {
	-moz-box-shadow:0px 0px 4px #AAA7A9;
	-webkit-box-shadow:0px 0px 4px #AAA7A9;
	box-shadow:0px 0px 4px #AAA7A9;
	border-color: #707070;
}

a.url  {
	color: #252525;
	text-shadow:1px 1px white;
	text-decoration: none;
}

a.url:hover {
	text-decoration: none;
}

small {
	color:black;
	line-height:5;
	padding-left:10px;
	position:absolute;
	text-shadow:1px 1px white;
}



#submit {
	padding: 10px;
	margin: 10px 0 5px 0px;
	background-color: #2D2D2D;
	color: #fbfbfb;
	border: none;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
}

#submit:hover {
	background-color: #121212;

	}


#recentcomments {
	padding: 3px 0 3px 0;
	margin: 0% 4%;
}

#recentEntries ul li a {
 	font-size: 12px;
}

.numComments p {
	margin-top: -6px;
}

.numComments a {
	font-size: 14px;
	padding-right:15px;
	color: #262626;
 	text-decoration: none;
 	text-shadow: #f7f7f7 1px 1px 0;
	font-weight: bold;
}

.numComments a:hover {
	text-decoration: none;
	border: none;
}

.numComments  {
	height:34px;
	width: 590px;
	text-align: right;
	padding-top: 13px;	
	margin-bottom: 40px;
	margin-top: 10px;
	border-top: 1px solid #b6b4b4;
	background: url(images/date_grad.jpg) no-repeat;
	background-position: bottom;
}

.amount {
	background:none repeat scroll 0 0 #242424;
	color:white;
	font-family:londonmm,Futura,Helvetica,Verdana,Arial;
	font-size:18px;
	font-weight:normal;
	padding:8px 10px 4px;
	text-shadow:none;
	margin-left: 8px;
	margin-right:-17px;
}

/* @end */

/* @group footer */

/* Footer */

#footer-container {
	width: auto;
	background: #101010 url(images/footer-repeat.jpg) repeat-x;
}

#footer {
	width: 960px;
	padding-bottom: 30px;
}

.footer_content {
	margin-top: 120px;
	margin-left: 50px;
	width: 260px;
	float: left;
}

.footer_content_form {
	margin-top: 120px;
	margin-left: 40px;
	width: 560px;
	float: left;
}


.footer_bottom {
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 20px;
	width: 860px;
	float: left;
	border-top: 1px solid gray;
}

/* @end */

/* @group plugins */

.addthis {
	margin-top:30px;
	position:absolute;
	z-index: 9999;
}

.addthis_container a img {
	margin-top:30px;
	position: relative;
	z-index: 9999;
	float: left;
	margin-bottom: 10px;
	margin-left:13px;
}

#get_recent_comments_wrap li {
	padding-bottom: 8px;
}

#get_recent_comments_wrap a {
	font-weight: bold;
	color: #b3352a;
}
#get_recent_comments_wrap a:hover {
	color: #DD4539;
	border-color: #DD4539;
	text-decoration: none;
}

#get_recent_comments_wrap {
	font-size: 12px;
	line-height: 1.6;
	color: #262626;
}


/* @end */

/* New stuf from R and P Design CSS File */

/* @group Headings */



h1 {
	text-indent: -9999px;
	font: 20px bold;
}

h2 {
	color: silver;
	font-size: 12px;
	line-height: 1.4;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: black;
	line-height: 1.4;
	text-shadow: #f7f7f7 1px 1px 0;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #262626;
	padding-bottom: 6px;
	text-shadow: #f7f7f7 1px 1px 0;
}

h5 {
	font-size: 18px;
	font-weight: bold;
	color: #f5f5f5;
	text-shadow: #262626 1px 1px 0;
}

h6 {
	font-size: 14px;
	font-weight: bold;
	color: #f5f5f5;
}

/* @end */

/* @group Text Styles */

p {
	font-size: 12px;
	line-height: 1.6;
	color: #262626;
}

.foot {
	color: silver;
}

.right {
	float: right;
}

.left {
	float: left;
}

.thanks {
	margin-left: 10px;
	font-size: 14px;
}

.form_title {
	text-align: right;
	padding-right: 12px;
}


.quote {
	font-size: 12px;
	line-height: 1.6;
	color: #262626;
	font-style: italic;
}

.commenter {
	font-size: 12px;
	line-height: 1.6;
	color: #262626;
	float: right;
	font-weight: bold;
	text-shadow: #f7f7f7 1px 1px 0;
}

.strong {
	font-weight: bold;
	text-shadow: #f7f7f7 1px 1px 0;
}

.bold {
	font-weight: bold;
}



.copyright {
	color: #f5f5f5;
	font-size: 10px;
	padding-top: 4px;
}

/* @end */

/* @group Top Navigation */

  

ul.topnav {  
    padding-top: 90px;
    float: right;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	padding-right: 25px;
}  

ul.topnav li {  
    float: left; 
    padding-right: 40px;  
}  

ul.topnav li a {  
    font-size: 18px; 
    color: #252525;  
    text-decoration: none;
	text-shadow: #f7f7f7 1px 1px 0;
}  

ul.topnav li.current a {
	color: black;
	padding-bottom: 5px;
	border-bottom: 5px solid #252525;
}

ul.topnav a:hover {
	color: black;
	padding-bottom: 5px;
	border-bottom: 5px solid #3b3b3b;
}

ul.topnav li.web a {
	border-color: #DD4539;
}

ul.topnav .web a:hover {
	border-color: #ba392f;
}

ul.topnav li.motion a {
	border-color: #8BC53E;
}

ul.topnav .motion a:hover {
	border-color: #72a533;
}

ul.topnav li.design a {
	border-color: #29ABE1;
}

ul.topnav .design a:hover {
	border-color: #3994c5;
}

ul.topnav li.blog a {
	border-color: #8D4DA4;
}

ul.topnav .blog a:hover {
	border-color: #6d3a7f;
}

/* @end */

/* @group Lists and Links */

ul.list {
	font-size: 12px;
	line-height: 1.8;
}


ul.list li:first-line {
	color:#404040;
}

ul.projects {
	font-size: 12px;
	font-size /*\**/: 11px\9;
	line-height: 2;
	list-style: none;
}



ul.projects li {
	float: left;
	margin-right: 6px;
	margin-right  /*\**/: 12px\9;
}

ul.projects li a {
	color: silver;
	text-decoration: none;
	list-style: none;
}

ul.projects li a:active {
	position: relative;
	top: 1px;
}

ul.projects .web {
	color: #DD4539;
	list-style-type: square;
	list-style-position: inside;
}

ul.projects .motion {
	color: #8BC53E;
	list-style-type: square;
	list-style-position: inside;
}

ul.projects .design {
	color: #29ABE1;
	list-style-type: square;
	list-style-position: inside;
}

ul.projects .web a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #DD4539;
}

ul.projects .motion a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #8BC53E;
}

ul.projects .design a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #29ABE1;
}

ul.projects a:hover {
	color: #aeaeae;
}

.validator a {
	font-size: 10px;
	text-align: right;
	text-decoration: none;
	color: silver;
}

.validator a:hover {
	color: #d8d8d8;
}

.mail a {
	font-size: 12px;
	text-align:	left;
	text-decoration: none;
	color: #f0f0f0;
}

.mail a:hover {
	color: white;
}

.web_link a {
	font-weight: bold;
	text-decoration: underline;
	color: #262626;
}

.web_link a:hover {
	color: #ba392f;
}

.web_link a:active {
	position: relative;
	top: 1px;
}

.motion_link a {
	font-weight: bold;
	text-decoration: underline;
	color: #262626;
}

.motion_link a:hover {
	color: #72a533;
}

.motion_link a:active {
	position: relative;
	top: 1px;
}

.design_link a {
	font-weight: bold;
	text-decoration: underline;
	color: #262626;
}

.design_link a:hover {
	color: #3994c5;
}

.design_link a:active {
	position: relative;
	top: 1px;
}


/* @end */

/* @group Connections */

#connections {
	position: absolute;
	margin-top: 211px;
	margin-left: 26px;
}

.icons {
	list-style: none;
}

.icons img {
	border: none;
}

/* @end */

/* @group Graphic floating pixels */

#blocks_top_left {
	width: 180px;
	height: 146px;
	position: absolute;
	left: 0;
	background: url(images/blocks_top_left.png) no-repeat;
}

#blocks_top_right {
	width: 210px;
	height: 88px;
	position: absolute;
	right: 0;
	background: url(images/blocks_top_right.png) no-repeat;
}

#blocks_footer_left {
	width: 150px;
	height: 88px;
	position: absolute;
	left: 0;
	background: url(images/blocks_footer_left.png) no-repeat;
}

#blocks_footer_right {
	width: 150px;
	height: 88px;
	position: absolute;
	right: 0;
	background: url(images/blocks_footer_right.png) no-repeat;
	z-index: 10;
}

#footer-pixels {
	height: 119px;
	width: 158px;
	float: right;
	margin-left: 780px;
	background: url(images/footer-pixels.png) no-repeat;
	position: absolute;
}



/* @end */

/* @group Next and Prev Buttons */

.rollover_prev {
	list-style-type: none;
	float: left;
	font-size: 12px;
	padding-left: 19px;
	letter-spacing: 1px;
	margin-left: -20px;
}

.rollover_next {
	list-style-type: none;
	float: right;
	font-size: 12px;
	padding-right: 19px;
	letter-spacing: 1px;
	margin-right: -20px;
}

.rollover_prev a {
	display: block;
	overflow: hidden;
	height: 24px;
	width: 178px;
	text-align: center;
	color: silver;
	background: url(images/rollover_prev.png) no-repeat 0 -24px;
	text-decoration: none;
	line-height: 1.9;
}

.rollover_prev a:hover {
	background: url(images/rollover_prev.png) 0 0 no-repeat;
	color: #e3e3e3;
}

.rollover_prev a:active {
	background: url(images/rollover_prev.png) 0 -48px no-repeat;
	color: #d7d7d7;
}

.rollover_next a {
	display: block;
	overflow: hidden;
	height: 24px;
	width: 178px;
	text-align: center;
	color: silver;
	background: url(images/rollover.png) no-repeat 0 -24px;
	text-decoration: none;
	line-height: 1.9;
}

.rollover_next a:hover {
	background: url(images/rollover.png) 0 0 no-repeat;
	color: #e3e3e3;
}

.rollover_next a:active {
	background: url(images/rollover.png) 0 -48px no-repeat;
	color: #d7d7d7;
}

/* @end */

/* @group Contact Form */

.contact_form {
	background-image: url(images/contactform.png);
	width: 540px;
	height: 201px;
	overflow: hidden;
	padding-top: 65px;
	padding-left: 18px;
	float: left;
}

textarea { 
	border: 1px solid silver;
	padding: 6px;
	margin-top: 39px;
	margin-left: 6px;
	width: 235px;
	height: 111px;
	color: #464243;
	font: normal 14px Helvetica, Arial, Geneva, sans-serif;
	background-color: #f4f4f4;
	text-shadow: #f7f7f7 1px 1px 0;
}

.message {
	width: 260px;
	max-width: 260px;
	max-height: 170px;
	top: -170px;
	right: 20px;
	height: 170px;
	background-image: url(images/message_box.png);
	margin-bottom: 20px;
	float: right;
	position: relative;
}

.email {
	background-image: url(images/email_bar.png);
	width: 260px;
	height: 40px;
	margin-bottom: 8px;
}

.name {
	background-image: url(images/name_bar.png);
	width: 260px;
	height: 40px;
	margin-bottom: 8px;
}

.subject {
	background-image: url(images/subject_bar.png);
	width: 260px;
	height: 40px;
}

input#email, input#name, input#subject {
	padding: 6px;
	margin-left: 75px;
	width: 165px;
	height: 14px;
	margin-top: 6px;
	background-color: #f4f4f4;
	border: 1px solid silver;
	color: #464243;
	font: normal 14px Helvetica, Arial, Geneva, sans-serif;
	text-shadow: #f7f7f7 1px 1px 0;
}

input#email:hover,  input#name:hover, input#subject:hover, textarea:hover  {
	border: 1px solid gray;
}

input#email:focus,  input#name:focus, input#subject:focus, textarea:focus {
	border: 1px solid gray;
	background-color: #fafafa;
}


.submit input {
	border: 0;
	font-size: 12px;
	background: #3B3B3B;
	padding: 6px 9px;
	color: #FFFFFF;
	cursor: pointer;
	left: 237px;
	top: 3px;
	position: relative;
	float: right;
	letter-spacing: 1px;
}
	
.submit input:hover {
	color: #f5f5f5;
	background-color: #272727;

	}
	
.submit input:active {
	background-color: #080808;

	}

/* Additional CSS for PHP form Errors */

#note {
	height:40px;
	margin-left:28px;
	margin-top:206px;
	position:absolute;
	width:430px;
}

.notification_error
{
	color:#DD4539;
	font-size:10px;
	line-height:1.5;
	position:relative;
}

.notification_ok
{
	color:#3994C5;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	margin-left:96px;
	margin-top:-89px;
	position:absolute;
	text-align:center;
}

/* @end */

/* @group Top Slide Section */

/* Google Feed Styling */


#openBtn  {
	background:url(images/live_feed.png) no-repeat scroll 0 -50px transparent;
	cursor:pointer;
	display:block;
	float:right;
	height:50px;
	top:0;
	right: 0;
	position: absolute;
	width:96px;
	z-index:9999;
}

#openBtn:hover {
	background: transparent url(images/live_feed.png) no-repeat scroll 0 0;
}


#callBack  {
	background: url(images/topbackground.jpg) repeat-x scroll 0 0;
	color:#FFFFFF !important;
	display:none;
	font-size:10px;
	height:280px;
	width:100%;
	border-bottom: 5px solid white;
}

#top_left {
	margin-left: 51px;
	width: 260px;
	float: left;
}

#top_middle {
	margin-left: 39px;
	width: 600px;
	float: left;
}

#top_right {
	margin-left: 39px;
	width: 260px;
	float: left;
}

/* Google Feed Styling */


#top_left .gfc-resultsHeader  {
	border: none;
	margin-bottom:5px;
	width:100%;
}

#top_left .gfc-result .gf-title {
	font: 16px londonbetween, Helvetica, Verdana, Arial;
	font-weight:bold;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	text-shadow:1px 1px black;
	color: #ba392f;
	padding-top: 8px;
}

#top_left .gf-title:hover {
	color: #DD4539;
}

#top_left .gf-snippet {
	font-size: 12px;
	line-height: 1.5;
	text-shadow: 1px 1px black;
	padding-bottom: 6px;
}

#top_left .gf-spacer {
	display: none;
}

#top_left .gf-relativePublishedDate {
	line-height: 2.2;
	color: #a2a2a2;
	text-transform: uppercase;
}

#top_left .gf-author {
	display: none;
}

#top_middle .gf-result {
	width: 260px;
	float: left;
	padding-right: 39px;
}

#top_middle .gfc-resultsHeader  {
	border: none;
	margin-bottom:5px;
	width:100%;
}

#top_middle .gfc-result .gf-title {
	font-size:13px;
	font-weight:bold;
	height:auto;
	overflow:hidden;
	padding-bottom:4px;
	text-decoration:none;
	text-shadow:1px 1px black;
	color: #72a533;
	padding-top: 5px;
}

#top_middle .gf-title:hover {
	color: #8BC53E;
}

#top_middle .gf-snippet {
	font-size: 12px;
	line-height: 1.5;
	text-shadow: 1px 1px black;
	padding-bottom: 15px;
	height: 50px;
}

#top_middle .gf-spacer {
	display: none;
}

#top_middle .gf-relativePublishedDate {
	display: none;
}

#top_middle .gf-author {
	display: none;
}


/* @end */