/*
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 {
	background-color: #fbfbf8;
	color: #ffffff;
	font-size: 14px;
	padding: 0 0 4px 18px;
}
h5 {
	color: #aaa;
	font-size: 9px;
}
a:hover, a:active {
	text-decoration: underline;
}
.box a:hover, a:active {
	border-bottom: dotted 1px #CC0000;
	text-decoration: none;
}
ul li {
	background: url(images/style-gray/bullet.gif) no-repeat left 7px;
	padding-left: 10px;
}
p,  ul,  ol,  h1,  h2,  h3,  hr,  blockquote,  table,  #projects {
	margin-bottom: 1em;
}
em {
	font-style: italic;
}
strong,  th,  dt {
	font-weight: bold;
}
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: #fbfbf8 url(images/col-bg-280px-bottom.gif) no-repeat bottom center;
	padding: 0 0 10px;
	position: relative;
}
.width_280 .box ul li {
	list-style: none;
	margin: 0 10px 0 10px;
	background: none;
}
.margin20left {
	margin: 0 0 0 20px;
}
.main .box img {
	border: #999999 1px solid;
	padding: 5px;
}
img .box {
	border: 0 none;
}
.main .box {
	padding: 10px;
}
.post {
	margin: 0 45px 0 45px;
}
.post h1 {
	margin: 0px 0px 0 0px;
	color: #666666;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	font-weight: 100;
	padding: 20px 0 10px 0;
	border-bottom: #CCCCCC 1px solid;
}
.width_590 .box {
	background-image: url(images/col-bg-590px-bottom.gif);
}
/*  -----------------------------------------------------

	=Body
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	body {
	/*background: #f3f2e9 url(images/background.jpg) repeat-x;        original BG   */
       /* background: #80add9 url(images/white.jpg) repeat-x;*/
		background: #80add9 url(/wp-content/themes/vintage/images/bg_header.jpg) repeat-x;
	color: #000000;
	text-align: center;
}
/*  -----------------------------------------------------

	=Container
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#container {
	margin: 0 auto;
	text-align: left;
	width: 900px;
}
/*  -----------------------------------------------------

	=Sidebar
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	.sidebarHeader {
	margin: 0px 15px 0 15px;
	color: #666666;
	font-size: 18px;
	font-weight: 100;
	padding: 10px 0 5px 0;
	border-bottom: #CCCCCC 1px solid;
}
.sidebarBasics {
	margin: 10px 0 0 15px
}
/*  -----------------------------------------------------

	=logo
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

       .logo {
	margin: 0 auto;
	padding: 10px 0 0 0;/*width: 600px;*/
       }
.logo img,  .logo img:hover {
	border: none;
}
/*  -----------------------------------------------------

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

	#header {
	color: #e6e6e6;
	height: 214px;
	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: #000000;
	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;*/
					background: #80add9;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
}
/*  -----------------------------------------------------

	=Content
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	#content {
}
.col.width_280 h4 {
	background: url(images/col-bg-280px-top-services.gif) no-repeat;
}
.col.width_280 h4.News {
	/*background: #fff url(images/col-bg-280px-top-news.gif) no-repeat;*/
			background: url(images/col-bg-280px-top_plain.jpg) no-repeat;
}
.col.width_590 h4.News {
	/*background: #fff url(images/col-bg-590px-top-news.gif) no-repeat;*/
			background: #fff url(images/col-bg-590px-top_plain.jpg) no-repeat;
}
.col.width_590 h4 {
	/*background: #fff url(images/col-bg-590px-top-news.gif) no-repeat;*/
			background: #fff url(images/col-bg-590px-top_plain.jpg) 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: #fff url(images/col-bg-590px-top_plain.jpg) no-repeat;
}
.col.width_590 h4.Hire {
	background: #fff url(images/col-bg-590px-top-hire.gif) no-repeat;
}
.col.width_590 h4.Portfolio {
	background: #fff 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: #fafafa;
	border: 1px solid #f2f2f2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 5px;/*width: 300px;*/
			}
input:focus,  textarea:focus {
	background-color: #fff;
	border-color: #fafafa;
}
.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: #fbfbf8;
}
.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: #b6b6b6;*/
			color: #ffffff;
	font-size: 10px;
	font-style: italic;
}
#footer p.right {
	float: right;
}
#footer p img {
	vertical-align: middle;
}

/* Begin optin-styling */
#news_letter_optin{
	width:251px;
	margin-bottom:10px;
	/*padding-left:5px;*/
	padding-top:10px;
}
#news_letter_optin a{
	/*font-size:11px;*/
	color:#000;
	font-style:normal;
}
.sidebarHeader_optin{
	margin: 0px 15px 0 15px;
	color: #DD2067;
	font-size: 18px;
	font-weight:bold;
	padding: 10px 0 5px 0;
	/*border-bottom: #CCCCCC 1px solid;*/

}

#easy-knitting-e-book{
	width:251px;
	height:370px;
	background:url("images/basics_new.jpg") no-repeat;
	padding: 264px 0 0;
	margin: 0 auto;
}

#easy-knitting-e-book .subtitle{
	margin:0 auto;
	width:215px;
	height:50px;
	font-family:times,serif,georgia;
	font-size:24px;
	line-height:1em;
}

#easy-knitting-e-book .description{
	margin:20px auto 0;
	width:215px;
	height:80px;
	font-family:times,serif,georgia;
	font-size:20px;
	color:#513e30;
}

#easy-knitting-e-book .learn-more{
	margin:40px auto 0;
	height:42px;
	width:190px;
}
#easy-knitting-e-book .buy-now{
	margin:20px auto 40px;
	height:42px;
	width:190px;
}
#easy-knitting-e-book .button-link{
	display:block;
	height:42px;
	width:190px;	
	font-family:arial,helvetica,sans;
	font-size:15px;
	font-weight:bold;
	border: 0 !important;
	color: #fff !important;
}
#easy-knitting-e-book .learn-more a{
	padding:8px 0 0 42px;
}
#easy-knitting-e-book .buy-now a{
	padding:8px 0 0 54px;
}
#easy-knitting-e-book .button-link a:link,#easy-knitting-e-book .button-link a:visited,#easy-knitting-e-book .button-link a:hover{
	text-decoration: none !important;
	border:0 !important;
	color: #fff !important;
}
#easy-knitting-e-book .button-link a:link
#easy-knitting-e-book .toc{
	margin:40px auto 0;
}
#easy-knitting-e-book .toc a{
	font-family: arial,georgia,sans-serif; font-size: 12px; font-weight: bold; margin-left: 38px; border-bottom: 1px solid #9a806f !important; color:#9a806f !important;
}