/* ======================================================================================================
 http://www.egrappler.com/free-responsive-html5-portfolio-business-website-template-brownie/
 GENERAL TYPOGRAPHY
=======================================================================================================*/

/* ================= 1. CSS 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  margin:0;
  padding:0;
  border:0;
  outline:0;
}
strong, b {
  font-weight:bold;
}
em, dfn, i {
  font-style:italic;
}
/* ================= General tags ================= */
body {
  color:#666666;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  font-weight:600;
}
a:link, a:visited, a:hover, a:active, a:focus {
  text-decoration:none;
  outline: none;
}

a:hover {
  text-decoration:underline;
}
pre {
  white-space:pre;
  overflow:auto;
  padding:20px;
}
code {
  white-space:pre;
  overflow:auto;
  padding:14px;
  color:#595959;
  background:#f6f6f6;
  display:block;
  border:1px solid #ddd;
  font-size:11px;
  line-height:15px;
}
code strong {
  color:#000;
}

dl, hr, ol, ul, pre, table, address, fieldset, blockquote, article, p {
  margin-bottom: 20px;
}
::selection {
  background:#2e2823;
  color:#FFFFFF;
}

#breadcrum {
margin: 0 auto;
padding: 3px 0 0 0;
font-size: 9pt;
color: #191919;
height: 25px;
}
.container1 {
padding:5px 10px;
margin-right: 15px;
border-radius: 4px;
}
.data_table td, .data_table th {
padding: 3px 7px 2px 7px;
}

.data_table {
border-collapse: collapse;
margin-right: 15px;
}

.data_table th {
text-align: left;
padding-top: 5px;
padding-bottom: 4px;
}
/* IE8 fix for section tag, all others seem to work */
section {
    display:block;
}
/* ================= Headers ================= */
p.bottom_line {
  border-bottom:1px solid #d9d9d9;
  margin-bottom:10px;
  padding:0 0 13px 0;
}
div.bottom_line {
  border-bottom:1px solid #d9d9d9;
  margin-bottom:10px;
  padding:0 0 13px 0;
}
p.align_center {
  text-align:center;
  font-size:14px;
  color:#999999;
}
p.align_center a {
  font-weight:bold;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight:600;
}
/* ================= List Styles ================= */
ul {
  /*list-style:none;*/
  margin: 20px 0 0 25px;
}
ol {
  margin-bottom:0;
  margin-top:0;
  margin-left: 15px;
}
ol, ol li {
  list-style:decimal outside;
}
#dashb_teacher ul li a {
  display: block;
}
#dashb_teacher ul li a::first-letter {
  text-transform: capitalize;
}
/* ================= Images ================= */
img.alignleft {
  float:left;
  margin:10px 15px 10px 0;
  padding: 5px;
}
img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding: 5px;
}
img.alignright {
  float:right;
  margin:5px 15px 5px 15px;
  padding: 5px;
}
img {
  height: auto !important;
  max-width:100%;
/*  padding: 5px;*/
}
/* ================= Forms ================= */
input, textarea {
  border:1px solid #cccccc;
  padding:3px 10px 3px 10px;
  color:#000000;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
/* ================= Deviders ================= */
.clear {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.padding3 {
  padding-top:3px;
  font-size:0;
  line-height:0;
}
.padding5 {
  padding-top:5px;
  font-size:0;
  line-height:0;
}
.padding10 {
  padding-top:10px;
  font-size:0;
  line-height:0;
}
.padding12 {
  padding-top:12px;
  font-size:0;
  line-height:0;
}
.padding15 {
  padding-top:15px;
  font-size:0;
  line-height:0;
}
.padding17 {
  padding-top:17px;
  font-size:0;
  line-height:0;
}
.padding20 {
  padding-top:20px;
  font-size:0;
  line-height:0;
}
.padding25 {
  padding-top:25px;
  font-size:0;
  line-height:0;
}
.padding30 {
  padding-top:30px;
  font-size:0;
  line-height:0;
}
.padding40 {
  padding-top:40px;
  font-size:0;
  line-height:0;
}
.padding50 {
  padding-top:50px;
  font-size:0;
  line-height:0;
}
.padding60 {
  padding-top:60px;
  font-size:0;
  line-height:0;
}
.padding80 {
  padding-top:80px;
  font-size:0;
  line-height:0;
}
.none {
  display:none;
}
.line {
  font-size:0px;
  margin: 0 auto;
  border-top:1px solid #d9d9d9;
}
hr {
  background:transparent;
  border:0;
  clear:both;
  color:transparent;
  height:1px;
  margin:0;
  padding:0;
}
hr {
  margin:5px 0 25px 0;
}
hr.dotted {
  border-style: dotted;
}
p + hr {
  margin:25px 0 20px 0;
}
.youtube-player {
  max-width: 100%;
}
/* from http://avexdesigns.com/responsive-youtube-embed/ */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    width: 100%;
    height: 100%;
}
/* ======================================================================================================
 GENERAL STRUCTURE
=======================================================================================================*/

/* ================= Header and Logo ================= */
.container {
  width:984px;
  margin:0 auto;
  /*background-color: #FFFFFF;*/
}
.header_bg {
  /*min-height:110px;*/

}
.header_bg .logo {
  float: left;
  margin: 5px 0 0 0;
  width: 984px;
}
/* ================= Header Menu ================= */
.searchform {
  float:right;
  margin: 8px 15px 0 0;
}
#menu {
  margin: 0 20px 0 0;
  padding: 0 0 7px 0;
  float: left;
  width: 984px;
}
#menu a {
  display:block;
  position:relative;
  padding: 8px 15px;
}
#menu a:hover {
  text-decoration:none;
}
#menu li {
  white-space:nowrap;
  display:block;
  position:relative;
  margin:0;
  padding:0;
/*  z-index:100;*/
}
#menu li.submenu > a {
  padding-right: 20px;
  cursor: default;
}
#menu li ul {
  display:none;
  left: -2px;
  position:absolute;
  top:100%;
  z-index:100;
  margin: 2px 0 0 0; /*ruimte tussen sub en subsub menu*/
}
#menu li:hover > ul {
  display:block;
}
#menu li ul li.submenu > a {
  background: url(../../../syndeo_data/media/template_images/WebDesignEditor2/sub_menu_icon.png) no-repeat right;
  background-position: 95%;
}
#menu li ul li a {
  padding: 0 25px 0 12px;
  line-height: 33px;
}
#menu li ul li ul {
  top: -1px !important;
  left: 100% !important;
  padding: 0 !important;
}
#menu ul {
  margin: 7px 0 0 7px;
}
#menu > ul > li {
  float: left;
  margin-right: 10px;
}
#menu > ul > li:last-child {
  margin-right: 0;
}
#menu ul ul:before {
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  top: -20px;
  width: 100%;
}
/* ================= Footer ================= */
#above_footer {
width: 984px;
padding: 10px 0 10px 0;
}
#footerwrapper p, #footerwrapper p a {
  padding: 5px 7px;
}
#footerwrapper h4 {
margin-left: -12px;
}
#footerwrapper .column {
  position: relative;
  float: left;
  width: 145px;
  display: inline;
  padding: 0 0 0 16px;
}
#footerwrapper .column ul {
  list-style: none;
  margin: 0;
}
#footerwrapper .column ul li {
  float: left;
  margin: 0px;
  width: 145px;
  list-style-image: url('../../../syndeo_data/media/template_images/WebDesignEditor2/home_item_bullet.gif');
}
#footerwrapper .column ul li a {
  text-decoration: none;
  line-height: 18px;
  margin: 0px;
}

#footerwrapper .column ul li a:hover {
text-decoration: underline;
}
#footerwrapper .column a {
  margin-left: 3px;
}
#copyright {
background-color: transparent;
margin: 0 auto;
font-size: 9pt;
padding-left: 10px;
}
/* ================= Syndeocms stuff ================= */
#header {
margin: 0 auto;
}
.section_text {
display: none;
}
.sas_module_table {
width: 100%;
}
h1.contentkop1 , h1.contentkop2, h1.contentkop3{
margin: 0 0 10px 0;
padding: 10px 0 0 10px;
}

ul.module_entry1,ul.module_entry2, ul.module_entry3 {
padding: 0;
margin: 0;
}

li.module_entry1, li.module_entry2, li.module_entry3  {
list-style-image: url(../../../syndeo_data/media/template_images/WebDesignEditor2/home_item_bullet.gif);
margin-left: 15px;
}
li.module_entry a{
color: #000000;
}

.module_link {
margin-left: 5px;
}
.module_link a{
color: #FFFFFF;
}
p.nieuwsdatum {
color: #a81201;
font-style: italic;
}
#slideshow > div {
  position: absolute;
  left: 10px;
  right: 10px;
}
.module_content {
  padding: 10px;
  /*min-height: 110px;*/
}
.upload_image {
    float: left;
    padding: 5px 10px 10px 0;
}
.module_wrap input{
border: solid 1px #4089BC;
}
.module_wrap {
 min-height: 120px;
 /*padding:10px;*/
}
.innertop {
  height:40px;
  background-color: #179BD3;
  border-radius: 10px 10px 0 0 ;
}
.inner_content {
  padding: 10px;
}
#slideshow {
margin: 0 auto;
position: relative;
padding: 10px;
}
p.titel {
font-size: 14px;
}
.datum {
font-size: 14px;
color: #E66EE4;
}

figure.image {
  display: table;
  text-align: center;
  padding: 10px;
  margin: 10px 20px;
}

figure.image figcaption {
  text-align: center;
}
.tweet {
width: 94%;
}
/*----------- Sidebar -----------*/

div#sidebar{
width:350px;
float:right;
display:block;
}

div#sidewrap {
float:left;
}
/* module specific css */
.sas_module_picture {
margin: 5px 0 5px 0;
background: #FFFFFF;
display: block;
padding: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #888888;
-webkit-box-shadow: 0 0 5px #888888;
box-shadow: 0 0 5px #888888;
border-style:solid;
}

#theForm {
padding: 6px 6px 6px 6px;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
}

.sas_module_error {
/* geeft de kleur van foutboodschappen */
color: red;
}
.sas_module_link {
/* Hier kan je de url links in modules stylen*/
text-decoration: underline;
}
.sas_module_col1 {
width: 48%;
float: left;
margin-right: 20px;
}
.sas_module_col2 {
width:48%;
float: left;
}
.kader1{
padding: 5px 10px;
background: #eee;
border: 1px solid #ccc;
}
/* ================= Columns ================= */
.content{
width: 930px;
padding-left: 30px;
float: left;
display: block;
min-height: 430px;
}
.sidebar {
  width:280px;
  margin:10px 0 0 0;
  float:left;
}
.col_1_2 {
  width:460px;
  float:left;
  margin:0 20px 0 0;
}
.col_2_3 {
  width:620px;
  float:left;
  margin:0 20px 0 0;
}
.col_1_3 img {
  height: auto;
  max-width: 100%;
}
.col_1_3.first {
  margin-left: 10px;
  min-height: 430px;
}
.col_2_3.first {
  margin-left: 15px;
  min-height: 430px;
}
.col_1_3 {
  width:307px;
  float:left;
  margin:0 20px 0 0;
}
.col_1_4 {
  width:220px;
  float:left;
  margin:0 20px 0 0;
}
.col_1_5 {
  width:172px;
  float:left;
  margin:0 20px 0 0;
}
.col_3_4 {
  width:700px;
  float:left;
  margin:0 20px 0 0;
}

.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last {
  margin:0;
}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last {
  margin:0;
}
.col_left_2_3, .col_right_2_3 , .col_left_1_3, .col_right_1_3 {
min-height: 430px;
}
.col_left_2_3, .col_right_2_3 {
  width:596px;
  float:left;
  margin:0 30px 0 30px;
}
.col_right_2_3 {
  margin:0 30px 0 0;
}
.col_left_1_3, .col_right_1_3 {
  width:298px;
  float:left;
  margin:0 30px 0 30px;
}
.col_right_1_3 {
  margin:0 30px 0 0;
}
/* ======================================================================================================
 SPECIFIC PAGE STYLES
=======================================================================================================*/


/* ================= Homepage Featured Columns ================= */
.featured_bg {
  background:#url("../../../syndeo_data/themes/WebDesignEditor2/images/featured_bg.png") no-repeat top center;
}
.featured_block {
  text-align:center;
  margin:5px 0 35px 0;
}
.featured_block h3 {
  padding:0;
  margin-bottom:10px;
}
.featured_block p {
  text-align:center;
  padding-top:0;
  margin-top:0;
}
.featured_bg img {
  position:relative;
}
.features .title {
  border-bottom:1px solid #d9d9d9;
  padding:15px 15px 15px 10px;
  margin:0 0 13px 0;
  background:#716457;
}
.features img {
  float:left;
  margin:0 10px 0 0;
}
.features .title h3 {
  font-weight:bold;
  margin:0 0 0 0;
  line-height:26px;
  color:#fff;
}
/* ================= Homepage Widgets ================= */
.homepage_divider {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/homepage_divider.png") repeat-x;
  height:5px;
  margin-top:0;
}
.homepage_widgets_bg {
  background:#716457;
  border-top:1px solid #453c34;
}
.homepage_widgets_bg p {
  color:#fafaf5;
}
.button_divider {
  width:207px;
  margin:-70px auto 0 auto;
}
.button_divider a.button_big {
  margin:0 0 0 11px;
}
.homepage_widgets {
  text-align:center;
  border:0;
  border-top:1px solid #f1f1f1;
  padding:40px 0 80px 0;
}
.homepage_widgets .col_1_3 {
  width:280px;
  margin:40px 20px 0 20px;
}
.homepage_widgets .col_1_3 h3.red {
  margin:27px 0 10px 0;
}
.homepage_widgets .col_1_3 .widget_body p {
  margin:0 0 0 0;
}
.homepage_widgets .col_1_3.first {
  margin:40px 20px 0 10px;
}
.homepage_widgets .col_1_3.last {
  width:280px;
  margin:40px 0 0 20px;
}
.homepage_widgets .widget_body {
  border:1px solid #cccccc;
  background:#FFF;
  padding:10px 20px;
  margin:0 0 0px 0;
}
.homepage_widgets .widget_body .homepage_widget_top {
  height:20px;
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/homepage_widget_top.png") repeat-x;
  margin:0 0 10px 0;
}
.homepage_widgets .widget_body .divider_border {
  height:1px;
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/homepage_widget_divider_border.png") repeat-x;
  margin:5px 0 10px 0;
}
.homepage_widgets .widget_body .image {
  border:1px solid #cccccc;
  float:left;
  padding:5px 5px 0 5px;
  width:60px;
  margin-top:6px;
  position:relative;
}
.homepage_widgets .widget_body .image img {
  width:60px;
  height:60px;
}
.homepage_widgets .widget_body .image .widget_quotes {
  width:25px;
  height:22px;
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/widget_quotes.png") no-repeat;
  position:absolute;
  top:-7px;
  left:0px;
}
.homepage_widgets .widget_body .text {
  width:150px;
  margin-left:15px;
  float:left;
}
.homepage_widgets .widget_body .text p {
  text-align:left;
  line-height:22px;
  margin:0 0 5px 0;
}
.homepage_widgets .widget_body .widget_comments {
  text-align:left;
  color:#dc4b46;
  font-size:12px;
  float:left;
  padding:3px 0 3px 0;
}
.homepage_widgets .widget_body .hour {
  font-family:Helvetica, Arial, Tahoma, sans-serif;
  font-size:11px;
  line-height:11px;
  color:#a7a6a6;
  padding:7px 0 0 15px;
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/hour.png") no-repeat left 85%;
  float:right;
}
.homepage_widgets .widget_bottom {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/homepage_widget_bottom.png") no-repeat;
  width:282px;
  height:10px;
  font-size:0;
}
.homepage_widgets p {
  text-align:center;
}
.homepage_widgets .widget_newsletter {
  border:1px solid #cccccc;
  background:#FFF;
}
.homepage_widgets .widget_newsletter h3 {
  margin:10px 0 10px 0;
}
.homepage_widgets .widget_newsletter .wline {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/newsletter_bg.png") no-repeat;
  height:6px;
  font-size:0;
}
.homepage_widgets .widget_newsletter .widget_newsletter_body {
  padding:10px 20px 20px 20px;
}
.homepage_widgets .widget_newsletter .divider_border {
  height:1px;
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/homepage_widget_divider_border.png") repeat-x;
  margin:0 0 10px 0;
}
.homepage_widgets .widget_newsletter label {
  color:#707070;
  font-size:14px;
  font-weight:400;
  text-align:left;
  display:block;
  margin:10px 0 10px 0;
}
.homepage_widgets .widget_newsletter input[type="text"] {
  border:1px solid #e6e6e6;
  color:#707070;
  font-size:14px;
  font-weight:400;
  width:90%;
}
.homepage_widgets .widget_newsletter .button_big {
  margin:10px 0 10px 0;
}
.homepage_widgets .widget_newsletter .button_big span {
  width:195px;
}
.recent_post_slider .slides_container {
  width:238px;
  display:none;
}
.recent_post_slider .slides_container div.slide {
  width:238px;
  display:block;
}
.pagination {
  margin:10px auto 20px auto;
  width:50px;
}
.pagination li {
  float:left;
  margin:0 3px;
}
.pagination li a {
  display:block;
  width:10px;
  height:0;
  padding-top:11px;
  background-image:url(../../../syndeo_data/themes/WebDesignEditor2/images/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden;
}
.pagination li.current a {
  background-position:0 -11px;
}

.recent_works_left {
  float:left;
}
.recent_works_left h2 {
  margin-bottom:10px;
}
.recent_works_left h2 strong {
  font-weight:700;
}
.recent_works_arrows {
  float:right;
  padding:11px 0 3px 0;
}
.recent_works_arrows a.prev_item {
  position:absolute;
  margin-left: -976px;
  margin-top: 90px;
  width:22px;
  height:22px;
  margin-right:8px;
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/portfolio_prev.png") no-repeat top;
}
.recent_works_arrows a.prev_item:hover {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/portfolio_prev.png") no-repeat bottom;
}
.recent_works_arrows a.next_item {
  position: absolute;
  margin-top: 90px;
  margin-left: -30px;
  width: 22px;
  height: 22px;
  background: url("../../../syndeo_data/themes/WebDesignEditor2/images/portfolio_next.png") no-repeat top;
}
.recent_works_arrows a.next_item:hover {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/portfolio_next.png") no-repeat bottom;
}
.recent_works {
  padding: 0 0 0 0;
  margin: 0 0 0 15px;
  width: 910px;
  height: 210px;
}
.recent_works ul{
list-style-type: none;
}
.recent_works ul:after {
  content: "";
  display: block;
  height:0;
  overflow:hidden;
  clear:both;
}
.recent_works ul li {
  margin:0 10px 10px 10px;
  float:left;
  background:#FFF;
  text-align: center;
}
.recent_works ul li .recent_image {
  /*width:181px;
  height:140px; */
  padding:5px;
  border:1px solid #cccccc;
  display:block;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  position:relative;
}

.recent_works ul li .title {
  text-align:left;
  display:block;
  padding:10px 0 10px 10px;
  font-size:10pt;
  color:#262626;
  max-width: 150px;
}
.recent_works ul li .title a {
  font-size:10pt;
  color:#262626;
  font-weight:bold;
}
.recent_works ul li .title a:hover {
  color:#d93e39;
}
.recent_works ul li .clear {
  display:block;
  clear:both;
  padding:5px 0 0 0;
}
.caroufredsel_wrapper {
   height: 200px !important;
}
/* === Portfolio category filter === */

.filter ul {
  margin:0;
}
.filter ul li {
  margin:0;
  padding:0;
  float:left;
}
.filter ul li {
  padding:0 5px;
}
.filter ul li.last {
  padding:0 5px;
}
.filter a {
  color: #b3b3b3;
  display: inline-block;
  padding:2px 10px;
  font-size:12px;
  font-family:Helvetica, Arial, sans-serif;
}
.filter a:hover {
  color:#de5853;
  text-decoration:none;
}
.filter a.selected {
  color:#262626;
  background: -moz-linear-gradient(  top,  #88b272 0%,  #7fab68 50%,  #6c9b55);
  background: -webkit-gradient(  linear, left top, left bottom,  from(#88b272),  color-stop(0.50, #7fab68),  to(#6c9b55));
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding:2px 10px;
  color:#fff;
}
.boldlink {
  font-size:13px;
  font-weight:bold;
}
/* === Clearfix === */
.clear {
  clear:both;
  display:block;
  height:0;
  overflow:hidden;
  visibility:hidden;
  width:0
}
.clearfix:after {
  clear:both;
  content:'';
  display:block;
  font-size:0;
  height:0;
  line-height:0;
  visibility:hidden;
  width:0
}
* html .clearfix, :first-child+html .clearfix {
  zoom:1
}

label {
/*  margin:0 0 5px 0;
  font-size:14px;
  color:#262626;
  font-weight:bold;
  cursor:pointer;
  display:block;*/
}
label span {
  color:#dc4b46;
}

/* ======================================================================================================
 WIDGETS
=======================================================================================================*/

/* ================= General Widget Style ================= */
.widget {
  margin:0 0 35px 0;
}
.widget.margin_medium {
  margin:0 0 10px 0;
}
.widget.margin_small {
  margin:0 0 15px 0;
}
.widget h2 {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/widget_bg.png") repeat-x 0 12px;
  text-align:left;
  margin:0 0 10px 0;
}
.widget h2 span {
  color:#262626;
  background:#FFF;
  text-align:left;
  padding:0 10px 0 0px;
  font-size:17px;
}
/* ================= Categories ================= */
.categories ul {
  margin:-10px 0 0 0;
}
.categories ul li a {
}
.categories ul li a:hover, .categories ul li a.selected {
  text-decoration:none;
  color:#d93e39;
}
/* ================= Recent Posts ================= */
.recent_post {
  margin:0 0 15px 0;
}
.recent_post .image {
  width:60px;
  height:60px;
  float:left;
  border:1px solid #cccccc;
  padding:5px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.recent_post .image img {
  margin:0;
  padding:0;
}
.recent_post .text {
  width:198px;
  float:left;
  padding:0 0 0 10px;
}
.recent_post .text a.title {
  text-decoration:none;
  color:#666666;
  font-size:11px;
  border:0;
  padding:0;
  line-height:23px;
}
.recent_post .text a.title:hover {
  text-decoration:underline;
  color:#d93e39;
}
.recent_post .text .comments {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/recent_post_comments.png") no-repeat left 85%;
  display:inline-block;
  color:#a6a6a6;
  padding:6px 0 0 13px;
  font-size:11px;
  line-height:11px;
}
.recent_post .text .time {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/hour.png") no-repeat left 85%;
  display:inline-block;
  color:#a6a6a6;
  font-size:11px;
  padding:2px 5px 0 13px;
  line-height:11px;
}
/* ================= Last Tweet ================= */
.tweet {
  margin-bottom:20px;
}
.tweet p {
  margin:0 0 0px 0;
}
.tweet .title {
  color:#d93e39;
  font-weight:bold;
  padding:0 0 2px 0;
}
.tweet .hour {
  font-size:10px;
  line-height:11px;
  color:##B2B2B6;
}
/* ================= Blockquote ================= */
blockquote.right {
  float: right;
  margin: 10px 0px 0px 20px;
  width: 220px;
}
blockquote.left {
  margin: 10px 20px 0px 0px;
  width: 220px;
  float:left;
}
blockquote p {
  font-family:Helvetica, Arial, Tahoma, sans-serif;
  font-size:11px !important;
  color:#666666;
  line-height:22px;
  padding:0;
  margin-bottom:20px;
}
blockquote {
  quotes: none;
  padding: 0 10px 0 22px !important;
  font-family:Helvetica, Arial, Tahoma, sans-serif;
  font-size:11px !important;
  color:#666666;
  line-height:22px;
  border-left: 4px solid #ADD3DD;
}
/* ======================================================================================================
 MISC.
=======================================================================================================*/

/* ================= Boxes ================= */
.bordered_box {
  border:1px solid #EFEFEF;
  line-height:21px;
  margin-bottom:20px;
  margin-top:1px;
}
.bordered_box .title {
  height:30px;
  margin:-2px -2px 0 -2px;
}
.bordered_box .title h1 {
  color:#FFF;
  padding:5px 0 0 19px;
}
.tabs ul {
  padding:0px 0 0 0;
  margin:0;
}
.tabs ul li {
  float:left;
  margin:0 3px -2px 0;
  border:1px solid #EFEFEF;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.tabs ul li a {
  border-bottom: none;
  display: block;
  color:#595959;
  overflow: hidden;
  padding: 5px 15px 0 15px;
  height: 24px;
  background: #FBFBFB;
  font-soze:12px;
  font-weight:bold;
}
.tabs ul li a:hover {
  background:#f2f2f2;
  color:#D93E39;
  text-decoration:none;
}
.tabs ul li.ui-tabs-selected a {
  background:#FFF;
  color:#d93e39;
  border-bottom:1px solid #fff;
  margin-bottom:-2px;
}
.ui-tabs {
  position: relative;
  padding: 0;
  zoom: 1;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding:0;
  background: none;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
.content_text {
  padding:10px;
  line-height:22px;
  font-size:12px;
  color:#4d4d4d;
}
.question_box {
  border:1px solid #9ac1fa;
  background:#dbeefe;
  color:#4180cf;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:8px 10px;
  line-height:22px;
  margin-bottom:10px;
}
.success_box {
  border:1px solid #a4cb8b;
  background:#e9fedb;
  color:#488e1b;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:8px 10px;
  line-height:22px;
  margin-bottom:10px;
}
.attention_box {
  border:1px solid #f2c779;
  background:#fff8c4;
  color:#ed7c18;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:8px 10px;
  line-height:22px;
  margin-bottom:10px;
}
.error_box {
  border:1px solid #f7b3b1;
  background:#fff1f1;
  color:#d93e39;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:8px 10px;
  line-height:22px;
  margin-bottom:10px;
}
.toggle {
  font-size:12px;
  padding:5px 0 0 10px;
  cursor:pointer;
  height:25px;
  background: #FBFBFB;
  border: 1px solid #EFEFEF;
  font-weight:bold;
}
.toggle_active {
  font-size:12px;
  color:#595959;
  padding:5px 0 0 10px;
  cursor:pointer;
  height:25px;
  font-weight:bold;
}
.toggle_container {
  line-height:22px;
  font-size:12px;
  color:#4d4d4d;
  border: 1px solid #EFEFEF;
  border-top:0px;
}
.toggle_container p {
  padding:10px;
  line-height:22px;
  margin:0;
}
.toogle_box {
  position:relative;
  margin-bottom:20px;
}
.toogle_box .toggle .icon {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/toggle_open.png") no-repeat;
  width:18px;
  height:19px;
  position:absolute;
  right: 4px;
  top: 10px;
}
.toogle_box .toggle_active .icon {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/toggle_close.png") no-repeat;
  width:18px;
  height:19px;
  position:absolute;
  right: 4px;
  top: 10px;
}
/* ================= Custom lists ================= */

.numbered_list {
  font-size:12px;
  list-style-type:decimal;
  list-style-position:inside;
}
.iconic_list {
  font-size:12px;
  list-style-image:url(../../../syndeo_data/themes/WebDesignEditor2/images/list-check.png);
  list-style-position:inside;
}
.arrow_list {
  font-size:12px;
  list-style-image:url(../../../syndeo_data/themes/WebDesignEditor2/images/list-arrow.gif);
  list-style-position:inside;
}
/* ================= Paggination ================= */
.content .pages {
}
.pages a {
  font-size:14px;
  line-height:14px;
  color:#707070;
  display:block;
  text-align:center;
  padding:8px 15px;
  margin:10px 10px 0 0;
  float:left;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.pages a:hover {
  color:#de5853;
  text-decoration:none;
}
.pages a.selected {
  background:#d93e39;
  color:#FFFFFF;
  border:0;
}
.pages a.prev {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/pages_prev.png") no-repeat center center;
}
.pages a.prev:hover {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/pages_prev_hover.png") no-repeat center center;
}
.pages a.next {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/pages_next.png") no-repeat center center;
}
.pages a.next:hover {
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/pages_next_hover.png") no-repeat center center;
}
/* ================= Buttons Link Styles ================= */
/*a.button {
  height: 20px;
  display: inline-block;
  margin: 0 5px 20px 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  padding: 8px 10px 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}*/
.button {
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #cfcfcf);
  border: 1px solid #999999;
  border-radius: 4px;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  line-height: 14pt;
  margin-right: 15px;
  padding: 2px 15px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.button:hover {
  background-color: #83c0ed;
  background-image: linear-gradient(to bottom, #83c0ed, #e0f2fb);
  border: 1px solid #7a7a7a;
  color: #000000;
  text-decoration: none;
}
a.button.large {
  height: 24px;
  padding: 11px 10px 0 10px;
  font-size: 14px;
  line-height: 14px;
}
a:hover.button {
  background-position: 0 -28px;
}
a:hover.button.large {
  background-position: 0 -35px;
}
a.button.white {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_white.png);
  border: 1px solid #d3d3d3;
  color: #555555;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
a.button.large.white {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_white_large.png);
}
a:hover.button.white {
  border: 1px solid #c4c4c4;
}
a.button.grey {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_grey.png);
  border: 1px solid #b5b5b5;
  color: #555555;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.grey {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_grey_large.png);
}
a:hover.button.grey {
  border: 1px solid #989898;
}
a.button.red {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_red.png);
  border: 1px solid #df6f8b;
  color: #913944;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.3);
}
a.button.large.red {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_red_large.png);
}
a:hover.button.red {
  border: 1px solid #c36079;
}
a.button.orange {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_orange.png);
  border: 1px solid #f5b74e;
  color: #996633;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.orange {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_orange_large.png);
}
a:hover.button.orange {
  border: 1px solid #d29a3a;
}
a.button.green {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_green.png);
  border: 1px solid #adc671;
  color: #5d7731;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.green {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_green_large.png);
}
a:hover.button.green {
  border: 1px solid #8bb14d;
}
a.button.teal {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_teal.png);
  border: 1px solid #90c6c8;
  color: #437b7d;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.teal {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_teal_large.png);
}
a:hover.button.teal {
  border: 1px solid #7db9bb;
}
a.button.blue {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_blue.png);
  border: 1px solid #8dc5da;
  color: #42788e;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.blue {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_blue_large.png);
}
a:hover.button.blue {
  border: 1px solid #7caec0;
}
a.button.navy {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_navy.png);
  border: 1px solid #a2afb8;
  color: #515f6a;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.navy {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_navy_large.png);
}
a:hover.button.navy {
  border: 1px solid #8996a0;
}
a.button.purple {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_purple.png);
  border: 1px solid #bc9db9;
  color: #7b5777;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.button.large.purple {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_purple_large.png);
}
a:hover.button.purple {
  border: 1px solid #a482a0;
}
a.button.black {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_black.png);
  border: 1px solid #4c4c4c;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
}
a.button.large.black {
  background-image: url(../../../syndeo_data/themes/WebDesignEditor2/images/button_black_large.png);
}
a:hover.button.black {
  border: 1px solid #2c2c2c;
}
/* ================= Dropcap ================= */
.dropcap {
  color:#d93e39;
  display:block;
  float:left;
  font-size:35px;
  line-height:35px;
  text-shadow:#fff 1px 1px 1px;
  margin:0 10px 2px 0;
  font-weight:bold;
}
/* ================= Highlight Styles ================= */
.highlight {
  font-size:11px;
  display:inline-block;
  padding:2px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:0px 6px;
}
.highlight.green {
  color:#519a35;
  background:#d3f9c4;
}
.highlight.blue {
  color:#4180cf;
  background:#dbeefe;
}
.highlight.grey {
  color:#FFFFFF;
  background:#b3b3b3;
}
.highlight.yellow {
  color:#d97939;
  background:#fff1d1;
}
/* ================= Magnifying glass ================= */
a.zoom {
  z-index:999;
  cursor:pointer;
  position:absolute;
  overflow:hidden;
  background:url("../../../syndeo_data/themes/WebDesignEditor2/images/blank_hover.png") repeat;
}
a.zoom img {
  position:relative;
}
.created {
  width:50px !important;
  height:50px;
}



/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* ================= Logo and Main menu ================= */
.logo {
  display: block;
  float: none;
  width:100%;
}
#menu {
  margin:0 ;
  float:left;
  width: 748px;
}
#menu a{
/*  font-size: 9pt !important;*/
  padding: 8px 10px;
}
#menu > ul > li {
  margin-right:5px;
}
input {
width: 460px;
}
/* ================= Recent Works on Homepage ================= */
.recent_works {
  width:648px !important;
  margin-left: 40px;
}
.recent_works_arrows a.prev_item {
  margin-left: -736px;
}
.header_bg .logo {
  width: 700px;
}
.content {
  width: 700px;
  margin-right:20px;
}

.content img {
  height: auto !important;
  max-width: 100%;
}
.content .left_side {
  display:none;
}


.content  {
  padding: 10px 10px 0 10px;
}
.content  img {
}

.content .pages {
  margin-left:0;
}

/* ================= Container and Columns ================= */
.container {
  width: 748px;
}
.col_1_2 {
  width: 364px;
}
.col_1_3, .col_left_1_3, .col_right_1_3 {
  width: 229px;
}
.col_2_3, .col_left_2_3, .col_right_2_3 {
  width: 462px;
}
.col_1_4 {
  width: 172px;
}
.col_1_5 {
  width: 133px;
}
.col_3_4 {
  width: 556px;
}
.col_left_2_3, .col_right_2_3 {
  width:422px;
  float:left;
  margin:0 15px 0 15px;
}
.col_right_2_3 {
  margin:0 15px 0 0;
}
.col_left_1_3, .col_right_1_3 {
  width:211px;
  float:left;
  margin:0 15px 0 15px;
}
.col_right_1_3 {
  margin:0 15px 0 0;
}

/* ================= Home Page ================= */
.homepage_widgets .col_1_3 {
  width:226px;
  margin:40px 10px 0 10px;
}
.homepage_widgets .col_1_3.last {
  width:226px;
  margin:40px 0 0 10px;
}
.homepage_widgets .col_1_3.first {
  width:226px;
  margin:40px 10px 0 10px;
}
.homepage_widgets .widget_newsletter .button_big span {
  width:145px
}
.homepage_widgets .widget_body .image {
  width:60px;
  margin:7px auto 5px auto;
  position:relative;
  float:none;
}
.homepage_widgets .widget_body .text {
  width:200px;
  margin-left:0;
  float:none;
}
.recent_post_slider .slides_container {
  width:190px;
  display:none;
}
.recent_post_slider .slides_container div.slide {
  width:190px;
  display:block;
}
img.liquid {
  width:100%;
}
.features .title h3 {
  font-size:15px;
}
.features .title h4 {
  font-size:16px;
}
/* ================= Footer ================= */
.footer .col_1_3 {
  width:226px;
  margin:40px 10px 0 10px;
}
.footer .col_1_3.last {
  width:226px;
  margin:40px 10px 0 10px;
}
.footer .flickr ul {
  margin-right:-5px;
}
.footer .flickr ul li {
  padding:0;
  margin:0 5px 5px 0;
  float:left;
}
.footer .flickr ul li a {
  border:4px solid #202020;
  display:block;
  width:64px;
  height:64px;
}
.footer .flickr ul li a img {
  width:64px;
  height:64px;
}
}


/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
.logo {
  display:block;
  float:none;
  text-align:center;
  width:100%;
}
.section_text {
display: inline;
}
input {
width: 460px;
}
.header_bg {
  height: auto;
}
.flex-caption {
font-size: 10pt;
}
.data_table {
width: 100% !important;
}
#menu {
  margin: 0 0 30px 0;
  float: left;
  width: 295px;
  padding: 0 5px 0 0;
}
#menu ul {
  position:static !important;
  padding:0 !important;
}
#menu li {
  white-space:normal;
  box-shadow:none !important;
  border:0 !important;
  border-top:1px solid #219ADE !important;
  display:block !important;
  float:none !important;
  margin:0 !important;
}
#menu li.submenu > a {
  cursor:pointer;
}
#menu li a {
  padding:0 16px;
  line-height:33px;
}
#menu li ul li a {
  padding-left:32px !important;
}
#menu li ul li ul li a {
  padding-left:48px !important;
}
#menu li.submenu > a {
  padding-right:20px;
  background:url(../../../syndeo_data/themes/WebDesignEditor2/images/arrow_320.png) no-repeat right;
}
#menu li ul li.submenu > a {
  padding-right:10px;
  background:url(../../../syndeo_data/themes/WebDesignEditor2/images/arrow_320.png) no-repeat right;
}
#menu li ul li.submenu > a:hover {
  padding-right:10px;
  background:#f5f5f5 url(../../../syndeo_data/themes/WebDesignEditor2/images/arrow_320.png) no-repeat right;
}
#menu li.submenu > a {
  padding-right:20px;
  background:url(../../../syndeo_data/themes/WebDesignEditor2/images/arrow_320.png) no-repeat right;
}
#menu li ul {
  display:none !important;
}
#menu li:hover > ul {
  display:block !important;
}
/* ================= Blog Post and Sidebar ================= */
.content {
  float:none;
  margin-right:0;
  width: 270px;
}
.content img {
  height: auto !important;
  max-width: 100%;
}
.content .left_side {
  display:none;
}
.content .right_side {
  width:300px;
}
.content  {
  padding:10px 10px 0 10px;
  width:280px;
}

.content .pages {
  margin-left:0;
}

/* ================= Recent Works on Homepage ================= */
.recent_works {
  width: 230px !important;
}
.recent_works_arrows a.prev_item {
  margin-left: -290px;
}
/* ================= Portfolio Filter ================= */
.filter {
  float:none;
}
.filter {
  padding:0;
  margin:0;
}
.filter ul {
  margin:0;
  position:static !important;
  width:100%;
}
.filter ul li {
  display:block !important;
  float:none !important;
  margin:0 !important;
}
.filter ul li a {
  width:100%;
  border-bottom:1px dotted #cccccc;
  margin:0 0 10px 0;
  padding:0 !important;
}
.filter li.separator {
  display:none !important;
}
/* ================= Container and Columns ================= */
.col_1_3.first, .col_2_3.first, .col_2_3, .col_left_2_3, .col_right_2_3 , .col_left_1_3, .col_right_1_3  {
    margin-left: 0;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3, .col_left_2_3, .col_right_2_3 , .col_left_1_3, .col_right_1_3 {
  float: none;
  margin-right: 0;
}
.header_bg .logo {
  width: 300px;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3, .col_left_2_3, .col_right_2_3 , .col_left_1_3, .col_right_1_3 {
  width:300px;
  /*min-height: 50px;*/
}
/* ================= Page Info ================= */
.page_info .text {
  float:none;
}
.page_info .search {
  float:none;
}
/* ================= HomePage ================= */
.homepage_widgets .col_1_3 {
  width:280px;
  float: none;
  margin:40px auto 0 auto;
}
.footer .col_1_3 {
  width:280px;
  float: none;
  margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
  width:280px;
  float: none;
  margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.first {
  width:280px;
  float: none;
  margin:40px auto 0 auto;
}
.footer .col_1_3.last {
  width:280px;
  float: none;
  margin:40px auto 0 auto;
}
#footerwrapper .col_2_3 {
  width:280px;
  float: none;
  margin:40px auto 0 auto;
}
#footerwrapper .col_1_3 {
  width:280px;
  float: none;
  margin:40px auto 0 auto;
}
.module_wrap {
margin: 0 2px 0 2px;
}
.sas_module_col1,.sas_module_col2 {
width:98%;
}
}



/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
.logo {
  display: block;
  float: none;
  width:100%;
}
#menu {
  margin:0 0 30px 0;
  float:left;
  padding: 0 5px 0 0;
  width: 415px;
}
.flex-caption {
font-size: 10pt;
}
input {
width: 260px;
}
/* ================= Blog Post and Sidebar ================= */

.content {
  width:410px;
  margin-right:0;
}
.content  {
  padding:0 5px 0 5px;
  margin:0;
  /*text-indent:-9999px*/;
}
.content . {
  padding:10px 10px 0 10px;
  width:400px;
}
.content .blog_post .right_side .block_post img {
  width:100%;
}

.content .pages {
  margin:0;
}
/* ================= Recent Works on Homepage ================= */
.recent_works {
  width:320px !important;
}
.recent_works ul li {
  margin:0 0 60px 0;
}

.recent_works_arrows a.prev_item {
  margin-left: -410px;
}
/* ================= Container and Columns ================= */
.col_1_3.first {
    margin-left: 0;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 , .col_left_2_3, .col_right_2_3, .col_left_1_3, .col_right_1_3 {
  float: none;
  margin-right: 0;
}
.header_bg .logo {
  width: 420px;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3, .col_left_1_3, .col_right_1_3, .col_left_2_3, .col_right_2_3 {
  width:420px;
}

.module_wrap {
margin: 0 2px 0 2px;
}
/* ================= Page Info ================= */
.page_info .text {
  float:none;
}
.page_info .search {
  float:none;
}
/* ================= Homepage ================= */
  .homepage_widgets .col_1_3 {
  width:280px;
  margin:40px 0 0 0;
  float: none;
  margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
  width:280px;
  margin:40px 0 0 0;
  float: none;
  margin:40px auto 0 auto;
}
/* ================= Footer ================= */
  .footer .col_1_3 {
  width:420px;
  margin:40px 0 0 0;
  float: none;
  margin:40px auto 0 auto;
}
.footer .col_1_3.last {
  width:420px;
  float: none;
  margin:40px auto 0 auto;
}
#footerwrapper .col_2_3 {
  width:420px;
  float: none;
  margin:40px auto 0 auto;
}
#footerwrapper .col_1_3 {
  width:420px;
  float: none;
  margin:40px auto 0 auto;
}
}


/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 317px) {
/* ================= Container and Columns ================= */
#menu {
width: 221px;
}
.flex-caption {
font-size: 10pt;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3, .col_left_2_3, .col_right_2_3 , .col_left_1_3, .col_right_1_3 {
  float:none;
  margin:0;
}
.header_bg .logo {
  width: 226px;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3, .col_left_2_3, .col_right_2_3, .col_left_1_3, .col_right_1_3 {
  width:226px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
  width:226px;
}
/* =================  Blog Post and Sidebar ================= */
.content {
  width:226px;
  margin-right:0;
}
.content .left_side {
  display:none;
}
.content .right_side {
  width:226px;
}
.content .delimiter_vertical {
  display:none;
}
.content {
  padding:10px 10px 0 10px;
  width:206px;
}
.content  img {
  height: auto !important;
  max-width:100%;
}
.content .pages {
  margin:0;
}

/* ================= Recent Works on Homepage ================= */
.recent_works {
  width: 160px !important;
}
.recent_works_arrows a.prev_item {
  margin-left: -215px;
}
/* =================  Page Info ================= */
.page_info .text {
  float:none;
}
.page_info .search {
  float:none;
}
.page_info .search .inputText {
  width:90px;
}
/* =================  Logo ================= */
  .logo img {
  width:100%
}
/* =================  HomePage ================= */
.homepage_widgets .col_1_3 {
  width:226px;
  margin:40px auto 0 auto;
  padding:0;
}
.footer .col_1_3 {
  width:226px;
  margin:40px auto 0 auto;
}
#footerwrapper .col_1_3 {
  width:226px;
  margin:40px auto 0 auto;
}
#footerwrapper .col_2_3 {
  width:226px;
  margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
  width:226px;
  margin:40px auto 0 auto;
  padding:0;
}
.homepage_widgets .col_1_3.first {
  width:226px;
  margin:40px auto 0 auto;
  padding:0;
}
.homepage_widgets .widget_body .image {
  width:60px;
  margin:7px auto 5px auto;
  position:relative;
  float:none;
}
.homepage_widgets .widget_body .text {
  width:200px;
  margin-left:0;
  float:none;
}
.homepage_widgets .widget_newsletter .button_big span {
  width:145px
}
.recent_post_slider .slides_container {
  width:190px;
  display:none;
}
.recent_post_slider .slides_container div.slide {
  width:190px;
  display:block;
}
img.liquid {
  width:100%;
}
.features .title h3 {
  font-size:17px;
}
.features .title h4 {
  font-size:16px;
}
/* =================  Footer ================= */
  .footer .col_1_3.last {
  width:226px;
  margin:40px auto 0 auto;
}
#footerwrapper .col_1_3.last {
  width:226px;
  margin:40px auto 0 auto;
}
#footerwrapper .col_2_3.last {
  width:226px;
  margin:40px auto 0 auto;
}
.footer .flickr ul {
  margin-right:-5px;
}
.footer .flickr ul li {
  padding:0;
  margin:0 5px 5px 0;
  float:left;
}
.footer .flickr ul li a {
  border:4px solid #202020;
  display:block;
  width:64px;
  height:64px;
}
.footer .flickr ul li a img {
  width:64px;
  height:64px;
}
}
@media only screen and (max-width: 480px) {
input {
width: 230px;
}
}