/*
Theme Name: Celebration
Description: An ambitious theme that aims to customize a whole load of things in the backend, and deliver flawlessly on the front.
Author: Vidyut Kale
Author URI: http://vidyut.info
Demo: http://www.wide-aware.com
Theme URI: http://www.vidyut.info/themes/celebration
Version: 0.1
Tags: translation-ready, microformats, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Built on the "toolbox". Many thanks to the Automattic Theme Team http://themeshaper.com

*/

/* =Structure
-------------------------------------------------------------- */
a:link, a:visited {text-decoration:none;color:#cc9;}
a:hover, a:active{text-decoration: none; padding-bottom:1px; background:url('images/fancylink.gif') bottom left repeat-x;color:#9fc;}
img {padding:3px;}
img a:active, img a:hover {background:none;}
img:hover {background:url(images/fancypic.gif);}

#page {
	display: block;
	margin: 1em;
	width: 960px;
	margin: 0 auto;
	color:#fff;
}

#page, #branding, #colophon, .widget-container, .entry-header, .entry-content, #comments, .entry-summary {
	background:url(images/black-trans.png);
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #fff;
	padding:10px;
}
#page, #branding, #footer, .widget-container, .entry-content {
	margin-top:20px;
	margin-bottom:20px;
}
.entry-header {
	margin-top:50px;
	margin-bottom:10px;
}
.entry-content, entry-summary {
	margin-top:10px;
}
#primary {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {width:700px
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}
.entry-title, .page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title, .widget-title {color:#9fc;}
/* Text meant only for screen readers */

.screen-reader-text {
	position: absolute;
	left: -9000em;
}
#access a {color:#7904bd;}

/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em 0;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #eee;
	display: block;
	float: left;
	margin: 0 auto 1em auto;
	width: 100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 0 1em;
	text-decoration: none;
}
#access ul ul {
	display: none;
	position: absolute;
	top: 2em;
	left: 0;
	float: left;
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	color: #fff;
	height: auto;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul ul a:hover {
	background: #000;
}
#access ul li:hover > ul {
	display: block;
}


/* =Content
-------------------------------------------------------------- */

#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0 0;
}
.page-link {
	margin: 0 0 1em 0;
}

/* 404 page */

.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */

.post .notice,
.error404 #searchform {
	background: #EEE;
	display: block;
	padding: 1em;
}

/* Image Attachments */

.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #EEE;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */

.required {
	color: #CC0033;
}


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

#respond input[type=text] {
	float: left;
	margin: 0 1em 0 0;
	width: 60%;
}
#respond .comment-form-comment label {
	display: none;
}
#respond textarea {
	margin: 0 1em 1em 0;
	float: left;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area {
}
.widget-area ul {
	list-style: none;
	padding: 0 1em;
}
.widget-area ul ul {
	padding: 0 0 0 1em;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 1em 0 0 0;
}

/* =WordPress basics
-------------------------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
