/*

Theme Name: Vintage Museum

Description: Custom Wordpress Theme

Author: Waqas

*/



body {

	background: #f0efed;

	color: #464645;

	font-family: Arial,Helvetica,sans-serif;

	font-size: 16px;

	line-height: 24px;

	margin: 0;

	padding: 0;

}



#main {

	background: url('images/bg-main.png') repeat-y top center;

	margin: 0 auto;

	padding: 0;

	width: 920px;

}



/*---- Web Font Kits ----*/

@font-face {

    font-family: 'lucida_granderegular';

    src: url('fonts/lucida_grande-webfont-webfont.eot');

    src: url('fonts/lucida_grande-webfont-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/lucida_grande-webfont-webfont.woff') format('woff'),

         url('fonts/lucida_grande-webfont-webfont.ttf') format('truetype'),

         url('fonts/lucida_grande-webfont-webfont.svg#lucida_granderegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'lucida_grandebold';

    src: url('fonts/lucida_grande_bold-webfont-webfont.eot');

    src: url('fonts/lucida_grande_bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/lucida_grande_bold-webfont-webfont.woff') format('woff'),

         url('fonts/lucida_grande_bold-webfont-webfont.ttf') format('truetype'),

         url('fonts/lucida_grande_bold-webfont-webfont.svg#lucida_grandebold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansLight';

    src: url('fonts/OpenSans-Light-webfont.eot');

    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-Light-webfont.woff') format('woff'),

         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansLightItalic';

    src: url('fonts/OpenSans-LightItalic-webfont.eot');

    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),

         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansRegular';

    src: url('fonts/OpenSans-Regular-webfont.eot');

    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),

         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansItalic';

    src: url('fonts/OpenSans-Italic-webfont.eot');

    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),

         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansSemibold';

    src: url('fonts/OpenSans-Semibold-webfont.eot');

    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),

         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansSemiboldItalic';

    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');

    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),

         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'OpenSansBold';

    src: url('fonts/OpenSans-Bold-webfont.eot');

    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),

         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansBoldItalic';

    src: url('fonts/OpenSans-BoldItalic-webfont.eot');

    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),

         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansExtrabold';

    src: url('fonts/OpenSans-ExtraBold-webfont.eot');

    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),

         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'OpenSansExtraboldItalic';

    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');

    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),

         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),

         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');

    font-weight: normal;

    font-style: normal;

}





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

#header {

	width: 1140px;

	height: 110px;

	padding: 0;

	margin: 0 auto;

}



#logo {

	width: 375px;	

	height: 80px;

	float: left;

	margin: 30px 0 0 15px;

	padding: 0;

}

/*---- Wrapper ----*/

#wrapper-top,

#wrapper-bottom {

	display: block;

	height: 20px;

	width: 1200px;

	margin: 0 auto;

	padding: 0;

}



#wrapper-top {

	background: url('images/bg-wrapper-top.png') no-repeat top center;

}



#wrapper-bottom {

	background: url('images/bg-wrapper-bottom.png') no-repeat top center;

}



#wrapper {

	width: 1200px;

	margin: 0 auto;

	padding: 0;

	background: url('images/bg-wrapper.png') repeat-y top center;

}



/*---- Featured Image ----*/

#feature-image {

	width: 1070px;

	height: 220px;

	display: block;

	margin: 0 auto 25px;

	padding: 0;

}

/*---- Submenu ----*/
#submenu {
	max-width: 1070px;
	height: 40px;
	margin: 0 auto 25px;
	padding: 0;
	text-align: center;
}

#submenu .menu {
	display: inline-block;
}

#submenu ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

#submenu ul li {
	background-image: url(images/bg-submenu.png);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: 'OpenSansLight';
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	padding: 0;
	float: left;
	line-height: 40px;
	color: #fff;
	margin: 0;
}

#submenu ul li:first-child {
	background-position: top left;
}

#submenu ul li:first-child:hover,
#submenu ul li:first-child.current-menu-item,
#submenu ul li:first-child.current_page_item {
	background-position: bottom left;
}

#submenu ul li:last-child {
	background-position: top right;
}

#submenu ul li:last-child:hover,
#submenu ul li:last-child.current-menu-item,
#submenu ul li:last-child.current_page_item {
	background-position: bottom right;
}

#submenu ul li:hover,
#submenu ul li.current-menu-item,
#submenu ul li.current_page_item  {
	background-position: bottom center;
}

#submenu ul li:last-child a { 
	border-right: none;
}

#submenu ul li a,
#submenu ul li a:hover {
	padding: 0 25px;
	color: #fff;
	text-decoration: none;
}

#submenu ul li a {
	border-right: 1px solid #fff;
}

#submenu ul li a:hover,
#submenu ul li.current-menu-item a,
#submenu ul li.current_page_item a {
	border-right: 1px solid #6f6862;
}

#submenu h2 {
	display: none;
}


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

#content {

}



.frontpage {

	width: 780px;

	margin: 0 0 0 30px;

	padding: 0 35px 25px 35px;

	float: left;

}



.innerpage {

	width: 1070px;

	padding: 0 35px 25px;

	margin: 0 auto;

}



.blogpage {

	width: 780px;

	margin: -35px 0 0;

	padding: 0 35px 25px 35px;

	float: left;

}



.front-bottom,

#front-bottom {

	clear: both;

	width: 1070px;

	height: 150px;

	margin: 0 auto;

	padding: 0 0 35px;

	display: block;

}



#front-bottom h2 {

	display: none;

}



#front-bottom img {

	max-height: 150px;

}



#front-bottom img.alignleft {

	float: left;

	padding: 0;

	margin: 0 2.5px 0 0;

}



#front-bottom img.alignright {

	float: right;

	padding: 0;

	margin: 0 0 0 0;

}



h1,

h2,

h3,

h4 {

	font-family: Arial,Helvetica,sans-serif;

	color: #37458e;

	font-weight: normal;

	margin: 0 0 5px;

	padding: 0;

}



h1 {

	font-size: 30px;

	line-height: 36px;

}

	

h2 {

	font-size: 20px;

	line-height: 30px;

}



h2 a {

	color: #37458e;

	font-weight: bold;

	text-decoration: none;

}



h2 a:hover {

	color: #6f6862;

	text-decoration: none;

}



	

h3 {

	font-size: 18px;

	line-height: 24px;

}

	

h4 {

	font-size: 16px;

	line-height: 24px;

}



#content h4.title {

	font-size: 24px;

	line-height: 30px;

	margin-bottom: 15px;

}



p {

	margin: 0 0 25px;

	padding: 0;

}

	

a,

li a {

	color: #f02432;

	text-decoration: none;

}





a:hover,

li a:hover {

	color: #f02432;

	text-decoration: underline;

}

	

ul {

	margin: 0 0 25px 40px;

	padding: 0;

}



li {

	padding: 0;

	margin: 0;

}





/*---- Blog ----*/

.postarea .thumb_post {

	padding: 0;

	margin: 0 10px 10px 0;	

}



.postdate {

	clear: both;

	font-size: 12px;

	padding: 2px 0 0;

	width: 100%;

	margin: -15px 0 0;

	border-top: 1px solid #aaa29b;

}



.postarea {

	width: 100%;

	margin: 0 0 25px;

	padding: 0;

}

	

.thumb_post {

	width: 165px;

	height: 125px;

	float: left;

	margin: 0;

	padding: 17px 6px 3px 14px;

	position: relative;

	z-index: 0;

	}



#navigation { 

	width: 100%;

	min-height: 20px;

	margin: 0 0 10px;

	padding: 0;

	clear: both;

}





/*---- Sidebar ----*/

#sidebar {

	width: 290px;

	background: #f5f4f3;

}



.frontbar {

	float: right;

	margin: 0 30px 0 0;

	padding: 0;

}



.postbar {

	float: left;

	margin: -65px 0 0 30px;

	padding: 30px 0;

}



#sidebar,

#sidebar p,

#sidebar li {

	font-size: 14px;

	line-height: 24px;

	color: #9d9c9c;

}



#sidebar h2 {

	font-family: 'OpenSansLight';

	color: #afa79f;

	width: 250px;

	margin: 0 0 2px;

	padding: 10px 20px 5px;

	font-size: 18px;

	line-height: 24px;

	border-bottom: 1px solid #e9e8e6;

}



#sidebar hr.gap {

	width: 100%;

	height: 1px;

	margin: 0 0 2px;

	padding: 0;

	background: #e9e8e6;

	display: block;

	border: none;

	}



#sidebar h2 a {

	color: #afa79f;

}



#sidebar h2 a:hover {

	color: #474747;

	text-decoration: none;

}

#sidebar p {

	padding: 0;

	margin: 0 0 20px;

}



#sidebar a,

#sidebar li a {

	color: #474747;

	text-decoration: none;

}



#sidebar a:hover,

#sidebar li a:hover {

	color: #474747;

	text-decoration: underline;

}



#sidebar ul {

	list-style: none;

	margin: 0 0 20px;

	padding: 0 20px;

}



#sidebar li {

	padding: 0;

	margin: 0;

}



#sidebar #searchform {

	width: 250px;

	margin: 7px auto 20px;

	padding: 0;

}



#searchform {

	width: 250px;

	margin: 0;

	padding: 5px 0;

}



input[type=text],

input[type=submit],

input[type=button],

#s {

	border: none;

	font-family: 'OpenSansLight';

	font-size: 14px;

	line-height: 18px;

	padding: 0 5px;

	margin: 0;

	height: 24px;

}



input[type=text],

#s {

	background: #e9e8e6;

   	color: #9d9c9c;

}



input[type=submit],

input[type=button] {

	background: #aaa29b;

	color: #fff;

	cursor: pointer;

}



input[type=submit]:hover,

input[type=button]:hover {

	background: #6f6862;

}

	

/*---- Footer Text ----*/

#footer {

	width: 1110px;

	margin: 0 auto;

	padding: 0 0 50px;

	font-family: 'OpenSansLight';

	font-size: 14px;

	line-height: 18px;

	color: #959595;

	}



#footer .credit {

	float: left;

	text-align: left;

}



#footer .copyright {

	float: right;

	text-align: right;

}



#footer a {

	color: #959595;

	text-decoration: none;

}

	

#footer a:hover {

	color: #959595;

	text-decoration: underline;

}





/*---- Miscellenous ----*/

.clear {

	clear: both;

	margin: 0;

	padding: 0;

}

	

.clear-left {

	clear: left;

	margin: 0;

	padding: 0;

}



.clear-right {

	clear: left;

	margin: 0;

	padding: 0;

}



a img {

	border: none;

}



#content img,	

#content a img {

	padding: 10px;

}



.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}





@media only screen and (max-width: 800px) {



	#front-bottom {

		height: auto;

		text-align: center;

	}



	#front-bottom img,

	#front-bottom img.alignleft,

	#front-bottom img.alignright {

		float: none;

		display: block;

		margin: 0 0 5px;

	}

}