/*  
Theme Name: Pixily Default
Theme URI: http://blog.pixily.com/
Description: The default WordPress theme for Pixily.
Version: 1.0
Author: Bellamy B. Budiman

	Pixily Default v1.0
	 http://blog.officedrop.com/

	This theme was designed and built by Bellamy B. Budiman,
	whose company you will find at http://www.neuro-designs.com/

	The CSS, XHTML and design is copyright (c) 2008 Neuro-Designs

*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* Layout settings */

html {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-size: 100%;
	}

body {
	min-width: 960px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	font: 9px/18px verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	}

/* Header Settings */

#headerStatic {
	width: 100%;
	min-width: 960px;
	height: 90px;
	padding-bottom: 5px;
	border-bottom: 1px solid #1a4664;
	}
	
	#headerStatic .placement {
		width: 960px;
		overflow: hidden;
		margin: 0px auto;
		}
		
		#headerStatic .placement #logo {
			width: 120px;
			float: left;
			padding-top: 20px;
			padding-left: 40px;
			}
			
			#headerStatic .placement #logo h1 {
				margin: 0px;
				padding: 0px;
				}
			
		#headerStatic .placement #menu {
			width: 500px;
			float: left;
			padding-top: 20px;
			}
			
			#headerStatic .placement #menu ul {
				margin: 0px;
				padding: 0px;
				padding-top: 40px;
				list-style-type: none;
				overflow: hidden;
				}

				#headerStatic .placement #menu ul li {
					float: left;
					}

				#pgStaticOverview #headerStatic .placement #menu ul li a#overview,
				#pgStaticHowItWorks #headerStatic .placement #menu ul li a#how_it_works,
				#pgStaticSignupNow #headerStatic .placement #menu ul li a#signup_now,
				#pgStaticPricing #headerStatic .placement #menu ul li a#pricing,
				#pgStaticFAQs #headerStatic .placement #menu ul li a#faqs,
				#pgStaticAbout #headerStatic .placement #menu ul li a#about				
				{
					background: #999;
					color: #fff;
					font-size: 13px;
					font-family: trebuchet ms, arial, helvetica, sans-serif;
					font-weight: bold;
					margin: 0px;
					padding: 2px 6px;
					margin-right: 15px;
					display: inline;
					text-decoration: none;
					}
									
				#headerStatic .placement #menu ul li a {
					background: #fff;
					color: #666;
					font-size: 13px;
					font-family: trebuchet ms, arial, helvetica, sans-serif;
					font-weight: bold;
					margin: 0px;
					padding: 0px;
					margin-right: 15px;
					display: inline;
					text-decoration: none;
					}
					
					#headerStatic .placement #menu ul li a:hover {
						color: #17629e;
						}

				#pgStaticOverview #headerStatic .placement #menu ul li a#overview:hover,
				#pgStaticHowItWorks #headerStatic .placement #menu ul li a#how_it_works:hover,
				#pgStaticSignupNow #headerStatic .placement #menu ul li a#signup_now:hover,
				#pgStaticPricing #headerStatic .placement #menu ul li a#pricing:hover,
				#pgStaticFAQs #headerStatic .placement #menu ul li a#faqs:hover,
				#pgStaticAbout #headerStatic .placement #menu ul li a#about:hover				
				{
					background: #17629e;
					color: #fff;
					font-size: 13px;
					font-family: trebuchet ms, arial, helvetica, sans-serif;
					font-weight: bold;
					margin: 0px;
					padding: 2px 6px;
					margin-right: 15px;
					display: inline;
					text-decoration: none;
					}














		#nav, #headerDefault #nav {
			width: 200px;
			float: right;
			border-right: 5px solid #fff;
			background: #fff;
			padding-right: 5px;
			}
			
			#nav ul, #headerDefault #nav ul {
				padding: 0px;
				margin: 0px;
				list-style-type: none;
				overflow: hidden;
				}
				
				#nav ul li, #headerDefault #nav ul li {
					display: block;
					float: right;
					}

				#nav ul li a:link, #nav ul li a:visited, #headerDefault #nav ul li a:link, #headerDefault #nav ul li a:visited {
					color: #666;
					background: #eaeaea;
					text-decoration: none;
					font-weight: bold;
					font-size: 1.1em;
					display: block;
					padding: 5px 6px;
					}
					
					#nav ul li a:hover, #headerDefault #nav ul li a:hover {
						color: #333;
						}
						
				#nav ul.taskbar {
					width: 212px;
					background: #1a4664;
					border-top: 1px solid #fff;
					overflow: hidden;
					}

				#nav ul.taskbar li, #headerDefault #nav ul.taskbar li {
					display: block;
					float: right;
					}

				#nav ul.taskbar li a:link, #nav ul.taskbar li a:visited, #headerDefault #nav ul.taskbar li a:link, #headerDefault #nav ul.taskbar li a:visited {
					color: #fff;
					background: #1a4664;
					text-decoration: none;
					font-weight: bold;
					font-size: 1.1em;
					display: block;
					padding: 5px 5px;
					}
					
					#nav ul.taskbar li a:hover, #headerDefault #nav ul.taskbar li a:hover {
						color: #ccc;
						}
























		
		#headerStatic #nav {
			font-size: 1em;
			width: 180px;
			float: right;
			padding-right: 35px;
			}
			
			#headerStatic #nav ul {
				padding: 0px;
				margin: 0px;
				list-style-type: none;
				}
				
				#headerStatic #nav ul li {
					padding: 0px;
					margin: 0px;
					float: right;
					}
					
					#headerStatic #nav ul li a {
						padding: 4px 6px;
						background: #17629e;
						color: #fff;
						}

					#headerStatic #nav ul li a:hover {
						background: #999;
						}
											
		#headerStatic #callchat {
			width: 180px;
			float: right;
			padding-top: 10px;
			padding-right: 40px;
			}







/* Content Settings */

#contentsBlog {
	width: 100%;
	min-width: 960px;
	padding: 0px;
	overflow: hidden;
	font-size: 1.2em;
	}
	
	#contentsBlog .placement {
		padding: 0px 30px;
		width: 900px;
		overflow: hidden;
		margin: 0px auto;
		}
		
		#contentsBlog .placement #column {
/*			background: url("images/bg_column.png") no-repeat; */
			width: 540px;
			min-height: 500px;
			float: left;
			padding: 20px 20px 20px 10px;
			}
			
		#contentsBlog .placement #sidebar {
			width: 300px;
			float: right;
			padding: 10px;
			}



/* Footer Settings */

#footerStatic {
	width: 100%;
	min-width: 960px;
	border-top: 1px solid #ccc;
	padding-top: 8px;
	padding-bottom: 40px;
	margin-top: 10px;
	}
	
	#footerStatic .placement {
		width: 900px;
		color: #999;
		padding: 0px;
		font-size: 0.8em;
        text-align: center;
		overflow: hidden;
		margin: 0px auto;
		}
		
		#footerStatic .placement .left {
			width: 270px;
			float: left;
			text-align: left;
			padding-left: 10px;
			}
			
		#footerStatic .placement .right {
			width: 570px;
			float: right;
			text-align: right;
			padding-right: 10px;
			}
			
		#footerStatic .placement .icons {
			width: 900px;
			text-align: left;
			padding-top: 0px;
			clear: both;
			margin: 0px auto;
			}
		
		#footerStatic .placement p {
			margin: 0px;
			padding-left: 0px;
			padding-bottom: 20px;
			}
			
		#footerStatic .placement img {
			vertical-align: middle;
			margin: 0px 10px;
			}
			
		#footerStatic .placement a:link, #footer .placement a:visited {
			color: #17629d;
			font-weight: bold;
			text-decoration: none;
			}
			
			#footer .placement a:hover {
				color: #ccc;
				}




















				
/* Default settings */

p {
	margin-bottom: 20px;
	}

#contents h2.pagetitle {
	font-size: 1.4em;
	color: #17629d;
	margin-bottom: 15px;
	}

h2 {
	margin-bottom: 15px;
	}

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #17629d;
	}			

	a:hover {
		color: #999;
		}
		
.divider {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 15px;
	}
	
img {
	border: 0px;
	margin: 0px;
	vertical-align: middle;
	}

.wells {
	background: #eef3f8;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 10px;
	border-top: 1px solid #ccc;
	}

/* Default Form Settings */

input.defaultbutton {
	font-weight: bold;
	color: #fff;
	background: #17629d;
	border: 0px;
	font-size: 1.1em;
	padding: 4px 10px;
	margin: 0px;
	}

textarea.defaulttextarea, input.defaulttext {
	font-weight: bold;
	color: #333;
	border: 1px solid #17629d;
	font-size: 1.1em;
	padding: 4px 10px;
	margin: 0px;
	margin-bottom: 5px;
	}
	
	textarea.defaulttextarea {
		width: 80%;
		}

	
/* Post settings */

.post {
	margin-bottom: 35px;
	}
	
	.post ul, .post ol {
		padding-left: 18px;
		margin-bottom: 10px;
		}
	
	.post h2 {
		margin: 0px;
		font-size: 1.4em;
		line-height: 1.3em;
		margin-bottom: 5px;
		}
		
	.post h3 {
		margin: 0px;
		font-size: 1.2em;
		line-height: 1.1em;
		margin-bottom: 5px;
		}
	
	.post h2 a:link, .post h2 a:visited {
		color: #17629d;
		text-decoration: none;
		}
		
		.post h2 a:hover {
			color: #999;
			}
			
	.post p.postdate {
		font-weight: bold;
		margin: 0px;
		}
		
	.post p.postmetadata {
		background: #eef3f8;
		border-top: 1px solid #ccc;
		padding: 4px 10px;
		margin-top: 10px;
		text-align: left;
		font-size: 0.95em;
		}
		
		.post p.postmetadata a:link, .post p.postmetadata a:visited {
			font-weight: bold;
			text-decoration: none;
			color: #17629d;
			}
			
			.post p.postmetadata a:hover {
				color: #999;
				}

	.post p.postmetadatasearch {
		border-bottom: 1px solid #ccc;
		padding: 0px 0px 10px 0px;
		font-size: 0.9em;
		}
		
		.post p.postmetadatasearch a:link, .post p.postmetadatasearch a:visited {
			font-weight: bold;
			text-decoration: none;
			color: #17629d;
			}
			
			.post p.postmetadatasearch a:hover {
				color: #999;
				}
				
	.post .entry {
		margin-top: 20px;
		line-height: 1.8em;
		}
				
/* Sidebar settings */

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 300px;
	border-width: 5px 0px;
	border-style: solid;
	border-color: #eef3f8;
	font-size: 0.95em;
	}
	
	#sidebar ul li {
		margin-bottom: 0px;
		border-width: 5px 10px;
		border-style: solid;
		border-color: #eef3f8;
		padding: 0px;
		background: #fff;
		width: 280px;
		}
	
	#sidebar ul li ul, #sidebar ul li p, #sidebar .textwidget {
		background: #fff;
		width: 258px;
		border: 1px solid #ccc;
		border-top: 0px;
		padding: 10px;
		padding-top: 0px;
		margin: 0px;
		}
		
		#sidebar ul li p {
			border-top: 1px solid #ccc;
			padding-top: 10px;
			line-height: 1.6em;
			}
	
	#sidebar ul li ul li {
		background: #fff;
		border: 0px;
		margin: 0px;
		padding: 3px 0px;
		width: 258px;
		border-bottom: 1px solid #eaeaea;
		}
		
		#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited {
			font-weight: bold;
			text-decoration: none;
			color: #218ebc;
			}			

			#sidebar ul li ul li a:hover {
				color: #8cc63f;
				}

#sidebar h2 {
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

/* Search settings */
	
#sidebar .searchbar, #column .searchbar {
	border: 1px solid #17629d;
	padding: 4px 6px;
	margin-right: 2px;
	}
	
	#sidebar .searchPlacement {
		padding: 10px;
		border: 1px solid #ccc;
		}
	
	#sidebar .searchbar {
		width: 110px;
		}
	
	#column .searchbar {
		width: 350px;
		}
	
#sidebar .searchbutton, #column .searchbutton {
	font-weight: bold;
	color: #fff;
	background: #17629d;
	border: 0px;
	font-size: 1.1em;
	padding: 4px 10px;
	margin: 0px;
	}
		
/* Nav settings */

.navigation, .navigationTop {
	width: 540px;
	overflow: hidden;
	margin-bottom: 20px;
	}
	
	.navigationTop {
		padding-bottom: 10px;
		border-bottom: 1px dotted #17629d;
		}
	
	.navigation .alignleft, .navigationTop .alignleft {
		width: 260px;
		float: left;
		}
		
	.navigation .alignright, .navigationTop .alignright {
		width: 260px;
		float: right;
		text-align: right;
		}
		
/* Comments Settings */

ol.commentlist {
	list-style-type: none;
	margin-top: 5px;
	}
	
	ol.commentlist li {
		margin-bottom: 2px;
		border: 1px solid #eee;
		padding: 10px;
		}
		

/* footnote Settings */
.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 20px;
}

.footnotes .footnotedivider {
  width: 120px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 0 -20px;
 }

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

sup.footnote {
  line-height: 0em;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}