/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#FFF;
	font:0.75em Helvetica, Arial, sans-serif; color:#6b747f; line-height:18px;
}

blockquote {
	margin:0 auto; padding:10px 20px;
	width:80%;
	background:#f2fbfe;
	-moz-border-radius:10px; -webkit-border-radius:10px;
}

img {
	margin:0; padding:0;
	border:0;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

@font-face {
	font-family:'Nevis';
	src:url('fonts/nevis.eot');
	src:local('nevis Bold'),
		local('nevis-Bold'),
		url('fonts/nevis.woff') format('woff'), 
		url('fonts/nevis.ttf') format('truetype'), 
		url('fonts/nevis.svg#nevis Bold') format('svg');
}


@font-face {
	font-family:'Bebas';
	src:url('fonts/Bebas.eot');
	src:local('Bebas'),
		url('fonts/Bebas.woff') format('woff'), 
		url('fonts/Bebas.ttf') format('truetype'), 
		url('fonts/Bebas.svg#Bebas') format('svg');
}

h1#logo {
	margin:0; padding:0;
	width:182px; height:71px;
	float:left;
}

	h1#logo a {
		width:182px; height:71px;
		background:url(images/sprite.png) no-repeat -388px -208px;
		display:block; text-indent:-9999em; outline:0;
	}

h2 {
	font:bold 2.17em Helvetica, Arial, sans-serif; color:#1ca5d8;
}

	h2 a {
		color:#1ca5d8;
	}
	
	#col-left .box h2 {
		font-size:1.0em; font-weight:bold; color:#4b4b4b;
		text-align:center;
	}
	
		#col-left .box h2 img {
			margin:0 0 0 5px;
			vertical-align:middle;
		}
		
	.post h2 {
		margin:0 0 8px; padding:0;
		color:#1ca5d8;
		display:block;
	}
	
		.post h2 a {
			color:#1ca5d8;
		}
		
	#col-right h2 {
		margin:0;
		font:1.33em Nevis, Helvetica, Arial, sans-serif; color:#808080;
		text-transform:uppercase;
	}
	
	h2.pagetitle {
		margin-top:4px; padding:12px 5px 9px;
		font:1.83em Nevis, Helvetica, Arial, sans-serif; color:#808080; text-transform:uppercase;
		background:url(images/post.gif) no-repeat bottom center;
	}

h3 {
	margin:20px 0;
	font-size:1.65em;
}

	h3#comments, #respond h3 {
		margin:30px 0; padding:0 0 0 28px;
		font:bold 1.83em Helvetica, Arial, sans-serif; color:#d95454;
		background:url(images/sprite.png) no-repeat 2px -410px;
	}

	#footer h3 {
		margin:0 0 20px; padding:0;
		font:1.333em Bebas, Helvetica, Arial, sans-serif; color:#b9b9b9;
		text-shadow:#FFF 0 1px 0;
	}

h4 {
	font-size:1.50em;
}

h5 {
	font-size:1.25em;
}

a:link, a:active, a:visited {
	color:#555555; text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Header
/* -------------- */

.tagline {
	margin:13px 0 0; text-indent:-9999em;
	width:420px; height:45px;
	background:url(images/sprite.png) no-repeat -182px 0;
	float:right;
}

#navigation ul li a {
	width:auto; height:46px;
	display:block; text-indent:-9999em; outline:0;
	background:url(images/sprite.png) no-repeat;
}

	#navigation ul li a.submit-image {
		width:154px;
		background-position:0 -70px;
	}
	#navigation ul li a.submit-image:hover { background-position:0 -116px; }
	#navigation ul li a.submit-image.active { background-position:0 -162px; }
	
	#navigation ul li a.random-image {
		width:166px;
		background-position:-154px -70px;
	}
	#navigation ul li a.random-image:hover { background-position:-154px -116px; }
	#navigation ul li a.random-image.active { background-position:-154px -162px; }
	
	#navigation ul li a.home {
		width:102px;
		background-position:-320px -70px;
	}
	#navigation ul li a.home:hover { background-position:-320px -116px; }
	#navigation ul li a.home.active { background-position:-320px -162px; }
	
	#navigation ul li a.login {
		width:94px;
		background-position:-422px -70px;
	}
	#navigation ul li a.login:hover { background-position:-422px -116px; }
	
	#navigation ul li a.register {
		width:116px;
		background-position:-516px -70px;
	}
	#navigation ul li a.register:hover { background-position:-516px -116px; }
	
	#navigation ul li a.logout {
		width:95px;
		background-position:-422px -162px;
	}
	#navigation ul li a.logout:hover { background-position:-517px -162px; }

/* Content
/* -------------- */	
	
/* Col Left */

a.rss-feed {
	margin:5px auto; padding:0;
	width:114px; height:43px;
	background:url(images/sprite.png) no-repeat -104px -208px;
	display:block; text-indent:-9999em; outline:0;
}	

.post .date {
	margin:0px 0 15px; display:block;
	font:bold 1.05em Helvetica, Arial, sans-serif; color:#adabad;
	float:left; line-height:10px;
}

/* Col Middle */

.permalink a {
	font-weight:bold;
	padding:0 0 0 17px; display:block;
	background:url(images/sprite.png) no-repeat center left;
}

.permalink a {
	background-position:-620px -171px;
	color:#90b83b;
}

.comment-body .author {
	padding:10px 12px 9px;
	font:bold 1.33em Helvetica, Arial, sans-serif; color:#1ca5d8;
}

	.comment-body .author a {
		color:#1ca5d8;
	}

	.comment-body .author span, .comment-body .author .reply a {
		font:normal 0.75em Helvetica, Arial, sans-serif; color:#a0b7c0;
	}
	
.comment-body p {
	margin:10px;
}

#commentform p label, .wpcf7 p label {
	margin:0 0 3px;
	font-weight:bold; color:#4b4b4b;
}

	#commentform p em, .wpcf7 p em {
		margin:0 0 0 8px;
		font:italic 1.00em Georgia, "Times New Roman", serif; color:#a7a7a7;
	}

		#commentform p label span, #commentform p em span, .wpcf7 p label span, .wpcf7 p em span {
			color:#d95454;
		}
		
.icon-navigation a {
	width:21px; height:21px;
	background:url(images/sprite.png) no-repeat;
	display:block; text-indent:-9999em;
	float:left; outline:0;
}

	.icon-navigation a.prevPage {
		margin:0 6px 0 18px;
		background-position:0 -21px;
	}
	
		.icon-navigation a.prevPage.disabled {
			background-position:0 0;		
		}
		
	.icon-navigation a.prevPage:hover {
		opacity:0.75;
	}
		
	.icon-navigation a.nextPage {
		background-position:-21px -21px;
	}
	
		.icon-navigation a.nextPage.disabled {
			background-position:-21px 0;		
		}
		
	.icon-navigation a.nextPage:hover {
		opacity:0.75;
	}

/* Col Right */

#col-right .box .title p {
	margin-top:5px;
	font:0.92em Helvetica, Arial, sans-serif; color:#5a5955;
	line-height:17px;
}

#col-right .box ul li a, #popular-list li a {
	font-weight:bold; color:#535353;
	margin:0; display:block;
	line-height:12px;
}

	#col-right .box ul li span, #popular-list li span {
		margin:3px 0 0;
		font-size:0.88em; color:#9e9e9e;
		line-height:12px; display:block;
	}

#col-right .box ul li a:hover, #popular-list li a:hover {
	color:#6d6d6d; text-decoration:none;
}

/* Footer
/* -------------- */

#footer ul li a {
	font:0.92em Helvetica, Arial, sans-serif; color:#6f6f6f;
}

#footer ul li a:hover {
	color:#4e4e4e; text-decoration:none;
}

.copyright {
	font:italic 1.00em Georgia, "Times New Roman", serif; color:#6F6F6F;
	text-shadow:#FFF 0 1px 0;
}
	
/* Misc
/* -------------- */

.input, .wpsb_form_txt, .wpcf7 input, .wpcf7 textarea {
	margin:0; padding:8px 10px;
	background:#FFF; border:1px solid #ededed;
	-moz-border-radius:1px; -webkit-border-radius:1px;
	font:italic 0.92em Georgia, "Times New Roman", serif; color:#9e9e9e;
}

.radio {
	font:italic 0.92em Georgia, "Times New Roman", serif; color:#9e9e9e;
}

#s, #s-footer, #s-sidebar {
	font:italic 0.92em Georgia, "Times New Roman", serif; color:#9E9E9E;
}

.hidden {
	display:none;
}

.navigation a {
	font-weight:bold; color:#9ca2a4; font-size: 20px;
}

.navigation.single {
	color:#1ca5d8;
}

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

.container {
	margin:0 auto; padding:0;
	width:1000px; height:auto;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

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

/* Clearfix */

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

.clearfix {
    display:inline-block;
}

html[xmlns] .clearfix {
    display:block;
}

* html .clearfix {
    height:1%;
}

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

#top-ad {
	margin:0; padding:10px 0;
	background:#f4f4f4;
	border-bottom:1px solid #ededed;
}

	#top-ad .ad {
		margin:0 auto; padding:2px 2px 4px;
		width:728px;
		display:block;
		background:#FFF url(images/top-ad.gif) no-repeat bottom center;
	}

#header {
	margin:27px 0 0;
}
	
	#navigation {
		margin:12px 0 0; clear:both;
		background:url(images/navigation.gif) repeat-x bottom center;
		height:46px;
	}
	
		#navigation ul {
			margin:0; padding:0;
			list-style:none;
		}
		
			#navigation ul li {
				float:left;
				height:46px;
			}

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

#content {
	margin:53px 0 0;
}

	#col-left {
		margin:0 0 25px;
		width:160px; float:left;
	}
	
		#col-left .box {
			margin:0 0 4px; padding:4px;
			background:#f5f5f5;
		}
		
			#col-left .box .inner {
				margin:0; padding:10px;
				background:#FFF;
				border:1px solid #e9e9e9;
			}
				
				#wpsb_email {
					width:110px;
				}
				
				#signup, .wpsb_form_btn {
					margin:15px auto 5px; padding:0;
					width:104px; height:38px;
					background:url(images/sprite.png) no-repeat 0 -208px;
					border:0; display:block; cursor:pointer;
				}
				
				.left-ad, .right-ad {
					margin:0px 0 0; padding:0 0 2px;
					border-bottom:1px solid #e7e7e7;
				}
	
	#col-middle {
		margin:0 0 25px; float:left;
		width:650px;
	}
	
		.post {
			margin:0 0 20px; padding:0 0 2px;
			background:url(images/post.gif) no-repeat bottom center;
		}
		
			.rating {
				padding:0; margin:0 0 5px;
			}
		
			.post-ratings {
				margin-top:-1px !important;
				width:200px !important; float:left;
			}
			
			.post .zoom {
				position:relative; display:block;
				overflow:hidden;
			}
			
				.post .zoom span.magnify {
					width:60px; height:60px;
					position:absolute; bottom:0; right:0;
					display:block;
					z-index:100;
					background:url(images/magnify.png) no-repeat bottom right;
				}
				
				.post .zoom:hover {
					text-decoration:none;
				}
		
			.postmetadata {
				padding:2px 0 10px;
			}
			
				ul.share {
					margin:0; padding:0;
					list-style:none;
					float:left;
				}
				
					ul.share li {	
						margin:0 27px 0 0;
						float:left;
						height:16px;
					}
					
						ul.share li a:hover img {
							opacity:0.75;
						}
					
				.comment-count, .permalink {
					display:inline; float:right;
				}
				
		.post.single {
			margin:0;
		}
				
		.navigation {
			margin:0 0 0;
		}
		
		.navigation.single {
			margin:0 0 25px; padding:0 0 3px;
			background:url(images/post.gif) no-repeat bottom center;
			clear:both;
		}
		
			.navigation.single .divider {
				height:100%;
				background:url(images/gray.gif) repeat-y 50% 0;
			}
			
			.navigation.single .alignleft, .navigation.single .alignright {
				padding:12px 52px;
				width:200px;
				text-align:center;
			}
		
		.icon-navigation {
			float:right; width:70px;
		}
		
		.commentslist {
			margin:0; padding:0;
			list-style:none;
			border-bottom:1px solid #efefef;
		}
		
		.commentslist .children {
			list-style:none;
		}
		
			.commentslist li {
				margin:0;
			}
			
				.commentslist li .comment {
					margin:0 0 30px;
				}
			
					.commentslist li .gravatar {
						position:relative;
						width:69px; height:69px;
						float:left;
					}
					
						.commentslist li .gravatar a {
							display:block;
							width:59px; height:59px;
							border:5px solid #000; opacity:0.20;
							position:relative; z-index:100;
							text-indent:-9999em;
						}
					
						.commentslist li .gravatar img {
							position:absolute; top:0; left:0;
						}
						
					.commentslist li .comment-body {
						margin:0 0 0 88px;
					}
					
						.comment-body .author {
							background:#f2fbfe;
							border-top:1px solid #edf6f9;
						}
						
		#commentform p, .wpcf7 p {
			margin:0 0 20px;
		}
						
			#commentform .input, .wpcf7 input, .wpcf7 textarea, .wpcf7 .file-upload {
				margin:0; padding:5px 10px;
				width:245px;
				background:#FFF url(images/input.gif) repeat-x top center;
				border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;
				border-top:1px solid #c7c7c7; border-bottom:1px solid #f6f6f6;
			}
			
				#commentform p label, .wpcf7 p label {
					display:block;
				}
				
			#commentform textarea.input, .wpcf7 textarea {
				width:450px;
			}
			
			#commentform #submit, .wpcf7 #contact-us input, .wpcf7 #submit-content input {
				margin:0; padding:0;
				width:170px; height:43px;
				background:url(images/sprite.png) no-repeat -218px -208px;
				border:0; cursor:pointer;
			}
			
			.wpcf7 #contact-us input {
				background-position:-400px -280px;
			}
			
			.wpcf7 #submit-content input {
				background-position:-400px -323px;
			}
			
			.wpcf7-mail-sent-ok {
				border:2px solid #84ad27 !important;
			}
			
			span.wpcf7-not-valid-tip {
				top:-8px !important; left:0 !important;
				margin:0 !important; padding:5px 10px !important;
				width:245px !important;
			}
			
			.wpcf7-form-control-wrap {
				width:245px !important;
			} 
	
	#col-right {
		margin:0 0 25px;
		width:300px; float:right;
	}
	
		.right-ad {
			margin:0 0 18px;
		}
		
		.searchform {
			width:297px; height:43px;
			background:url(images/sprite.png) no-repeat 0 -251px;
		}
		
			.searchform #go, .searchform #go-footer, .searchform #go-sidebar {
				margin:6px 0 0 10px;
				float:left;
			}
			
			.searchform #s, .searchform #s-footer, .searchform #s-sidebar {
				margin:13px 25px 0 0;
				width:228px; float:right;
				border:0; background:none;
			}
			
		#col-right .box {
			margin:20px 0 0; padding:24px 0 0;
			background:url(images/box-right.gif) no-repeat top center;
		}
			
			#col-right .box .inner {
				padding:0 0 24px;
				background:transparent url(images/box-right.gif) no-repeat bottom center;
			}
			
				#col-right .box .inner .title {
					padding:5px 28px 7px;
					background:url(images/box-right-title.gif) no-repeat bottom center;
				}
				
				#col-right .box .inner ul, #popular-list {
					margin:0; padding:0 8px;
					list-style:none;
				}
				
					#col-right .box .inner ul li, #popular-list li {
						padding:12px 22px 8px;
						border-bottom:1px solid #f4f3f2;
					}
					
					#col-right .box .inner ul#popular li a, #popular-list li a {
						padding:0 22px 0 45px;
						background:url(images/sprite.png) no-repeat -602px -232px;
					}
					
					#col-right .box .inner ul#top-rated li a {
						padding:0 22px 0 45px;
						background:url(images/sprite.png) no-repeat -604px -319px;
					}
					
					#col-right .box .inner ul#archives li a {
						padding:0 22px 0 40px;
						background:url(images/sprite.png) no-repeat -605px -405px;
					}
					
/* 05 - FOOTER
/* ----------------------------------------------*/

#footer {
	padding:45px 0 50px;
	background:#f7f7f7;
	border-top:1px solid #eeeeee;
}

	#footer .col {
		margin:0 75px 0 0;
		float:left;
	}
	
		#footer ul {
			margin:0; padding:0;
			list-style:none;
		}
		
			#footer ul li {
				margin:0 0 3px;
			}
	
	#footer .col.last {
		margin:0;
	}
	
	#footer #searchform-footer.col {
		margin:0 100px 0 0;
		width:297px;
	}

