/*

Theme Name: Vintage

Theme URI: http://www.designer.rs

Description: Vintage is modern wordpress template for portfolio or blog. Equipped with jquery plugins, for better usability and style. Also there are 5 color styles (+ default gray).

Version: 1.1

Author: Milan Zivkovic

Author URI: http://www.designer.rs/

Tags: blue, red, orange, purple, green, gray, coda slider, fixed width, two columns, widgets



	Vintage 1.1

	 http://demo.designer.rs/vintage



	This theme was designed and built by Milan Zivkovic,

	whose portfolio you will find at http://www.designer.rs/



*/



/*  -----------------------------------------------------



	=Reset CSS

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	html, body, div, span, applet, object, iframe,

	h1, h2, h3, h4, h5, h6, p, blockquote, pre,

	a, abbr, acronym, address, big, cite, code,

	del, dfn, em, font, img, ins, kbd, q, s, samp,

	small, strike, strong, sub, sup, tt, var,

	dl, dt, dd, ol, ul, li,

	fieldset, form, label, legend,

	table, caption, tbody, tfoot, thead, tr, th, td {

		margin: 0;

		padding: 0;

		border: 0;

		outline: 0;

		font-weight: inherit;

		font-style: inherit;

		font-size: 100%;

		font-family: inherit;

		vertical-align: baseline;

	}

	

	* {font-size:100.01%}



	/* remember to define focus styles! */

	:focus {

		outline: 0;

	}

	body {

		color: #fff;

		font: 12px/1.6em Georgia, "Times New Roman", Times, serif;



	}

	ol {

		list-style-position: inside;

	}

	ul {

		list-style: none;

	}

	/* tables still need 'cellspacing="0"' in the markup */

	table {

		border-collapse: separate;

		border-spacing: 0;

	}

	caption, th, td {

		text-align: left;

		font-weight: normal;

	}

	blockquote:before, blockquote:after,

	q:before, q:after {

		content: "";

	}

	blockquote, q {

		quotes: "" "";

	}





/*  -----------------------------------------------------



	=Basic

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	a:link, a:visited {

		color: #999;

		text-decoration: none;

	}

	

	h1,

	h2,

	h3 {

		font-weight: bold;

	}

	

	h1 {

		font-size: 14px;

	}

	

	h3 {

		font-style: italic;

	}

	

	h4 {

		color: #10100f;

		font-size: 14px;

		padding: 0 0 4px 18px;

	}

	

	h5 {

		color: #aaa;

		font-size: 9px;

	}

	

	a:hover, a:active {

		text-decoration: underline;

	}

	

	ul li {

		background: url(images/style-gray/bullet.gif) no-repeat left 7px;

		padding-left: 15px;

	}

	

	p,

	ul,

	ol,

	h1,

	h2,

	h3,

	hr,

	blockquote,

	table,

	#projects {

		margin-bottom: 1em;

	}

	.sharethis_0 {
		padding: 10px 0 0 0;
	}

	em {

		font-style: italic;

	}

	

	strong,

	th,

	dt {

		font-weight: bold;

	}

	

	img {

		border: 2px solid #fff;

	}

	

		img:hover,

#projects img:hover {

			border-color: #999;

		}

	

	hr {

		background-color: #ccc;

		border: 0;

		color: #ccc;

		height: 1px;

	}

	

	th,

	td {

		line-height: 30px;

	}

	

	small {

		font-size: 10px;

		font-style: italic;

	}

	

	.width_280 {

		width: 280px;

	}

	

	.width_320 {

		width: 320px;

	}

	

	.width_590 {

		width: 590px;

	}

	

	.featured {

		width: 500px;

	}

	

	blockquote {

		font-style: italic;

	}

	

	.main {

		text-align: justify;

	}

	

	.col {

		float: left;

		margin: 40px 30px 0 0;

	}

	

	#header .col {

		margin-right: 80px;

	}

	

	#container .last {

		margin-right: 0;

		display: inline;

	}

	

	#content .col {

		margin-bottom: 30px;

	}

	

	.box {

		background: #FCF1E0 url(images/col-bg-280px-bottom.gif) no-repeat bottom center;

		padding: 0 0 10px;

		margin-bottom: 25px;

		position: relative;

	}

	

		.main .box {

			padding: 10px;

		}

	

	.width_590 .box {

		background-image: url(images/col-bg-590px-bottom.gif);

	}

	

/*  -----------------------------------------------------



	=Body

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	body {

		background: #F1BF6A url(images/background.jpg) repeat-x;

		color: #666;

		text-align: center;

	}





/*  -----------------------------------------------------



	=Container

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	#container {

		margin: 0 auto;

		text-align: left;

		width: 900px;

	}





/*  -----------------------------------------------------



	=Header

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	#header {

		color: #e6e6e6;

		height: 308px;

		position: relative;

	}

	

		#header .brand {

			border: 0;

			border-bottom: 1px solid #808080;

			margin: 0 0 24px;

			padding-bottom: 15px;

		}

	

		#header #menu {

			bottom: 0;

			left: -10px;

			margin: 0;

			position: absolute;

		}

		

			#header #menu li {

				background: none;

				float: left;

				margin-left: 1px;

				padding: 0;

			}

			

				#header #menu li a {

					color: #fff;

					display: block;

					font-size: 14px;

					padding: 5px 10px 8px;

				}

				

					#header #menu a:hover {

						color: #999;

						text-decoration: none;

					}

					

					#header #menu .active a,

					#header #menu .active_category,

					#header #menu .current-cat a,

					#header #menu .current_page_item a {

					background: url(images/nav-bg.gif) repeat-x;

					border-top: 1px solid #fff;

					border-left: 1px solid #fff;

					border-right: 1px solid #fff;

					color: #000;

					}





/*  -----------------------------------------------------



	=Content

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	

	#content {

	}

	.postmetadata {
		font-size:.8em;

		}	

		.col.width_280 h4 {

			background: url(images/col-bg-280px-top-services.gif) no-repeat;

		}

	

		.col.width_280 h4.News {

			background: url(images/col-bg-280px-top-news.gif) no-repeat;

		}

		

		.col.width_590 h4.News {

			background: url(images/col-bg-590px-top-news.gif) no-repeat;

		}

		

		.col.width_280 .widget_random_one_cat h4 {

			background: url(images/col-bg-280px-top-services.gif) no-repeat;

		}

		

		.col.width_590 h4.services {

			background: #fff url(images/col-bg-590px-top-services.gif) no-repeat;

		}

		

		.col.width_280 #flickr h4 {

			background: url(images/col-bg-280px-top-flicker.gif) no-repeat;

		}

		

		.col.width_280 #random-quote h4 {

			background: url(images/col-bg-280px-top-testimonials.gif) no-repeat;

		}

		

		.col.width_280 #twitter-tools h4 {

			background: url(images/col-bg-280px-top-twitter.gif) no-repeat;

		}

		

		.col.width_590 h4.About {

			background: url(images/col-bg-590px-top-about.gif) no-repeat;

		}

		

		.col.width_590 h4.Hire {

			background: url(images/col-bg-590px-top-hire.gif) no-repeat;

		}

		

		.col.width_590 h4.Portfolio {

			background: url(images/col-bg-590px-top-portfolio.gif) no-repeat;

		}

		

		.main .box h4,

		.main .box {

		/*	background-color: #fff; */

			overflow: hidden;

		}

			

				#twitter-tools .aktt_tweets ul li {

					margin: 0;

				}

			

				#twitter-tools .aktt_credit {

					display: none;

				}

			

				.widget input {

					width: 200px;

				}

				

				.widget-btn {

					background: url(images/style-gray/followme.gif) no-repeat top right;

					bottom: -10px;

					color: #fff!important;

					display: block;

					line-height: 25px;

					padding: 0 17px;

					position: absolute;

					right: 10px;

					text-align: right;

			}

		

		#flickr div {

			overflow: hidden;

		}

		

		table#wp-calendar {

			width: 260px;

		}

		

		#flickr div a {

			display: inline-block;

			float: left;

			margin-right: 5px;

		}

		

		#flickr div a img {

			width: 54px;

			height: 46px;

		}

		

			#flickr div .widget-btn {

				right: 0;

			}

		

		#random-quote div {

			font-style: italic;

		}

		

		blockquote,

		#random-quote div {

			background: url(images/style-gray/quote.gif) no-repeat 0 4px;

			text-indent: 15px;

		}

	

		.services li {

			background-image: url(images/style-gray/bullet.gif);

		}

		

		#slider {

			width: 500px;

			margin: 0 auto;

			position: relative;

		}

		

		.scroll {

			height: 250px;

			width: 500px;

			overflow: hidden;

			position: relative;

			clear: left;

		}

		

		.scrollContainer div.panel {

			height: 250px;

			padding-top: 10px;

			width: 500px;

		}

		

			.panel p {

				background: url(images/bullet-star.gif) no-repeat left center;

				padding-left: 10px;

			}

			

				div.panel span.pin {

				background: url(images/style-gray/pin.gif) no-repeat;

				display: block;

				height: 28px;

				left: 50%;

				position: absolute;

				top: 2px;

				width: 21px;

			}

		

		.navigation {

			position: absolute;

			top: 218px;

			right: 20px;

		}

		

		.navigation li {

			background: none;

			display: inline;

			float: left;

			padding: 0;

		}

		

		.navigation a {

			background: url(images/style-gray/bullet.gif) no-repeat;

			display: block;

			height: 6px;

			margin-right: 2px;

			text-indent: -9999px;

			width: 6px;

		}

		

		.navigation a:hover {

			background: url(images/bullet-black.gif);

		}

		

		.navigation a.selected {

			background: url(images/bullet-black.gif);

		}

		

		.navigation a:focus {

			outline: none;

		}

		

		.scrollButtons {

			border: 0;

			cursor: pointer;

			height: 12px;

			position: absolute;

			top: 215px;

			width: 7px;

			z-index: 100;

		}

		

		.scrollButtons.left {

			background: url(images/arrow-left.gif) no-repeat;

			right: 10px;

		}

		

		.scrollButtons.right {

			background: url(images/arrow-right.gif) no-repeat;

			right: 0px;

		}

		

		.hidden {

			visibility: hidden;

		}



		#content .main table,

		#content .main th {

			border-bottom: 3px solid #fcfcfa;

		}

		

		.main tr.odd {

			background-color: #fcfcfa;

		}

		

		#projects {

			overflow: hidden;

		}

		

			#projects img {

				border-color: #ddd;

			}

			

			.project-head {

				background: url(images/bullet-toggle-plus.gif) no-repeat left center;

				border-bottom: 1px solid #eee;

				cursor: pointer;

				padding-left: 10px;

				right: 0;

				top: 165px;

			}

			

				.project-head.opened {

					background-image: url(images/bullet-toggle-minus.gif);

				}

			

			.project-body {

				border-bottom: 1px solid #ccc;

				display:none;

				overflow: hidden;

			}

			

				.project-body ul {

					float: right;

					width: 150px;

				}

				

				.project-body p {

					float: left;

					width: 350px;

				}

				

			label {

			}

			

			input, textarea {
	background-color: #DFDFDF;
	border: 1px solid #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 5px;
	
			}



			input:focus,

			textarea:focus {

				background-color: #F3F2E9;

							}

			

			.btn,

			#twitter-tools .aktt_tweets input#aktt_tweet_submit {

				background: url(images/style-gray/button.gif) no-repeat;

				border: 0;

				color: #fff;

				font-style: normal;

				height: 25px;

				width: 77px;

			}

			

			.required {

				color: #999;

			}

			

			#message_ok {

				color: #999;

				display: none;

			}

		

		.commentlist {

			list-style: none;

		}

		

			.commentlist li {

				margin-bottom: 10px;

				padding: 5px 20px;

			}

		

			.commentlist img.avatar {

				float: right;

			}

		

		.authcomment {

			background-color: #fff;

		}

		

		.commentlist .alt {

			background-color: #FCF1E0;

		}

		

			.widget ul,

			.widget div,

			.widget form {

				margin: 10px;

				padding: 0;

			}
			
						

			.widget div ul,

			.widget div form {

				margin: 0;

			}

		

/*  -----------------------------------------------------



	=Footer

	

	- - - - - - - - - - - - - - - - - - - - - - - - - - - */



	#footer {

		background: url(images/footer-bg.gif) repeat-x;

		clear: both;

		overflow: hidden;

		padding: 10px;

	}

	

		#footer img {

			border: 0;

		}

				

		#footer p {
	color: #666;
	font-size: 0.9em;
	font-style: italic;
		}
		
		#footer p.left {
			
			float:left;
			
			}

		
			#footer p.right {

				float: right;

			}
		

			#footer p img {

				vertical-align: middle;

			}