/*



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;



}







/* Mike's Changes */







.tydownload a {



	margin:20px 0 0 0;



	display:block;



	text-align:center;



	font-weight:bold;



	font-size:20px;



}







.tynotice {



	text-align:center;



	font-weight:bold;



	font-size:16px;



}



/* ==================================================== Shop Template Styles ==================================================== */



#sBody {

	background:url(images/sBody-bg.jpg) top repeat-x #81adda;

}



#sWrap {

	width:960px;

	margin:auto;

}



#sHeader {

	position:relative;

	height:100px;

	margin:0 0 30px 0;

}



#sHeaderLogo {

	position:absolute;

	right:40px;

	top:5px;

}



#sHomeButton {

	position:absolute;

	left:0;

	bottom:0;

	padding:5px 15px;

	background:#81adda;

	color:#fff;

	font-size:14px;

}



#sHomeButton:hover {

	color:#c00;

	text-decoration:none;

}



#sMain {

}



#sContent {

	float:left;

	width:500px;

	padding:25px 75px 15px 75px;

	text-align:left;

	border-radius:10px;

	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;

}

#sContent p, #sContent ul, #sContent ol {
	line-height:20px;
	margin:0 0 20px 0;
}

#sContent ul, #sContent ol {
	padding:0 0 0 20px;
}

#sContent ul li, #sContent ol li {
	margin:0 0 20px 0;
	padding:0 0 0 15px !important;
}

#sContent h1 {
	color:#4e7a28;
	font-size:40px;
	line-height:normal;
}

#sContent h2 {
	color:#800000;
	font-size:30px;
	line-height:normal;
}

#sContent h3 {
	color:#000;
	font-size:20px;
	line-height:normal;
}

#sContent h4 {
	background:none !important;
}

#sContent blockquote {
	background:#faf7bb;
	border:5px solid #f9f7ef;
	font-style:italic;
	padding:15px;
}

#sContent a {
	color:#00F;
}


#sContent ul.checkmarks {
	list-style:none !important;
}

#sContent ul.checkmarks li {
	padding:0 0 0 30px !important;
	background:url(sales_letter/images/checkmark.gif) 0 0 no-repeat !important;
}

#sSidebar {

	float:right;

	width:260px;

	padding:10px;

	border-radius:10px;

	background:#fff;

}



#sFooter {

	clear:both;

}



.alignleft {

	float:left;

	display:inline;
	margin:0 20px 20px 0;

}



.alignright {

	float:right;

	display:inline;
	margin:0 0 20px 20px;

}

.wp-caption {
	font-style:italic;
}