/* You may adapt and learn from the elements of this CSS to use in your own projects, but you may not copy the design (the unique combination of images, colors, sizes, typography, and positioning) since this is copyright of Nikhil Nigade ( Dezine Zync ) and may not be reproduced. 

/* CSS Document */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img, a {
	list-style:none;
	outline:none;
	border:none;
	text-decoration:none;
	margin:0px;
	padding:0px;
	behavior: url(scripts/iepngfix.htc); 
}

@font-face {  
font-family:'fertigo';  
src: url('scripts/Fertigo.otf') format('opentype');  
}  

/*-----------DEFAULTS------------*/
body {
	background:#fff url(images/bg.jpg) no-repeat center top fixed;
	font-family: Helvetica,Corbel, Myraid Pro, Sans-Serif;
	font-size:14px;
	color:#fff;
	line-height:25px;
	overflow-x:hidden;
}

#wrapper {
	width:1000px;
	height:auto;
	margin:auto;
}

a { color:#33a5da; }

a:hover { color:#0CF; }

#clear { clear:both; }

h1,h2,h3,h4,h5,h6 { font-family:fertigo; margin:10px 0px; }

h1 { font-size:21px; color:#fff; }
h2 { font-size:17px; color:#fff; }
h3 { font-size:15px; }
h6 { font-size:11px; }

/*-----------HEADER------------*/

a#hovertest {
	text-indent:-9999px;
	display:block;
	width:120px;
	height:60px;
	background:url(images/test/hover.png) no-repeat;
}

a:hover#hovertest { background-position:0px -60px; }

#header {
	width:1000px;
	height:auto;
	margin:auto;
}

#logo-main {
	background:url(images/logo.png) no-repeat;
	width:240px;
	height:180px;
	float:left;
	text-indent:-9999px;
}

ul#menu {
	width:600px;
	height:35px;
	margin-top:15px;
	float:right;
}

ul#menu li{
	float:left;
	margin:0px;
}

ul#menu a{
	width:100px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

ul#menu a.menu-home { background:url(images/menu/home.png) no-repeat; }
ul#menu a.menu-portfolio { background:url(images/menu/portfolio.png) no-repeat; }
ul#menu a.menu-blog { background:url(images/menu/blog.png) no-repeat; }
ul#menu a.menu-services { background:url(images/menu/services.png) no-repeat; }
ul#menu a.menu-contact { background:url(images/menu/contact.png) no-repeat; }
ul#menu a.menu-about { background:url(images/menu/about.png) no-repeat; }

ul#menu a.menu-active { background-position:0px -35px; }

ul#menu a:hover {  background-position:0px -35px; }

/*-----------CONTAINER-CONTENT------------*/

#container {
	width:1000px;
	height:auto;
	margin:auto;
	margin-top:30px;
}

#sidebar {
	width:240px;
	height:auto;
	float:right;
	margin-left:10px;
}

#sidebox {
	width:200px;
	height:auto;
	padding:20px;
	background: url(images/fill.png) repeat;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	margin:0px 0px 20px;
	border:1px #333 solid;
}

#content {
	width:700px;
	height:auto;
	float:left;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	background: url(images/fill.png) repeat;
	padding:20px;
	margin-bottom:25px;
}

#content p { margin:15px 0px; }

#content p img {
	width:auto;
	height:auto;
	background: url(images/fill.png) repeat;
	padding:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	margin:10px 0px
}

/*-----------SERVICES------------*/
#what-do-we-do {
	background:url(images/services/what-do-we-do.png) no-repeat;
	margin:auto;
	height:200px;
	width:1000px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
}

#how-its-done {
	background:url(images/services/how-its-done.png) no-repeat;
	margin:auto;
	height:900px;
	width:1000px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
}

/*-----------TIMELINE------------*/
ul#portfolio {}

ul#portfolio li {
	margin:25px 0px 0px 25px;
	float:left;
}

ul#portfolio li a {
	width:200px;
	height:200px;
	display:block;
	text-indent:-9999px;
}

ul#portfolio li a#dezinezync-port { background:url(images/portfolio/zync.png) no-repeat; }
ul#portfolio li a#has-port { background:url(images/portfolio/has.png) no-repeat; }
ul#portfolio li a#mahajani-port { background:url(images/portfolio/mc.png) no-repeat; }

ul#portfolio li a:hover#dezinezync-port,ul#portfolio li a:hover#mahajani-port,ul#portfolio li a:hover#has-port { background-position:0px -200px ; }

/*-----------TIMELINE------------*/
#timeline {
	background:url(images/timeline.png) no-repeat;
	min-width:1000px;
	max-width:1800px;
	height:400px;
	display:block;
	text-indent:-9999px;
	margin-left:inherit;
	overflow:auto;
}

/*----BLOG------*/
#post {
	float:left;
	width: 660px;
}

left-col {
	float: left;
}

.right-col {
	float: right;
}

.wrap {
	width: 100%;
}

/* Post Meta */
.post-meta {
	width: 100px;
	margin-left: 0px;
	text-align: right;
	display: inline;
	padding-top: 0px;
	clear:both;
	float:left;
}

.post-meta a {
	color: #587384;
}

.post-meta a:hover {
}
/* Post Meta Date */

.post-meta h3 {
	padding: 3px 0;
	margin-bottom: 23px;
}

.post-meta h3 span.day {
	display: block;
	float: right;
	line-height: 28px;
	font-size: 35px;
	border-right: #CBCBCB 1px solid;
	padding-right: 5px;
	color: #8D8D8D;
}

.post-meta h3 span.month, .post-meta h3 span.year {
	color: #666666;
	width: 40px;
}

.post-meta h3 span.month {
	display: block;
	float: right;
	font-size: 16px;
	line-height: 14px;
	padding-left: 4px;
	text-align: center;
	text-transform: uppercase;
}

.post-meta h3 span.year {
	font-size: 14px;
	display: block;
}
/* Post Meta Author and Comments */

.post-meta h4 {
	font-size: 12px;
	padding: 3px 21px 3px 0;
	color: #666666;
}

.post-meta h4.author {
	margin-top:8px;
	background: url(images/blog/icon_author.gif) no-repeat right 2px;
	font-style: italic;
}

.post-meta h4.comments {
	background: url(images/blog/icon_comment.gif) no-repeat right 4px;
}

.post-meta h4.comments a {
	color: #666666;
}

/* Post Content */

.post-content {
	width: 500px;
	display: inline;
}

.post-content a {
	font-weight: bold;
}

.post-content a:hover {
}

.post-content p {margin:5px 0px; }

/* Post Content Headings */

.post-content h2 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom:8px;
}

.post-content h2 a {
	color: #dfdfdf;
}

.post-content h2 a:hover {
}

.post-content h3 {
	font-size: 14px;
	padding: 5px 0;
}

/* Post Content Lists and Blockquote */

.post-content ol, .post-content ul {
	line-height: 20px;
}

.post-content ul {
	padding-left: 30px;
}

.post-content ul li {
	list-style: circle;
	padding: 3px 0;
}

.post-content ol {
	padding-left: 37px;
}

.post-content ol li {
	list-style: decimal;
	padding: 3px 0;
}

.post-content blockquote {
	background:url(images/fill.png) repeat;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	color:#999;
	font-style:italic;
	margin:10px auto 10px;
	padding:10px 15px;
	width:75%;
}

/* Post Content Images*/

/* Post Content (read more) */

.post-content span.read_more {
	padding: 5px 0 10px 0;
	display: block;
	float: left;
	font-size: 13px;
}

.post-content a span.read_more {
	color: #1A86DF;
}

.post-content a:hover span.read_more {
	text-decoration: none;
}

/*-----------BLOG------------*/
#blog-post {
	width:200px;
	height:250px;
	background:url(images/fill.png) repeat;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	position:relative;
	float:left;
	margin:0px 25px 25px 25px;
}

.blog-post-image {
	width:200px;
	height:200px;
}

a.blog-post-title {
	position:absolute;
	margin-top:100px;
	max-width:200px;
	height:26px;
	background:url(images/fill.png) repeat;
	padding:8px;
	display:block;
	text-shadow:1px 1px 2px #000;
	font-family:fertigo;
	color:#dfdfdf;
	overflow:hidden;
}

.blog-post-datestamp {
	width:100px;
	height:26px;
	padding:12px 15px;
	float:left;
	font-family:fertigo;
	color:#ccc;
}

.blog-post-comments {
	width:38px;
	height:50px;
	float:right;
	background:url(images/blog/comments.png) no-repeat;
	padding:5px 0px 0px 22px;
	font-size:11px;
	color:#999;
}

/*-----------ABOUT------------*/
ul#about-us { margin:0px 200px; }
ul#about-us li {
	float:left;
}
ul#about-us li a {
	text-indent:-9999px;
	display:block;
	width:300px;
	height:300px;
}

ul#about-us li a#nikhil-about { background:url(images/About/about-nikh.png) no-repeat; }
ul#about-us li a#suraj-about { background:url(images/About/about-suraj.png) no-repeat; }
ul#about-us li a#shruti-about { background:url(images/About/about-shruti.png) no-repeat; }
ul#about-us li a#mrins-about { background:url(images/About/about-mrins.png) no-repeat; }

ul#about-us li a:hover#nikhil-about,ul#about-us li a:hover#suraj-about,ul#about-us li a:hover#shruti-about,ul#about-us li a:hover#mrins-about { background-position:0px -300px; }

/*-----------Photography------------*/
body#photography-body {
	background:#000;
}

#photography {
	width:1000px;
	height:auto;
	margin:auto;
}


/*-----------FOOTER------------*/
#footer {
	width:1000px;
	height:auto;
	margin:30px auto;
}

#featuredat {
	width:1000px;
	height:auto;
}

#featuredat h1 {
	float:left;
	margin:5px auto;
}

#featuredat .feat-site a {
	opacity:0.6;
	float:left;
	margin:0px 10px;
	display:block;
	height:40px;
	text-indent:-9999px;
}


#featuredat .feat-site a:hover {
	opacity:0.8;
}

#featuredat .feat-site.welovewp a{ background:url(images/featured/welovewp.png) no-repeat ; width:75px; }

#featuredat .feat-site.deluxe a{ background:url(images/featured/deluxe.png) no-repeat; width:80px;  }

#copyrights {
	text-align:center;
	width:400px;
	height:auto;
	background: url(images/copyrights.png) no-repeat left center;
	text-indent:-9999px;
	opacity:0.7;
	float:left;
	padding-top:8px;
}

#zynclabs {
	background:url(images/zynclabs.png) no-repeat;
	height:40px;
	width:auto;
	float:right;
	text-indent:-9999px;
	margin-right:15px;
	opacity:0.7;
}

#lastfm {
	width:225px;
	height:auto;
	float:left;
	background:url(images/fill.png) repeat;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	padding:20px;
	margin-top:30px;
}

#flickr { 
	width:225px;
	height:auto;
	margin-left:30px;
	float:left;
	background:url(images/fill.png) repeat;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	padding:20px;
	margin-top:30px;
}

#proposal,#tweets {
	width:360px;
	height:auto;
	margin-left:30px;
	float:left;
	background:url(images/fill.png) repeat;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-border-radius:7px;
	padding:20px;
	margin-bottom:15px;
}

#tweets {
	margin-top:30px;
}


/*----LAST FM------*/
#flickr ul { 
	margin-top:20px;
	margin-left:13px;
}
#flickr li { float:left; }
#flickr a {
	margin:10px;
	width:80px;
	height:80px;
	background:url(images/flickr_a.png) no-repeat;
	display:block;
	float:left;
}
#flickr img {
	width:70px;
	height:70px;
	margin:5px;
}


/*----LAST FM------*/
			ul.music,
			ul.music li,
			ul.music li a,
			ul.music li img{
				margin:0;
				padding:0;
				list-style:none;
				border:0;
				text-decoration:none;
			}
			
			
			ul.music li{
				margin:15px 15px 15px 0;
				float:left;
				position:relative;
			}
			ul.music li a{
				display:block;
				position:relative;
				float:left;	
				width:80px;
				height:80px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			ul.music li img{
				position:absolute;
				width:80px;
				height:80px;
				border:0;
			}
			
			/* Vinyl Sleeve */
			ul.music li.vinyl img{
				width:72px;
				height:72px;
				left:2px;
				top:1px;
			}			
			ul.music li.vinyl a{
				background: url(images/vinyl.png) 0 0 no-repeat;
				width:96px;
				height:76px;							
			}
			ul.music li.vinyl{
				background:url(images/vinyl_insert.gif) 2px 1px no-repeat;							
			}

/*----H1s------*/

h1.h1-lastfm {
	background: url(images/h1/lastfm.png) no-repeat;
	width:100px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-flickr {
	background: url(images/h1/flickr.png) no-repeat;
	width:100px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-tweets {
	background: url(images/h1/twitter.png) no-repeat;
	width:100px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-blog {
	background: url(images/h1/blog.png) no-repeat;
	width:100px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-what-next {
	background: url(images/h1/what-next.png) no-repeat;
	width:180px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-current {
	background: url(images/h1/current-project.png) no-repeat;
	width:180px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-tags {
	background: url(images/h1/tags.png) no-repeat;
	width:180px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-archieves {
	background: url(images/h1/archieves.png) no-repeat;
	width:180px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

h1.h1-featuredat {
	background: url(images/h1/featured-at.png) no-repeat;
	width:180px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

ul#sidelist li {
	margin:8px 0px;
}

ul#sidelist a{
	color:#888;
	font-size:15px;
}

ul#sidelist a:hover {
	color:#dfdfdf;
}

/*----FORMS----*/
.rowElem { margin:15px auto; }

.rowElem input.styled {
	padding:10px;
	border:none;
	width:400px;
	height:15px;
	background:url(images/contact/text.png) no-repeat;
	display:block;
	color:#dfdfdf;
	font-family:corbel;
}

.rowElem textarea.styled {
	padding:10px;
	border:none;
	width:400px;
	height:180px;
	overflow:auto;
	background:url(images/contact/textarea.png) no-repeat;
	color:#dfdfdf;
	font-family:corbel;
}

/*----NETWORKS-----*/

#networks {
	width:880px;
	height:60px;
	display:block;
	background:url(images/h1/network.png) no-repeat center left;
	padding-left:120px;
}

a.zync-network {
	width:60px;
	height:60px;
	display:block;
	text-indent:-9999px;
	background:url(images/zync-network.png) no-repeat;
	position:relative;
}
a:hover.zync-network { background-position:0px -60px; }