﻿/*
Theme Name: Skateboarding Photo
Theme URI: http://infocentre.com
Description: Theme Designed by Alex Borton @ <a href="infocentre.com" target="_blank">infocentre.com</a>
Version: 1
Author: Alex Borton - Infocentre Ltd
Author URI: http://infocentre.com
*/


html { overflow-y: scroll } 
body { font-family:Arial, Helvetica, sans-serif; font-size:small; text-align:left; background:#0C0C0C url('images/backgrounds/main_bg.jpg') no-repeat 0 150px ; color:#FFFFFF; padding:0px; margin:0px;}
a {	color:#818181; text-decoration:none; } a:hover { color:#333333; .border-bottom:1px #333333 dotted; } p { margin: 5px 0px 5px 0px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

a img { border:0px } a:hover img { border-bottom: 0px; border-style:none;  }

#wrapper { width:980px; margin:0px auto 0px auto; }

#title_banner_wrap { 
	height: 65px;
	background: #FFFFFF url('images/backgrounds/title_bg.png') repeat-x;
	}
	#title_wrap {
		width:980px;
		margin:0px auto 0px auto;
		height:65px;
		}
			.logo {
				float:left;
				position:relative;
				top:15px;
				left:0px;
				z-index:1000;
				}
			.title {
				position:relative;
				top:55px;
				left:-0px;
				float:left;
				z-index:0;
				}
				.sign-up {
					float: right;
					width:320px;
					margin:10px 5px 0px 0px;
					position:relative;
					top:5px;
					}
				h4 {
					font-size:8pt;
					font-style:italic;
					color:#131313;
					font-weight:normal;
					margin:0px;
					padding:0px 0px 10px 3px;
					}
				.sign-up-form {
					.position:relative;
					.top:-20px;
					}
				#confirmation {
					padding: 10px 0px 0px 0px;
					color:#FFFFFF;
					float:right;
					font-size:7pt;
					}
#nav_banner_wrap {
	height:65px;
	background: #FFFFFF ;
	margin:0;
	padding:0;
	}
	#nav_wrap {
		width:980px;
		margin:0px auto 0px auto;
		}
		#nav {
			position:relative;
			left:0px;
			.left:117px;			
			top:33px;
			.top: 36px;
			letter-spacing:-1px;
			}
			ul#nav_tabs {
				list-style-type:none;
				list-style:none;
				margin:0px;
				padding:0px;
				position:relative;
				}
				ul#nav_tabs li {
					float: left;
					list-style-type:none;
					list-style:none;
					text-align:center;
					padding:5px 3px 5px 3px;
					}
					ul#nav_tabs li.current_page_item a {
						color:#FFFFFF;
						background:#0C0C0C;
						}
					ul#nav_tabs li.current_page_item a:hover {
						color:#87AEFF;
						background:#0C0C0C;
						}					
						ul#nav_tabs li a {
							font-style:normal;
							font-weight:bold;
							font-size:13pt;
							padding:5px 10px 7px 10px;
							color:#FFFFFF;
							background:url('images/tab.png') repeat-x;
							}
						ul#nav_tabs li a:hover {
							color:#87AEFF;
							background:#0C0C0C;
							}
							.rss_icon {
								position:relative;
								float:left;
								left:-3px;
								.left: 115px;
								top: 33px;
								}
								.twitter_icon {
									position:relative;
									float:left;
									bottom:1px;
									.bottom:4px;
									} 
								.sv_watermark {
									width:200px;
									height:200px;
									position:relative;
									z-index:1000;
									left: 400px;
									top:-20px;
									}
#main_body {
	float:left;
	width:620px;
	font-weight:bold;
	font-size:12pt;
	}
	#blog_result {
		background: url('images/backgrounds/results_background.png');
		margin:10px 0px 10px 0px;
		float:left;
		padding:10px;
		width:490px;
		}
		#result a {
			color:#666666;
			font-style:normal;
			}
			#result a:hover {
				color:#FFFFFF;
				}
				#result h3 {
					font-size:26pt;
					letter-spacing:-3px;
					margin:5px 0px 5px 0px;
					background:#FFFFFF;
					color:#131313;
					text-align:center;
					line-height:26pt;
					}
					#result h2 {
						font-size: 15pt;
						color:#E5E5E5;
						letter-spacing:-1px;
						margin:10px 0px 2px 0px;
						}
						.description {
							color:#FFFFFF;
							font-size:10pt;
							margin:3px 0px 0px 0px;
							line-height:13pt;
							}
							.description br {
								line-height:7pt;
								}
								.updated {
									color:#C0C0C0;
									font-style:normal;
									font-size:9pt;
									text-align:right;
									}
									.seperate {
										background:url('images/seperator.png') no-repeat;
										height:33px;
										}
										#blog_result img {
											height:auto;
											border:2px #FFF solid;
											width:486px;
											}
											#blog_result ul.commentlist img {
												width:32px;
												height:32px;
												border:0;
												}
												#blog_result .comment {
													padding-bottom:35px;
													background:url('images/seperator.png') no-repeat center bottom;
													font-size:9pt;
													text-align:right;
													color:#C0C0C0;
													}
													#blog_result ul.commentlist {
														margin: 0;
														padding:0;
														text-align:left;
														}
														#blog_result ul.commentlist li {
															margin: 0;
															padding:0;
															padding-bottom:35px;
															background:url('images/seperator.png') no-repeat center bottom;
															list-style-type:none;
															text-align:left;
															}
	#photo_result {
		background: url('images/backgrounds/results_background.png');
		margin:10px 0px 10px 0px;
		float:right;
		width:85px;
		padding:5px 5px 5px 10px;
		border-left: 2px #777777 solid;
		overflow:hidden;
		}
		#photo_result h2 {
			font-size: 12pt;
			letter-spacing:0;
			}
			#photo_result .updated {
				font-size:8pt;
				font-style:normal;
				}
				#photo_result h3 {
					font-size: 12pt;
					line-height:12pt;
					letter-spacing:-1px;
					width:80px;
					}
					#photo_result .description {
						background: none;
						padding:0;
						}
						#photo_result .updated {
							}
							#photo_result img {
								border: 2px #FFF solid;
								margin:0 auto 0 auto;
								height:auto;
								}
								#photo_result .comment {
									background:url('images/seperator.png') no-repeat center bottom;
									padding-bottom: 20px;
									color:#C0C0C0;
									font-size:8pt;
									text-align:right;
									}
	#blog_result_single {
		background: url('images/backgrounds/results_background.png');
		margin:10px 0px 10px 0px;
		float:left;
		padding:10px;
		width:610px;
		}
		#blog_result_single img {
			border: 2px #FFF solid;
			margin:0 auto 0 auto;
			height:auto;
			}

	#cse-search-results {
		background: #0C0C0C;
		padding:10px;
		}
	#body_padding {
		background: url('images/backgrounds/results_background.png');
		margin:10px 0px 10px 0px;
		padding:10px;
		}
		ul.archive_list {
			list-style: none;
			list-style-type:none;
			display:block;
			margin:0px 0px 0px 10px;
			}
			ul.archive_list li {
				list-style-type:none;
				list-style:none;
				margin:5px;
				}
				h3 {
					font-size:24pt;
					letter-spacing:-2px;
					margin:5px 0px 5px 0px;
					}
	.loading {
		background:url('images/loading_circle.gif') no-repeat 100px -140px;
		height:30px;
		padding:10px 0px 0px 0px;
}
#right_col_wrap {
	float:right;
	width:350px;
	position:relative;
	z-index:1000;
	top:-50px;
	}
	.right_col_top {
		height:11px;
		background: url('images/backgrounds/right_coloumn_top.png');
}
	.right_col_bottom {
		height:11px;
		background:url('images/backgrounds/right_coloumn_bottom.png');
}
	.right_col_mid_wrap {
		background: url('images/backgrounds/right_coloumn_mid.png');
}
		.right_col_content {
			width: 333px;
			}
			.ad_box_wrap_left {
				margin: 0px 3px 0px 18px;
				float:left;
				width:156px;
				}
				.ad_box_left a img, .ad_box_right a img {
					border:3px #878787 solid;
					margin:0px 0px 4px 0px;
					}
			.ad_box_wrap_right {
				width:150px;
				float:left;
				}
					.ad_box_right a:hover img, .ad_box_left a:hover img {
						border: 3px #FFFFFF solid;
						}
			.banner_ad {
				width: 310px;
				margin: 0 3px 3px 18px;
				}
					.banner_ad a img {
						border: 3px #878787 solid;
						}
							.banner_ad a:hover img {
								border: 3px #FFF solid;
								}
				.google_ads {
					padding: 0px 0px 0px 26px; 
					overflow:visible;
					width:316px;
					height:270px;
					}
			.about_us {
				padding:10px 0px 10px 23px;
				}
				.about_us h1 {
					font-size:15pt;
					letter-spacing:-1px;
					margin:0px;
					}
			.links_liked {
				padding:10px 0px 10px 23px;
				}
			.polling {
				padding:10px 0px 10px 23px;
				}
				iframe#poll {
					border:none;
					padding:0;
					margin:0;
					position:relative;
					top:-13px;
					height:210px;
					}
#footer_wrap {
	background: #FFFFFF url('images/backgrounds/footer_bg.png') repeat-x 50% bottom;
	text-align:left;
	}
	#footer {
		width:980px;
		margin:0px auto 0px auto;
		color:#131313;
		}
		.footer_links {
			width:450px;
			padding:0px 10px 20px 10px;
			float:left;
			}
			.twitter_feed {
				width:225px;
				padding:0px 10px 20px 10px;
				float:left;
				}
				.twitter_top {
					background: url('images/backgrounds/twitter_bg_top.png');
					height:10px;
					}
				.twitter_bottom {
					background: url('images/backgrounds/twitter_bg_bottom.png');
					height:10px;
					}
					.camcorder {
						float: left;
						background: url('images/digital_slr.png') no-repeat;
						width:210px;
						height:220px;
						position:relative;
						top:-80px;
						left:10px;
}
#tab_wrap {		
	position:fixed;
	top:40%;
	right:0;
	width:42px;
	z-index:10000;
	}
	#tab_inner {
		background: url('images/backgrounds/tab_bg.png') repeat-y;
		padding:0 3px 0 7px;
		line-height:3px;
		}
		.tab_top {
			background: url('images/backgrounds/tab_bg_top.png') no-repeat;
			height:10px;
			width:42px;
			}
			.tab_bottom {
				background: url('images/backgrounds/tab_bg_bottom.png') no-repeat;
				height:10px;
				width:42px;
				}
	
h1 {
	font-size:25px;
	letter-spacing:-2px;
	margin: 5px 0px 5px 0px;
	}
	h1.main {
		font-size:36pt;
		letter-spacing:-5px;
		color:#FFFFFF;
		font-weight:normal;
		font-family:Arial;;
		margin:0px;
		}
h2 {
	font-size:24px;
	letter-spacing:-2px;
	margin:5px 0px 5px 0px;
}
.clear { clear:both; } .clear_l { clear:left; } .clear_r { clear:right; }

.blue { color: #091833 ;}

span.label,span.spacer,span.multiple span { width:150px; float:right;} 
span.multiple {float:right;} 
span.button { color: #FFFFFF; text-align:center; margin:0px 0px 0px 3px; position:relative; top:-5px;} 
div.clear {clear:both;padding-top:5px;} 
.subscribe_input { float:left; } .subscribe_tag { float:left; padding:3px; font-size:7pt; color:#131313; }.subscribe_line_wrap { margin: 0px ;}

#cse-search-box { margin:0px 0px 0px 10px; padding:10px 0px 0px 23px ;}
input.search {position: relative; top: -12px; .top:-10px; width:200px;}

table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
#restart{
display:none;
}
#loadingZone{
width:410px;
margin:0px auto 0px auto;
}
#loadingBar{
border:1px solid #313131;
height:40px;
text-align:left;
line-height:0;
margin:0;
padding:0;
overflow:hidden; /*fix for IE 6*/
}
#progressBar{
height:40px;
line-height:0;
margin:0;
padding:0;
background: url('images/loading_bar.jpg');
width:0%;
}
#loadingSms{
color:#C0C0C0;
float:left;
padding:10px 2px;
}
#infoProgress{
color:#C0C0C0;
float:right;
padding:10px 2px;
}
#infoLoading{
padding:10px;
color:#C0C0C0;
font-size:10px;
}
#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	padding:10px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
.error {
	color: #FF0000;
}

.tweet {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #085258; }
.tweet .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding:0px;
	background: url('images/backgrounds/twitter_bg_mid.png') repeat-y; }
.tweet .tweet_list li {
	overflow: auto;
	padding:  2px 10px 2px 10px; }
.tweet .tweet_list li a {
	color: #0C717A; }
.tweet .tweet_list .tweet_even {
	background: #ededed; 
	padding: 2px 5px 2px 5px;
	margin:0px 5px 0px 6px 
}
.tweet .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left; }
.tweet .tweet_list .tweet_avatar img {
	vertical-align: middle; }
textarea {
	width: 100%;
}
