/*

Theme Name: HotPixels

Theme URI: http://themeflava.com/hotpixels

Author: ThemeFlava

Author URI: http://themeflava.com/

Description: Custom video background wordpress theme.

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: dark, light, one-column, fixed-width, custom-background, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready, seasonal

*/





/* =Reset

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

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, 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 {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}



/* body paragraphs fonts */

@font-face {

    font-family: 'Rufina', serif;

    font-weight: normal;

    font-style: normal;

}

/* h2 page title font */

@font-face {

    font-family: 'Rufina', serif;

    font-weight: normal;

    font-style: normal;

}

/* main menu fonts */

@font-face {

   font-family: 'Rufina', serif;

}

/* site tagline fonts */

@font-face {

   font-family: 'Rufina', serif;

    font-weight: normal;

    font-style: normal;

}

/* slider body fonts */

@font-face {

   font-family: 'Rufina', serif;

    font-weight: normal;

    font-style: normal;

}
/* h2 to h6 fonts */
@font-face {
   font-family: 'Rufina', serif;
    font-weight: normal;
    font-style: normal;
}



html {

	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */

	overflow: hidden;

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

body {

	background: #fff;

	font-size:14px;

	   font-family: 'Rufina', serif, Georgia, "Times New Roman", Times, serif;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

ol, ul {

	list-style: none;

}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing:0;
	width:100%;
	margin-bottom:18px;
}
table,td,th {
	text-align:center;
}
th{
	padding:10px;
	text-transform:uppercase;
	background: #333;
	color:#FC0;
}
td{
	padding:10px;
}
tfoot td {
	border:1px dotted #CCC;
}
th,tr:hover {}
table {
	text-align: left;
	margin: 0 0 24px 0;
	width: 100%;
}
tr th,
thead th {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	padding: 6px 24px;
}

caption, th, td {

	font-weight: normal;

	text-align: left;
	border:1px dotted #CCC;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";
	padding:0 2px;

}

blockquote, q {

	quotes: "" "";

}

a:focus {

	outline: thin dotted;

}

a:hover,

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

	outline: 0;
	text-decoration:underline;

}

a img {

	border: 0;

}





/* =Global

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



body,

button,

input,

select,

textarea {

	color: #333333;

	font-family: 'Rufina', serif, Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	font-size: 1.6rem;

	line-height: 1.5;

}



/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear: both;

}

hr {

	background: none;

	border: 1px dotted #ccc;

	height: 1px;

	margin-bottom: 1.5em;

}



/* Text elements */

p {

	margin-bottom: 1.5em;

}

ul, ol {

	margin: 0 0 1.5em 3em;

	font-size:14px;

}

ul {

	list-style: disc;

}

ol {

	list-style: decimal;

}

ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

	margin-left: 1.5em;

}

dl {
	font-size:14px;
}

dt {

	font-weight: bold;
	color:#FC0;

}

dd {

	margin: 0 1.5em 1.5em;

}

b, strong {

	font-weight: bold;

}

dfn, cite, em, i {

	font-style: italic;
	font-weight:bold;

}

cite {
	color:#FC0;
}

blockquote {
	margin: 0;
	background:url(images/quote-dark.png);
	background-position:0 8px;
	background-repeat:no-repeat;
	padding-left: 3.5em;
	font-style:italic;
	clear:both;
}

blockquote.left {
	float:left;
	width:270px;
	margin:0 15px 15px 0;
	clear:left;
}

blockquote.left p {
	padding:0;
	margin:0;
}

blockquote.right {
	float:right;
	width:270px;
	margin:0 0 15px 15px;
	clear:right;
}
blockquote.right p {
	padding:0;
	margin:0;
}
	

address {

	margin: 0 0 1.5em;
	font-family: 'Rufina', serif;
	font-size:14px;	

}

pre {

	background: #333;
	
	color: #CCC;

	font-family: 'Rufina', serif;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	padding: 1.6em;

	overflow: auto;

	max-width: 100%;

}

code, kbd, tt, var {

	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark, ins {

	background: #FFF;
	text-decoration: none;
	color: #333;
	padding:0;

}

ins.org {
	background:#FC0;
	color: #333;
}
ins.grn {
	background: #9CFF00;
	color: #000;
}
ins.wht {
	background: #FFF;
	color: #333;
}

sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

small {

	font-size: 75%;

}

big {

	font-size: 125%;

}

figure {

	margin: 0;

}

table {

	margin: 0 0 1.5em;

	width: 100%;

}

th {

	font-weight: bold;

}

button,

input,

select,

textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

	*vertical-align: middle; /* Improves appearance and consistency in all browsers */

}

button,

input {

	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid #ccc;

	border-color: #ccc #ccc #bbb #ccc;

	border-radius: 3px;

	background: #e6e6e6;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);

	color: rgba(0,0,0,.8);

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1;

	padding: 0.3em;

	text-shadow: 0 1px 0 rgba(255,255,255,.8);

}

button:hover,

html input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa #bbb;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);

}

button:focus,

html input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

html input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb #bbb;

	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);

	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);

	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);

}

input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

	padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}

input[type=text],

input[type=email],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

}

input[type=text]:focus,

input[type=email]:focus,

textarea:focus {

	color: #111;

}

input[type=text],

input[type=email] {

	padding: 3px;

}

textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 98%;

}



/* Links */

a {

	color: #ff6600;
	text-decoration:none;

}

a:visited {

	color: #FC0;
	text-decoration:none;	

}

a:hover,

a:focus,

a:active {

	color: #FC0;

	text-decoration:underline;

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;
	margin-top:.5em;
	margin-bottom:.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;
	margin-top:.5em;
	margin-bottom:.5em;
	

}

.aligncenter {

	clear: both;

	display: block;

	margin: 1.5em auto;

}

.alignnone {

	clear: both;

	display: block;

	margin: 1em 0;

}



/* Text meant only for screen readers */

.assistive-text {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}





/* =Content

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



.sticky {

}

.hentry {

	margin: 0 0 1.5em;

}

.entry-meta {

	text-align:center;

}

.byline {

	display: none;

}

.single .byline,

.group-blog .byline {

	display: inline;

}

.entry-content,

.entry-summary {

	margin: 1em 0 0;

}

.page-links {

	clear: both;

	margin: 0 0 1.5em;

}





/* =Asides

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



.blog .format-aside .entry-title,

.archive .format-aside .entry-title {


}
footer#colophon aside {
	display:inline-block;
	width:210px;
	margin-top:20px;
	vertical-align:top;
	text-align:left;
}

footer#colophon aside {
	*display: inline;
	*margin: 0 20px 0 20px;
}

footer#colophon aside ul, footer#colophon aside ul {
	margin-left:0;
	list-style:none;
}

footer#colophon aside h1.widget-title {
	font-size:12px;
	text-shadow: 0.5px 0.5px 0.5px #333333;
	color:#FFFFFF;
	text-align:left;
}

footer#colophon aside div {
	font-size:12px;
	color:#999999;
}
/* =Media

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



.site-header img,

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

.site-header img,

.entry-content img,

img[class*="align"],

img[class*="wp-image-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

.site-header img,

.entry-content img,

img.size-full {

	max-width: 100%;

	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */

}

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.wp-caption {

	border: 1px solid #CACACA;

	max-width: 100%;

}

.wp-caption.aligncenter,

.wp-caption.alignleft,

.wp-caption.alignright {

	margin-bottom: 1.5em;

}

.wp-caption img {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;
	font-family:'Rufina', Georgia, "Times New Roman", Times, serif;	

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;
    	font-family: 'Rufina', serif, Georgia, "Times New Roman", Times, serif;	
	

}

.site-content .gallery {

	margin-bottom: 1.5em;

}

.gallery-caption {

}

.site-content .gallery a img {

	border: none;

	height: auto;

	max-width: 90%;

}

.site-content .gallery dd {

	margin: 0;

}

.site-content .gallery-columns-4 .gallery-item {

}

.site-content .gallery-columns-4 .gallery-item img {

}



/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

	max-width: 100%;

}



/* Small menu */



div#dropdown_menu {

	display:block;

	margin:0px auto;

	width:300px;

	height:24px;

}

div#dropdown_menu form select {

	width:300px;

	color:#333;

}

div#dropdown_menu form select option {

	width:300px;

}

/* =Navigation

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



.site-content .site-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}

.site-content .nav-previous {

	float: left;

	width: 50%;
}

.site-content .nav-next {

	float: right;

	text-align: right;

	width: 50%;	
}



/* =Comments

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

div.comments h2.comments-title, div.comments ol.commentlist, div.comments div#respond {

	padding:10px;

}

ol.commentlist {

	list-style:none;

	list-style-position:inside;

}
ol.commentlist li.pingback {
	display:block;
	clear:both;
}

.bypostauthor {

}

textarea.comment {

	width:60%;

}



div.comment-author {

	display:block;

	float:left;

	margin-top:12px;

	padding-top:0px;

	width:100%;

}
div.comment-author cite.fn, div.comment-author cite.fn a {
	padding-right:6px;
}

div.comment-author a {

	text-decoration:none;

	font-size: 12px;

	font-style:normal;

	font-weight:bold;

}

div.comment-author a time {

	text-decoration:none;

	font-size: 10px;

	color:#FFF;

	font-weight:normal;

}

div.comment-author img {

	display:block;

	float:left;

	margin:2px 6px 2px 0;

}

div.commentmetadata {

	display:block;

	clear:both;

}



div.comment-content {

	display:block;

	float:left;

	width:100%;

	border-bottom:1px dotted white;

}

div.reply {

	float:right;

	clear:both;

	margin-bottom:6px;

}

div.reply a {

	text-transform:lowercase;

	text-decoration:none;

}

div.comments p.nocomments {
	display:block;
	clear:both;
	font-weight:bold;
	margin-left:10px;
}

form#commentform p input {

	display:block;

	clear:left;

}

form#commentform label {

	font-size:12px;

	display:block;

	float:left;

}

form#commentform span#required {

	font-size:12px;

	display:block;

	float:left;

}

div#respond h3#reply-title {

	display: block;

	font-size:18px;

	padding:10px 0;
	border-bottom:1px dotted #666666;

}

/* =Widgets

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



.widget {

	margin: 0 0 1.5em;

}



/* Search widget */

#searchsubmit {

	display: none;

}



/* =video-background

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



div.video-background {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    z-index: 0;

	overflow: hidden;

	vertical-align: top;	

}

		

div.video-background video {

	min-height: 100%; 

	min-width:100%; 

	z-index: -900;

}



/* =content

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


/* DISATTIVATO DA GIGI 
div.dark {

	background:url(images/bg1x1-dark.png);

	background-repeat:repeat;

	background-color:transparent;

}

*/

div.content p {

        font-family: 'Rufina', serif, Georgia, "Times New Roman", Times, serif;

	font-size:14px;

}

header.page-header {

	padding:20px 10px 0 0;

}

header.page-header h1.page-title {
    font-family: 'Rufina', serif;
	color:#FFF;
	word-spacing:.2em;
	letter-spacing:.05em;
	line-height:1.5em;
	margin-bottom:.5em;
	font-size:18px;
}
header.page-header h1.page-title span {
	color:#FC0;
}

nav#nav-above {
	font-family:'Rufina', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:12px;	
}	

header.entry-header {

	padding:10px 0 0 10px;
	margin:16px 0 0 0;

}


header.page-header h1.search-title {
	margin-left:20px;
}

div.entry-summary {

	padding:10px;	

}

div.entry-content {

	padding:10px;	
	font-size: 14px;
	
}
div.entry-content span.edit-link {
	clear:both;
	display:block;
}
span.cap{
    display:block;
    float:left;
    width:32px;
    height:38px;
	line-height:40px;
    font-size: 40px;
	font-weight:bold;
	margin-top:2px;
	margin-right:8px;
    color:#FC0;
    text-align:center;
	padding:0;
}

footer.entry-meta {
	font-size: 14px;
	padding:10px;
	text-align:left;
	font-family:'Rufina', Georgia, "Times New Roman", Times, serif;
	word-spacing:.1em;
	letter-spacing:.05em;
}



/* contact */

div.entry-content.contact-page {

	padding-left:32px;

	padding-right:32px;

}
div.entry-content.contact-page-iframe {

	padding-right:32px;
	padding-top:18px;
	text-align: right;

}

div.contact-page span.error, div.contact-page p.error {

	font-size:12px;

	color: #F30;

	font-weight:bold;

}



div.the_gmap iframe {

	z-index:-10;

}

form#contactForm label {

	font-size:12px;

}

div.entry-content div.columns {

}

article {

	float: left;

	display: inline;

}

div.entry-meta {

	text-align:center;

	display:block;

	width:70px;

	height:70px;

	margin-left:50px;

	margin-top:20px;

}

div.entry-meta.blog {

	background:url('images/page/blog-icon.png');

}

div.entry-meta.page-icon1 {

	background:url('images/page/page-icon1.png');

}

div.entry-meta.page-icon2 {

	background:url('images/page/page-icon2.png');

}

div.entry-meta.page-icon3 {

	background:url('images/page/page-icon3.png');

}

div.entry-meta.page-icon4 {

	background:url('images/page/page-icon4.png');

}

div.entry-meta.page-icon5 {

	background:url('images/page/page-icon5.png');

}

div.entry-meta.page-icon6 {

	background:url('images/page/page-icon6.png');

}



div.entry-meta span.the_date {

	color: #333;

	display:block;

	float:left;

	width:24px;

	font-family: 'Rufina';

	font-size: 14px;

	font-weight:normal;

	letter-spacing:2px;

	margin-left:23px;

	margin-top:18px;

	line-height:18px;

	text-transform:uppercase;

}

div.entry-meta a time.entry-date {

	color: #FC0;

    	font-family: 'Rufina', serif;

	font-size: 14px;

	font-weight:normal;

	letter-spacing:2px;

}

div.entry-meta a {

	text-decoration:none;

}
/* image type post meta */
article.attachment header.entry-header div.entry-meta {

	display:block;
	width:100%;
	margin:0;
	text-align:left;
	font-family:'Rufina', Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:14px;
	height:auto;
}


header.entry-header h1.entry-title, div.entry-content.contact-page h1.entry-title {

   	font-family: 'Rufina', serif;

	color:#137443;

	font-size:28px;

	letter-spacing:2px;

	text-shadow:2px 2px 0 rgba(0,0,0,0.15);
	line-height:1.5em;

}

div.entry-content a.more-link {

	color: #FC0;

    font-family: 'Rufina', serif;

	font-size: 14px;

	letter-spacing:2px;

	text-decoration:none;	

}
/* text alignment classes for in content use */
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}

div.columns h1, div.column h1, div.entry-content h1, article h1, 
div.columns h2, div.column h2, div.entry-content h2, article h2, 
div.columns h3, div.column h3, div.entry-content h3, article h3, 
div.columns h4, div.column h4, div.entry-content h4, article h4, 
div.columns h5, div.column h5, div.entry-content h5, article h5, 
div.columns h6, div.column h6, div.entry-content h6, article h6 {
    font-family: 'Rufina', serif;
	color:#888888;
	word-spacing:.2em;
	letter-spacing:.05em;
	line-height:1.5em;
	margin-bottom:.5em;
}

div.columns h1,

div.column h1,

div.entry-content h1,

article h1 {
	font-size:22px;
}

div.columns h2,

div.column h2,

div.entry-content h2,

article h2 {
	font-size:20px;
}



div.columns h3,

div.column h3,

div.entry-content h3,

article h3 {
	font-size:18px;
}



div.columns h4,

div.column h4,

div.entry-content h4,

article h4 {
	font-size:16px;
}



div.columns h5,

div.column h5,

div.entry-content h5,

article h5 {
	font-size:14px;
}

div.columns h6,

div.column h6,

div.entry-content h6,

article h6 {
	font-size:14px;
}

	

header.entry-header h1.entry-title a {

	color:#FC0;

	text-decoration:none;

}
/* posts navigation */
nav#nav-below {
	display:block;
	clear:both;
	font-family:'Rufina', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:12px;	
}

nav#nav-below div.nav-previous {
	float:left;
	padding:8px;
}

nav#nav-below div.nav-next {
	float:right;
	padding:8px;	
}
nav#nav-below div.nav-previous a, nav#nav-below div.nav-next a {
	text-decoration:none;
}
/* image posts navigation */
nav#image-navigation {
	display:block;
	clear:both;
	font-family:'Rufina', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:12px;
	margin-top:14px;
}

nav#image-navigation span.previous-image a, nav#image-navigation span.next-image a {
	text-decoration:none;
	padding:0px 8px;
}

/* page links */
div.page-links {
	font-family:'Rufina', Georgia, "Times New Roman", Times, serif;
	word-spacing:.5em;
	text-transform: uppercase;
}
div.page-links a {
	padding:0 4px;
	border:1px solid #999;
}
/* logo & site description */

div.upper-logo {

	text-align:center;

	padding-top:8px;

}

div#logo-text {
	text-align:center;
}

div#logo-text h1.site-title {
	font-size: 48px;
	margin:0px auto;
	text-align:center;
	display:none;
}



div#logo-text h1.site-title a {

	color:#FFF;

}

div#site-description h2.site-description {

	font-family: 'Rufina', serif;

	font-size: 13px;

	letter-spacing:3px;

	color:#333333;

	padding:0 0;

	text-align:center;
	
/* GG gigi Edit */	margin-top: -5px;    /* GG gigi Edit */


}



div.left_dotted_menu_lines {

	background:url(images/tagline-left.png);

	background-repeat:no-repeat;

	background-color:transparent;

	background-position:right top;

	height:10px;	

	margin-top:8px;

}



div.right_dotted_menu_lines {

	background:url(images/tagline-right.png);

	background-repeat:no-repeat;

	background-color:transparent;

	background-position:left top;

	height:10px;

	margin-top:8px;	

}



div.bottom_dotted_menu_lines {

	background:url(images/menu-bottom-line.png) repeat-x bottom transparent;

	display:block;

	margin:10px 0;

	padding-bottom:10px;

}
div.footer_dotted_menu_lines {

	background:url(images/menu-bottom-line.png) repeat-x top transparent;
	display:block;
	margin:10px 0;
	padding-bottom:10px;
	text-align:center;
	white-space: nowrap;
	overflow:hidden;
	display:inline-block;
}

/* =Menu

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



ul.menu li.menu-item a {

	font-family: 'Rufina', serif;

	color:#fff;

	font-size:16px;

	letter-spacing:2px;

/*	text-shadow:none; */

}

ul.menu li.menu-item a:hover {
	color:#FC0;
}



ul.menu li.menu-item span.menudescription {

	display:block;

	margin-top:8px;

	font-size:10px;

	line-height:14px;

	color:#fff;

	font-family: 'Rufina', serif;

	width:128px;

	letter-spacing:0px;

	text-shadow:none;

}

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

	height: 35px;
	
	margin-top: -6px;

	background:url("images/menu_bg.jpg") 0 0 Background

}

.main-navigation ul {

	list-style: none;

	margin: 0;

	padding-left: 0;

}

.main-navigation li {

	float: left;

	position: relative;

}

.main-navigation a {

	display: block;

	text-decoration: none;

}

.main-navigation li:hover > a {

}

.main-navigation li.current_page_item a,

.main-navigation li.current-menu-item a {

}

/* =Footer & social icons

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

div.site-info {

	text-align:center;

	margin-top:22px;

	padding-top:14px;

	padding-bottom:18px;

}

ul#social-icons {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
ul#social-icons li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

ul#social-icons li a {
	display:block;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 2px 4px;
	text-decoration:none;
	line-height:1.3em;	
}

ul#social-icons li.facebook a {
	background:url(images/social-media-icons/facebook.png);
}
ul#social-icons li.facebook a:hover {
	background-position:0 -24px;
}
ul#social-icons li.twitter a {
	background:url(images/social-media-icons/twitter.png);
}
ul#social-icons li.twitter a:hover {
	background-position:0 -24px;
}
ul#social-icons li.youtube a {
	background:url(images/social-media-icons/youtube.png);
}
ul#social-icons li.youtube a:hover {
	background-position:0 -24px;
}
ul#social-icons li.vimeo a {
	background:url(images/social-media-icons/vimeo.png);
}
ul#social-icons li.vimeo a:hover {
	background-position:0 -24px;
}
ul#social-icons li.dribbble a {
	background:url(images/social-media-icons/dribbble.png);
}
ul#social-icons li.dribbble a:hover {
	background-position:0 -24px;
}
ul#social-icons li.behance a {
	background:url(images/social-media-icons/behance.png);
}
ul#social-icons li.behance a:hover {
	background-position:0 -24px;
}
ul#social-icons li.blogger a {
	background:url(images/social-media-icons/blogger.png);
}
ul#social-icons li.blogger a:hover {
	background-position:0 -24px;
}
ul#social-icons li.delicious a {
	background:url(images/social-media-icons/delicious.png);
}
ul#social-icons li.delicious a:hover {
	background-position:0 -24px;
}
ul#social-icons li.deviantart a {
	background:url(images/social-media-icons/deviantart.png);
}
ul#social-icons li.deviantart a:hover {
	background-position:0 -24px;
}
ul#social-icons li.flickr a {
	background:url(images/social-media-icons/flickr.png);
}
ul#social-icons li.flickr a:hover {
	background-position:0 -24px;
}
ul#social-icons li.googleplus a {
	background:url(images/social-media-icons/googleplus.png);
}
ul#social-icons li.googleplus a:hover {
	background-position:0 -24px;
}
ul#social-icons li.linkedin a {
	background:url(images/social-media-icons/linkedin.png);
}
ul#social-icons li.linkedin a:hover {
	background-position:0 -24px;
}
ul#social-icons li.picasa a {
	background:url(images/social-media-icons/picasa.png);
}
ul#social-icons li.picasa a:hover {
	background-position:0 -24px;
}
ul#social-icons li.pinterest a {
	background:url(images/social-media-icons/pinterest.png);
}
ul#social-icons li.pinterest a:hover {
	background-position:0 -24px;
}
ul#social-icons li.rss a {
	background:url(images/social-media-icons/rss.png);
}
ul#social-icons li.rss a:hover {
	background-position:0 -24px;
}
ul#social-icons li.skype a {
	background:url(images/social-media-icons/skype.png);
}
ul#social-icons li.skype a:hover {
	background-position:0 -24px;
}
ul#social-icons li.stumbleupon a {
	background:url(images/social-media-icons/stumbleupon.png);
}
ul#social-icons li.stumbleupon a:hover {
	background-position:0 -24px;
}
ul#social-icons li.tumblr a {
	background:url(images/social-media-icons/tumblr.png);
}
ul#social-icons li.tumblr a:hover {
	background-position:0 -24px;
}
ul#social-icons li.wordpress a {
	background:url(images/social-media-icons/wordpress.png);
}
ul#social-icons li.wordpress a:hover {
	background-position:0 -24px;
}
ul#social-icons li.yahoo a {
	background:url(images/social-media-icons/yahoo.png);
}
ul#social-icons li.yahoo a:hover {
	background-position:0 -24px;
}

/*

Supersized - Fullscreen Slideshow jQuery Plugin

License : MIT License / GPL License

*/



#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url('images/supersized/progress.gif') no-repeat center center;}



#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }

#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }

#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			



#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }

ul#supersized { margin:0; }

#supersized a { width:100%; height:100%; display:block; }

#supersized li.prevslide { z-index:-20; }

#supersized li.activeslide { z-index:-10; }

#supersized li.image-loading { background:#111 url('images/supersized/progress.gif') no-repeat center center; width:100%; height:100%; }

#supersized li.image-loading img{ visibility:hidden; }

#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



/* slide caption */

#slidecaption { margin:0 auto; width:60%; bottom:28%; left:20%; z-index:100; position:fixed; font-size:50px; text-align: center;}

div#slidecaption span#slide_text {

	font-size:14px;

	font-family: 'Rufina', serif;

	display:block;

}

div#slidecaption a {

	font-family: 'Rufina', serif;

	text-decoration:none;

	color:#FFF;

}



/* Controls Bar

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



#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:100; background:url('images/bg1x1-dark.png') repeat; position:fixed; }

#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }

#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }



#navigation { float:right; margin:0px 20px 0 0; }

#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('images/supersized/bg-hover.png') repeat-x 0 44px; }

#play-button:hover{ background-position:0 1px; cursor:pointer; }



#prevslide, #nextslide{ position:fixed; height:43px; width:43px; bottom:30%; opacity:0.6; }

#prevslide{ left:14%; background:url('images/supersized/back.png'); }

#nextslide{ right:14%; background:url('images/supersized/forward.png'); }

#prevslide:active, #nextslide:active{  }

#prevslide:hover, #nextslide:hover{ cursor:pointer; }



ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }

ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }

ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }

ul#slide-list li a{ display:block; width:12px; height:12px; background:url('images/supersized/nav-dot.png') no-repeat 0 -24px; }

ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }



#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('images/supersized/bg-hover.png') repeat-x 0 44px; }

#tray-button:hover{ background-position:0 1px; cursor:pointer; }





/* Progress Bar

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

		

#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url('images/supersized/progress-back.png') repeat-x; }

#progress-bar{ position:relative; height:8px; width:100%; background:url('images/supersized/progress-bar.png') repeat-x; }





/* Thumbnail Navigation

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



#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }

#nextthumb { right:12px; }

#prevthumb { left:12px; }

#nextthumb img, #prevthumb img { width:150px; height:auto;  }

#nextthumb:active, #prevthumb:active { bottom:59px; }

#nextthumb:hover, #prevthumb:hover { cursor:pointer; }





/* Thumbnail Tray

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

	

#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url('images/supersized/bg-black.png'); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }



#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }

#thumb-back{ left:0; background:url('images/supersized/thumb-back.png') no-repeat center center;}

#thumb-forward{ right:0; background:url('images/supersized/thumb-forward.png') no-repeat center center;}

#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }

#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }

#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }





ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }

ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }

ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }

ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }

ul#thumb-list li:hover{ cursor:pointer; }









/* wrapper for mobile and tablet scroll */

div#wrapper {

  position:absolute; z-index:1;

  top:0; bottom:0; left:0;

  width:100%;

  overflow:auto;

}



/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */



div#slider {

	display:block;

	height:420px;

}

/* Browser Resets */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.flexslider {margin: 0 0 60px; border: 0; position: relative; zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport {max-height: 400px;}

.flexslider .slides {zoom: 1;}



/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/slider/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }

.flex-direction-nav .flex-prev {left: -36px;}

.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}

.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }







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

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

}



/*

* Skeleton V1.2

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 6/20/2012

*/



/* Table of Contents

==================================================

    #Base 960 Grid

    #Tablet (Portrait)

    #Mobile (Portrait)

    #Mobile (Landscape)

    #Clearing */



/* #Base 960 Grid

================================================== */

    .container                                  { position: relative; width: 896px; margin: 0 auto; padding: 0; }
	div#dropdown_menu { display:none; }


    .container .column,

    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */

    .column.alpha, .columns.alpha               { margin-left: 0; }

    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */

    .container .one.column,

    .container .one.columns                     {width: 36px;}

    .container .two.columns                     {width: 92px;}

    .container .three.columns                   {width: 148px;}

    .container .four.columns                    { width: 204px; }

    .container .five.columns                    { width: 260px; }

    .container .six.columns                     { width: 316px; }

    .container .seven.columns                   { width: 372px; }

    .container .eight.columns                   { width: 428px; }

    .container .nine.columns                    { width: 484px; }

    .container .ten.columns                     { width: 540px; }

    .container .eleven.columns                  { width: 596px; }

    .container .twelve.columns                  { width: 652px; }

    .container .thirteen.columns                { width: 708px; }

    .container .fourteen.columns                { width: 764px; }

    .container .fifteen.columns                 { width: 820px; }

    .container .sixteen.columns                 { width: 876px; }

		

	.container .one-half.column 				{ width:300px; }

	.container .one-third.column				{ width:192px; }	

	.container .two-thirds.column				{ width:400px; }	



    /* Offsets */

    .container .offset-by-one                   { padding-left: 56px;  }

    .container .offset-by-two                   { padding-left: 112px; }

    .container .offset-by-three                 { padding-left: 168px; }

    .container .offset-by-four                  { padding-left: 224px; }

    .container .offset-by-five                  { padding-left: 280px; }

    .container .offset-by-six                   { padding-left: 336px; }

    .container .offset-by-seven                 { padding-left: 392px; }

    .container .offset-by-eight                 { padding-left: 448px; }

    .container .offset-by-nine                  { padding-left: 504px; }

    .container .offset-by-ten                   { padding-left: 560px; }

    .container .offset-by-eleven                { padding-left: 616px; }

    .container .offset-by-twelve                { padding-left: 672px; }

    .container .offset-by-thirteen              { padding-left: 728px; }

    .container .offset-by-fourteen              { padding-left: 784px; }

    .container .offset-by-fifteen               { padding-left: 840px; }

	

/* #Tablet (Portrait)

================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

		div#slider {height:300px;}
		div#dropdown_menu { display:none; }		

		div.entry-meta { float:left; margin:8px;}		

		header#site-header h1.site-title a { font-size: 38px; }	

		ul.menu li.menu-item a span.menudescription { display:none; }

		

        .container                                  { width: 768px; }

        .container .column,

        .container .columns                         { margin-left: 10px; margin-right: 10px;  }

        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }

        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,

        .container .one.columns                     { width: 28px; }

        .container .two.columns                     { width: 76px; }

        .container .three.columns                   { width: 124px; }

        .container .four.columns                    { width: 172px; }

        .container .five.columns                    { width: 220px; }

        .container .six.columns                     { width: 268px; }

        .container .seven.columns                   { width: 316px; }

        .container .eight.columns                   { width: 364px; }

        .container .nine.columns                    { width: 412px; }

        .container .ten.columns                     { width: 460px; }

        .container .eleven.columns                  { width: 508px; }

        .container .twelve.columns                  { width: 556px; }

        .container .thirteen.columns                { width: 604px; }

        .container .fourteen.columns                { width: 652px; }

        .container .fifteen.columns                 { width: 700px; }

        .container .sixteen.columns                 { width: 748px; }

	

		.container .one-half.column 				{ width:268px; }

		.container .one-third.column				{ width:172px; }	

		.container .two-thirds.column				{ width:364px; }	



        /* Offsets */

        .container .offset-by-one                   { padding-left: 48px; }

        .container .offset-by-two                   { padding-left: 96px; }

        .container .offset-by-three                 { padding-left: 144px; }

        .container .offset-by-four                  { padding-left: 192px; }

        .container .offset-by-five                  { padding-left: 240px; }

        .container .offset-by-six                   { padding-left: 288px; }

        .container .offset-by-seven                 { padding-left: 336px; }

        .container .offset-by-eight                 { padding-left: 384px; }

        .container .offset-by-nine                  { padding-left: 432px; }

        .container .offset-by-ten                   { padding-left: 480px; }

        .container .offset-by-eleven                { padding-left: 528px; }

        .container .offset-by-twelve                { padding-left: 576px; }

        .container .offset-by-thirteen              { padding-left: 624px; }

        .container .offset-by-fourteen              { padding-left: 672px; }

        .container .offset-by-fifteen               { padding-left: 720px; }

    }



/*  #Tablet (Landscape) */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

		ul.menu li.menu-item a span.menudescription { display:none; }
		div#dropdown_menu { display:none; }

}



/*  #Mobile (Portrait)

================================================== */

    /* Note: Design for a width of 320px */

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

		div#slider { height:180px; }
		div#dropdown_menu { display: block; }
		ul.menu { display:none; }
		blockquote.left, blockquote.right {
			width:170px;
			clear:both;
		}
		
		div.entry-content.contact-page-iframe {
			padding:0;
			text-align:center;
		}


		#slidecaption { margin:0 auto; width:60%; bottom:35%; left:20%; z-index:100; position:fixed; font-size:50px; text-align: center;}	

		
		ul.menu li.menu-item a span.menudescription { display:none; }

		div.entry-meta { float:left; margin:8px;}			

		header#site-header h1.site-title a { font-size: 24px; }		

		

		.container { width: 300px; }

		

        .container .columns,

        .container .column { margin: 0; }

        .container .one.column,

        .container .one.columns,

        .container .two.columns,

        .container .three.columns,

        .container .four.columns,

        .container .five.columns,

        .container .six.columns,

        .container .seven.columns,

        .container .eight.columns,

        .container .nine.columns,

        .container .ten.columns,

        .container .eleven.columns,

        .container .twelve.columns,

        .container .thirteen.columns,

        .container .fourteen.columns,

        .container .fifteen.columns,

        .container .sixteen.columns { width: 300px; }

		

        .container .one-half.column,		

        .container .one-third.column,

        .container .two-thirds.column { width: 280px; }

        /* Offsets */

        .container .offset-by-one,

        .container .offset-by-two,

        .container .offset-by-three,

        .container .offset-by-four,

        .container .offset-by-five,

        .container .offset-by-six,

        .container .offset-by-seven,

        .container .offset-by-eight,

        .container .offset-by-nine,

        .container .offset-by-ten,

        .container .offset-by-eleven,

        .container .offset-by-twelve,

        .container .offset-by-thirteen,

        .container .offset-by-fourteen,

        .container .offset-by-fifteen { padding-left: 0; }

    }



/* #Mobile (Landscape)

================================================== */

    /* Note: Design for a width of 480px */



    @media only screen and (min-width: 480px) and (max-width: 767px) {

		div#slider { height:300px; }	
		div#dropdown_menu { display: block; }
		ul.menu { display:none; }
					

		ul.menu li.menu-item a span.menudescription { display:none; }

		div.entry-meta { float:left; margin:8px;}				

		header#site-header h1.site-title a { font-size: 24px; }				

        .container { width: 420px; }

        .container .columns,

        .container .column { margin: 0; }

        .container .one.column,

        .container .one.columns,

        .container .two.columns,

        .container .three.columns,

        .container .four.columns,

        .container .five.columns,

        .container .six.columns,

        .container .seven.columns,

        .container .eight.columns,

        .container .nine.columns,

        .container .ten.columns,

        .container .eleven.columns,

        .container .twelve.columns,

        .container .thirteen.columns,

        .container .fourteen.columns,

        .container .fifteen.columns,

        .container .sixteen.columns { width: 420px; }

		

        .container .one-half.column,

        .container .one-third.column,

        .container .two-thirds.column { width: 400px; }

    }



/* #Clearing

================================================== */

    /* Self Clearing Goodness */

    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,

    or wrap each row of columns in a <div class="row"> */

    .clearfix:before,

    .clearfix:after,

    .row:before,

    .row:after {

      content: '\0020';

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0; }

    .row:after,

    .clearfix:after {

      clear: both; }

    .row,

    .clearfix {

      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */

    .clear {

      clear: both;

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0;

    }



.cufon-loading { 

    visibility: hidden;

}	

div.none { height:1px; }