/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: #202020 url(images/bgex.gif) top left repeat fixed;
	color: #afafaf; 
 	font-family: Helvetica, Verdana, "Lucida Grande", Tahoma, Arial, sans-serif;
 	font-size: 12px;
	line-height: 1.5; 
}

form, input { 
	color: #000000; 
 	font-family: Helvetica, Arial, sans-serif;
 	font-size:12px;
}

h1 {font-size:20px;} 
h2 {font-size:13px;} 
h3 {font-size:12px;} 
li {list-style-type: none;} 
a:link, a:visited {color: #17b1dd; text-decoration: none; outline: none;} 

a:hover {text-decoration: none; outline: none;}

a:active { text-decoration: none; outline: none;}

/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	width: 1130px;
	margin: 0px auto;
	padding: 0px 20px;
}


	/* ---------------------------*/ 
 	/* HEADER    */
	
	#header {
		margin-bottom: 20px;
	}
	
		#header .topBanner {
			float: left;
			width: 750px;
			height: 100px;
			background: url(images/backOverlay.png) repeat;
			padding-top: 12px;
			padding-left: 20px;
		}
		
		#header .socialLinks {
			float: right;
			width: 340px;
			height: 112px;
			background: url(images/backOverlay.png) repeat;
		}
		
			.socialLinks img {
				margin-top: 20px;
				margin-left: 19px;
			}
			
			#searchform {
				clear: both;
				width: 320px;
				margin-left: 19px;
				margin-top: 15px;
			}
			
				#searchform #s {
					width: 270px;
					height: 16px;
					float: left;
					border: 0px;
					color: #4d4d4d;
					padding-left: 10px;
				}
				
				#searchform #button {
					width: 20px;
					float: left;
				}
	
	/* ---------------------------*/ 
 	/* MAIN   */

	.mainWrapper {
		width: 1130px;
		background: url(images/backWrapper.png) repeat-y;
	}
	
	/* ---------------------------*/ 
 	/* MAIN   */
	
	#main {
		background: url(images/backOverlay.png) repeat;
		width: 770px;
		float: left;
		padding-bottom: 50px;
	}
	
		.topMain {
			width: 770px;
			height: 85px;
			border-bottom: 1px solid #303030;
		}
		  
		  .topMain a#flylyflogo {float:left;display:block;width:292px;height:69px;}
			.topMain img {
				margin-top: 10px;
				margin-left: 14px;
			}
		
			.topMain ul {
				list-style: none;
				float: right;
				text-transform: uppercase;
				font-weight: bold;
			}
			
				.topMain ul li {
					float: left;
					margin-right: 16px;
					margin-top: 10px;
					color: #c0c0c0;
				}
				
				.topMain ul li a {
				  font-size: 14px;
					color: #c0c0c0;
				}
				
				.topMain ul li.flicks a {
					color: #95519e;
				}
				
				.topMain ul li.design a {
					color: #99cc33;
				}
				
				.topMain ul li.tech a {
					color: #0085cf;
				}
				
				.topMain ul li.style a {
					color: #ff0000;
				}
			  .topMain ul li a:hover {text-decoration:underline;}
		
		.post {
			width: 730px;
			padding: 20px;
			border-bottom: 1px solid #303030;
		}
	
			.post .postInfo {
				float: left;
				width: 60px;
			}
			
				.postInfo .category {
					width: 60px;
					height: 20px;
					background: url(images/cat_bg.gif) no-repeat;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					line-height: 20px;
					text-transform: uppercase;
					margin-bottom: 10px;
				}
				
					.category ul {
						list-style: none;
					}
				
					.category.style a {
						color: #ff0000;
					}
					
					.category.tech a {
						color: #0085cf;
					}
					
					.category.design a {
						color: #99cc33;
					}
					
					.category.flicks a {
						color: #95519e;
					}
                                        .category.features a {
						color: #feec30;
					}
					
				.postInfo .date {
					width: 60px;
					height: 68px;
					background: url(images/date-tab.gif) no-repeat;
					font-size: 30px;
					font-weight: bold;
					text-align: center;
					margin-bottom: 10px;
	                                text-transform: uppercase;
	                                line-height: 28px;
				}
				
					.date span {
						color: #ff0000;
                                                font-size: 18px;
					}
					
					.date.style span {
						color: #ff0000;
                                                font-size: 18px;
					}
					
					.date.tech span {
						color: #0085cf;
                                                font-size: 18px;
					}
					
					.date.design span {
						color: #99cc33;
                                                font-size: 18px;
					}
					
					.date.flicks span {
						color: #95519e;
                                                font-size: 18px;
					}
                                        .date.features span {
						color: #feec30;
                                                font-size: 18px;
					}
					
				.postInfo .share img {
					float: right;
				}
			
			.post .content {
				width: 660px;
				float: left;
				margin-left: 10px;
			}
			
				.content img {
					float: left;
					border: 1px solid #303030;
					padding: 4px;
					margin-right: 10px;
					margin-top: 10px;
				}
			
				.content .postThumb img {
					width: 269px;
                                        height:182px;
					margin-right: 10px;
					margin-top: 0px;
				}
			
			.post h2 {
				font-size: 24px;
				font-weight: bold;
				color: #ff0000;
				line-height: 1;
				margin-bottom: 8px;
			}
			
				.post h2.style a {
					color: #ff0000;
				}
				
				.post h2.tech a {
					color: #0085cf;
				}
				
				.post h2.design a {
					color: #99cc33;
				}
				
				.post h2.flicks a {
					color: #95519e;
				}
				.post h2.features a {
					color: #feec30;
				}
				
			
			.post .subline {
                                font-size:80%;
				font-weight: bold;
				margin-bottom: 10px;
			}
				
				.subline img {
					border: 0px;
					margin-bottom: -5px;
					margin-left: 4px;
					width: 17px;
					height: 15px;
					float: none;
					margin-top: -10px;
				}
				
			.post .more-link {
				display: inline;
				font-weight: bold;
                                font-size:80%;
                                white-space: nowrap;
			}
			
			.post.style .more-link {
				color: #ff0000;
			}
			
			.post.tech .more-link {
				ccolor: #0085cf;
			}
			
			.post.design .more-link {
				color: #99cc33;
			}
			
			.post.flicks .more-link {
				color: #95519e;
			}
			.post.features .more-link {
				color: #feec30;
			}

			/* Comments
			--------------------------------------------------------- */

			#comment {
				clear: both;
			}

			#comment label {
				display: block;
			}

			.alt {
				/*background-color:#262626;*/
				/*border-bottom:1px solid #DDDDDD;
				border-top:1px solid #DDDDDD;*/	
				background: url(images/png_white_bg_25.png) top left no-repeat;
			}

			.alt {
				margin: 0pt;
				padding: 10px;
			}

			.commentlist {
				padding: 0pt;
				text-align: justify;
			}

			.commentlist td {
				margin: 15px 0pt 3px;
				padding: 5px 5px 3px;
				padding-right: 0px;
			}

			.commentlist p {
				/*margin:10px 5px 10px 0pt;*/
				margin: 0px 5px 0px 0px;
			}

			#commentform p {
				margin: 5px 0pt;
			}

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

			.commentmetadata {
				display: block;
				margin: 0pt;
				font-weight: bold;
				color: #6c6c6c;
				font-size: 104%;
			}

			.commentmetadata a {
				color: #6c6c6c;
			}

			.commentmetadata a:hover {
				color: #6c6c6c;
				text-decoration: none;
			}

			#cat-tech .commentmetadata .comment-admin,#cat-tech .commentmetadata a,#cat-tech .commentmetadata a:hover {
				color: #0085cf;
			}

			#cat-design .commentmetadata .comment-admin,#cat-design .commentmetadata a,#cat-design .commentmetadata a:hover {
				color: #99cc33;
			}

			#cat-style .commentmetadata .comment-admin,#cat-style .commentmetadata a,#cat-style .commentmetadata a:hover {
				color: #ff0000;
			}

			#cat-flicks .commentmetadata .comment-admin,#cat-flicks .commentmetadata a,#cat-flicks .commentmetadata a:hover {
				color: #95519e;
			}

			#wp-email p {
				text-align: left !important;
			}

			.comment-page-numbers {
				text-transform: uppercase;
				font-weight: bold;
				font-style: italic;
				text-align: right;
			}
				
	/* ---------------------------*/ 
 	/* SIDEBAR   */
	
	#sidebar {
		background: url(images/backOverlay.png) repeat;
		width: 340px;
		float: right;
	}
		
		.widget {
			margin: 10px 20px;
		}
		
			.widget h3 {
				font-weight: bold;
				margin: 5px 0px;
			}
				
	/* ---------------------------*/
	/* FOOTER */ 

	#footer { 
		clear: both;
		width: 770px;
		background: url(images/backOverlay.png) repeat;
		margin-top: 20px;
		margin-bottom: 50px;
		padding-bottom: 1px;
	}
	
		.smallLinks {
			margin: 4px 4px;
			width: 770px;
			padding-bottom: 5px;
			border-bottom: 1px solid #303030;
		}
		
			.smallLinks img {
				margin-top: 5px;
			}
	
		.smallLinks .rsslink {
			display: block;
			color: #ffffff;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0px 4px;
			width: 50px;
		}
			
			.rsslink img {
				margin-bottom: -4px;
				padding-right:5px;
			}
			
		.footLinks {
			margin: 7px 0px 7px 20px;
		}
		
			.footLinks ul {
				list-style: none;
				font-size: 10px;
			}
		
				.footLinks ul li {
					float: left;
					font-weight: bold;
					margin-right: 10px;
				}
				
					.footLinks ul li a {
						color: #afafaf;
					}
					
		.footLinks p {
			float: right;
			font-weight: bold;
			color: #ffffff;
			margin-right: 10px;
		}
	
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign{float:left;}

.rightAlign{float:right;}

.clear {clear: both; height: 0px;}

.similar {
	padding-bottom: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #afafaf;
	text-align: center;
	border-top: 1px solid #333333;
	margin-top: 30px;
	padding-top: 10px;
	border-bottom: 1px solid #333;
}


.similar ul a:hover {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


/* COLORS */

/* STYLE */
.category.style a,
.topMain ul li.style a,
.date.style span,
.post.style .more-link,
.post h2.style a,
#cat-style .commentmetadata .comment-admin,
#cat-style .commentmetadata a,
#cat-style .commentmetadata a:hover {color: #ff0000;}

/* FLICKS */
.category.flicks a,
.topMain ul li.flicks a,
.date.flicks span,
.post.flicks .more-link,
.post h2.flicks a,
#cat-flicks .commentmetadata .comment-admin,
#cat-flicks .commentmetadata a,
#cat-flicks .commentmetadata a:hover {color: #95519e;}


/* DESIGN */
.category.design a,
.topMain ul li.design a,
.date.design span,
.post.design .more-link,
.post h2.design a,
#cat-design .commentmetadata .comment-admin,
#cat-design .commentmetadata a,
#cat-design .commentmetadata a:hover {color: #99cc33;}

/* TECH */
.category.tech a,
.topMain ul li.tech a,
.date.tech span,
.post.tech .more-link,
.post h2.tech a,
#cat-tech .commentmetadata .comment-admin,
#cat-tech .commentmetadata a,
#cat-tech .commentmetadata a:hover {color: #0085cf;}

/* Breadcrumbs */

#breadcrumbs {
	padding-top: 3px;
	background-color: #121212;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 3px;
}