﻿/*
Theme Name:Pizazz
Theme URI:http://ajsharma.com/
Description:Sleek style with bright colors
Version:1.0
Author:Ajay Sharma
Author URI:http://ajsharma.com/
Tags:float
	Pizazz v1.0
	 http://ajsharma.com/
*/

/* Begin Reset  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

a, a:hover, a:visited {
	text-decoration:none;
}
/* End Reset  */

/* Generic typography & colors */
html {
	overflow:hidden;
}

body {
	/*font-size:62.5%; /* Resets 1em to 10px */
	background:#8dc63f url("vertical_gradient_green.jpg") no-repeat scroll left top;
	font-family: 'Schoolbell', Verdana, Arial, Sans-Serif;
	color:#ffffff;
	overflow:hidden;
}

/* Home page settings */
.home {
	background:#8dc63f url("images/vertical_gradient_green.jpg") no-repeat scroll left top;
}

/* Work page settings */
.page-id-213 {
	background:#f7941d url("images/vertical_gradient_orange.jpg") no-repeat scroll left top;
}

/* Gallery page settings */
.page-id-215 {
	background:#ed1c24 url("images/background_fire.jpg") no-repeat scroll left top;
}

/* Web page settings */
.page-id-217 {
	background:#406618 url("images/background_graffiti_wall.jpg") no-repeat scroll left top;
}

/* Blog page or single post settings */
.blog, .single, .archive {
	background:#0077a2 url("images/vertical_gradient_blue.jpg") no-repeat scroll left top;
}

#page {
	text-align:left;
}

a, a:hover, a:visited {
	color:#ffffff;
}

a img {
	border:none;
}

code {
	font:0.9em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {
	letter-spacing:.07em;
	cursor:help;
}

blockquote {
	margin:15px 30px 0 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
}

blockquote cite {
	margin:5px 0 0;
	display:block;
}

hr {
	display:none;
}

.hidden {
	display:none;
}

/* Section typography & colors */
#header {
	background:url("images/transparent_black.png") repeat scroll 0 0 transparent;
	bottom:50px;
	height:150px;
	margin:0;
	position:absolute;
	width:100%;
	z-index:5;
}

/**.home #header {
	bottom:50%;
	margin-bottom: -75px;
}**/

#header h1 a{
	background:transparent url("images/logo.png") no-repeat 0 0;
	display:block;
	float:left;
	height:52px;
	width:203px;
	text-indent:-9999px;
	margin-left:25px;
	margin-top:48px;
}

#headerimg {
	display:block;
}

#headerimg .description {
}

.mainmenu {
}

.mainmenu ul {
	padding:0px;
}

.mainmenu li {
	display:inline;
}

.mainmenu a, .mainmenu a:hover, .mainmenu a:visited  {
	display:block;
	float:left;
	height:90px;
	width:90px;
	text-indent:-9999px;
	margin-left:25px;
	margin-top:30px;
}

/* Home link */
.mainmenu .page-item-219 a {
	background:transparent url("images/menu/home.png") no-repeat 0 0;
}

/* Work link */
.mainmenu .page-item-213 a {
	background:transparent url("images/menu/work.png") no-repeat 0 0;
}

/* Gallery link */
.mainmenu .page-item-215 a {
	background:transparent url("images/menu/gallery.png") no-repeat 0 0;
}

/* Web link */
.mainmenu .page-item-217 a {
	background:transparent url("images/menu/web.png") no-repeat 0 0;
}

/* Blog link */
.mainmenu .page-item-223 a {
	background:transparent url("images/menu/blog.png") no-repeat 0 0;
}

.mainmenu .current_page_item a {
}

.mainmenu ul li a:hover {
}

/* All content wrapper*/
#content {
	background:url("images/transparent_black.png") repeat scroll 0 0 transparent;
	border:1px solid #16666b;
	bottom:235px;
	left:50px;
	right:350px;
	top:50px;
	position:absolute;
	z-index:0;
	box-shadow:#000000 5px 5px 10px;
	-moz-box-shadow:#000000 5px 5px 10px;
	-webkit-box-shadow:#000000 5px 5px 10px;
}

/* All Posts */
#posts  {
	background:url("images/post_column_blue.jpg") repeat-y scroll 0 0;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}

#posts h1, #posts h1 a, #posts h1 a:hover, #posts h1 a:visited {
	font-size: 1.3em;
}

#posts h2, #posts h2 a, #posts h2 a:hover, #posts h2 a:visited {
	font-size: 1.2em;
}

#posts h3, #posts h3 a, #posts h3 a:hover, #posts h3 a:visited {
	font-size: 1.1em;
}

/* Each post */
.post {
	clear:both;
	padding-top:15px;
}

/* Each post's metadata */
.postmetadata {
	float:left;
	width:80px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
}

.postdateday {
	font-size:3em;
}

.postdatemonth {
	font-size:1.5em;
	text-transform:uppercase;
}

.postmetacomments a, .postmetacomments a:hover, .postmetacomments a:visited {
	font-size:0.625em;
}

.posttags a, .posttags a:hover, .posttags a:visited {
	font-size:0.625em;
}

/* Each posts' content */
.postcontainer {
	margin-left:110px;
	margin-right:10px;
}

.postcontent p {
	margin-bottom:10px;
}

.postcontent a, .postcontent a:hover, .postcontent a:visited {
	color:#80dcff;
}

.more-link {
}

/* Post navigation */
#postsnavigation {
}

.wp-pagenavi {
	background:url("images/transparent_black.png") repeat scroll 0 0 transparent;
	clear:both;
	color:#bbbbbb;
	font-size:0.75em;
	float:right;
	margin-right:15px;
	padding:5px;
}

.wp-pagenavi span.pages {
	border-right:1px solid #666666;
	margin-right:10px;
	padding-right:5px;
}

.wp-pagenavi span.current  {
	color:#ffffff;
	font-weight:bold;
}

.wp-pagenavi a, .wp-pagenavi a:hover, .wp-pagenavi a:visited {
	color:#bbbbbb;
}
/* End of post navigation */

/* Typography & Colors for alternating comment entries*/
.thread-alt {
}

.thread-even {
}

.depth-1 {
}

.even, .alt {
}

.commentlist li, #commentform input, #commentform textarea {
	font-size:0.8em;
}

.commentlist li ul li {
}

.commentlist li {
	font-weight:bold;
}

.commentlist li .avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	background:#fff;
}

.commentlist cite, .commentlist cite a {
	font-weight:bold;
	font-style:normal;
}

.commentlist p {
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
}

#commentform p {
}

.commentmetadata {
	font-weight:normal;
}

/** Sidebar **/
#sidebar {
	background:url("images/transparent_white.png") repeat scroll 0 0 transparent;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	right:25px;
	top:0;
	width:255px;
	height:100%;
	z-index:10;
}

#sidebar h2 {
}

#sidebar ul li {
}

#sidebar ul ul li, #sidebar ul ol li, #sidebar ul ul li a, #sidebar ul ol li a, #sidebar ul ul li a:hover, #sidebar ul ol li a:hover, #sidebar ul ul li a:visited, #sidebar ul ol li a:visited  {
}

#twitter {
}

#twitter_update_list li a {
	display:none;
}

#twitter_update_list li span {
	color:#FFC48A;
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:2.25em;
}

#twitter_update_list li span a, #twitter_update_list li span a:hover, #twitter_update_list li span a:visited {
	color:#FFC48A;
	display:inline;
	text-decoration:underline;
}

#linkslist {
	display:inline;
}

#linkslist a {
	display:block;
	text-indent:-9999px;
	position:absolute;
}

#linkslist a:hover {
	opacity:.9;
}

#twittercontact {
	background:transparent url("images/web/twitter.png") no-repeat 0 0;
	height:44px;
	width:253px;
	top:10px;
}

#facebookcontact {
	background:transparent url("images/web/facebook.png") no-repeat 0 0;
	height:45px;
	width:247px;
	top:55px;
}

#linkedincontact {
	background:transparent url("images/web/linkedin.png") no-repeat 0 0;
	height:99px;
	width:99px;
	top:105px;
}

#emailcontact {
	background:transparent url("images/web/email.png") no-repeat 0 0;
	height:52px;
	width:149px;
	left:110px;
	top:105px;
}

#aimcontact {
	background:transparent url("images/web/aim.png") no-repeat 0 0;
	height:52px;
	width:147px;
	left:110px;
	top:152px;
}

#tumblrcontact {
	background:transparent url("images/web/tumblr.png") no-repeat 0 0;
	height:266px;
	width:63px;
	top:210px;
}

#yelpcontact {
	background:transparent url("images/web/yelp.png") no-repeat 0 0;
	height:157px;
	width:34px;
	left:75px;
	top:210px;
}

#pandoracontact {
	background:transparent url("images/web/pandora.png") no-repeat 0 0;
	height:183px;
	width:164px;
	left:105px;
	top: 200px;
}

#lastfmcontact {
	background:transparent url("images/web/lastfm.png") no-repeat 0 0;
	height:37px;
	width:184px;
	left:75px;
	top:380px;
}

#diggcontact {
	background:transparent url("images/web/digg.png") no-repeat 0 0;
	height:55px;
	width:185px;
	left:75px;
	top:422px;
}

#tedcontact {
	background:transparent url("images/web/ted.png") no-repeat 0 0;
	height:52px;
	width:151px;
	top:480px;
}

/** End of sidebar **/
/** footer **/
#footer {
	position:absolute;
	bottom:0px;
	right:35px;
	text-align:right;
	width:100%;
}

#footer p {
	font-size:0.7em;
	opacity:.5;
}

/** Other stuff **/
#wp-calendar #prev a, #wp-calendar #next a {
}

#wp-calendar caption {
	font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align:center;
}

#wp-calendar th {
	font-style:normal;
	text-transform:capitalize;
}

/* End Typography & Colors */

/* Begin Inline-Images */
p img {
	padding:0;
	max-width:100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much  futureproof (and valid) */
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	margin:5px;
	display:inline;
}

img.alignleft {
	margin:5px;
	display:inline;
}

.alignright {
	float:right;
}

.alignleft {
	float:left
}

/* End Images */

/* Begin Form Elements */
#searchform {
	text-align:right;
}

#sidebar #searchform #s {
	width:120px;
}

#sidebar #searchsubmit {
	padding:0px;
}

input {
	border:none;
}

select {
	width:130px;
}

#commentform input {
	background:url("images/transparent_white.png") repeat scroll 0 0 transparent;
	width:170px;
	padding:2px;
	margin:5px 5px 1px 0;
}

#commentform {
	margin:5px 10px 0 0;
}

#commentform textarea {
	background:url("images/transparent_white.png") repeat scroll 0 0 transparent;
	border:none;
	height:50px;
	width:100%;
}

#respond:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#commentform #submit {
	margin:0 0 5px auto;
	float:right;
}

/* End Form Elements */
/* Begin Comments*/
.alt {
	margin:0;
	padding:10px;
}

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

.commentlist li {
	margin:15px 0 10px;
	padding:5px 5px 10px 10px;
	list-style:none;
}

.commentlist li ul li {
	margin-right:-5px;
	margin-left:10px;
}

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

.children { padding:0; }

#commentform p {
	margin:5px 0;
}

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

.commentmetadata {
	margin:0;
	display:block;
}

/* End Comments */
/* Begin Calendar */
#wp-calendar {
	empty-cells:show;
	margin:10px auto 0;
	width:155px;
}

#wp-calendar #next a {
	padding-right:10px;
	text-align:right;
}

#wp-calendar #prev a {
	padding-left:10px;
	text-align:left;
}

#wp-calendar a {
	display:block;
}

#wp-calendar caption {
	text-align:center;
	width:100%;
}

#wp-calendar td {
	padding:3px 0;
	text-align:center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color:#fff; }

/* End Calendar */
/* Captions */
.aligncenter, div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	background:url("images/transparent_black.png") repeat scroll 0 0 transparent;
	text-align:center;
	padding-top:4px;
	margin:10px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption p.wp-caption-text {
	font-size:0.8em;
	line-height:17px;
	padding:0 5px 5px;
	margin:0;
}

/* End captions */
