/*
Theme Name: Fifa-Tricks
Theme URI: http://fifa-tricks.com
Description: Custom Wordpress-powered theme for Fifa-Tricks.com
Version: 1.0
Author: Gary Rae
Author URI: http://garyrae.com/

*/

body {
	background: url(images/bg.gif) repeat-x top left #111213;
	color: #656b72;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

a,
a:link,
a:visited {
	color: #c81328;
	text-decoration: underline;
}
a:hover {
	color: #333;
}

/* *** global *** */
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
}
img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
}

/* *** header *** */
#header {
	background: url(images/header.gif) no-repeat center right #1a1e26;
	height: 133px;
	margin: 0 auto;
	width: 942px;
}
	#header h1 {
		background: url(images/logo.gif) no-repeat center center;
		float: left;
		height: 69px;
		margin: 34px 0 0 32px;
		width: 198px;
	}
		#header h1 a {
			display: block;
			height: 69px;
			text-indent: -9999px; outline: none;
		}

/* *** wrapper *** */
#wrapper {
	background: url(images/sidebar.gif) repeat-y top right #FFF;
	margin: 0 auto;
	width: 942px;
}
	/* *** main content *** */
	#content {
		float: left;
		padding: 11px;
		width: 697px;
	}
		/* *** globals *** */
		#content h1, #wrapper #content .single h2 {
			color: #393939;
			font: normal 24px/24px verdana;
			letter-spacing: -1px;
			margin-bottom: 12px;
			position: relative;
		}
		#content h2, #wrapper #content .single .entry h2 {
			color: #393939;
			font: normal 20px/20px verdana;
			letter-spacing: -1px;
			margin-bottom: 12px;
			position: relative;
		}
		#content h3 {
			color: #393939;
			font: bold 14px arial;
			margin-bottom: 8px;
			position: relative;
		}
		.console {
			color: #929292;
			margin-left: 10px;
		}
		
		/* *** post *** */
		.single {
			margin: 20px 0;
			padding: 0 15px;
		}
		.entry {
			font-size: 11px;
		}
			.entry p, .entry ul, .entry ol, .entry blockquote {
				margin-bottom: 15px;
			}
			.entry p {
				line-height: 150%;
			}
			.entry li {
				margin-bottom: 8px;
			}
			.entry ul li {
				list-style: disc outside;
				margin-left: 14px;
			}
			.entry ol li {
				list-style: decimal outside;
				margin-left: 21px;
			}
			
		/* *** comments *** */
		#comments, #respond {
			color: #363d45;
			margin: 20px 15px;
			padding: 0 15px;
			padding-top: 15px;
			border-top: 1px solid #c1c1c1;
		}
			#comments h3, #respond h3 {
				font-size: 16px;
			}
			.commentlist li {
				background: #dadada;
				border: 1px solid #c1c1c1;
				padding: 15px;
				margin-bottom: 15px;
			}
		.commentlist li .avatar { 
			float: right;
			border: 1px solid #eee;
			padding: 2px;
			background: #fff;
		}
		.commentlist cite, .commentlist cite a {
			color: #c81328;
			font-size: 14px;
			font-weight: bold;
			font-style: normal;
		}
		#comments .meta {
			margin-bottom: 10px;
		}
		#comments .meta a {
			color: #363d45;
			text-decoration: none;
		}
				
			
		/* *** video page *** */
		#video {
		}
			#video h2 {
				text-align: center;
			}
			#embed {
				margin: 15px 0;
			}
	
	/* *** sidebar *** */
	#sidebar {
		float: right;
		padding: 10px;
		padding-left: 11px;
		width: 202px;
	}
		#sidebar h3 {
			background: #2c3d52;
			color: #fefefe;
			font: bold 14px arial;
			margin-bottom: 3px;
			padding: 8px;
			text-align: center;
		}
		#sidebar .box {
			background: #384c65;
			margin-bottom: 15px;
			padding: 10px;
		}
		/* *** navigation *** */
		#sidebar #nav {
			background: transparent !important;
			padding: 0;
		}
			#nav li {
				padding-bottom: 3px;
			}
			#nav a {
				background: #2c3d52 url(images/nav.gif) no-repeat 11px 11px;
				color: #FFF;
				display: block;
				font-size: 10px;
				font-weight: bold;
				padding: 7px 10px;
				padding-left: 23px;
				text-decoration: none;
			}
			#nav a:hover {
				background: #384c65 url(images/nav_hover.gif) no-repeat 11px 11px;
				padding-left: 27px;
			}
		/* *** social media links *** */
		#socialmedia {
			margin-bottom: 18px !important;
		}
			#subscribe {
				background: url(images/subscribe.gif) no-repeat center center #e8803b;
				display: block;
				height: 38px;
				margin-bottom: 12px;
				text-indent: -9999px; outline: none;
				width: 182px;
			}
			#socialmedia ul {
				padding: 0 6px;
			}
			#socialmedia li {
				display: inline;
			}
			#facebook a {
				background: url(images/facebook.gif) no-repeat center center;
				display: block;
				height: 19px;
				float: left;
				margin-top: 7px;
				text-indent: -9999px; outline: none;
				width: 84px;
			}
			#youtube a {
				background: url(images/youtube.gif) no-repeat center center;
				display: block;
				height: 30px;
				float: right;
				text-indent: -9999px; outline: none;
				width: 73px;
			}
			#twitter  {
				background: url(images/twitter.png) no-repeat center center;
				display: block;
				height: 17px;
				text-indent: -9999px; outline: none;
				width: 71px;
			}
		/* *** advertisements *** */
		#ads {
			text-align: center;
			margin: 0 auto;
			margin-bottom: 15px;
			width: 125px;
		}
			#ads a {
				display: block;
				margin-bottom: 15px;
			}
		/* *** partner links *** */
		#links {
			padding-bottom: 5px !important;
		}
			#links li {
				list-style: disc outside;
				margin-left: 20px;
				margin-bottom: 5px;
			}
				#links li a {
					color: #FFF;
					text-decoration: none;
				}
			
/* *** footer *** */
#footer {
	color: #363d45;
	font-size: 11px;
	margin: 0 auto;
	padding: 20px 0;
	width: 918px;
}
	#footer a {
		color: #363d45;
		text-decoration: none;
	}
	#footer ul {
		margin-bottom: 15px;
	}
	#footer li {
		color: #191e24;
		display: inline;
		margin-right: 10px;
	}
		#footer li a {
			color: #8b96a4;
			margin-left: 8px;
		}
		#footer li a:hover {
			color: #fefefe;
		}
	#footer p {
		padding-left: 8px;
	}
	#footer span {
		float: right;
		font-size: 10px;
		font-weight: bold;
		text-decoration: underline;
	}
	
/* *** homepage *** */
/* *** buy now banner *** */
#buy {
	background: url(images/buynow.jpg) no-repeat center center #252d38;
	height: 166px;
	margin-bottom: 15px;
}
	#buy a {
		display: block;
		height: 166px;
		text-indent: -9999px; outline: none;
	}
	
#foursixeight {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 25px;
	width: 468px;
}
	
/* *** latest posts *** */
#latest {
	padding: 15px;
	padding-right: 0;
	width: 345px;
}
	#latest a.alignright {
		font-size: 11px;
		font-weight: bold;
		position: relative;
		z-index: 300;
		text-decoration: none;
	}
	#latest .post {
		margin-bottom: 15px;
	}
	#latest p {
		margin-bottom: 0;
	}
	
/* *** homepage boxes *** */
#boxes {
	color: #41464b;
	float: right;
	padding: 15px 15px 0 0;
	width: 285px;
}
	#boxes .inner {
		background: #f1f1f1;
		border: 1px solid #c1c1c1;
		line-height: 140%;
		margin-bottom: 15px;
		padding: 15px;
	}
	#boxes img {
		float: left;
		margin: 9px 15px 0 0;
	}
	#boxes h3 {
		color: #41464b;
		font-size: 13px;
		margin-bottom: 3px;
	}
		#boxes h3 a {
			color: #41464b;
			text-decoration: underline;
		}
	#boxes .last {
		padding-top: 3px;
	}
		#boxes .last strong {
			font-weight: normal;
			text-decoration: underline;
		}
		#boxes .last a {
			text-decoration: none;
		}
	
/* *** top tricks *** */
#toptricks {
	background: #dadada;
	border: 1px solid #c1c1c1;
	padding: 15px;
	padding-right: 0;
}
	#toptricks .alignright {
		font-size: 11px;
		font-weight: bold;
		margin-right: 15px;
		position: relative;
		z-index: 300;
		text-decoration: none;
	}
	#toptricks h2 {
		margin-bottom: 15px;
	}
	
	#toptricks .post {
		background: #FFF;
		float: left;
		margin-right: 11px;
		padding: 8px;
		padding-bottom: 18px;
		width: 198px;
	}
		#toptricks h3 {
			font-size: 13px;
			font-weight: bold;
			padding: 0 8px;
		}
		#toptricks .last {
			margin-right: 0 !important;
		}
		#toptricks .post img {
			display: block;
			margin-bottom: 12px;
		}
		#toptricks .entry {
			font-size: 11px;
			height: 53px;
			overflow: hidden;
			padding: 0 8px;
			margin-bottom: 12px;
		}
		
/* *** video listing *** */
#archive {
}
	#content #archive h2 {
		margin-bottom: 20px !important;
	}
	#archive .post {
		border-bottom: 1px solid #c1c1c1;
		height: 90px;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	#archive .post img {
		background: #dadada;
		border: 1px solid #c1c1c1;
		float: left;
		margin-right: 15px;
		padding: 3px;
	}
	
	#archive #foursixeight {
		margin-bottom: -15px;
	}


/* Comments */
.navigation {
	margin-bottom: 25px;
}

#respond {
}
#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* *** Ultimate Team Calculator *** */
#ultimate {
}
	#ultimate fieldset {
		background: #dadada;
		border: 1px solid #c1c1c1;
		margin-bottom: 20px;
		padding: 15px;
	}
	#ultimate legend {
		background: #FFF;
		border: 1px solid #c1c1c1;
		color: #393939;
		font: bold 12px verdana;
		padding: 4px;
	}
	#ultimate label {
		display: block;
		float: left;
		font-size: 12px;
		width: 160px;
	}
	#ultimate fieldset div {
		margin-bottom: 8px;
	}
	#positive {
		width: 40%;
		float: left;
	}
	#negative {
		width: 40%;
		float: right;
	}
	#ultimate h3 {
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 15px;
		text-align: center;
	}
	#ultimate .go {
		font-size: 16px;
	}


.UserOptions {
	float: right;
	background: url('userinfo_left.png') left bottom no-repeat;
}
.UserOptions div {
	background: url('userinfo_right.png') right bottom no-repeat;
	padding: 0 10px 4px 4px;
	margin-left: 6px;
}
.UserOptions a {
	color: #fff;
	text-shadow: 0 1px 0 #000;
	margin: 0 8px;
	font-family: 'Trebuchet MS', Arial;
	font-size: 11px;
}
.UserOptions a.Username:hover, .UserOptions a.Inbox:hover {
	text-decoration: none;
}
.UserOptions a.Username:hover em,
.UserOptions a.Inbox:hover em {
	text-decoration: underline;
}
.UserOptions a span {
	margin: 0 0 0 6px;
	background: #8b8bff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	padding: 0 2px;
	font-weight: normal;
	font-family: 'lucida grande','Lucida Sans Unicode', Tahoma, sans-serif;
	text-shadow: 0 1px 0 #000;;
}