/*
Theme Name: Boldframe - responsive personal blog and portfolio WordPress theme
Theme URI: http://www.ihatepixels.com
Description: A timeline blog and portfolio for Creatives, responsive,  custom widgets, pages templates, shortcodes, custom backgrounds and unique design.
Author: Ithi
Author URI: http://www.ihatepixels.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0

Content
	1. Reset
	2. Font face
	3. 960 grid system
	4. Typography
	5. Header styling
	6. Footer styling
	7. Blog styling
	8. Comments styling
	9. Page templates styling
	10. Portfolio styling
	11. Tablet Portrait size up to standard 960 (devices and browsers)
	12. Mobile Landscape Size to Tablet Portrait (devices and browsers) 
	13. Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 
1. Reset 
*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
html,
body {
  height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
b,
strong {
  font-weight: bold;
}
img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
ol,
ul {
  list-style: none;
}
li {
  display: list-item;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
sub,
sup,
small {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
svg {
  overflow: hidden;
}
::-moz-selection {
  background: #f26522;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #f26522;
  color: #fff;
  text-shadow: none;
}
/* 
2. Font face
*/
@font-face {
  font-family: 'Bebas Neue';
  src: url('fonts/BebasNeue-webfont.eot');
  src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* 
3. 960 grid system 
*/
body {
  min-width: 960px;
}
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
div.column_2 {
  width: 300px;
  float: left;
  display: block;
  margin-left: 0;
  margin-right: 10px;
}
div.column_2.omega {
  margin-left: 10px;
  margin-right: 0;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12,
.push_13,
.pull_13,
.push_14,
.pull_14,
.push_15,
.pull_15,
.push_16,
.pull_16 {
  position: relative;
}
.container_16 .grid_1 {
  width: 40px;
}
.container_16 .grid_2 {
  width: 100px;
}
.container_16 .grid_3 {
  width: 160px;
}
.container_16 .grid_4 {
  width: 220px;
}
.container_16 .grid_5 {
  width: 280px;
}
.container_16 .grid_6 {
  width: 340px;
}
.container_16 .grid_7 {
  width: 400px;
}
.container_16 .grid_8 {
  width: 460px;
}
.container_16 .grid_9 {
  width: 520px;
}
.container_16 .grid_10 {
  width: 580px;
}
.container_16 .grid_11 {
  width: 640px;
}
.container_16 .grid_12 {
  width: 700px;
}
.container_16 .grid_13 {
  width: 760px;
}
.container_16 .grid_14 {
  width: 820px;
}
.container_16 .grid_15 {
  width: 880px;
}
.container_16 .grid_16 {
  width: 940px;
}
.container_16 .prefix_1 {
  padding-left: 60px;
}
.container_16 .prefix_2 {
  padding-left: 120px;
}
.container_16 .prefix_3 {
  padding-left: 180px;
}
.container_16 .prefix_4 {
  padding-left: 240px;
}
.container_16 .prefix_5 {
  padding-left: 300px;
}
.container_16 .prefix_6 {
  padding-left: 360px;
}
.container_16 .prefix_7 {
  padding-left: 420px;
}
.container_16 .prefix_8 {
  padding-left: 480px;
}
.container_16 .prefix_9 {
  padding-left: 540px;
}
.container_16 .prefix_10 {
  padding-left: 600px;
}
.container_16 .prefix_11 {
  padding-left: 660px;
}
.container_16 .prefix_12 {
  padding-left: 720px;
}
.container_16 .prefix_13 {
  padding-left: 780px;
}
.container_16 .prefix_14 {
  padding-left: 840px;
}
.container_16 .prefix_15 {
  padding-left: 900px;
}
.container_16 .suffix_1 {
  padding-right: 60px;
}
.container_16 .suffix_2 {
  padding-right: 120px;
}
.container_16 .suffix_3 {
  padding-right: 180px;
}
.container_16 .suffix_4 {
  padding-right: 240px;
}
.container_16 .suffix_5 {
  padding-right: 300px;
}
.container_16 .suffix_6 {
  padding-right: 360px;
}
.container_16 .suffix_7 {
  padding-right: 420px;
}
.container_16 .suffix_8 {
  padding-right: 480px;
}
.container_16 .suffix_9 {
  padding-right: 540px;
}
.container_16 .suffix_10 {
  padding-right: 600px;
}
.container_16 .suffix_11 {
  padding-right: 660px;
}
.container_16 .suffix_12 {
  padding-right: 720px;
}
.container_16 .suffix_13 {
  padding-right: 780px;
}
.container_16 .suffix_14 {
  padding-right: 840px;
}
.container_16 .suffix_15 {
  padding-right: 900px;
}
.container_16 .push_1 {
  left: 60px;
}
.container_16 .push_2 {
  left: 120px;
}
.container_16 .push_3 {
  left: 180px;
}
.container_16 .push_4 {
  left: 240px;
}
.container_16 .push_5 {
  left: 300px;
}
.container_16 .push_6 {
  left: 360px;
}
.container_16 .push_7 {
  left: 420px;
}
.container_16 .push_8 {
  left: 480px;
}
.container_16 .push_9 {
  left: 540px;
}
.container_16 .push_10 {
  left: 600px;
}
.container_16 .push_11 {
  left: 660px;
}
.container_16 .push_12 {
  left: 720px;
}
.container_16 .push_13 {
  left: 780px;
}
.container_16 .push_14 {
  left: 840px;
}
.container_16 .push_15 {
  left: 900px;
}
.container_16 .pull_1 {
  left: -60px;
}
.container_16 .pull_2 {
  left: -120px;
}
.container_16 .pull_3 {
  left: -180px;
}
.container_16 .pull_4 {
  left: -240px;
}
.container_16 .pull_5 {
  left: -300px;
}
.container_16 .pull_6 {
  left: -360px;
}
.container_16 .pull_7 {
  left: -420px;
}
.container_16 .pull_8 {
  left: -480px;
}
.container_16 .pull_9 {
  left: -540px;
}
.container_16 .pull_10 {
  left: -600px;
}
.container_16 .pull_11 {
  left: -660px;
}
.container_16 .pull_12 {
  left: -720px;
}
.container_16 .pull_13 {
  left: -780px;
}
.container_16 .pull_14 {
  left: -840px;
}
.container_16 .pull_15 {
  left: -900px;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul.children:before,
ul.children:after,
.clearfix:before,
.clearfix:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
ul.children:after,
.clearfix:after,
.container_16:after {
  clear: both;
}
ul.children,
.clearfix,
.container_16 {
  zoom: 1;
}
/* 
4. Typography
*/
body {
  color: #323233;
  font: 15px/25px "Helventica Neue", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
a {
  -webkit-transition-property: color, background-color;
  -webkit-transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: ease-in, ease-in;
  -moz-transition-property: color, background-color;
  -moz-transition-duration: 0.3s, 0.3s;
  -moz-transition-timing-function: ease-in, ease-in;
  -o-transition-property: color, background-color;
  -o-transition-duration: 0.3s, 0.3s;
  -o-transition-timing-function: ease-in, ease-in;
  transition-property: color, background-color;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease-in, ease-in;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bebas Neue", sans-serif;
  color: #4b4c4c;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
h1 {
  font-size: 35px;
  line-height: 50px;
  padding: 15px 0 10px 0;
}
h2 {
  font-size: 31px;
  line-height: 50px;
  padding: 16px 0 9px 0;
}
h3 {
  font-size: 27px;
  line-height: 50px;
  padding: 17px 0 8px 0;
}
h4 {
  font-size: 23px;
  line-height: 50px;
  padding: 5px 0 7px 0;
}
h5 {
  font-size: 19px;
  line-height: 50px;
  padding: 7px 0 6px 0;
}
h6 {
  font-size: 15px;
  line-height: 50px;
  padding: 8px 0 5px 0;
}
div.entry-content p {
  margin: 0;
  padding: 7px 0 18px 0;
}
div.entry-content blockquote,
div.entry-content blockquote p {
  font-size: 15px;
  line-height: 25px;
  font-style: italic;
  color: #323233;
}
div.entry-content blockquote p {
  padding: 0;
}
div.entry-content blockquote {
  margin: 0;
  padding: 7px 0 17px 20px;
  border-left: 2px solid #666;
}
div.entry-content blockquote cite {
  display: block;
  font-size: 12px;
  color: #323233;
}
div.entry-content blockquote cite:before {
  content: "\2014 \0020";
}
div.entry-content blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #323233;
}
div.entry-content a,
div.entry-content a:visited,
div#respond a,
div#respond a:visited {
  color: #f26522;
  text-decoration: underline;
  outline: 0;
}
div.entry-content a:hover,
div.entry-content a:focus,
div#respond a:hover,
div#respond a:focus {
  color: #252526;
  background-color: #f26522;
  text-decoration: none;
}
div.entry-content p a,
div.entry-content p a:visited,
div#respond a,
div#respond a:visited {
  line-height: inherit;
}
div.entry-content ul,
div.entry-content ol {
  margin: 0;
  padding: 7px 0 18px 0;
}
div.entry-content ul {
  list-style: none outside;
}
div.entry-content ul.square {
  list-style: square outside;
}
div.entry-content ul.circle {
  list-style: circle outside;
}
div.entry-content ul.disc {
  list-style: disc outside;
}
div.entry-content ol {
  list-style: decimal;
}
div.entry-content ul ul,
div.entry-content ul ol,
div.entry-content ol ol,
div.entry-content ol ul {
  margin: 0;
  padding: 0 0 0 15px;
}
div.entry-content ul ul li,
div.entry-content ul ol li,
div.entry-content ol ol li,
div.entry-content ol ul li {
  margin: 0;
  padding: 0;
}
.alignnone {
  margin: 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;
}
div.entry-content img.alignright {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 100%;
  height: auto;
}
div.entry-content img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
  max-width: 100%;
  height: auto;
}
div.entry-content img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
  padding: 7px 0 18px 0;
}
div.entry-content img.alignnone {
  max-width: 100%;
  height: auto;
  padding: 7px 0 18px 0;
}
div.entry-content a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 100%;
  height: auto;
}
div.entry-content a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
  max-width: 100%;
  height: auto;
}
div.entry-content a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
  padding: 7px 0 18px 0;
}
div.entry-content a img.alignnone {
  max-width: 100%;
  height: auto;
  padding: 7px 0 18px 0;
}
div.entry-content .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
div.entry-content .wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
div.entry-content .wp-caption.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7px;
  margin-bottom: 18px;
}
div.entry-content .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
div.entry-content .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
div.entry-content .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
div.entry-content .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 25px;
  margin: 0;
  padding: 7px 4px 0 4px;
}
.gallery-caption {
  visibility: inherit;
}
.sticky {
  visibility: inherit;
}
.narrow {
  letter-spacing: -0.1em;
}
.wide {
  letter-spacing: 0.1em;
}
.run-in {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.dropcap {
  font-size: 48px;
  float: left;
  display: block;
  margin: 0 7px 0 0;
  line-height: 1;
}
/* 
6. Header styling
 */
header {
  background-image: url(images/header_bg.jpg);
  -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1), inset 0px -10px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1), inset 0px -10px 10px rgba(0, 0, 0, 0.1);
}
header .header-logo {
  text-align: center;
}
header div.header-separator {
  height: 1px;
  width: 60%;
  background-color: black;
  margin: 8px auto 22px auto;
  display: block;
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
header nav.main-nav {
  text-align: center;
}
header nav.main-nav a {
  color: #e1e3e5;
  text-decoration: none;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
header nav.main-nav ul li {
  display: inline-block;
  padding: 0;
  margin: 0 0 37px 0px;
}
header nav.main-nav ul li:first-child {
  margin-left: 0;
}
header nav.main-nav ul li a {
  display: block;
  padding: 8px 20px;
}
header nav.main-nav ul li a:hover {
  color: #ffffff;
}
header nav.main-nav ul li.current-menu-item a {
  padding: 8px 16px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #2e2e2e;
  background: -moz-linear-gradient(top, #2b2b2b 0%, #3a3a3a);
  background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#3a3a3a));
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 10px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 10px 10px rgba(0, 0, 0, 0.1);
}
/*
7. Footer styling
*/
footer {
  background-image: url(images/header_bg.jpg);
  -moz-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1), inset 0px 10px 50px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1), inset 0px 10px 50px rgba(0, 0, 0, 0.1);
  color: #e1e3e5;
  font-size: 14px;
  line-height: 25px;
  padding: 19px 0 25px 0;
  margin: 0;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
footer a,
footer a:visited {
  color: inherit;
  text-decoration: none;
  outline: 0;
  line-height: inherit;
}
footer a:hover,
footer a:focus {
  color: inherit;
  background-color: #f26522;
  text-decoration: none;
}
footer h6.widget-title {
  font-family: inherit;
  color: #fff;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px 0;
}
footer div.widget {
  padding: 14px 0 10px 0;
}
footer div.widget ul {
  padding: 0 0 1px 0;
}
footer div.widget ul li ul {
  padding: 0 0 0 10px;
}
footer div.widget ul li ul li ul {
  padding: 0 0 0 20px;
}
footer table#wp-calendar {
  margin-left: -8px;
  margin-bottom: 16px;
}
footer table#wp-calendar caption {
  margin-left: 8px;
}
footer table#wp-calendar thead tr th {
  padding: 0 10px 8px 10px;
  text-align: center;
}
footer table#wp-calendar tbody tr td {
  padding: 10px 8px 10px 8px;
  text-align: center;
}
footer div.textwidget {
  margin: 0;
  padding: 0;
}
footer form#searchform {
  padding: 0;
  margin: 0;
}
footer form#searchform fieldset input#s {
  color: #afb1b3;
  background-color: #333;
  padding: 10px 10px 10px 10px;
  width: 200px;
  font-size: inherit;
  font-weight: normal;
  font-family: inherit;
  border: none;
  font-size: 14px;
  margin: 7px 0 0 0;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
footer form#searchform fieldset input#s:focus {
  color: #e1e3e5;
}
footer a.rsswidget img {
  margin: -5px 0 0 0;
}
footer ul#twitter_update_list li {
  border-bottom: 2px solid #373838;
  padding-bottom: 15px;
  margin-bottom: 31px;
}
footer ul#twitter_update_list li:last-child {
  margin-bottom: 10px;
}
.tweet-date,
.tweet-date:visited {
  color: #8f8f8f;
  font-size: 11px;
}
footer div#flickr_badge_wrapper {
  padding: 7px 0 0 0;
  margin-bottom: -26px;
}
footer div#flickr_badge_wrapper div.flickr_badge_image {
  width: 54px;
  height: 54px;
  position: relative;
  float: left;
  background-color: white;
  margin: 0 28px 28px 0;
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}
footer div#flickr_badge_wrapper div.flickr_badge_image a {
  line-height: 0;
  font-size: 0;
}
footer div#flickr_badge_wrapper div.flickr_badge_image:nth-child(3n+4) {
  margin: 0;
}
footer div#flickr_badge_wrapper div.flickr_badge_image:hover {
  background-color: #f26522;
}
footer div#flickr_badge_wrapper div.flickr_badge_image a:hover {
  background-color: inherit;
}
footer div#flickr_badge_wrapper div.flickr_badge_image a img {
  width: 48px;
  height: 48px;
  margin: 3px 0 0 3px;
}
footer .social {
  margin-top: 45px;
  margin-bottom: 0;
}
footer .social ul.social-list {
  margin-left: -4px;
}
footer .social ul.social-list li {
  position: relative;
  float: left;
  padding: 0 0 0 0;
  display: block;
}
footer .social ul.social-list li a {
  display: block;
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
  border-radius: 180px;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}
footer .social ul.social-list li a:hover {
  background-color: #fc6925;
}
footer .copyright {
  font-size: 11px;
  color: #e1e3e5;
  text-align: right;
  margin-top: 25px;
}
/* 
7. Blog posts styling
*/
.timeline125 {
  width: 4px;
  height: 125px;
  background-color: #cfd2d4;
  margin: 0 auto;
  z-index: -1;
}
.timeline75 {
  width: 4px;
  height: 75px;
  background-color: #cfd2d4;
  margin: 0 auto;
  z-index: -1;
}
.timeline50 {
  width: 4px;
  height: 50px;
  background-color: #cfd2d4;
  margin: 0 auto;
  z-index: -1;
}
.timeline25 {
  width: 4px;
  height: 25px;
  background-color: #cfd2d4;
  margin: 0 auto;
  z-index: -1;
}
article.entry,
article.page,
div.filter,
article.portfolio {
  background: white;
  margin: 0 0 0 0;
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
}
div.filter {
  padding: 25px 40px 25px 40px;
}
div.filter div.entry-separator {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid  #bbbdbf;
}
div.filter h1 {
  padding: 15px 0 9px 0;
  text-align: center;
}
div.filter p {
  margin: 0 0 -7px 0;
  padding: 32px 0 0 0;
}
div.filter a,
div.filter a:visited {
  color: #f26522;
  text-decoration: underline;
  outline: 0;
}
div.filter a:hover {
  color: #252526;
  background-color: #f26522;
  text-decoration: none;
}
.wp-post-image {
  margin: 10px 0 20px -40px;
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  -webkit-transition: border-bottom-color 0.3s ease-in;
  -moz-transition: border-bottom-color 0.3s ease-in;
  -o-transition: border-bottom-color 0.3s ease-in;
  transition: border-bottom-color 0.3s ease-in;
}
a .wp-post-image:hover {
  border-bottom: 5px solid #f26522;
  margin-bottom: 20px;
}
article.entry div.entry-content {
  padding: 25px 0 0 0;
  margin: 0;
}
article.entry.format-standard {
  padding: 25px 40px 0 40px;
}
article.entry.format-link {
  padding: 40px;
}
article.entry.format-link.yes-meta {
  padding: 40px 40px 0px 40px;
}
article.entry.format-aside div.entry-content.no-meta {
  padding: 18px 0 7px 0;
}
article.entry.format-aside {
  padding: 0 40px;
}
article.entry.format-image {
  padding: 0;
}
article.entry.format-image div.entry-content {
  padding: 0;
}
article.entry.format-image div.entry-content .wp-post-image {
  margin: 0 0 -5px 0;
}
article.entry.format-image div.entry-content a:hover .wp-post-image {
  margin: 0 0 -5px 0;
}
article.entry.format-gallery {
  padding: 0;
}
article.entry.format-gallery div.entry-content {
  padding: 0;
}
article.entry.format-gallery div.entry-content ul {
  padding: 0;
}
.flexslider .slides img {
  max-width: 700px;
  height: auto;
  display: none;
}
.flex-caption {
  display: none;
}
.flex-control-nav li a {
  width: 35px;
  height: 5px;
}
article.entry.format-video div.entry-content {
  padding: 0;
  height: auto;
}
article.entry.format-video iframe {
  margin: 0 0 -7px 0;
  padding: 0;
}
article.post-description {
  padding: 25px 40px 0 40px;
}
article.post-description div.entry-content {
  padding: 25px 0 0 0;
  margin: 0;
}
article.entry div.entry-date {
  text-align: center;
  color: #848687;
  text-transform: uppercase;
  font-size: 12px;
  margin: 9px 0 15px 0;
}
article.entry div.entry-date a,
article.entry div.entry-date a:visited {
  color: inherit;
  text-decoration: none;
}
article.entry div.entry-date a:hover {
  color: #323233;
  background-color: #f26522;
}
article.entry div.entry-separator {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid  #bbbdbf;
  line-height: 0;
  font-size: 0;
}
article.entry h1.entry-title {
  padding: 15px 0 9px 0;
  text-align: center;
}
article.entry h1.entry-title a,
article.entry h1.entry-title a:visited {
  color: inherit;
  text-decoration: none;
}
article.entry h1.entry-title a:hover {
  color: #323233;
  background-color: #f26522;
}
article.entry div.entry-meta {
  color: #898b8c;
  font-size: 12px;
  line-height: 25px;
  padding: 15px 0 15px 0;
}
article.entry div.entry-meta ul.entry-meta-list li {
  display: inline-block;
  padding: 0 25px 0 0;
}
article.entry div.entry-meta ul.entry-meta-list li:last-child {
  padding: 0;
}
article.entry div.entry-meta ul.entry-meta-list li a,
article.entry div.entry-meta ul.entry-meta-list li a:visited {
  color: inherit;
  text-decoration: none;
}
article.entry div.entry-meta ul.entry-meta-list li a:hover {
  color: #323233;
  background-color: #f26522;
}
article.entry div.entry-meta ul.entry-meta-list li.category {
  background: url(images/category.png) -4px 0px no-repeat;
  padding-left: 13px;
}
article.entry div.entry-meta ul.entry-meta-list li.tags {
  background: url(images/tag.png) -4px 2px no-repeat;
  padding-left: 22px;
}
article.entry div.entry-meta ul.entry-meta-list li.comments {
  background: url(images/comment.png) -4px 1px no-repeat;
  padding-left: 24px;
}
article.entry div.entry-meta ul.entry-meta-list li.permalink {
  background: url(images/permalink.png) -4px 0px no-repeat;
  padding-left: 23px;
}
article.entry div.entry-meta ul.entry-meta-list li.edit {
  padding: 0;
  margin: 0;
}
.blog-pagination {
  height: 125px;
}
.blog-pagination .timeline {
  width: 4px;
  height: 125px;
  background-color: #cfd2d4;
  margin: 0 auto;
  position: relative;
  float: left;
  z-index: -1;
}
.blog-pagination .newer-entries {
  float: left;
  width: 348px;
  padding: 33px 0 0 0;
}
.blog-pagination .newer-entries a {
  text-decoration: none;
  color: #575859;
}
.blog-pagination .older-entries {
  float: right;
  width: 348px;
  text-align: right;
  padding: 33px 0 0 0;
}
.blog-pagination .older-entries a {
  text-decoration: none;
  color: #575859;
}
.blog-pagination .older-entries a:hover,
.blog-pagination .newer-entries a:hover {
  color: #323233;
  background-color: #f26522;
}
div.author-bio {
  background-color: white;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
  margin: 1px 0 0 0;
  padding: 25px 40px 25px 40px;
}
div.author-bio img.avatar {
  margin: 0 20px 0 0;
  padding: 3px;
  position: relative;
  float: left;
  display: block;
  -moz-box-shadow: 0px 0px 1px #d5d5d6, 0px 0px 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 1px #d5d5d6, 0px 0px 10px rgba(0, 0, 0, 0.08);
}
div.author-bio p {
  width: 620px;
}
div.author-bio a.author-bio-link {
  color: #323233;
}
div.author-bio a.author-bio-link:hover {
  color: #323233;
  background-color: #f26522;
  text-decoration: none;
}
/* 
8. Comments styling
*/
ol#comments li.comment {
  background-color: white;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
  position: relative;
}
ol#comments li.comment div.author-avatar {
  margin: 0 20px 0 0;
  padding: 3px;
  position: relative;
  float: left;
  display: block;
  -moz-box-shadow: 0px 0px 1px #d5d5d6, 0px 0px 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 1px #d5d5d6, 0px 0px 10px rgba(0, 0, 0, 0.08);
}
ol#comments li.comment div.author-avatar.bypostauthor {
  background-color: #f26522;
}
ol#comments li.comment div.comment-author-meta {
  font-size: 14px;
  line-height: 25px;
  position: relative;
  float: left;
  padding: 0;
}
ol#comments li.comment div.comment-author-meta a,
ol#comments li.comment div.comment-author-meta a:visited {
  font-weight: bold;
  color: #323233;
  text-decoration: none;
}
ol#comments li.comment div.comment-author-meta a:hover,
ol#comments li.comment div.comment-author-meta a:focus {
  color: #323233;
  background-color: #f26522;
  text-decoration: none;
}
ol#comments li.comment div.comment-author-meta div {
  position: relative;
  float: left;
}
ol#comments li.comment div.comment-author-meta div.comment-author {
  font-weight: bold;
}
ol#comments li.comment div.comment-author-meta div.comment-date {
  margin: 0 5px;
  font-style: italic;
}
ol#comments li.comment div.comment-author-meta div.comment-reply {
  margin: 0 5px 0 0;
  font-style: italic;
}
ol#comments li.comment div.comment-author-meta div.comment-edit {
  font-style: italic;
}
ol#comments li.comment div.comment-text {
  position: relative;
  float: left;
}
ol#comments li.comment div.comment-author-meta,
ol#comments li.comment div.comment-text {
  width: 525px;
}
.depth-2.timeline25,
.depth-3.timeline25,
.depth-4.timeline25,
.depth-5.timeline25 {
  display: none;
  visibility: hidden;
}
ol#comments li.comment,
ol#comments li.comment.depth-2,
ol#comments li.comment.depth-3,
ol#comments li.comment.depth-4,
ol#comments li.comment.depth-5 {
  margin: 1px 0 0 0;
  padding: 25px 40px 25px 40px;
}
ol#comments li.comment {
  width: 620px;
  margin-left: 0;
}
ol#comments li.comment.depth-2 {
  width: 600px;
  margin-left: 20px;
}
ol#comments li.comment.depth-3 {
  width: 580px;
  margin-left: 40px;
}
ol#comments li.comment.depth-4 {
  width: 560px;
  margin-left: 60px;
}
ol#comments li.comment.depth-5 {
  width: 540px;
  margin-left: 80px;
}
ol#comments li.comment div.comment-author-meta {
  width: 525px;
}
ol#comments li.comment.depth-2 div.comment-author-meta {
  width: 505px;
}
ol#comments li.comment.depth-3 div.comment-author-meta {
  width: 485px;
}
ol#comments li.comment.depth-4 div.comment-author-meta {
  width: 465px;
}
ol#comments li.comment.depth-5 div.comment-author-meta {
  width: 445px;
}
ol#comments li.comment div.comment-text {
  width: 525px;
}
ol#comments li.comment.depth-2 div.comment-text {
  width: 505px;
}
ol#comments li.comment.depth-3 div.comment-text {
  width: 485px;
}
ol#comments li.comment.depth-4 div.comment-text {
  width: 465px;
}
ol#comments li.comment.depth-5 div.comment-text {
  width: 445px;
}
div#respond {
  background-color: #ffffff;
  padding: 25px 40px 32px 40px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08), 0px 1px 5px rgba(0, 0, 0, 0.05);
}
div#respond p.custom-reply-text {
  margin: 0;
  padding: 0 0 18px 0;
}
input,
textarea {
  font-family: inherit;
  font-size: 14px;
  line-height: 14px;
  color: #a2a4a6;
  background-color: #f0f0f0;
  border: 1px solid #e3e3e3;
  padding: 8px 15px;
  -moz-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.02);
  resize: none;
  -webkit-transition: color 0.6s ease-in;
  -moz-transition: color 0.6s ease-in;
  -o-transition: color 0.6s ease-in;
  transition: color 0.6s ease-in;
}
input:focus,
textarea:focus {
  color: #575859;
  outline: none;
}
textarea {
  line-height: 25px;
}
form {
  padding-bottom: 0px;
}
div#respond form textarea {
  width: 588px;
  max-width: 588px;
  margin: 10px 0 0 0;
  padding: 8px 15px;
}
div#respond form input#author {
  width: 268px;
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 8px 15px;
}
div#respond form input#email {
  width: 268px;
  position: relative;
  float: left;
  margin-left: 10px;
  padding: 8px 15px;
}
div#respond form input#url {
  width: 268px;
  position: relative;
  float: left;
  padding: 8px 15px;
  margin-top: 10px;
}
/* 
9. Pages templates styling
*/
article.page {
  padding: 40px 40px 17px 40px;
}
form#contactForm {
  padding-bottom: 18px;
}
form#contactForm ul {
  padding: 0;
}
form#contactForm input,
form#contactForm textarea {
  margin: 0;
}
form#contactForm input#contactName {
  width: 268px;
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 8px 15px;
}
form#contactForm input#email {
  width: 268px;
  position: relative;
  float: left;
  margin-left: 10px;
  padding: 8px 15px;
}
form#contactForm textarea#commentsText {
  width: 588px;
  max-width: 588px;
  margin: 10px 0 0 0;
  padding: 8px 15px;
}
form#contactForm .error {
  border: 1px solid #f56559;
}
.submit-form-button {
  text-align: right;
}
button {
  margin: 0;
  cursor: pointer;
  padding: 3px 20px 7px 20px;
  background-color: #3a3c3d;
  background: -moz-linear-gradient(top, #3a3c3d 0%, #404243);
  background: -webkit-gradient(linear, left top, left bottom, from(#3a3c3d), to(#404243));
  background-image: -o-linear-gradient(0deg, #3a3c3d, #404243);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid #303233;
  -moz-box-shadow: 1px 1px 1px rgba(82, 83, 84, 0.1), 0px 0px 10px rgba(82, 83, 84, 0.2);
  -webkit-box-shadow: 1px 1px 1px rgba(82, 83, 84, 0.1), 0px 0px 10px rgba(82, 83, 84, 0.2);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  height: 25px;
}
button:hover {
  border: 1px solid #303233;
  -moz-box-shadow: 1px 1px 1px rgba(82, 83, 84, 0.1), 0px 0px 10px rgba(82, 83, 84, 0.5);
  -webkit-box-shadow: 1px 1px 1px rgba(82, 83, 84, 0.1), 0px 0px 10px rgba(82, 83, 84, 0.5);
}
button:active {
  border: 1px solid #303233;
  -moz-box-shadow: 1px 1px 1px rgba(82, 83, 84, 0.1), 0px 0px 10px rgba(82, 83, 84, 0.2), inset 0px 0px 5px #000000;
  -webkit-box-shadow: 1px 1px 1px rgba(82, 83, 84, 0.1), 0px 0px 10px rgba(82, 83, 84, 0.2), inset 0px 0px 5px #000000;
}
/* 
10. Portfolio styling
*/
article.portfolio {
  padding: 0;
}
article.portfolio div.entry-content {
  padding: 0;
}
article.portfolio div.entry-content img {
  padding: 0;
  margin: 0 0 -5px 0;
}
article.portfolio div.entry-content .slides {
  padding: 0;
}
article.portfolio div.entry-content .slides img {
  margin: 0;
}
article.portfolio-singular {
  padding: 0;
}
article.portfolio-singular div.entry-content {
  padding: 0;
}
article.portfolio-singular div.entry-content img {
  padding: 0;
  margin: 0 0 -5px 0;
}
article.portfolio-description {
  padding: 40px 40px 17px 40px;
}
article.portfolio-description div.entry-content {
  padding: 25px 0 0 0;
  margin: 0;
}
div.portfolio-2columns {
  margin: 25px 0 55px 0;
}
div.portfolio-2columns article.portfolio-2columns-single {
  width: 340px;
  margin: 0 20px 20px 0;
  float: left;
}
div.portfolio-2columns article.portfolio-2columns-single:nth-child(2n) {
  margin: 0 0 20px 0;
}
/* 
11. Tablet Portrait size up to standard 960 (devices and browsers)
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body {
    min-width: 768px;
  }
  .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 768px;
  }
  div.column_2 {
    width: 228px;
    margin-left: 0;
    margin-right: 10px;
  }
  div.column_2.omega {
    margin-left: 10px;
    margin-right: 0;
  }
  .container_16 .grid_1 {
    width: 28px;
  }
  .container_16 .grid_2 {
    width: 76px;
  }
  .container_16 .grid_3 {
    width: 124px;
  }
  .container_16 .grid_4 {
    width: 172px;
  }
  .container_16 .grid_5 {
    width: 220px;
  }
  .container_16 .grid_6 {
    width: 268px;
  }
  .container_16 .grid_7 {
    width: 316px;
  }
  .container_16 .grid_8 {
    width: 364px;
  }
  .container_16 .grid_9 {
    width: 412px;
  }
  .container_16 .grid_10 {
    width: 460px;
  }
  .container_16 .grid_11 {
    width: 508px;
  }
  .container_16 .grid_12 {
    width: 556px;
  }
  .container_16 .grid_13 {
    width: 604px;
  }
  .container_16 .grid_14 {
    width: 652px;
  }
  .container_16 .grid_15 {
    width: 700px;
  }
  .container_16 .grid_16 {
    width: 748px;
  }
  .container_16 .push_1 {
    left: 48px;
  }
  .container_16 .push_2 {
    left: 96px;
  }
  .container_16 .push_3 {
    left: 144px;
  }
  .container_16 .push_4 {
    left: 192px;
  }
  .container_16 .push_5 {
    left: 240px;
  }
  .container_16 .push_6 {
    left: 288px;
  }
  .container_16 .push_7 {
    left: 336px;
  }
  .container_16 .push_8 {
    left: 348px;
  }
  .container_16 .push_9 {
    left: 432px;
  }
  .container_16 .push_10 {
    left: 480px;
  }
  .container_16 .push_11 {
    left: 528px;
  }
  .container_16 .push_12 {
    left: 576px;
  }
  .container_16 .push_13 {
    left: 624px;
  }
  .container_16 .push_14 {
    left: 672px;
  }
  .container_16 .push_15 {
    left: 720px;
  }
  .wp-post-image {
    width: 556px;
    height: auto;
  }
  article.entry.format-video iframe {
    margin: 0 0 -7px 0;
    padding: 0;
    width: 556px;
    height: 320px;
  }
  .flexslider .slides img {
    max-width: 556px;
    height: auto;
  }
  .flex-control-nav li a {
    width: 27px;
    height: 5px;
  }
  article.entry div.entry-meta ul.entry-meta-list li {
    padding: 0 20px 0 0;
  }
  article.entry div.entry-meta ul.entry-meta-list li:last-child {
    padding: 0 0 0 23px;
  }
  article.entry div.entry-meta ul.entry-meta-list li.edit {
    padding: 0;
    margin: 0;
  }
  .blog-pagination .older-entries,
  .blog-pagination .newer-entries {
    width: 276px;
  }
  div.author-bio p {
    width: 476px;
  }
  ol#comments li.comment {
    width: 476px;
    margin-left: 0;
  }
  ol#comments li.comment.depth-2 {
    width: 456px;
    margin-left: 20px;
  }
  ol#comments li.comment.depth-3 {
    width: 436px;
    margin-left: 40px;
  }
  ol#comments li.comment.depth-4 {
    width: 416px;
    margin-left: 60px;
  }
  ol#comments li.comment.depth-5 {
    width: 396px;
    margin-left: 80px;
  }
  ol#comments li.comment div.comment-author-meta {
    width: 381px;
  }
  ol#comments li.comment.depth-2 div.comment-author-meta {
    width: 361px;
  }
  ol#comments li.comment.depth-3 div.comment-author-meta {
    width: 341px;
  }
  ol#comments li.comment.depth-4 div.comment-author-meta {
    width: 321px;
  }
  ol#comments li.comment.depth-5 div.comment-author-meta {
    width: 301px;
  }
  ol#comments li.comment div.comment-text {
    width: 381px;
  }
  ol#comments li.comment.depth-2 div.comment-text {
    width: 361px;
  }
  ol#comments li.comment.depth-3 div.comment-text {
    width: 341px;
  }
  ol#comments li.comment.depth-4 div.comment-text {
    width: 321px;
  }
  ol#comments li.comment.depth-5 div.comment-text {
    width: 301px;
  }
  div#respond form textarea {
    width: 444px;
    max-width: 444px;
    margin: 10px 0 0 0;
  }
  div#respond form input#author {
    width: 268px;
    margin: 10px 0 0 0;
  }
  div#respond form input#email {
    width: 268px;
    margin: 10px 0 0 0;
  }
  div#respond form input#url {
    width: 268px;
    margin: 10px 0 0 0;
  }
  form#contactForm input#contactName {
    width: 268px;
    margin-right: 0px;
  }
  form#contactForm input#email {
    width: 268px;
    margin-left: 0px;
    margin-top: 10px;
  }
  form#contactForm textarea#commentsText {
    width: 444px;
    max-width: 444px;
    margin: 10px 0 0 0;
  }
  footer form#searchform fieldset input#s {
    width: 152px;
  }
  footer div#flickr_badge_wrapper {
    padding: 8px 0 0 0;
    margin-bottom: 7px;
  }
  footer div#flickr_badge_wrapper div.flickr_badge_image {
    margin: 0 5px 5px 0;
  }
  footer div#flickr_badge_wrapper div.flickr_badge_image:nth-child(3n+4) {
    margin: 0;
  }
  div.portfolio-2columns article.portfolio-2columns-single {
    width: 268px;
    margin: 0 20px 20px 0;
    float: left;
  }
  div.portfolio-2columns article.portfolio-2columns-single img {
    width: 268px;
    height: auto;
  }
  div.portfolio-2columns article.portfolio-2columns-single:nth-child(2n) {
    margin: 0 0 20px 0;
  }
}
/* 
12. Mobile Landscape Size to Tablet Portrait (devices and browsers) 
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body {
    min-width: 480px;
  }
  .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 480px;
  }
  div.column_2 {
    width: 380px;
    margin-left: 0;
    margin-right: 0px;
  }
  div.column_2.omega {
    margin-left: 0px;
    margin-right: 0;
  }
  .container_16 .grid_1,
  .container_16 .grid_2,
  .container_16 .grid_3,
  .container_16 .grid_4,
  .container_16 .grid_5,
  .container_16 .grid_6,
  .container_16 .grid_7,
  .container_16 .grid_8,
  .container_16 .grid_9,
  .container_16 .grid_10,
  .container_16 .grid_11,
  .container_16 .grid_12,
  .container_16 .grid_13,
  .container_16 .grid_14,
  .container_16 .grid_15,
  .container_16 .grid_16 {
    margin-left: 10px;
    width: 460px;
  }
  .container_16 .push_1,
  .container_16 .push_2,
  .container_16 .push_3,
  .container_16 .push_4,
  .container_16 .push_5,
  .container_16 .push_6,
  .container_16 .push_7,
  .container_16 .push_8,
  .container_16 .push_9,
  .container_16 .push_10,
  .container_16 .push_11,
  .container_16 .push_12,
  .container_16 .push_13,
  .container_16 .push_14,
  .container_16 .push_15 {
    left: 0px;
  }
  header nav.main-nav ul li {
    display: list-item;
    padding: 0;
    margin: 0;
  }
  header nav.main-nav ul li:first-child {
    padding: 0;
  }
  header nav.main-nav ul li:last-child {
    padding: 0px 0 37px 0;
  }
  .wp-post-image {
    width: 460px;
    height: auto;
  }
  article.entry.format-video iframe {
    margin: 0 0 -7px 0;
    padding: 0;
    width: 460px;
    height: 257px;
  }
  .flexslider .slides img {
    max-width: 460px;
    height: auto;
  }
  .flex-control-nav li a {
    width: 23px;
    height: 5px;
  }
  article.entry div.entry-meta ul.entry-meta-list li {
    padding: 0 12px 0 0;
  }
  article.entry div.entry-meta ul.entry-meta-list li:last-child {
    padding: 0 0 0 23px;
  }
  article.entry div.entry-meta ul.entry-meta-list li.edit {
    padding: 0;
    margin: 0;
  }
  .blog-pagination .older-entries,
  .blog-pagination .newer-entries {
    width: 228px;
  }
  footer .copyright {
    text-align: center;
  }
  article.entry div.entry-meta ul.entry-meta-list li.edit {
    padding: 0;
    margin: 0;
  }
  div.author-bio p {
    width: 380px;
  }
  ol#comments li.comment,
  ol#comments li.comment.depth-2,
  ol#comments li.comment.depth-3,
  ol#comments li.comment.depth-4,
  ol#comments li.comment.depth-5 {
    width: 380px;
    margin-left: 0;
  }
  ol#comments li.comment div.comment-author-meta,
  ol#comments li.comment.depth-2 div.comment-author-meta,
  ol#comments li.comment.depth-3 div.comment-author-meta,
  ol#comments li.comment.depth-4 div.comment-author-meta,
  ol#comments li.comment.depth-5 div.comment-author-meta {
    width: 285px;
  }
  ol#comments li.comment div.comment-text,
  ol#comments li.comment.depth-2 div.comment-text,
  ol#comments li.comment.depth-3 div.comment-text,
  ol#comments li.comment.depth-4 div.comment-text,
  ol#comments li.comment.depth-5 div.comment-text {
    width: 285px;
  }
  div#respond form textarea {
    width: 348px;
    max-width: 348px;
    margin: 10px 0 0 0;
  }
  div#respond form input#author {
    width: 268px;
    margin: 10px 0 0 0;
  }
  div#respond form input#email {
    width: 268px;
    margin: 10px 0 0 0;
  }
  div#respond form input#url {
    width: 268px;
    margin: 10px 0 0 0;
  }
  form#contactForm input#contactName {
    width: 268px;
    margin-right: 0px;
  }
  form#contactForm input#email {
    width: 268px;
    margin-left: 0px;
    margin-top: 10px;
  }
  form#contactForm textarea#commentsText {
    width: 348px;
    max-width: 348px;
    margin: 10px 0 0 0;
  }
  footer form#searchform fieldset input#s {
    width: 440px;
  }
  footer div#flickr_badge_wrapper {
    padding: 5px 0 0 0;
    margin-bottom: -20px;
  }
  footer div#flickr_badge_wrapper div.flickr_badge_image {
    margin: 0 20px 20px 0;
  }
  footer div#flickr_badge_wrapper div.flickr_badge_image:nth-child(3n+4) {
    margin: 0 20px 20px 0;
  }
  footer .social {
    margin-top: 25px;
    margin-bottom: 0;
  }
  footer .copyright {
    margin-top: 15px;
    margin-bottom: 0;
  }
  div.portfolio-2columns article.portfolio-2columns-single {
    width: 460px;
    margin: 0 20px 20px 0;
    float: left;
  }
  div.portfolio-2columns article.portfolio-2columns-single img {
    width: 460px;
    height: auto;
  }
  div.portfolio-2columns article.portfolio-2columns-single:nth-child(2n) {
    margin: 0 0 20px 0;
  }
}
/* 
13.Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 
*/
@media only screen and (max-width: 479px) {
  body {
    min-width: 320px;
  }
  .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
  }
  div.column_2 {
    width: 270px;
    margin-left: 0;
    margin-right: 0px;
  }
  div.column_2.omega {
    margin-left: 0px;
    margin-right: 0;
  }
  .container_16 .grid_1,
  .container_16 .grid_2,
  .container_16 .grid_3,
  .container_16 .grid_4,
  .container_16 .grid_5,
  .container_16 .grid_6,
  .container_16 .grid_7,
  .container_16 .grid_8,
  .container_16 .grid_9,
  .container_16 .grid_10,
  .container_16 .grid_11,
  .container_16 .grid_12,
  .container_16 .grid_13,
  .container_16 .grid_14,
  .container_16 .grid_15,
  .container_16 .grid_16 {
    margin-left: 0px;
    width: 320px;
  }
  .container_16 .push_1,
  .container_16 .push_2,
  .container_16 .push_3,
  .container_16 .push_4,
  .container_16 .push_5,
  .container_16 .push_6,
  .container_16 .push_7,
  .container_16 .push_8,
  .container_16 .push_9,
  .container_16 .push_10,
  .container_16 .push_11,
  .container_16 .push_12,
  .container_16 .push_13,
  .container_16 .push_14,
  .container_16 .push_15 {
    left: 0px;
  }
  header nav.main-nav ul li {
    display: list-item;
    padding: 0;
    margin: 0;
  }
  header nav.main-nav ul li:first-child {
    padding: 0 0 0 0;
  }
  header nav.main-nav ul li:last-child {
    padding: 0px 0 37px 0;
  }
  .wp-post-image {
    width: 320px;
    height: auto;
  }
  article.entry.format-video iframe {
    margin: 0 0 -7px 0;
    padding: 0;
    width: 320px;
    height: 179px;
  }
  .flexslider .slides img {
    max-width: 320px;
    height: auto;
  }
  .flex-control-nav li a {
    width: 16px;
    height: 5px;
  }
  article.entry div.entry-meta ul.entry-meta-list li {
    padding: 0px;
    display: list-item;
  }
  article.entry div.entry-meta ul.entry-meta-list li.category {
    background: url(images/category.png) -4px 0px no-repeat;
    padding-left: 20px;
  }
  article.entry div.entry-meta ul.entry-meta-list li.tags {
    background: url(images/tag.png) -4px 2px no-repeat;
    padding-left: 20px;
  }
  article.entry div.entry-meta ul.entry-meta-list li.comments {
    background: url(images/comment.png) -5px 1px no-repeat;
    padding-left: 20px;
  }
  article.entry div.entry-meta ul.entry-meta-list li.permalink {
    background: url(images/permalink.png) -4px 0px no-repeat;
    padding-left: 20px;
  }
  article.entry div.entry-meta ul.entry-meta-list li.edit {
    padding: 0;
    margin: 0;
  }
  .blog-pagination .older-entries,
  .blog-pagination .newer-entries {
    width: 158px;
  }
  footer .copyright {
    text-align: center;
  }
  article.page,
  div.filter {
    padding: 40px 25px 17px 25px;
  }
  article.entry.format-standard {
    padding: 25px 25px 0 25px;
  }
  article.entry.format-link {
    padding: 25px;
  }
  article.entry.format-link.yes-meta {
    padding: 25px 25px 0px 25px;
  }
  article.entry.format-aside div.entry-content.no-meta {
    padding: 17px 0 7px 0;
  }
  article.entry.format-aside {
    padding: 0 25px;
  }
  .wp-post-image {
    margin: 1px 0 15px -25px;
  }
  a .wp-post-image:hover {
    border-bottom: 5px solid #f26522;
    margin-bottom: 15px;
  }
  article.entry.video {
    padding: 0;
  }
  article.entry.video div.entry-content {
    padding: 0;
  }
  article.entry.video iframe {
    margin: 0;
    padding: 0;
    width: 320px;
    height: 179px;
  }
  article.post-description {
    padding: 25px 25px 0 25px;
  }
  div.author-bio {
    padding: 25px;
  }
  div.author-bio p {
    width: 270px;
  }
  ol#comments li.comment,
  ol#comments li.comment.depth-2,
  ol#comments li.comment.depth-3,
  ol#comments li.comment.depth-4,
  ol#comments li.comment.depth-5 {
    width: 270px;
    margin-left: 0;
    padding: 25px 25px 18px 25px;
  }
  ol#comments li.comment div.comment-author-meta,
  ol#comments li.comment.depth-2 div.comment-author-meta,
  ol#comments li.comment.depth-3 div.comment-author-meta,
  ol#comments li.comment.depth-4 div.comment-author-meta,
  ol#comments li.comment.depth-5 div.comment-author-meta {
    width: 175px;
  }
  ol#comments li.comment div.comment-text,
  ol#comments li.comment.depth-2 div.comment-text,
  ol#comments li.comment.depth-3 div.comment-text,
  ol#comments li.comment.depth-4 div.comment-text,
  ol#comments li.comment.depth-5 div.comment-text {
    padding-top: 9px;
    width: 270px;
  }
  span.dot {
    display: none;
    visibility: hidden;
  }
  ol#comments li.comment div.comment-author-meta div.comment-author {
    position: inherit;
    clear: both;
    margin-left: 0;
  }
  ol#comments li.comment div.comment-author-meta div.comment-edit {
    position: inherit;
    clear: both;
    margin-left: 0;
  }
  ol#comments li.comment div.comment-author-meta div.comment-date {
    position: inherit;
    clear: both;
    margin-left: 0;
  }
  ol#comments li.comment div.comment-author-meta div.comment-reply {
    position: inherit;
    clear: both;
    margin-left: 0;
  }
  div#respond {
    padding: 25px;
  }
  div#respond form textarea {
    width: 240px;
    max-width: 240px;
    margin: 10px 0 0 0;
  }
  div#respond form input#author {
    width: 240px;
    margin: 10px 0 0 0;
  }
  div#respond form input#email {
    width: 240px;
    margin: 10px 0 0 0;
  }
  div#respond form input#url {
    width: 240px;
    margin: 10px 0 0 0;
  }
  form#contactForm input#contactName {
    width: 240px;
    margin-right: 0px;
  }
  form#contactForm input#email {
    width: 240px;
    margin-left: 0px;
    margin-top: 10px;
  }
  form#contactForm textarea#commentsText {
    width: 240px;
    max-width: 240px;
    margin: 10px 0 0 0;
  }
  button {
    margin-right: -2px;
  }
  footer form#searchform fieldset input#s {
    width: 300px;
  }
  footer div#flickr_badge_wrapper {
    padding: 5px 0 0 0;
    margin-bottom: -22px;
  }
  footer div#flickr_badge_wrapper div.flickr_badge_image {
    margin: 0 26px 26px 0;
  }
  footer div#flickr_badge_wrapper div.flickr_badge_image:nth-child(3n+4) {
    margin: 0 26px 26px 0;
  }
  footer .social {
    margin-top: 25px;
    margin-bottom: 0;
  }
  footer .copyright {
    margin-top: 15px;
    margin-bottom: 0;
  }
  article.portfolio-description {
    padding: 25px;
  }
  div.portfolio-2columns article.portfolio-2columns-single {
    width: 320px;
    margin: 0 20px 20px 0;
    float: left;
  }
  div.portfolio-2columns article.portfolio-2columns-single img {
    width: 320px;
    height: auto;
  }
  div.portfolio-2columns article.portfolio-2columns-single:nth-child(2n) {
    margin: 0 0 20px 0;
  }
}

.widget_twitter ul li {
	margin-top: 10px;
}
code {
	background-color: #eee;
	padding-left: 5px;
	padding-right: 5px;
	color: #444;
	font-family: monospace;
	display: inline-block;
	border: solid 1px #ccc;
	border-radius: 4px;
}