/* 	Nickology.com - Perpetual Discovery
	File:		main.css
	Purpose:	This CSS file contains the styling information to render the main Blog view in its Web Version.
	Date:		April 23rd, 2009
	
	The design of Nickology.com is Copyright Nicolas Jouannem and may not be reproduced without explicit written permission.
	
	For questions or inquiries, please contact webmaster@nickology.com.
	
*/


/* Parent Styling Information */

#SUPER_LOADER {		
	color: #0080ff;
	font-size: 25px;
	display:block;
    /*set the div in the top-left corner of the screen*/
    position: fixed;
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;
}

BODY {
	background-repeat: repeat-x;
	/* background-image: url(../site_images/bg/main_bg01.jpg);
	background-color: #00CCFF;
	background-image: url(../site_images/bg/main_bg01.jpg);
	*/
	background-color: #C40001;
	background-color: #00CCFF;
	background-color: #2CBADE;
	background-color: #0080ff;
	background-color: #000000;
	color: #ffffff;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	height: 100%;
	/* margin-bottom: 20px; */
}

IMG {
	border: 0px;
}

A:link {
	color: #2CBADE;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
A:visited {
	color: #1E7D7F;
}

#site_top_loader {
	position: fixed;
	top: 0;
	left: 0;
}

blockquote {
	background-color: #E8E8E8;
	border: 1px solid #ffffff;
	padding: 3px;
	color: #000000;
}


#TOPLOGO {
	
	text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #0080ff;
	z-index: 100;
	border-bottom: 1px solid gray;
	margin: 0px;
	padding: 10px;
}

.quote {
	text-align: center;
	font-family: "Apple Symbol", Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid gray;
}

.rss_logo {
	position: absolute;
	right: 15;
	top: 5;
}
.atom_logo {
	position: absolute;
	right: 15;
	top: 5;
}
.first_time_visitor_border {
	/* background:#ccc; */
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #0099FF;
	color: #000000;
	background-color: #ffffff;
	padding: 10px;
	width: 478px;
	height: 20px;
	margin: auto;
}

.first_time_visitor_insider {
	border-style: inset;
	border: 1px solid #0099FF;
	background-color: #ffffff;
	padding: 10px;
	color: #000000;
	width: 454px;
	margin: auto;
	font-size: 12px;
	
}

/* Hidden content at first */
#ABOUT {
	border-bottom: 1px solid gray;
	margin: auto;
	background-image: url("../site_images/bg/about_stripe.png");
}

#ABOUT .pic {
	
	margin: auto;
	background-position-y: -20px;
	border: 4px solid #cccccc;
	background-image: url(../site_images/nick_about.png);
	width: 341px;
	height: 272px;
	opacity: 0.95;
	filter:alpha(opacity=95);
	
}
.about_block {
	width: 760px;
	min-width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	opacity: 0.95;
	filter:alpha(opacity=95);
}

#ABOUT .text {
	font-size: 14px;
	border: 4px solid #cccccc;
	background-color: #ffffff;
	padding: 10px;
	margin: auto;
	color: black;
	height: 209px;
}


#ABOUT .title {
	border: 4px solid #cccccc;
	background-color: #ffffff;
	padding: 0px;
	margin: auto;
	color: black;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 15px;
}


#CONTACT {
	border-bottom: 1px solid gray;
	margin: auto;
	background-image: url("../site_images/bg/contact_stripe.png");
}

#CONTACT .pic {
	
	margin: auto;
	background-position-y: -20px;
	border: 4px solid #cccccc;
	background-image: url(../site_images/nick_about.png);
	width: 341;
	height: 272;
	opacity: 0.95;
	filter:alpha(opacity=95);
	
}

#CONTACT .text {
	vertical-align: middle;
	font-size: 14px;
	border: 4px solid #cccccc;
	background-color: #ffffff;
	padding: 10px;
	margin: auto;
	padding: auto;
	color: black;
	height: 209px;
}


#CONTACT .title {
	border: 4px solid #cccccc;
	background-color: #ffffff;
	padding: 0px;
	margin: auto;
	color: black;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 15px;
}

#contact_form {
	font-size: 14px;
	border: 4px solid #cccccc;
	background-color: #ffffff;
	padding: 10px;
	margin: auto;
	color: black;
	height: 209px;
	text-align: center;
}

.contact_large_spinner {
	display: block;
	width: 66px;
	height: 66px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 50;
}

/* Wrapper for the ENTIRE site - Used to center the site in the middle of the page */
#WRAPPER {
	
	/* border: 4px dashed #1e1e1e;	/* ONLY VISIBLE DURING DEBUG MODE */ 
	position: relative;
	min-height: 100%;
	margin: auto;
	/* width: 760px; */
	width: 860px;
	margin-top: 0px;
}

#MENU_BAR {
	
	font-size: 16px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	width: 830px;

	border-color: #ffffff;
	padding: 10px;
	border-width: thick;
	
	border: 1px solid gray;
	border-top-width: 0;
	margin: auto;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;

	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
}

#MENU_BARbkup {
	background-color: black;
	font-size: 16px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	width: 730px;
	/* border: 2px solid #000000; */
	border-color: #ffffff;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-width: thin;
}


#MENU_BAR a {
	color: #ffffff;
	text-decoration: none;
}

#MENU_BAR a:hover {
	color: #0080ff;
	text-decoration: none;
}


.OTHER_BLOG {
	margin-top: 15px;
	border: 1px solid gray;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 100%;
}

.OTHER_BLOG .title {
	text-align: center;
	font-weight: bold;
	color: #CCCCCC;
	width: 100%;
	padding: 2px;
	border: 0;
}

.OTHER_BLOG .links {
	border-top: 0px solid gray;
	width: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	border: 0;
}

.OTHER_BLOG .links a:visited {
	color: #2CBADE;
	text-decoration: none; 
	border: 0;
}

.OTHER_BLOG .links ul li {
	margin-left: -1em;
	padding-right: 3px;
	border: 0;
}

#BLOG_TABLE {
	margin-bottom: 30px;

}

.vspacer {
	line-height: 12px;
}

.new_comment {
	color: black;
	border: 2px solid #fc0015;
	background-color: #fd6469;
	text-align: center;
	font-family: "Apple Symbol", Arial, Helvetica;
	font-weight: bold;
	height: 20px;
	padding: 10px;
}
	
/* Individual Blog entry design */
.blog_entry {
	margin-top: 16px;
	padding: 0px;
	width: 600px;
	/* width: 500px; */
}

.blog_entry .title_section {
	
	/* All elements in this box will be shifted by the values below. They do not need margin parameters to be well positioned */
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #000000;
	min-height: 60px;
	
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	
	
}

.blog_entry .title_section a:link {
	color: #0080ff;
	text-decoration: none;
}

.blog_entry .title_section a:visited {
	color: #0080ff;
	text-decoration: none;
}

.blog_entry .title_section a:active {
	color: #0080ff;
	text-decoration: none;
}
.blog_entry .title_section a:hover {
	color: #0080ff;
	text-decoration: underline;
}
.blog_entry .title_text {
	padding-top: 2px;
	color: #0080ff;
	font-weight: bold;
	font-size: 18px;
	font-family: Symbol, "Trebuchet MS", Verdana, serif;
}

.blog_entry .date_stamp {

	border: 1px solid gray;
	border-bottom-width: 0;
	position: relative;
	right: 0px;
	width: 100px;
	margin-left: auto;
		
	background-color: #1e1f1f;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;

	color: #CCCCCC;
	font-weight: bold;
	font-size: 12px;
	font-family: Symbol, "Trebuchet MS", Verdana, serif;
	text-align: center;
	
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

.blog_entry .date_stampBKUP {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-bottom-width: thin;
	border-top-width: thin;
	font-size: 12px;
	font-style: italic;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #CCCCCC;
	position: relative;
	width: 300px;
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

/* This is the border around the Logo image of the blog entry */
.blog_entry .title_image {
	margin-right: 6px;
	
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	padding: 0px;
	background-position: -4 -4;
	border: 2px solid #0080ff;
	
	/*
		This does not work in Firefox because these specifications are MSIE. Safari understand them though
		background-position-x: -4px;
		background-position-y: -4px;
	*/
	
	float: left;
}

.blog_entry .title_image.general {
	background-image: url(../site_images/blog_entry/general_blog_logo.png);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
}


.blog_entry .title_image.expressionengine {
	background-image: url(../site_images/blog_entry/ExpressionEngine_blog_logo.png);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
}

.blog_entry .title_image.free {
	background-image: url(../site_images/blog_entry/Free_blog_logo.jpg);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
}


.blog_entry .title_image.flex {
	background-image: url(../site_images/blog_entry/Flex_blog_logo.png);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
}

.blog_entry .title_image.google {
	background-image: url(../site_images/blog_entry/google_blog_logo.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height:	50px;
	width: 	50px;
	background-position: -2 14;
}


.blog_entry .title_image.microsoft {
	background-image: url(../site_images/blog_entry/Microsoft_blog_logo.png);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
	background-position: 0 0;
}

.blog_entry .title_image.apple {
	background-image: url(../site_images/blog_entry/Apple_blog_logo.png);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
	background-position: 0 0;
}

.blog_entry .title_image.iphone {
	background-image: url(../site_images/blog_entry/iPhone_blog_logo.png);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
	background-position: 0 0;
}



.blog_entry .title_image.miva {
	background-image: url(../site_images/blog_entry/Miva_blog_logo.png);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
}

.blog_entry .title_image.Xbox {
	background-image: url(../site_images/blog_entry/XBox_blog_logo.jpg);
	background-repeat: no-repeat;
	height:	50px;
	width: 	50px;
}

.blog_entry .body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: justify;
	font-size: 14px;
	padding: 8px;
	color: #CCCCCC;
	background-color: #000000;
	/* border-top: 1px solid gray; */
	border-top: 0;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 0;
	font-weight: normal;
	
}
.blog_entry .bottom_border {
	background-color: #000000;
	border: 1px solid gray;
	border-top: 0px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	
	
	height: 10px;
	min-height: 10px;

	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 10px;
	
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
}

.blog_entry .footer {
	/* All elements in this box will be shifted by the values below. They do not need margin parameters to be well positioned */
	
	border: 1px solid gray;
	border-top-width: 0;
	width: 50%;
	background-color: #1e1f1f;
	margin-right: auto;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;

	color: #CCCCCC;
	font-weight: bold;
	font-size: 12px;
	font-family: Symbol, "Trebuchet MS", Verdana, serif;
	text-align: center;
	
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;

	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;

}
.blog_entry .footer a:hover {
	text-decoration: underline;
}
.blog_entry .footer a:link {
	text-decoration: none;
}
.blog_entry .footer a:visited {
	text-decoration: none;
}


.pagination {
	font-size: 10px;
	text-decoration: none;
	/* width: 500px; */
	width: 600px; 
	border: 1px solid gray;
	background-color: #000000;
	margin-top: 15px;
	line-height: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.sites_to_visit {
	border: 1px solid gray;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	padding: 10px;
}
.loading_title {
	font-size: 50px;
	font-family: "Apple Symbol", Arial;
	color: #0088FF;
}

PRE {
	border: 1px dashed white;
	/* TODO: Add "Loading..." background image */

}

#COPYRIGHT_WRAPPER {
	/*
	position: fixed;
	bottom: 0;
	*/
	
	width: 100%;
	
}

#COPYRIGHT {
	width: 760px;
	border: 1px solid gray;
	border-bottom: 0;
	margin: auto;
	padding: 6px;
	
	text-align: center;
	font-weight: bold;
	background-color: #1f1f1f;
	
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;

	
}

/* strip info: www.stripegenerator.com

stripe size: 18
spacing: 11
stripe colors: black
background style: first one
shadow: 1
background colors: c01c30 (reddish) or 0080ff (blueish)
orientation: 2nd one

*/