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

Theme Name: Infinity Theme
Theme URL:	http://weaverthemes.com/themes/infinity
Author: WeaverThemes
Author URI: http://weaverthemes.com

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

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

	init

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

/* html5 element display */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* base */
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* links */
a { color: #8EB407;text-decoration: none; }
a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

/* typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* lists */
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

/* embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* figures */
figure { margin: 0; }

/* forms */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* tables */
table { border-collapse: collapse; border-spacing: 0; }

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

	css

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

html { font-size: 62.5%; }
body { font: 14px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.4rem;background: #fff;font-weight: 300;color: #423C3C; }
.wrapper { width:90%;margin:0 5%;position: relative; }

/* links */
a { color: #8EB407;text-decoration: none; }
a:hover { text-decoration: underline; }

/* headings */
h1, h2, h3, h4, h5, h6 { font-family: 'Overlock', sans-serif;color: #423C3C;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);display: block;font-weight:normal;margin: 20px 0;line-height: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #423C3C;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

h1 { font-size: 26px;font-size: 2.6rem; }
h2 { font-size: 24px;font-size: 2.4rem; }
h3 { font-size: 22px;font-size: 2.2rem; }
h4 { font-size: 20px;font-size: 2.0rem; }
h5 { font-size: 18px;font-size: 1.8rem; }
h6 { font-size: 16px;font-size: 1.6rem; }

/* misc */
img, video, object { max-width:100%;height:auto; }
hr { border-top-color: #fff; }
blockquote { padding: 0 40px;border-left: 3px solid #fff;margin: 0 0 30px 0;font-style: italic; }

.clear { clear:both; }
.highlight { color:#E17000; }
.subdued { color:#999; }
.error { color:#c00; font-weight:bold; }
.success { color:#390; font-weight:bold; }
.caption { color:#999; }
.imageStyle { margin: 0 0 10px 0 ; }
.image-left { float:left; margin: 0 20px 10px 0; }
.image-right { float:right; margin: 0 0 10px 20px; }

ul.disc { list-style-type:disc; }
ul.circle { list-style-type:circle; }
ul.square { list-style-type:square; }
ol.arabic-numbers { list-style-type:decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: lower-roman; }

/* --- */

#tweets_ul ul { padding: 0; margin: 0; }
#tweets_ul ul li {overflow: hidden; margin-bottom: 10px; list-style: none;}
#tweets_ul div.user {overflow: hidden; margin-bottom: 10px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#tweets_ul div.user img {float: left; margin-right: 10px; width: 48px;height: 48px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#tweets_ul div.user span { display: block; line-height: 16px; }
#tweets_ul div.user span[data-scribe="element:name"] { padding-top: 8px; }
#tweets_ul p { padding: 0; margin: 0; display: inline; }
#tweets_ul p.tweet img { width: 20px; }
#tweets_ul p.timePosted{ margin-left: 5px }
#tweets_ul div.media { margin: 10px 0; }
#tweets_ul div.media img { max-width: 100%;display: block; }
#tweets_ul p.interact{ display: none; }

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

	header & navigation styles

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

#header-container { padding: 30px 0 15px 0;border-top: 5px solid #7EA60A;background: #353131 url("images/headings-bg.png") no-repeat bottom;position: relative; z-index: 1000; }
#header-container h1 { font-size: 30px;font-size: 3.0rem; }
#header-container h1 a { color: #7fa511; }
#header-container h2 { color: #5F5B5A;font-size: 26px;font-size: 2.6rem; }
#logo { max-width: 100%;height: auto; }

#headings { float: left;width: 65%; }

/* socialicons */
#socialicons { float: right;width: 30%;text-align: right;margin-bottom: 20px;padding: 20px 0;line-height: normal; }

/* navigation */
#navigation { z-index: 1000;clear: both;position: relative; }
#navigation > ul { display: table;table-layout: fixed; }
#navigation > ul > li { display: inline-table;margin: 0 5px; }
#navigation > ul > li > a.currentAncestor { background: url("images/nav-bg.png") repeat-x top;color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
#navigation > ul > li > a.current { background: url("images/nav-bg.png") repeat-x top;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
#navigation > ul > li.sfHover  { background: #7EA419 url("images/nav-bg.png") repeat-x top;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
#navigation a { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }

/* menu styles */
.menu, .menu * { margin: 0; padding: 0; list-style: none; }
.menu { line-height: 1.0; }
.menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.menu ul li { width: 100%; }
.menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.menu li { white-space: nowrap;float: left; position: relative; }
.menu a { display: block; position: relative; }
.menu li:hover ul, .menu li.sfHover ul { left: 0; top: 54px; /* match top ul list item height */ z-index: 99; }
ul.menu li:hover li ul, ul.menu li.sfHover li ul { top: -999em }
ul.menu li li:hover ul, ul.menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul { top: -999em }
ul.menu li li li:hover ul, ul.menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** skin ***/
.menu { font-size: 15px;font-size: 1.5rem;font-family: 'Overlock', cursive; }
.menu a { text-decoration: none; }
.menu a, .menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ }
.menu ul { background: #7EA419 url("images/nav-bg.png") repeat-x top;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	 box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.menu ul ul {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 5px;
}
.menu li {}
.menu li li {}
.menu li li li {}
.menu li:hover a { color: #fff; }
.menu li.sfHover a { color: #fff; }
.menu li a { padding: 12px;color: #5F5B5A; }
.menu ul li a { padding: 10px 17px;color: #fff; }
.menu ul li a:hover { outline: 0;text-decoration: underline;background: transparent; }

/*** arrows **/
.menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 15px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.menu ul .sf-sub-indicator { background-position: -10px 0 }
.menu ul a > .sf-sub-indicator { background-position: 0 0;top: 13px; }

/* apply hovers to modern browsers */
.menu ul a:focus > .sf-sub-indicator, .menu ul a:hover > .sf-sub-indicator, .menu ul a:active > .sf-sub-indicator, .menu ul li:hover > a > .sf-sub-indicator, .menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; }
.sf-shadow ul.sf-shadow-off { background: transparent }

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

	banner styles

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

#banner { background: #645F5F url("images/banner-bg.png");padding: 20px 0;
-moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5); }
#slides { overflow: hidden;position: relative;background: #fff;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#slides .static { background: #fff; margin: 0 !important;zoom: 1;z-index:1 }
#slides .static img, #myExtraContent2 img { vertical-align:bottom; }

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

	main container styles

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

#main-container { background: #EFEBE2; }
#main-container img { display: inline; }

#primary-container { float: left;width: 60%;padding: 20px;margin-left: 10px; }
#primary-container h1,.blog-entry-title,.album-title,.movie-page-title { font-size: 26px;font-size: 2.6rem; }

/* tables */
#table { border:2px solid; border-collapse:collapse; width:100%; }
#table td { padding:3px; border:1px solid #ccc; }
#table th { text-align:left; border:1px solid #ccc; }
#table thead th { padding:10px 6px;}
#table tbody th { padding:6px; }

/* blog */
.blog-entry { border-bottom: 3px solid #fff;margin-bottom: 30px;padding-bottom: 20px; }
.blog-entry:last-child { border: none; }
.blog-entry-title { margin-bottom: 0; }
.blog-entry-title a {}
.blog-entry-date { margin: 10px 0;font-size: 12px;font-size: 1.2rem;background: url("images/date.png") no-repeat left 2px;padding-left: 25px; }
.blog-entry-body {}
.blog-entry	blockquote { padding: 0 40px;border-left: 3px solid #fff;margin: 0 0 30px 0;font-style: italic; }
.blog-entry-date a {}
.blog-read-more {}
.blog-entry-tags {}
.blog-entry-comments {}
.blog-entry-comments a {}
.blog-comment-link { padding-left: 25px;background: url("images/comments.png") no-repeat left 2px; }

.blog-archive-headings-wrapper { margin-top: 20px;border-bottom: 3px solid #fff;font-weight: normal!important;overflow: hidden;padding-bottom: 30px; }
.blog-archive-month { float: right; }
.blog-archive-link { float: left; }

/* archive page */
.blog-archive-headings-wrapper { padding-bottom:10px; margin-bottom:10px; }
.blog-archive-month { margin-bottom:10px; font-weight:bold; }
.blog-archive-link { font-weight:bold; }
.blog-archive-link:before { content:"/ "; }

/* contact form */
.message-text { margin: 20px 0; }
form input, form textarea { background-color: #fff !important; }
.form-input-field { width: 60%;padding: 3px;border: 1px solid #E0DEDA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.form-input-button{-webkit-appearance:none;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background:#ddd url('images/button.png?1298351022') repeat-x;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#ddd));background-image:-webkit-linear-gradient(#fff,#ddd);background-image:-moz-linear-gradient(#fff,#ddd);background-image:-o-linear-gradient(#fff,#ddd);background-image:-ms-linear-gradient(#fff,#ddd);background-image:linear-gradient(#fff,#ddd);border:1px solid;border-color:#ddd #bbb #999;cursor:pointer;color:#333;display:inline-block;font:bold 12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;outline:0;overflow:visible;margin:0;padding:3px 10px;text-shadow:white 0 1px 1px;text-decoration:none;vertical-align:top;width:auto;*padding-top:2px;*padding-bottom:0}
.form-input-button:hover{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(1px,#eee),color-stop(100%,#ccc));background-image:-webkit-linear-gradient(#fff,#eee 1px,#ccc);background-image:-moz-linear-gradient(#fff,#eee 1px,#ccc);background-image:-o-linear-gradient(#fff,#eee 1px,#ccc);background-image:-ms-linear-gradient(#fff,#eee 1px,#ccc);background-image:linear-gradient(#fff,#eee 1px,#ccc)}
.form-input-button:active{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(1px,#ddd),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#fff,#ddd 1px,#eee);background-image:-moz-linear-gradient(#fff,#ddd 1px,#eee);background-image:-o-linear-gradient(#fff,#ddd 1px,#eee);background-image:-ms-linear-gradient(#fff,#ddd 1px,#eee);background-image:linear-gradient(#fff,#ddd 1px,#eee);-webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;-moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;border-color:#999 #bbb #ddd}
.form-input-button::-moz-focus-inner{border:0;padding:0}

/* file sharing */
.filesharing-description { margin-bottom:10px;border-bottom: 3px solid #fff;padding-bottom: 20px; }
.filesharing-item-title{}
.filesharing-item { margin:20px 0; padding:10px;margin-left: 0;background: #fff;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.3);
	box-shadow:0px 3px 3px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px; }
.filesharing-item-title a { padding: 5px 0; }
.filesharing-item-description { color:#999;margin-top: 5px;font-style: italic; }

/* movie album */
.movie-page-title { font-family: 'Overlock', sans-serif;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);margin: 20px 0; }
.movie-page-description { margin-bottom: 20px; }
.movie-thumbnail-frame { float: left;margin: 0 20px 10px 0;width: 45%; }
.movie-thumbnail-frame img { width: 100%;height: auto; }
.movie-background { width:100%;overflow:hidden;text-align:center;padding:30px 0 0; }
.movie-title { padding:10px; }
.movie-frame {}
.movie-thumbnail-caption { display: block;padding: 0;margin: 5px 0;font-size: 12px;font-size: 1.2rem;text-align: center; }

/* photo album */
.album-title { font-family: 'Overlock', sans-serif;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);margin: 20px 0; }
.album-description {}
.album-wrapper { margin: 20px 0 0 0; overflow:hidden; }
.thumbnail-wrap { float: left;margin: 0 20px 20px 0;padding: 5px 5px 20px; }
.thumbnail-frame {}
#flashcontent {margin: 20px 0;}
.thumbnail-frame img, #flashcontent { }
.thumbnail-caption { display: block;padding: 0;margin: 0;font-size: 12px;font-size: 1.2rem;line-height: 14px;text-align: center; }

#pagination { padding: 10px 0 0 10px;margin: 10px 0 40px 0 !important;clear: both;font-size: 11px;font-size: 1.1rem;border-top: 1px solid #fff; }
#pagination li { text-align:left;list-style:none;cursor:pointer;margin:0 2px;padding: 2px 8px;float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
#pagination li.current { background: #fff; }
#pagination li.prev { left: 10px;font-size: 16px; }
#pagination li.next { right: 10px;font-size: 16px; }

/* single photo page */
.photo-background { background: #EFEBE2;text-align: center;font-family: 'Overlock', sans-serif;color: #423C3C;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);padding-bottom: 60px;border-top: 5px solid #7EA60A; }
.photo-background img { border: 5px solid #fff; }
.photo-navigation { position:relative; margin-bottom:40px;padding: 30px 0 0 0;background: #353131 url("images/headings-bg.png") no-repeat bottom; }
.photo-links { margin: 20px auto 0 auto;padding: 10px 0 20px 0; }
.photo-links a,.photo-links a:visited { padding:10px; }
.photo-links a:hover {}
.photo-title { margin:0;font-size: 32px;font-size: 3.2rem;line-height:normal;color: #7fa511; }
.photo-caption { margin:0;font-size:15px;font-size:1.5rem;line-height:normal;color: #5f5b5a; }
.photo-frame{
	max-width: 95%;
	height: auto !important;
	position: relative;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.3);
	box-shadow:0px 3px 3px rgba(0,0,0,0.3); }
.exif-data { margin:20px auto 0; text-align:center; }

/* 3rd party styles */
#disqus_thread { margin-top: 15px; }
.fluid-width-video-wrapper { width: 100%;height: auto;background: #fff; }
.rcItem img { max-width: none !important; }

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

	sidebar and widgets

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

#secondary-container { float: right;width: 30%;padding: 20px; }
#secondary-container h3 { font-size: 20px;font-size: 2.0rem; }
#plugin-sidebar { padding-top: 0;border-top: 3px solid #fff;margin-top: 20px; }
#plugin-sidebar h3 { text-transform: capitalize; }

/* list style */
ul .image-left { float:none!important; margin:0; }

/* blog widgets */
#blog-categories, #blog-archives { border-bottom: 1px solid #fff;padding-bottom: 15px; }
#blog-categories a, #blog-archives a { padding-left: 25px; }
#blog-categories a { background: url("images/categories.png") no-repeat left 2px; }
#blog-archives a { background: url("images/archives.png") no-repeat left 2px; }
.blog-tag-cloud { list-style: none;padding: 0;border-bottom: 1px solid #fff;padding-bottom: 15px; }
.blog-tag-cloud li { padding-left: 25px;background: url("images/tags.png") no-repeat left 2px;  }

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

	extracontent styles

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

#myExtraContent1 {}
#myExtraContent2 {}
#myExtraContent3 { background: #c2bfb8;
-moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);padding: 15px 0;overflow: hidden; }
#myExtraContent4 { padding: 15px 0;overflow: hidden; }

/* ec areas */
.column { float:left; } .one { width:100%; } .two { width:50%; } .three { width:33%; } .four { width:25%; } .five { width:20%; } .two3rds { width:66%; } .three4ths { width:75%; } .four5ths { width:80%; }
.column .content { width:90%!important; margin:0 auto; padding:0!important; float:none!important; }

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

	breadcrumb styles

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

#breadcrumb { background: #c2bfb8;
-moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2); }
#breadcrumb a { color: #414141 } 
#breadcrumb ul { margin: 0;padding: 15px 20px;margin-left: 10px; }
#breadcrumb ul li { display: inline; }

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

	footer styles

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

#footer-container { padding: 15px 0; }
#footer-container p { margin: 0;padding: 0 20px; }

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

	global

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

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* hide for both screenreaders and browsers: */
.hidden { display: none; visibility: hidden; }

/* hide only visually, but have it available for screenreaders: */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* contain floats */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* link suppressor */
.nolink { cursor: default; }

/* ie fixes */
.oldie a img{ border: none; }

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

	media queries

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

@media only screen and (min-width: 240px) {
	#header-container h1, #header-container h2 { margin: 0 0 0 10px; }
	#header-container h2 { font-size: 24px;font-size: 2.4rem; }
	#headings { width: 90%;margin-bottom: 20px; }
	#myExtraContent1 { float: left;text-align: left; }
	#socialicons { width: 100%;text-align: left;padding: 0; }
	#main-container img { max-width: 100%;height: auto; }
	#navigation select { width: 100%; }
	#breadcrumb ul { padding: 15px 10px; }
	#primary-container { margin: 0; }
	#primary-container, #secondary-container { width:95%;float:none;padding: 10px 10px 20px 10px; }
	.blog-entry:last-child { padding-bottom: 0;margin-bottom: 0; }
	.album-wrapper { margin: 20px 0 0 0;padding-bottom: 0; }
	.movie-thumbnail-frame { width: 95%; }
	#plugin-sidebar { border-top: none }
	form input.text, form input.email, form input.password, form textarea.uniform { width: 90% }
	#myExtraContent4 { padding: 15px 0;overflow: hidden; }
	.column { float:one; } .one { width:100%; } .two { width:100%; } .three { width:100%; } .four { width:100%; } .five { width:100%; } .two3rds { width:100%; } .three4ths { width:100%; } .four5ths { width:100%; }
	.column .content { width:95%!important;padding: 10px; }
}
@media only screen and (min-width: 320px) {
}
@media only screen and (min-width: 480px){
	.movie-thumbnail-frame { width: 45%; }
}
@media only screen and (min-width: 768px) {
	#header-container h1, #header-container h2 { margin: 0 0 0 20px; }
	#header-container h2 { font-size: 28px;font-size: 2.8rem; }
	#headings { width: 65%;}
	#myExtraContent1 { float: none; }
	#socialicons { width: 30%;text-align: right;padding: 20px 0; }
	#primary-container { width: 60%;float: left;margin-left: 10px; }
	.blog-entry:last-child { margin-bottom: 30px;padding-bottom: 20px; }
	#secondary-container { width: 30%;float: right; }
	#plugin-sidebar { border-top: 3px solid #fff; }
	.movie-thumbnail-frame { width: 45%; }
	form input.text, form input.email, form input.password, form textarea.uniform { width: 60% }
	.column { float:left; } .one { width:100%; } .two { width:50%; } .three { width:33%; } .four { width:25%; } .five { width:20%; } .two3rds { width:66%; } .three4ths { width:75%; } .four5ths { width:80%; }
	.column .content { width:90%!important; }
}
@media only screen and (min-width: 1024px) {
	#headings { width: 65%; }
	#socialicons { width: 30%;text-align: right; }
	.wrapper{
		max-width: 1024px;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1200px) {
	.wrapper{
		max-width: 1200px;
	}
}
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	/* --- */
	body { font: 12pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; }
	h1 { font-size: 24pt; }
	h2 { font-size: 14pt; margin-top: 25px; }
	img { max-width: 500px;display: block; }
	#header-container, #banner, #breadcrumb, #footer-container, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4, #disqus_thread { display: none; }
	#primary-container, #secondary-container { width: auto; }
}

/* navigation shift */
.selectnav { display: none; }
@media only screen and (max-width: 768px) {
	#menu { display: none !important; }
	.selectnav { display: block; }
}