/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}



/* FONTS */
@font-face {
    font-family: 'lavanderia_delicatedelicate';
    src: url('fonts/lavanderia_delicate.eot');
    src: url('fonts/lavanderia_delicate.eot?#iefix') format('embedded-opentype'),
         url('fonts/lavanderia_delicate.woff') format('woff'),
         url('fonts/lavanderia_delicate.ttf') format('truetype'),
         url('fonts/lavanderia_delicate.svg#lavanderia_delicatedelicate') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'livory_regularregular';
    src: url('fonts/livory-regular.eot');
    src: url('fonts/livory-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/livory-regular.woff') format('woff'),
         url('fonts/livory-regular.ttf') format('truetype'),
         url('fonts/livory-regular.svg#livory_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'livoryregular_italic';
    src: url('fonts/livory-regularitalic.eot');
    src: url('fonts/livory-regularitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/livory-regularitalic.woff') format('woff'),
         url('fonts/livory-regularitalic.ttf') format('truetype'),
         url('fonts/livory-regularitalic.svg#livoryregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'socialicoregular';
    src: url('fonts/socialico.eot');
    src: url('fonts/socialico.eot?#iefix') format('embedded-opentype'),
         url('fonts/socialico.woff') format('woff'),
         url('fonts/socialico.ttf') format('truetype'),
         url('fonts/socialico.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* TYPOGRAPHY */
h1{ font-size: 50px; font-family: 'livory_regularregular', Georgia, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; color: #ffffff; font-weight: normal; }
h1, ul {-webkit-font-smoothing: antialiased; }
h2{ font-size: 21px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }
h5{ font-size: 13px; font-family: 'livoryregular_italic', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; color: #3E3E3E; font-weight: normal; text-align: center;letter-spacing: 2px; }
h6{ font-size: 11px; }

p{ margin-bottom: 15px; line-height: normal; }


/* Selection colours (easy to forget) */

::selection 	 	{background: rgba(0,0,0,.5);}
::-moz-selection 	{background: rgb(0,0,0);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(0,0,0);}



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body{
	background: #000;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}


/* NAVIGATION */
a{ color: #755a3c; text-decoration: none; }
a:hover{ color: #ccc; }

.logo{ display: block; width: 45px; height: 75px; padding-top: 10px; font-family: 'lavanderia_delicatedelicate', Helvetica, Arial, sans-serif; font-size: 31px; color: #fff; text-align: center; margin: 0 auto; }
.logo:hover{ color: #fff; }

.menu-social-icons{ text-align: center; }
.menu-social-icons li{ list-style: none; display: inline-block; padding: 0 25px; }
.menu-social-icons li a{ font-family: 'socialicoregular'; font-size: 50px; color: #a09f9f; text-transform: uppercase; }
.menu-social-icons li a:hover{ color: #fff; }


/* WRAPPERS */
.wrapper{ width: 992px; margin: 0 auto; }

.logo-wrap{ padding: 30px 0; }
.header{ text-align: center; padding: 100px; }
/*.social-menu{ background: url(../images/bg_social_menu.png) no-repeat center bottom; padding: 30px 0 40px 0; }*/
.tw-wrap{ padding: 10px 0 50px 0; }
.tw{ width: 548px; margin: 0 auto; padding-bottom: 20px; }



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
body{ margin: 0; padding: 0; }


/* WRAPPERS */
.wrapper{ width: 712px; }
.header{ padding: 50px 25px; }


}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
body{ margin: 0; padding: 0; }
h1{ font-size: 30px; }

/* NAVIGATION */
.menu-social-icons li{ padding: 0 10px; }
.menu-social-icons li a{ font-size: 36px; }


/* WRAPPERS */
.wrapper{ width: 300px; }
.logo-wrap{ padding: 20px 0; }
.logo{ background-size: 45px; } 
.header{ padding: 20px; }
.tw-wrap{ padding: 10px 0 50px 0; }
.tw{ width: 300px; }
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
body{ margin: 0; padding: 0; }


/* WRAPPERS */
.wrapper{ width: 436px; }
.tw{ width: 436px; }

	
}












/* http://sonspring.com/journal/clearing-floats */
.clear{ clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0; }