Biomod/2013/MIT: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(536 intermediate revisions by the same user not shown)
Line 20: Line 20:
<title> MIT Self-Assembly Lab 2013</title>
<title> MIT Self-Assembly Lab 2013</title>


                <style type="text/css" media="screen, projection">/*<![CDATA[*/
<style>
@import "/skins/common/shared.css?164";
#column-one
@import "/skins/monobook/main.css?164";
{
/*]]>*/</style>
  display:none;
                <link rel="stylesheet" type="text/css" media="print" href="/skins/common/commonPrint.css?164" />
  width:0px;
  padding-top: 0px;
  background-color: #ffffff;
}
 
#globalWrapper
{
  width: 800px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto
}
 
#content
{
  border:0px;
  margin-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  align: center;
 
}
#column-content
{
  width: 900px;
  background-color: #ffffff;
}
 
@media screen {
    body { background: #000000 0 0 no-repeat; }
}
 
#menu
{
  align: left;
  width: 10em;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  float: left;
}
 
#pagecontent
{
  width: 1000px;
  min-height: 30px;
  float: left;
  margin-left: 0px;
}
 
</style>


<!--  referencing JS files -->
<!--  referencing JS files -->
<!--script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.easing.1.3.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.easing.1.3.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.cycle.all.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.cycle.all.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.blackandwhite.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.blackandwhite.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.jflickrfeed.min.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.touchswipe.min_.js"></script>
<!--script src="http://msamentorship.com/wp-content/uploads/2013/07/config.js"></script-->
<script src="http://msamentorship.com/wp-content/uploads/2013/07/custom.js"></script>
<script src="http://msamentorship.com/wp-content/uploads/2013/07/custom.js"></script>


<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/BnWWorker.js"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/BnWWorker.js"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/jquery.isotope.min.js"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/config.js"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/jquery.modernizr.js"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/css/layerslider.css"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/js/jquery-easing-1.3.js"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/js/jquerytransit.js"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/skins/minimal/skin.css"></script>


<!-- referencing CSS files -->
<!--referencing CSS files -->


<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/style.css"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/style.css"></script>
Line 47: Line 96:
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/layout.css"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/layout.css"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/font-awesome.css"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/font-awesome.css"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/css/layerslider.css"></script>
<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/config.js"></script>


<!-- CSS -->
<!--CSS-->
         <link rel="stylesheet" href="css/style.css" />
         <link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/layout.css" />
<link rel="stylesheet" href="css/layout.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/font-awesome.css" />
<link rel="stylesheet" href="js/layerslider/css/layerslider.css" />
</style>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" />
 
<script type= "text/javascript">/*<![CDATA[*/
var skin = "monobook";
var stylepath = "/skins";
var wgArticlePath = "/wiki/$1";
var wgScriptPath = "";
var wgScript = "/index.php";
var wgVariantArticlePath = false;
var wgActionPaths = [];
var wgServer = "http://openwetware.org";
var wgCanonicalNamespace = "";
var wgCanonicalSpecialPageName = false;
var wgNamespaceNumber = 0;
var wgPageName = "Biomod/2013/MIT";
var wgTitle = "Biomod/2013/MIT";
var wgAction = "view";
var wgArticleId = "135301";
var wgIsArticle = true;
var wgUserName = "Lina Kara\'In";
var wgUserGroups = ["*", "user", "autoconfirmed"];
var wgUserLanguage = "en";
var wgContentLanguage = "en";
var wgBreakFrames = false;
var wgCurRevisionId = "705166";
var wgVersion = "1.13.2";
var wgEnableAPI = true;
var wgEnableWriteAPI = false;
var wgMWSuggestTemplate = "http://openwetware.org/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}";
var wgDBname = "owwdb";
var wgSearchNamespaces = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 100, 101, 110, 111];
var wgMWSuggestMessages = ["with suggestions", "no suggestions"];
var wgRestrictionEdit = [];
var wgRestrictionMove = [];
var wgAjaxWatch = {"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching..."};
/*]]>*/</script>
               
 
<script type="text/javascript" src="/skins/common/wikibits.js?164"><!-- wikibits js --></script>
<script type="text/javascript" src="/skins/common/ajax.js?164"></script>
<script type="text/javascript" src="/ext/AjaxShowEditors/AjaxShowEditors.js"></script>
<script type="text/javascript" src="/skins/common/mwsuggest.js?164"></script>
<script type="text/javascript" src="/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=monobook"><!-- site js --></script>
<style type="text/css">/*<![CDATA[*/
 
@import "/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
@import "/index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
@import "/index.php?title=-&action=raw&gen=css&maxage=18000&useskin=monobook";
/*]]>*/</style>


<style>body {background: white;}</style>
     
  </head>
  </head>


Line 114: Line 110:


html, body, div, span, object, iframe,
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
h1, h2, h3, h4, h5, h6, p, abofquote, pre,
abbr, address, cite, code,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
del, dfn, em, img, ins, kbd, q, samp,
Line 132: Line 128:
     vertical-align: baseline;
     vertical-align: baseline;
     background: transparent;
     background: transparent;
 
}
}


Line 145: Line 142:
ul {
ul {
     list-style: none outside;
     list-style: none outside;
}
h1 {
display:none;
}
}


Line 163: Line 164:


b { color: #383838; }
b { color: #383838; }
.not-ie a {
.not-ie a {
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
Line 179: Line 179:
}
}


.map img,
.google_map img { max-width: none; }
/* ---------------------------------------------------------------------- */
/* Basic Elements
/* ---------------------------------------------------------------------- */


body {
body {
background-color: #fff;
background-color: #ffffff;
color: #828282;
color: #828282;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
font: 12px/1.5 Arial;
font: 12px/1.5 Arial;
}
}
Line 196: Line 189:
body.boxed { background-attachment: fixed; }
body.boxed { background-attachment: fixed; }


.boxed.pattern-1  { background-image: url(../images/patterns/pattern-1.png); }
.boxed.pattern-1  { background-image: url(http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/patterns/pattern-1.png); }
.boxed.pattern-2  { background-image: url(../images/patterns/pattern-2.png); }
 
.boxed.pattern-3  { background-image: url(../images/patterns/pattern-3.png); }
.boxed.pattern-4  { background-image: url(../images/patterns/pattern-4.png); }
.boxed.pattern-5  { background-image: url(../images/patterns/pattern-5.png); }
.boxed.pattern-6  { background-image: url(../images/patterns/pattern-6.png); }
.boxed.pattern-7  { background-image: url(../images/patterns/pattern-7.png); }
.boxed.pattern-8  { background-image: url(../images/patterns/pattern-8.png); }
.boxed.pattern-9  { background-image: url(../images/patterns/pattern-9.png); }
.boxed.pattern-10 { background-image: url(../images/patterns/pattern-10.png); }
.boxed.pattern-11 { background-image: url(../images/patterns/pattern-11.png); }
.boxed.pattern-12 { background-image: url(../images/patterns/pattern-12.png); }
.boxed.pattern-13 { background-image: url(../images/patterns/pattern-13.png); }
.boxed.pattern-14 { background-image: url(../images/patterns/pattern-14.png); }
.boxed.pattern-15 { background-image: url(../images/patterns/pattern-15.png); }
.boxed.pattern-16 { background-image: url(../images/patterns/pattern-16.png); }


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Clearfix
/* Typography
/* -------------------------------------------------- */
/* -------------------------------------------------- */


.clear { 
h1, h2, h3, h4, h5, h6 {
clear: both;
margin-bottom: 15px;
display: block;
color: #373737;
height: 0;
font-family: "Open Sans";
overflow: hidden;
line-height: 1.15;
visibility: hidden;
width: 0;
}
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ".";
}
/* -------------------------------------------------- */
/* General Classes
/* -------------------------------------------------- */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.alignleft { float: left; }
.alignright { float: right; }
 
.bwWrapper.alignleft,
img.alignleft { margin-right: 20px; }
.bwWrapper.alignright,
img.alignright { margin-left: 20px; }
.hide { display: none; }
 
.show { display: block; }
 
.invisible { visibility: hidden; }
 
.affix { position: fixed; }
 
/* -------------------------------------------------- */
/* Typography
/* -------------------------------------------------- */
 
h1, h2, h3, h4, h5, h6 {
margin-bottom: 15px;
color: #373737;
font-family: "Open Sans";
line-height: 1.15;
}
.scribble h1,
.scribble h2,
.scribble h3,
.scribble h4,
.scribble h5,
.scribble h6 {
font-family: 'Handlee', cursive;
font-weight: 400;
}
}


Line 290: Line 214:
margin-bottom: 20px;
margin-bottom: 20px;
}
}
::-moz-selection {
color: #fff;
text-shadow: none;
}
::selection {
color: #fff;
text-shadow: none;
}
.highlight {
padding: 0 3px;
color: #fff;
text-shadow: none;
}
.dropcapcircle + h6 {
text-transform: uppercase;
font-size: 15px;
margin-top: 11px;
margin-bottom: 20px;
}
.scribble .dropcapcircle + h6 { font-weight: 600; }
p {
p {
Line 322: Line 221:
}
}
blockquote1 {
color: #b7b7b7;
font-weight: 500;
font-style: italic;
font-size: 15 px;
font-family: "Open Sans", Arial;
}
blockquote {
blockquote {
padding: 0 0 0 45px;
padding: 0 0 0px;
background-image: url(../images/icons/quotes.png);
background-position: 0 0px;
background-position: 0 8px;
background-repeat: no-repeat;
background-repeat: no-repeat;
color: #b2b2b2;
color: #b7b7b7;
font-weight: 600;
font-weight: 500;
font-style: italic;
font-style: italic;
font-size: 14px;
font-size: 15 px;
font-family: "Open Sans", Arial;
font-family: "Open Sans", Arial;
}
}
blockquote p { margin: -10 em 0; }
blockquote p { margin: .7em 0; }
/* -------------------------------------------------- */
/* Dropcap
/* -------------------------------------------------- */
 
.dropcap {
display: block;
float: left;
margin: 5px 9px 0 0;
width: 50px;
height: 50px;
color: #373737;
text-align: center;
text-shadow: none;
font-size: 60px;
line-height: 50px;
}
.dropcap.dark {
background-color: #373737;
color: #fff;
font-size: 30px;
}
 
.dropcap.color {
color: #fff;
font-size: 30px;
}
.scribble .dropcap.dark,
.scribble .dropcap.circle,
.scribble .dropcap.color { background-image: url(../images/scribble/bg-light.png); }
 
.dropcap.circle {
-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
border-radius: 50%;
}
.dropcapcircle {
display: inline-block;
float: left;
margin: 0 20px 0 0;
width: 39px;
height: 39px;
border-radius: 50%;
background-color: #373737;
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
font-family: "Open Sans";
line-height: 39px;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
Line 407: Line 256:
overflow: hidden;
overflow: hidden;
display: block;
display: block;
}
.curtain {
position: absolute;
z-index: 5;
bottom: 0;
left: 50%;
margin: 0 0 -12px -12px;
display: block;
overflow: hidden;
width: 24px;
height: 24px;
text-align: center;
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transform: scale(0);
  -moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .35s ease-in;
  -moz-transition: all .35s ease-in;
-ms-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
transition: all .35s ease-in; 
}
}
.scribble .curtain { background-image: url(../images/scribble/bg-light.png); }
.single-image .curtain:after {
/* Fix for Mobile Safari */
position: absolute;
input[type="checkbox"] { -webkit-appearance: checkbox; }
top: 0;
input[type="radio"] { -webkit-appearance: radio; }
left: 0;
 
width: 24px;
/* Chrome, Safari */
height: 24px;
input::-webkit-input-placeholder,
color: #fff;
textarea::-webkit-input-placeholder { color: #9e9e9e; }
content: "";
 
text-align: center;
/* Firefox */
zoom: 1;
input:-moz-placeholder,
}
textarea:-moz-placeholder { color: #9e9e9e; }
.single-image.link-icon .curtain:after  { background-image: url(../images/icons/link-icon.png);  }
/* HTML5 Validation Styles */
.single-image.plus-icon .curtain:after  { background-image: url(../images/icons/plus-icon.png); }
.single-image.video-icon .curtain:after { background-image: url(../images/icons/video-icon.png); }
.comments-form input:required:valid,
.contact-form input:required:valid,
.single-image:hover .curtain {
.comments-form textarea:required:valid,
bottom: 50%;
.contact-form textarea:required:valid,
opacity: 1;
.widget_contact_form input:required:valid,
filter: alpha(opacity = 100);
.widget_contact_form textarea:required:valid { border-color: #000; }
-webkit-transform: scale(1);
.comments-form input:focus:invalid,
  -moz-transform: scale(1);
.contact-form input:focus:invalid,
-ms-transform: scale(1);
.comments-form textarea:focus:invalid,
-o-transform: scale(1);
.contact-form textarea:focus:invalid,
transform: scale(1);
.widget_contact_form input:focus:invalid,
}
.widget_contact_form textarea:focus:invalid { border-color: #e27152; }


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Fluid Width Video
/* Buttons
/* -------------------------------------------------- */
/* -------------------------------------------------- */


.video-container iframe, 
.button {
.video-container object, 
display: inline-block;
.video-container embed {
margin-bottom: 15px;
position: absolute;
padding: 6px 13px;
top: 0;
outline: medium none;
left: 0;
width: 100%;
height: 100%;
}
 
video {
max-width: 100%;
height: auto;
}
/* -------------------------------------------------- */
/* Dividers
/* -------------------------------------------------- */
.divider-solid {
margin-top: 40px;
margin-bottom: 40px;
margin-left: 10px;
margin-right: 10px;
height: 2px;
background-color: #ebebeb;
}
.scribble .divider-solid {
opacity: .7;
background-image: url(../images/scribble/border.png);
}
#main .divider-solid {
margin-left: 0;
margin-right: 0;
}
.white-space {
clear: both;
padding: 20px 0;
}
/* -------------------------------------------------- */
/* Forms
/* -------------------------------------------------- */
 
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
 
button,
input,
select,
textarea {
margin: 0;
border: none;
border: none;
vertical-align: baseline;
font-size: 100%;
}
button {
display: inline-block;
margin-bottom: 15px;
padding: 6px 13px;
outline: none;
background-color: #000;
color: #fff;
color: #fff;
vertical-align: baseline;
vertical-align: baseline;
text-align: center;
text-align: center;
text-decoration: none;
text-decoration: none;
font: 11px/1.5 Arial;
font-family: "Arial";
cursor: pointer;
cursor: pointer;
-webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
}


label {  
.button.small { padding: 6px 13px; }
display: inline-block;  
 
cursor: pointer;
.button.medium {
}
padding: 8px 20px;
font-size: 13px;
.not-ie input,
}  
.not-ie textarea,
 
.not-ie select,
.button.big {
.not-ie button {
padding: 10px 23px;
-webkit-transition: all .25s linear;
font-size: 14px;
  -moz-transition: all .25s linear;
}  
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
input[type="text"],
.button.default { background-color: #373737; }
input[type="password"],
.button.turquoise  { background-color: #038ca9; }
input[type="datetime"],
.button.blue { background-color: #22bbd6; }
input[type="datetime-local"],
.button.violet { background-color: #795cb0; }
input[type="date"],
.button.lime { background-color: #79be0b; }
input[type="month"],
.button.green { background-color: #3b930a; }
input[type="time"],
.button.virid { background-color: #01ad93; }
input[type="week"],
.button.yellow { background-color: #ffba00; }
input[type="number"],
.button.orange { background-color: #f99200; }
input[type="email"],
.button.red { background-color: #da4c0e; }
input[type="url"],
.button.pink { background-color: #e85d98; }
input[type="search"],
.button.vinous { background-color: #8e376b; }
input[type="tel"],
.button.brown { background-color: #564544; }
input[type="color"],
.button.biscuit { background-color: #887171; }
textarea, select {
.button.light-gray  { background-color: #718193; }
display: inline-block;
color: #9e9e9e;
font-size: 12px;
font-family: Arial, sans-serif;
padding: 6px 8px 7px;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: #ebebeb;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
  -moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
outline: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
border-color: #b4b4b4;
background-color: #fdfdfd;
-webkit-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1);
  -moz-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1);
box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.1);
-webkit-appearance: none;
}
.ie7 input[type="text"],
.ie7 input[type="password"],
.ie7 textarea,
.ie7 select,
.ie8 input[type="text"],
.ie8 input[type="password"],
.ie8 textarea,
.ie8 select { line-height: 1.3em; }
textarea {
resize: both;
min-height: 100px;
}
select {
background-image: url(../images/icons/select-arrows.png);
background-position: 95% bottom;
background-repeat: no-repeat;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
}


input[type="image"],
.button.default:hover { background-color: #038ca9; }
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] { width: auto; }


.wrong-data { border-color: #fe5214; }
.button.turquoise:hover,
.button.blue:hover,
.button.violet:hover,
.button.lime:hover,
.button.green:hover,
.button.virid:hover,
.button.yellow:hover,
.button.orange:hover,
.button.red:hover,
.button.pink:hover,
.button.vinous:hover,
.button.brown:hover,
.button.biscuit:hover,
.button.light-gray:hover { background-color: #373737; }


/* Fix for Mobile Safari */
/* ---------------------------------------------------------------------- */
input[type="checkbox"] { -webkit-appearance: checkbox; }
/* Wrapper
input[type="radio"] { -webkit-appearance: radio; }
/* ---------------------------------------------------------------------- */


/* Chrome, Safari */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #9e9e9e; }


/* Firefox */
.boxed #wrapper {
input:-moz-placeholder,
margin: 0 auto;
textarea:-moz-placeholder { color: #9e9e9e; }
width: 1000px;
background-color: #fff;
/* ---------------------------------------- */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
/* Contact and Comments Forms
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
/* ---------------------------------------- */
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment,
.message-form-name,
.message-form-email,
.message-form-url,
.message-form-message,
.form-submit {
position: relative;
margin-bottom: 10px;
}


.message-form-name:before,
/* ---------------------------------------------------------------------- */
.message-form-email:before,
/* Header
.message-form-url:before,
/* ---------------------------------------------------------------------- */
.message-form-message:before,
.comment-form-author:before,
.comment-form-email:before,
.comment-form-url:before,
.comment-form-comment:before
{
top: 5px;
display: inline-block;
color: #b4b4b4;
font-weight: normal;
font-style: normal;
font-family: "FontAwesome";
font-size: 14px;
}


.message-form-name:before,
#header {
.message-form-email:before,
z-index: 99;
.message-form-url:before,
padding-top: 40px;
.message-form-message:before,
background-color: #fff;
.comment-form-author:before,
}
.comment-form-email:before,
.comment-form-url:before,
.fixed#header {
.comment-form-comment:before
position: fixed;
{
top: 0;
position: absolute;
left: 0;
left: 8px;
padding: 18px 0;
}
width: 100%;
background-color: #fff;
background-color: rgba(255,255,255,.95);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
box-shadow: 0 2px 3px rgba(0,0,0,.2);
}


.message-form-name:before,
/* -------------------------------------------------- */
.comment-form-author:before  { content: "\f007"; }
/* Logo
/* -------------------------------------------------- */


.message-form-email:before,
#logo {
.comment-form-email:before  { content: "\f0e0"; }
display: block;
float: left;   
line-height: 0; 
margin-top: 0px;
}
.fixed#header .eight #logo  { display: none; }
.fixed#header .sixteen #logo { margin: 6px 0; }
/* -------------------------------------------------- */
/* Main Navigation
/* -------------------------------------------------- */


.message-form-url:before,
.menu-container {
.comment-form-url:before { content: "\f015"; }
margin-top: 10px;
 
border-top-width: 1px;
.message-form-message:before,
border-top-style: solid;
.comment-form-comment:before { content: "\f040"; }
border-top-color: #ebebeb;
 
border-bottom-width: 1px;
.comments-form input,
border-bottom-style: solid;
.contact-form input {  
border-bottom-color: #ebebeb;
width: 67%;
}
padding-left: 30px;
}
.fixed#header .menu-container {
float: right;
.comments-form textarea,
margin: 0;
.contact-form textarea,
border-top-width: 0;
.widget_contact_form textarea { width: 100%; }
border-bottom-width: 0;
}
.comments-form textarea,
.contact-form textarea {
.menu-container .navigation { float: left; }
padding-left: 30px;
min-height: 150px;  
.navigation > div > ul > li {
position: relative;
display: block;
float: left;
}
}
.comments-form label,
.navigation > div > ul > li > a {
.contact-form label { margin-left: 10px; }
display: block;
 
margin: 0;
.comments-form .required,
padding: 9px 20px 8px;
.contact-form .required {
border-width: 0 0 0 1px;
color: #b2b2b2;
border-style: none none none solid;
font-style: italic;
border-color: transparent transparent transparent #ebebeb;
font-size: 11px;
color: #1e1e1e;
text-transform: uppercase;
font-size: 12px;
}
}
.comments-form input,
.navigation a {  
.contact-form input,
font-weight: 600;
.widget_contact_form input {
font-family: 'Open Sans', Arial, sans-serif;
-webkit-box-shadow: none;
  -moz-box-shadow: none;
box-shadow: none;
}
}
.ie7 .navigation > div > ul > li > a,
.ie8 .navigation > div > ul > li > a { font-weight: 400; }
/* Widget Contact Form */
.navigation > div > ul > li:first-child > a { border-left-width: 0; }


.widget_contact_form input,
.navigation > div > ul > li:hover > a,
.widget_contact_form textarea { padding-left: 32px; }
.navigation > div > ul > li.current-menu-item > a,
.navigation > div > ul > li.current-menu-parent > a,
.navigation > div > ul > li.current-menu-ancestor > a,
/* HTML5 Validation Styles */
.navigation > div > ul > li.current_page_item > a,
.navigation > div > ul > li.current_page_parent > a,
.comments-form input:required:valid,
.navigation > div > ul > li.current_page_ancestor > a { color: #ddd; }
.contact-form input:required:valid,
.comments-form textarea:required:valid,
.contact-form textarea:required:valid,
.widget_contact_form input:required:valid,
.widget_contact_form textarea:required:valid { border-color: #000; }
.comments-form input:focus:invalid,
.contact-form input:focus:invalid,
.comments-form textarea:focus:invalid,
.contact-form textarea:focus:invalid,
.widget_contact_form input:focus:invalid,
.widget_contact_form textarea:focus:invalid { border-color: #e27152; }


/* -------------------------------------------------- */
.scribble .navigation > div > ul > li:hover > a,
/* Buttons
.scribble .navigation > div > ul > li.current-menu-item > a,
/* -------------------------------------------------- */
.scribble .navigation > div > ul > li.current-menu-parent > a,
.scribble .navigation > div > ul > li.current-menu-ancestor > a,
.scribble .navigation > div > ul > li.current_page_item > a,
.scribble .navigation > div > ul > li.current_page_parent > a,
.scribble .navigation > div > ul > li.current_page_ancestor > a {
background-image: url(../images/scribble/bg.png);
background-repeat: repeat;
}
/* Dropdown */


.button {
.navigation ul ul {
display: inline-block;
position: absolute;
margin-bottom: 15px;
z-index: 9999;
padding: 6px 13px;
display: none;
outline: medium none;
margin-top: 1px;
border: none;
width: 180px;
color: #fff;
background-color: #fff;
vertical-align: baseline;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
text-align: center;
  -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
text-decoration: none;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
font-family: "Arial";
opacity: 1;
cursor: pointer;
 
-webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
}


.button.small { padding: 6px 13px; }
.navigation ul ul li {
 
position: relative;  
.button.medium {
margin-top: -1px;
padding: 8px 20px;
border: 1px solid #eaeaea;
font-size: 13px;
background-color: #fff;
}  
}
 
.button.big {
.navigation > div > ul ul li:hover,
padding: 10px 23px;
.navigation > div > ul ul li.current-menu-item,
font-size: 14px;
.navigation > div > ul ul li.current-menu-parent,
}
.navigation > div > ul ul li.current-menu-ancestor,
.navigation > div > ul ul li.current_page_item,
.button.default { background-color: #373737; }
.navigation > div > ul ul li.current_page_parent,
.button.turquoise  { background-color: #038ca9; }
.navigation > div > ul ul li.current_page_ancestor {  
.button.blue { background-color: #22bbd6; }
border-left-color: transparent;
.button.violet { background-color: #795cb0; }
border-right-color: transparent;
.button.lime { background-color: #79be0b; }
background-color: #f9f9f9;
.button.green { background-color: #3b930a; }
}
.button.virid { background-color: #01ad93; }
.button.yellow { background-color: #ffba00; }
.navigation ul ul li a {
.button.orange { background-color: #f99200; }
display: block;
.button.red { background-color: #da4c0e; }
padding: 6px 20px;
.button.pink { background-color: #e85d98; }
color: #818181;
.button.vinous { background-color: #8e376b; }
font-weight: 400;
.button.brown { background-color: #564544; }
font-size: 13px;
.button.biscuit { background-color: #887171; }
}
.button.light-gray  { background-color: #718193; }
 
.navigation ul ul li a:active {
.button.default:hover { background-color: #038ca9; }
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.05);
 
  -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.05);
.button.turquoise:hover,
box-shadow: inset 0 0 2px rgba(0,0,0,.05);
.button.blue:hover,  
}
.button.violet:hover,
.button.lime:hover,  
.navigation > div > ul ul li:hover > a,
.button.green:hover,
.navigation > div > ul ul li.current-menu-item > a,
.button.virid:hover,  
.navigation > div > ul ul li.current-menu-parent > a,
.button.yellow:hover,
.navigation > div > ul ul li.current-menu-ancestor > a,
.button.orange:hover,
.navigation > div > ul ul li.current_page_item > a,
.button.red:hover,
.navigation > div > ul ul li.current_page_parent > a,
.button.pink:hover,
.navigation > div > ul ul li.current_page_ancestor > a { background-color: #f9f9f9; }
.button.vinous:hover,
.button.brown:hover,  
.navigation ul ul li .rightarrowclass:before {
.button.biscuit:hover,
position: absolute;
.button.light-gray:hover { background-color: #373737; }
top: 9px;
right: 10px;
.scribble .button { background-image: url(../images/scribble/bg.png); }
color: #eaeaea;
content: "\f054";
font-weight: 100;
font-style: normal;
font-size: 9px;
font-family: "FontAwesome", Arial;
}
.navigation ul ul li:hover > a .rightarrowclass:before { color: #ccc; }
/* Sub Dropdown */


/* ---------------------------------------------------------------------- */
.navigation ul ul ul {
/* Wrapper
left: 178px;
/* ---------------------------------------------------------------------- */
top: -1px;
 
 
.boxed #wrapper {
margin: 0 auto;
width: 1000px;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
 
/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
 
#header {
z-index: 99;
padding-top: 40px;
background-color: #fff;
}
}
.fixed#header {
/* Responsive Select */
position: fixed;
top: 0;
.responsive-nav {  
left: 0;
display: none;
padding: 18px 0;
margin-bottom: 25px;
width: 100%;
background-color: transparent;
background-color: #fff;
background-image: url(../images/icons/select-arrows.png);
background-color: rgba(255,255,255,.95);
background-position: 98% top;
border-width: 1px 0 1px 0;
border-style: solid;
border-color: #ebebeb transparent #ebebeb transparent;
}
.responsive-nav:focus {
background-color: transparent;
background-position: 98% bottom;
border-color-top: #ebebeb;
border-color-bottom: #ebebeb;
border-color-left: transparent;
border-color-right: transparent;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
-webkit-box-shadow: none;
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  -moz-box-shadow: none;
box-shadow: 0 2px 3px rgba(0,0,0,.2);
box-shadow: none;
}
}
 
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Logo
/* Search
/* -------------------------------------------------- */
/* -------------------------------------------------- */


#logo {
.search-wrapper {
display: block;
position: relative;
float: left;    
overflow: hidden;
line-height: 0;
float: right;
margin-top: 25px;
padding-left: 0;
}
padding-right: 35px;
padding-top: 7px;
.fixed#header .eight #logo  { display: none; }
padding-bottom: 7px;
.fixed#header .sixteen #logo { margin: 6px 0; }
width: 0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ebebeb;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
box-sizing: border-box;
}
/* -------------------------------------------------- */
.scribble .search-wrapper {
/* Phone
-webkit-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
/* -------------------------------------------------- */
  -moz-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
}
#header .vcard {
.safari.scribble .search-wrapper {
float: right;
-webkit-border-image: none;
text-align: right;
}
}
.fixed#header .top-phone,
.fixed#header .search-wrapper { display: none; }
.fixed#header .widget { display: none; }
.vcard p {
.search-wrapper p { margin: 0; }
display: inline-block;
padding-left: 20px;
font-family: 'Open Sans', Arial;
}
.vcard a:before,
.vcard .top-phone:before {
position: absolute;
top: 1px;
left: 0;
color: #000;
font-size: 14px;
font-family: 'FontAwesome';
content: "";
}
#footer .vcard a:before,
#footer .vcard .top-phone:before { color: #ccc; }
.vcard .top-email a:before { content: "\f0e0"; }
.vcard .top-phone:before {
font-family: 'FontAwesome';
content: "\f095";
}
.vcard p {  
position: relative;
margin-bottom: .5em;
}
.top-phone span { color: #383838; }
#footer .top-phone span { color: #ccc; }
/* -------------------------------------------------- */
/* Social Icons
/* -------------------------------------------------- */


#header ul.social-icons   { float: right; }
.search-wrapper input[type="text"] {
.fixed#header ul.social-icons { display: none; }
margin: 0 0 0 7px;
padding: 2px 5px;
ul.social-icons {
font-size: 11px;
margin-top: 0;
}
font-size: 0;
}


ul.social-icons li {
.search-wrapper .submit-search {
display: inline-block;
position: absolute;
margin-right: 2px;
z-index: 3;
margin-bottom: 2px;
top: 0;
vertical-align: top;
right: 0;
background-color: #d4d4d4;
margin: 0;
 
padding: 0;
-webkit-transition: all .2s linear;
width: 34px;
  -moz-transition: all .2s linear;
height: 34px;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#footer ul.social-icons li { background-color: #555; }
.scribble ul.social-icons li { background-image: url(../images/scribble/bg-light.png); }
.scribble #footer ul.social-icons li {
background-repeat: repeat;
background-image: url(../images/scribble/footer.png);
}
#header ul.social-icons li:last-child { margin-right: 0; }
 
ul.social-icons li a {
position: relative;
display: block;
width: 31px;
height: 31px;
background-image: url(../images/icons/social-icons.png);
background-repeat: no-repeat;
font: 0/0 a;
font: 0/0 a;
cursor: pointer;
border: none;
 
background-color: #fff;
-webkit-transition: all 0.25s linear 0s;
  -moz-transition: all 0.25s linear 0s;
-ms-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
}
ul.social-icons li.twitter a   { background-position: 0 0; }
.search-wrapper .submit-search:after {
ul.social-icons li.facebook a   { background-position: -31px 0; }
position: absolute;
ul.social-icons li.dribble a   { background-position: -62px 1px; }
top: 0;
ul.social-icons li.vimeo a   { background-position: -94px 1px; }
right: 0;
ul.social-icons li.youtube a   { background-position: -126px 1px; }
z-index: 4;
ul.social-icons li.rss a   { background-position: -155px 1px; }
width: 34px;
ul.social-icons li.picasa a   { background-position: -186px 2px; }
height: 34px;
ul.social-icons li.stubleupon a   { background-position: -217px 2px; }
color: #b2b2b2;
ul.social-icons li.skype a   { background-position: -248px 2px; }
content: "\f002";
ul.social-icons li.dropbox a   { background-position: -279px 2px; }
font-size: 14px;
ul.social-icons li.cat a   { background-position: -310px 1px; }
font-family: "FontAwesome";
ul.social-icons li.linkedin a   { background-position: -341px 1px; }
line-height: 34px;
ul.social-icons li.plus a   { background-position: -372px 1px; }
text-align: center;
ul.social-icons li.pinterest a   { background-position: -403px 2px; }
}
ul.social-icons li.blogger a   { background-position: -434px 1px; }
ul.social-icons li.flickr a   { background-position: -464px -1px; }
.ie7 .search-wrapper .submit-search:after,
ul.social-icons li.delicious a   { background-position: -495px 1px; }
.ie8 .search-wrapper .submit-search:after { line-height: 0;  }
ul.social-icons li.yahoo a   { background-position: -526px 1px; }
ul.social-icons li.evernote a   { background-position: -557px 2px; }
ul.social-icons li.apple a   { background-position: -588px 1px; }
ul.social-icons li.behance a   { background-position: -620px 1px; }
ul.social-icons li.gplus a   { background-position: -651px 2px; }
ul.social-icons li.digg a   { background-position: -682px 1px; }
ul.social-icons li.lastfm a   { background-position: -713px 0px; }
ul.social-icons li.myspace a   { background-position: -745px 1px; }
ul.social-icons li.deviantart a   { background-position: -776px -1px; }
ul.social-icons li.wordpress a    { background-position: -806px 2px; }
ul.social-icons li.mail a   { background-position: -838px 0px; }
 
#wrapper ul.social-icons .twitter:hover    { background-color: #47c0d8; }
#wrapper ul.social-icons .facebook:hover  { background-color: #49699f; }
#wrapper ul.social-icons .dribble:hover    { background-color: #e65992; }
#wrapper ul.social-icons .vimeo:hover      { background-color: #568799; }
#wrapper ul.social-icons .youtube:hover    { background-color: #b72d24; }
#wrapper ul.social-icons .rss:hover        { background-color: #fe9900; }
#wrapper ul.social-icons .picasa:hover    { background-color: #535353; }
#wrapper ul.social-icons .stubleupon:hover { background-color: #eb4924; }
#wrapper ul.social-icons .skype:hover      { background-color: #24b0e4; }
#wrapper ul.social-icons .dropbox:hover    { background-color: #5da3e8; }
#wrapper ul.social-icons .cat:hover        { background-color: #7292a2; }
#wrapper ul.social-icons .linkedin:hover  { background-color: #2c7cb7; }
#wrapper ul.social-icons .plus:hover      { background-color: #629e61; }
#wrapper ul.social-icons .pinterest:hover  { background-color: #c21c21; }
#wrapper ul.social-icons .blogger:hover    { background-color: #f38f33; }
#wrapper ul.social-icons .flickr:hover    { background-color: #b5c2d2; }
#wrapper ul.social-icons .delicious:hover { background-color: #3975be; }
#wrapper ul.social-icons .yahoo:hover      { background-color: #a55bbe; }
#wrapper ul.social-icons .evernote:hover  { background-color: #606060; }
#wrapper ul.social-icons .apple:hover      { background-color: #fe9900; }
#wrapper ul.social-icons .behance:hover    { background-color: #18a3fe; }
#wrapper ul.social-icons .gplus:hover      { background-color: #2882c6; }
#wrapper ul.social-icons .digg:hover      { background-color: #2882c6; }
#wrapper ul.social-icons .lastfm:hover    { background-color: #be0607; }
#wrapper ul.social-icons .myspace:hover    { background-color: #1b61b0; }
#wrapper ul.social-icons .deviantart:hover { background-color: #5f7162; }
#wrapper ul.social-icons .wordpress:hover  { background-color: #33759d; }
#wrapper ul.social-icons .mail:hover   { background-color: #65a413; }
 
/* -------------------------------------------------- */
/* Main Navigation
/* -------------------------------------------------- */


.menu-container {
.search-wrapper .submit-search:hover:after,
margin-top: 20px;
.search-wrapper .submit-search.active:after { color: #373737; }
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ebebeb;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
}
.scribble .menu-container {
border-top-width: 2px;
border-bottom-width: 2px;
border-left-width: 0;
border-right-width: 0;
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
/* ---------------------------------------------------------------------- */
  -moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
/* Slider
border-image: url(../images/scribble/border-line.png) 2 repeat;
/* ---------------------------------------------------------------------- */
}
 
.slider {
.fixed#header .menu-container {
position: relative;
float: right;
margin-top: 20px;
margin: 0;
margin-bottom: 45px;
border-top-width: 0;
height: auto;
border-bottom-width: 0;
zoom: 1;
}
}
.menu-container .navigation { float: left; }
.navigation > div > ul > li {
position: relative;
display: block;
float: left;
}
.navigation > div > ul > li > a {
display: block;
margin: 0;
padding: 9px 20px 8px;
border-width: 0 0 0 1px;
border-style: none none none solid;
border-color: transparent transparent transparent #ebebeb;
color: #1e1e1e;
text-transform: uppercase;
font-size: 12px;
}
.scribble .navigation > div > ul > li > a {
padding: 10px 20px 8px;
-webkit-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
  -moz-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
}
.safari.scribble .navigation > div > ul > li > a {
-webkit-border-image: none;
}
.navigation a {
font-weight: 600;
font-family: 'Open Sans', Arial, sans-serif;
}
.scribble .navigation a {
font-family: 'Handlee', cursive;  
}
.scribble .navigation > div > ul > li > a { font-size: 11px; }


.ie7 .navigation > div > ul > li > a,
/* ---------------------------------------------------------------------- */
.ie8 .navigation > div > ul > li > a { font-weight: 400; }
/* Page Header
/* ---------------------------------------------------------------------- */
.navigation > div > ul > li:first-child > a { border-left-width: 0; }


.navigation > div > ul > li:hover > a,
.navigation > div > ul > li.current-menu-item > a,
.navigation > div > ul > li.current-menu-parent > a,
.navigation > div > ul > li.current-menu-ancestor > a,
.navigation > div > ul > li.current_page_item > a,
.navigation > div > ul > li.current_page_parent > a,
.navigation > div > ul > li.current_page_ancestor > a { color: #fff; }


.scribble .navigation > div > ul > li:hover > a,
.page-header {
.scribble .navigation > div > ul > li.current-menu-item > a,
margin: 0 10px 40px;
.scribble .navigation > div > ul > li.current-menu-parent > a,
padding: 30px 0;
.scribble .navigation > div > ul > li.current-menu-ancestor > a,
border-bottom-width: 1px;
.scribble .navigation > div > ul > li.current_page_item > a,
border-bottom-style: solid;
.scribble .navigation > div > ul > li.current_page_parent > a,
border-bottom-color: #ebebeb;
.scribble .navigation > div > ul > li.current_page_ancestor > a {
}
background-image: url(../images/scribble/bg.png);
 
background-repeat: repeat;
.scribble .page-header {
}
border-bottom-width: 2px;
/* Dropdown */
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
  -moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}


.navigation ul ul {
.page-header h1 {
position: absolute;
margin: 0;
z-index: 9999;
color: #b2b2b2;
display: none;
font-weight: 300;
margin-top: 1px;
font-size: 30px;
width: 180px;
line-height: 1.25;
background-color: #fff;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
  -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025);
opacity: 1;
}
}
/* ---------------------------------------------------------------------- */
/* Content
/* ---------------------------------------------------------------------- */
#content { margin-bottom: 90px; }


.navigation ul ul li {
.slogan {
position: relative;  
display: block;  
margin-top: -1px;
margin: 0 10px 45px 10px;
border: 1px solid #eaeaea;
padding: 0;
background-color: #fff;
text-align: center;  
}
font-weight: 300;
font-family: 'Open Sans', Arial, sans-serif;
.navigation > div > ul ul li:hover,
line-height: 1.25;
.navigation > div > ul ul li.current-menu-item,
zoom: 1;
.navigation > div > ul ul li.current-menu-parent,
}
.navigation > div > ul ul li.current-menu-ancestor,
.navigation > div > ul ul li.current_page_item,
.ie7 .slogan,
.navigation > div > ul ul li.current_page_parent,
.ie8 .slogan { font-weight: 400; }
.navigation > div > ul ul li.current_page_ancestor {
border-left-color: transparent;
.content-title {
border-right-color: transparent;
margin: 0 10px 20px 10px;
background-color: #f9f9f9;
font-family: "Open Sans";
}
color: #505050;
font-weight: 400;
.navigation ul ul li a {
}
display: block;
padding: 6px 20px;
.columns .content-title,
color: #818181;
.column .content-title { margin: 0 0 20px 0; }
font-weight: 400;
 
font-size: 13px;
.section-title { margin-bottom: 22px; }
}
.scribble .section-title { font-size: 15px; font-weight: 600; }
.navigation ul ul li a:active {
/* ---------------------------------------------------------------------- */
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.05);
/* Main
  -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.05);
/* ---------------------------------------------------------------------- */
box-shadow: inset 0 0 2px rgba(0,0,0,.05);
}
.navigation > div > ul ul li:hover > a,
.navigation > div > ul ul li.current-menu-item > a,
.navigation > div > ul ul li.current-menu-parent > a,
.navigation > div > ul ul li.current-menu-ancestor > a,
.navigation > div > ul ul li.current_page_item > a,
.navigation > div > ul ul li.current_page_parent > a,
.navigation > div > ul ul li.current_page_ancestor > a { background-color: #f9f9f9; }
.navigation ul ul li .rightarrowclass:before {
position: absolute;
top: 9px;
right: 10px;
color: #eaeaea;
content: "\f054";
font-weight: 100;
font-style: normal;
font-size: 9px;
font-family: "FontAwesome", Arial;
}
.navigation ul ul li:hover > a .rightarrowclass:before { color: #ccc; }
/* Sub Dropdown */


.navigation ul ul ul {
.sbr #main { float: left; }
left: 178px;
.sbl #main { float: right; }
top: -1px;
}
/* Responsive Select */
 
/* -------------------------------------------------- */
/* Detail Columns
/* -------------------------------------------------- */
.responsive-nav {  
.detail-box {
display: none;
position: relative;
margin-bottom: 25px;
margin-bottom: 5px;
background-color: transparent;
padding: 0 25px 20px;
background-image: url(../images/icons/select-arrows.png);
border-width: 1px;
background-position: 98% top;
border-width: 1px 0 1px 0;
border-style: solid;
border-style: solid;
border-color: #ebebeb transparent #ebebeb transparent;
border-color: #ebebeb;
text-align: center;
}
}
.responsive-nav:focus {
.scribble .detail-box {
background-color: transparent;
border-width: 3px;
background-position: 98% bottom;
-webkit-border-image: url(../images/scribble/border.png) 3 repeat;
border-color-top: #ebebeb;
  -moz-border-image: url(../images/scribble/border.png) 3 repeat;
border-color-bottom: #ebebeb;
border-image: url(../images/scribble/border.png) 3 repeat;
border-color-left: transparent;
border-color-right: transparent;
-webkit-box-shadow: none;
  -moz-box-shadow: none;
box-shadow: none;
}
}
/* -------------------------------------------------- */
.detail-entry {
/* Search
position: relative;
/* -------------------------------------------------- */
z-index: 2;
}
.detail-box:hover .detail-entry { color: #fff; }


.search-wrapper {
.detail-box .detail-icon {
position: relative;
margin: 40px auto 30px;
overflow: hidden;
width: 45px;
float: right;
height: 45px;
padding-left: 0;
background-image: url(../images/icons/icons.png);
padding-right: 35px;
background-repeat: no-repeat;
padding-top: 7px;
}
padding-bottom: 7px;
width: 0;
.scribble .detail-box .detail-icon { background-image: url(../images/icons/scribble-icons.png); }
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ebebeb;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
box-sizing: border-box;
}
.scribble .search-wrapper {
-webkit-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
  -moz-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
border-image: url(../images/scribble/border.png) 0 0 0 1 repeat;
}
.safari.scribble .search-wrapper {
-webkit-border-image: none;
}
.fixed#header .search-wrapper { display: none; }
.search-wrapper p { margin: 0; }


.search-wrapper input[type="text"] {
.detail-box h5 {
margin: 0 0 0 7px;
margin-bottom: 20px;
padding: 2px 5px;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
font-size: 15px;
}
}


.search-wrapper .submit-search {
.detail-box:hover h5 { color: #fff; }
position: absolute;
z-index: 3;
.detail-box .transform {
top: 0;
position: absolute;
right: 0;
bottom: 0;
margin: 0;
left: 0;
padding: 0;
width: 100%;
width: 34px;
height: 0;
height: 34px;
opacity: 0;
font: 0/0 a;
background-repeat: repeat;
border: none;
background-attachment: fixed;
background-color: #fff;
}
.search-wrapper .submit-search:after {
-webkit-transition: all .25s linear;
position: absolute;
  -moz-transition: all .25s linear;
top: 0;
-ms-transition: all .25s linear;
right: 0;
-o-transition: all .25s linear;
z-index: 4;
transition: all .25s linear;
width: 34px;
}
height: 34px;
color: #b2b2b2;
.scribble .detail-box .transform { background-image: url(../images/scribble/bg.png); }
content: "\f002";
font-size: 14px;
font-family: "FontAwesome";
line-height: 34px;
text-align: center;
}
.ie7 .search-wrapper .submit-search:after,
.ie8 .search-wrapper .submit-search:after { line-height: 0;  }
 
.search-wrapper .submit-search:hover:after,
.search-wrapper .submit-search.active:after { color: #373737; }
/* ---------------------------------------------------------------------- */
.detail-box:hover .transform,
/* Slider
.touched .transform {
/* ---------------------------------------------------------------------- */
height: 100%;
 
opacity: 1;
.slider {
}
position: relative;
margin-top: 20px;
/* -------------------------------------------------- */
margin-bottom: 45px;
/* Project Carousel
height: auto;
/* -------------------------------------------------- */
zoom: 1;
}
.jcarousel-container {  
position: relative;
margin-bottom: 45px;
margin-left: 0;
margin-right: 0;
}
.sixteen.columns .jcarousel-container {
margin-left: -10px;
margin-right: -10px;
}
.jcarousel-clip {
overflow: hidden;
width: 100%;
}


/* ---------------------------------------------------------------------- */
.projects-carousel li:hover .project-meta { background-color: #f9f9f9; }
/* Page Header
/* ---------------------------------------------------------------------- */


.projects-carousel h6 {
margin-bottom: 5px;
color: #383838;
font-weight: 700;
font-size: 12px;
font-family: "Arial";
}


.page-header {
.projects-carousel .project-meta {
margin: 0 10px 40px;
display: block;
padding: 30px 0;
margin-bottom: 20px;
border-bottom-width: 1px;
}
border-bottom-style: solid;
border-bottom-color: #ebebeb;
.projects-carousel img { display: block; }
}


.scribble .page-header {
/* Controls */
border-bottom-width: 2px;
.jcarousel-prev,
.jcarousel-next {
position: absolute;
top: 5px;
right: 10px;
overflow: hidden;
width: 21px;
height: 21px;
background-color: #373737;
cursor: pointer;
-webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
.jcarousel-prev { right: 33px; }
  -moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
.jcarousel-next:after { background-position: right top; }
border-image: url(../images/scribble/border-line.png) 2 repeat;
}


.page-header h1 {
.scribble .jcarousel-prev,
margin: 0;
.scribble .jcarousel-next { background-image: url(../images/scribble/bg-light.png); }
color: #b2b2b2;
font-weight: 300;
font-size: 30px;
line-height: 1.25;
}
/* ---------------------------------------------------------------------- */
.jcarousel-prev:after,
/* Content
.jcarousel-next:after {
/* ---------------------------------------------------------------------- */
position: absolute;
 
width: 21px;
#content { margin-bottom: 90px; }
height: 21px;
 
background-image: url(../images/icons/small-arrows.png);
.slogan {
background-repeat: no-repeat;
display: block;  
content: "";
margin: 0 10px 45px 10px;
padding: 0;
text-align: center;
font-weight: 300;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 1.25;
zoom: 1;
}
}
.ie7 .slogan,
.jcarousel-next-disabled,
.ie8 .slogan { font-weight: 400; }
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus,
.content-title {
.jcarousel-next-disabled:active,
margin: 0 10px 20px 10px;
.jcarousel-prev-disabled,
font-family: "Open Sans";
.jcarousel-prev-disabled:hover,
color: #505050;
.jcarousel-prev-disabled:focus,
font-weight: 400;
.jcarousel-prev-disabled:active {
background-color: #373737 !important;
cursor: auto;
opacity: .75;
}
}
.columns .content-title,
/* -------------------------------------------------- */
.column .content-title { margin: 0 0 20px 0; }
/* Team
/* -------------------------------------------------- */


.section-title { margin-bottom: 22px; }
.team-member { margin-bottom: 25px; }
.scribble .section-title { font-size: 15px; font-weight: 600; }
/* ---------------------------------------------------------------------- */
/* Main
/* ---------------------------------------------------------------------- */


.sbr #main { float: left; }
.team-entry {
.sbl #main { float: right; }
position: relative;
padding-bottom: 25px;
 
border-bottom-width: 1px;
/* -------------------------------------------------- */
border-bottom-style: solid;
/* Detail Columns
border-bottom-color: #ebebeb;
/* -------------------------------------------------- */
-webkit-transition: all .4s linear;
.detail-box {
-moz-transition: all .4s linear;
position: relative;
-ms-transition: all .4s linear;
margin-bottom: 5px;
  -o-transition: all .4s linear;
padding: 0 25px 20px;
transition: all .4s linear;
border-width: 1px;
border-style: solid;
border-color: #ebebeb;
text-align: center;
}
.scribble .detail-box {
border-width: 3px;
-webkit-border-image: url(../images/scribble/border.png) 3 repeat;
  -moz-border-image: url(../images/scribble/border.png) 3 repeat;
border-image: url(../images/scribble/border.png) 3 repeat;
}
.detail-entry {
position: relative;  
z-index: 2;
}
}
.detail-box:hover .detail-entry { color: #fff; }
.scribble .team-entry { border-bottom-color: transparent; }
 
.detail-box .detail-icon {
.scribble .team-entry:after {
margin: 40px auto 30px;
position: absolute;
width: 45px;
height: 45px;
background-image: url(../images/icons/icons.png);
background-repeat: no-repeat;
}
.scribble .detail-box .detail-icon { background-image: url(../images/icons/scribble-icons.png); }
 
.detail-box h5 {
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}
 
.detail-box:hover h5 { color: #fff; }
.detail-box .transform {
position: absolute;
bottom: 0;
bottom: 0;
left: 0;
left: 0;
width: 100%;
width: 100%;
height: 0;
height: 2px;  
opacity: 0;
background-color: #9f9f9f;
background-repeat: repeat;
background-image: url(../images/scribble/line-light.png);
background-attachment: fixed;
background-repeat: repeat-x;
content: "";
-webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
}
.scribble .detail-box .transform { background-image: url(../images/scribble/bg.png); }
.scribble .team-entry:hover { border-color: transparent !important; }
 
.detail-box:hover .transform,
.team-entry .team-name {
.touched .transform {  
margin-top: 10px;
height: 100%;
color: #383838;
opacity: 1;
font-weight: 700;
font-size: 12px;
font-family: "Arial";
}
 
.team-entry .job-title {
display: block;
margin-bottom: 5px;
color:#b2b2b2;
font-size: 11px;
}
 
.team-entry ul.social-icons {
margin-top: 10px;
margin-bottom: 20px;
}
/* -------------------------------------------------- */
/* Clients
/* -------------------------------------------------- */
ul.clients-items { padding: 15px 0; }
ul.clients-items li {  
float: left;
width: 20%;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}
ul.clients-items .bwWrapper {
position: relative;
display: block;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Project Carousel
/* Pricing Tables
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.jcarousel-container {  
.simple-pricing-table { margin: 0 10px; }
position: relative;
margin-bottom: 45px;
margin-left: 0;
margin-right: 0;
}
.sixteen.columns .jcarousel-container {
#main .simple-pricing-table { margin: 0; }
margin-left: -10px;
margin-right: -10px;
}
.jcarousel-clip {
.container .simple-pricing-table .column {
overflow: hidden;
position: relative;
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center;
-webkit-box-shadow: -1px 0 0 #fff;
  -moz-box-shadow: -1px 0 0 #fff;
box-shadow: -1px 0 0 #fff;
-webkit-transition: margin .25s linear;
  -moz-transition: margin .25s linear;
-ms-transition: margin .25s linear;
-o-transition: margin .25s linear;
transition: margin .25s linear;
}
.container .simple-pricing-table .column.featured,
.container .simple-pricing-table .column:hover {
z-index: 3;
margin-top: -10px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
}
.simple-pricing-table .title { margin: 0; }


.projects-carousel li:hover .project-meta { background-color: #f9f9f9; }
.simple-pricing-table.type-1 .title {
 
padding: 9px 15px;
.projects-carousel h6 {
color: #fff;
margin-bottom: 5px;
font-weight: 400;
color: #383838;
}
font-weight: 700;
font-size: 12px;
.scribble .simple-pricing-table.type-1 .title { background-image: url(../images/scribble/bg.png); }
font-family: "Arial";
}
.simple-pricing-table.type-2 .title {
 
padding: 11px 0;
.projects-carousel .project-meta {
background-color: #f6f6f6;
display: block;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 600;
}
font-size: 15px;
}
.projects-carousel img { display: block; }
 
.simple-pricing-table.type-1 .featured .title {
/* Controls */
padding-top: 15px;
padding-bottom: 13px;
.jcarousel-prev,
background-color: #373737 !important;
.jcarousel-next {
}
position: absolute;
top: 5px;
.simple-pricing-table.type-2 .featured .title {
right: 10px;
padding-top: 16px;
overflow: hidden;
padding-bottom: 16px;
width: 21px;
background-color: #f4f4f4;
height: 21px;
color: #373737;
background-color: #373737;
}
cursor: pointer;
-webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.jcarousel-prev { right: 33px; }
.jcarousel-next:after { background-position: right top; }
 
.scribble .jcarousel-prev,
.scribble .jcarousel-next { background-image: url(../images/scribble/bg-light.png); }
.jcarousel-prev:after,
.jcarousel-next:after {
position: absolute;
width: 21px;
height: 21px;
background-image: url(../images/icons/small-arrows.png);
background-repeat: no-repeat;
content: "";
}
.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus,
.jcarousel-next-disabled:active,
.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus,
.jcarousel-prev-disabled:active {
background-color: #373737 !important;
cursor: auto;
opacity: .75;
}
/* -------------------------------------------------- */
/* Team
/* -------------------------------------------------- */
 
.team-member { margin-bottom: 25px; }
 
.team-entry {
position: relative;
padding-bottom: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
-webkit-transition: all .4s linear;
.simple-pricing-table.type-1 .column:hover .title {
-moz-transition: all .4s linear;
padding-top: 15px;
-ms-transition: all .4s linear;
padding-bottom: 13px;
  -o-transition: all .4s linear;
}
transition: all .4s linear; 
}
.simple-pricing-table.type-2 .column:hover .title{
padding-top: 16px;
.scribble .team-entry { border-bottom-color: transparent; }
padding-bottom: 16px;
.scribble .team-entry:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #9f9f9f;
background-image: url(../images/scribble/line-light.png);
background-repeat: repeat-x;
content: "";
}
.scribble .team-entry:hover { border-color: transparent !important; }
 
.team-entry .team-name {
margin-top: 10px;
color: #383838;
font-weight: 700;
font-size: 12px;
font-family: "Arial";
}
 
.team-entry .job-title {
display: block;
margin-bottom: 5px;
color:#b2b2b2;
font-size: 11px;
}
 
.team-entry ul.social-icons {
margin-top: 10px;
margin-bottom: 20px;
}
}
/* -------------------------------------------------- */
.simple-pricing-table .price { padding: 18px 0 15px; }
/* 404 Page
/* -------------------------------------------------- */
.simple-pricing-table.type-1 .price { background-color: #e6e6e6; }
 
.simple-pricing-table.type-2 .price { background-color: #373737; }
.e404 {padding: 50px 0 160px 0;}
 
.e404 h1 {
display: inline-block;
float: left;
margin-right: 50px;
padding-right: 70px;
border-right: 1px solid #ebebeb;
font-weight: 600;
font-size: 223px;
font-family: "Open Sans", Arial;
line-height: .8;
}
 
.e404 h2 {  
margin-top: 10px;
margin-bottom: 30px;
font-weight: 400;
font-size: 32px;
line-height: 1.2;
}
/* -------------------------------------------------- */
/* Clients
/* -------------------------------------------------- */
ul.clients-items { padding: 15px 0; }
ul.clients-items li {
float: left;
width: 20%;
-webkit-box-sizing: border-box;
.scribble .simple-pricing-table.type-2 .price { background-image: url(../images/scribble/bg.png); }
  -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.clients-items .bwWrapper {
position: relative;
display: block;
}
/* -------------------------------------------------- */
.simple-pricing-table.type-1 .featured .price { background-color: #f4f4f4; }
/* Pricing Tables
/* -------------------------------------------------- */
.simple-pricing-table { margin: 0 10px; }
#main .simple-pricing-table { margin: 0; }
.container .simple-pricing-table .column {
position: relative;
margin-left: 0;
margin-right: 0;
text-align: center;
-webkit-box-shadow: -1px 0 0 #fff;
.simple-pricing-table .cost {
  -moz-box-shadow: -1px 0 0 #fff;
margin: 0;
box-shadow: -1px 0 0 #fff;
font-weight: 400;
font-size: 36px;
}
.scribble .simple-pricing-table .cost { font-weight: 600; }
.simple-pricing-table.type-2 .cost {
color: #373737;
text-shadow: 1px 1px rgba(255,255,255,.5);
}
.simple-pricing-table.type-2 .cost {
color: #fff;
text-shadow: -1px -1px rgba(0,0,0,.2);
}
.simple-pricing-table .description {
text-transform: uppercase;
font-size: 12px;
font-family: "Open Sans", Arial;
}
.simple-pricing-table.type-1 .description {
color: #505050;
text-shadow: 1px 1px rgba(255,255,255,.5);
}
.simple-pricing-table.type-2 .description {
color: #f6f6f6;
text-shadow: 1px 1px rgba(0,0,0,.2);
}
.simple-pricing-table .features {
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}
.simple-pricing-table .features li {
position: relative;
padding: 10px 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e6e6e6;
background-color: #f6f6f6;
text-align: center;
}
.simple-pricing-table .features li:first-child { border-top: none; }
-webkit-transition: margin .25s linear;
.simple-pricing-table .featured .features li { background-color: #fefefe; }
  -moz-transition: margin .25s linear;
-ms-transition: margin .25s linear;
.simple-pricing-table .footer {
-o-transition: margin .25s linear;
padding: 20px 20px 20px;
transition: margin .25s linear;
background-color: #e6e6e6;
}
}
.container .simple-pricing-table .column.featured,
.simple-pricing-table .featured .footer {  
.container .simple-pricing-table .column:hover {
padding: 25px 20px 25px;
z-index: 3;
background-color: #f4f4f4;  
margin-top: -10px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
}
.simple-pricing-table .title { margin: 0; }
.simple-pricing-table .column:hover .footer { padding: 25px 20px 25px; }
.simple-pricing-table .footer .button { margin: 0; }
 
.simple-pricing-table .title,
.simple-pricing-table .footer {
-webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */


.simple-pricing-table.type-1 .title {
.entry {
padding: 9px 15px;
margin-bottom: 40px;
color: #fff;
    border-bottom-width: 2px;
font-weight: 400;
border-bottom-style: solid;
}
border-bottom-color: #ebebeb;
}
.scribble .simple-pricing-table.type-1 .title { background-image: url(../images/scribble/bg.png); }
 
.item {
.simple-pricing-table.type-2 .title {
float: left;
padding: 11px 0;
margin-left: 10px;
background-color: #f6f6f6;
margin-right: 10px;
text-transform: uppercase;
width: 213px;
font-weight: 600;
}
font-size: 15px;
 
}
.scribble .entry {
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}
 
.entry-title .title {  
margin-bottom: 14px;  
line-height: 1;
}
.entry-title h2 a { color: #373737; }
.simple-pricing-table.type-1 .featured .title {
.item .title {  
padding-top: 15px;
margin-bottom: 4px;
padding-bottom: 13px;
font-weight: 700;
background-color: #373737 !important;
font-size: 12px;  
}
font-family: 'Arial';
}
 
.item .title a { color: #383838; }
.simple-pricing-table.type-2 .featured .title {
.entry-meta {
padding-top: 16px;
  display: inline-block;
padding-bottom: 16px;
  margin-bottom: 15px;
background-color: #f4f4f4;
  padding: 2px 0 4px;
color: #373737;
  width: 100%;
}
  border-top-width: 1px;
  border-top-style: solid;
.simple-pricing-table.type-1 .column:hover .title {
  border-top-color: #ebebeb;
padding-top: 15px;
  border-bottom-width: 1px;
padding-bottom: 13px;
  border-bottom-style: solid;
}
  border-bottom-color: #ebebeb;
}
.simple-pricing-table.type-2 .column:hover .title{
padding-top: 16px;
.scribble .entry-meta {
padding-bottom: 16px;
  border-top-width: 2px;
}
  border-bottom-width: 2px;
  border-left-width: 0;
.simple-pricing-table .price { padding: 18px 0 15px; }
  border-right-width: 0;
 
.simple-pricing-table.type-1 .price { background-color: #e6e6e6; }
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
.simple-pricing-table.type-2 .price { background-color: #373737; }
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
.scribble .simple-pricing-table.type-2 .price { background-image: url(../images/scribble/bg.png); }
}
.simple-pricing-table.type-1 .featured .price { background-color: #f4f4f4; }
.item .entry-meta {
margin: 0;
.simple-pricing-table .cost {  
padding: 0;
margin: 0;
border-top-width: 0;
font-weight: 400;  
border-bottom-width: 0;
font-size: 36px;
}
}
 
.entry-meta span {
.scribble .simple-pricing-table .cost { font-weight: 600; }
display: block;
float: left;
.simple-pricing-table.type-2 .cost {  
margin-right: 20px;
color: #373737;
}
text-shadow: 1px 1px rgba(255,255,255,.5);
}
.item .entry-meta span { margin-right: 15px; }
 
.simple-pricing-table.type-2 .cost {  
.entry-meta span:before {
color: #fff;
margin-right: 5px;
text-shadow: -1px -1px rgba(0,0,0,.2);
font-size: 14px;
}
font-family: "FontAwesome";
}
.simple-pricing-table .description {
 
text-transform: uppercase;
.entry-meta .date:before { content: "\f073"; }
font-size: 12px;
.entry-meta .author:before  { content: "\f007"; }
font-family: "Open Sans", Arial;
.entry-meta .tag:before { content: "\f02b"; }
}
.entry-meta .comments:before { content: "\f086"; }
 
.simple-pricing-table.type-1 .description {
.entry-meta a {
color: #505050;
color: #b2b2b2;
text-shadow: 1px 1px rgba(255,255,255,.5);
font-size: 11px;
}
.simple-pricing-table.type-2 .description {
color: #f6f6f6;
text-shadow: 1px 1px rgba(0,0,0,.2);
}
.simple-pricing-table .features {
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}
.simple-pricing-table .features li {
position: relative;
padding: 10px 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e6e6e6;
background-color: #f6f6f6;
text-align: center;
}
}
.simple-pricing-table .features li:first-child { border-top: none; }
.entry-body { margin-bottom: 24px; }
.simple-pricing-table .featured .features li { background-color: #fefefe; }
/* -------------------------------------------------- */
/* Image Post Slider
.simple-pricing-table .footer {
/* -------------------------------------------------- */
padding: 20px 20px 20px;
background-color: #e6e6e6;
}
.simple-pricing-table .featured .footer {
padding: 25px 20px 25px;
background-color: #f4f4f4;
}
.simple-pricing-table .column:hover .footer { padding: 25px 20px 25px; }
.simple-pricing-table .footer .button { margin: 0; }


.simple-pricing-table .title,
.image-post-slider,
.simple-pricing-table .footer {
.image-gallery-slider {
-webkit-transition: all .25s linear;
position: relative;
  -moz-transition: all .25s linear;
overflow: hidden;
-ms-transition: all .25s linear;
margin-bottom: 20px;
-o-transition: all .25s linear;
margin-left: 10px;
transition: all .25s linear;
margin-right: 10px;
}
}
/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */


.entry {
.column .image-post-slider,
margin-bottom: 40px;
.columns .image-post-slider,
    border-bottom-width: 2px;
.column .image-gallery-slider,
border-bottom-style: solid;
.columns .image-gallery-slider {
border-bottom-color: #ebebeb;
margin-left: 0;
}
margin-right: 0;
}


.item {
.image-post-slider > ul > li,
float: left;
.image-gallery-slider > ul > li { width: 0; display: block !important;}
margin-left: 10px;
margin-right: 10px;
width: 213px;
}


.scribble .entry {
.image-post-slider > ul > li:first-child,
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
.image-gallery-slider > ul > li:first-child {
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
width: 100%;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}
}


.entry-title .title {
.image-post-slider a,
margin-bottom: 14px;
.image-gallery-slider a { margin: 0; }
line-height: 1;
 
}
.post-slider-nav,
.gallery-slider-nav {
.entry-title h2 a { color: #373737; }
position: absolute;
right: 10px;
.item .title {  
bottom: 10px;
margin-bottom: 4px;
z-index: 100;
font-weight: 700;
width: 65px;
font-size: 12px;  
font-family: 'Arial';
}
}


.item .title a { color: #383838; }
.post-slider-nav a,
.gallery-slider-nav a {
.entry-meta {
position: relative;
  display: inline-block;
display: block;
  margin-bottom: 15px;
width: 30px;
  padding: 2px 0 4px;
height: 30px;
  width: 100%;
font: 0/0 a;
  border-top-width: 1px;
cursor: pointer;
  border-top-style: solid;
background-color: #000;
  border-top-color: #ebebeb;
background-color: rgba(0,0,0,.8);
  border-bottom-width: 1px;
 
  border-bottom-style: solid;
-webkit-transition: all .2s linear;
  border-bottom-color: #ebebeb;
  -moz-transition: all .2s linear;
}
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
.scribble .entry-meta {
transition: all .2s linear;
  border-top-width: 2px;
}
  border-bottom-width: 2px;
  border-left-width: 0;
  border-right-width: 0;
 
-webkit-border-image: url(../images/scribble/border-line.png) 2  repeat;
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}
.item .entry-meta {
margin: 0;
padding: 0;
border-top-width: 0;
border-bottom-width: 0;
}


.entry-meta span {
.post-slider-nav a:after,
display: block;
.gallery-slider-nav a:after {
float: left;
position: absolute;
margin-right: 20px;
left: 0;
}
top: 0;
width: 30px;
.item .entry-meta span { margin-right: 15px; }
height: 30px;
background-image: url(../images/icons/medium-arrows.png);
background-repeat: no-repeat;
content: "";
}


.entry-meta span:before {
.scribble .post-slider-nav a,
margin-right: 5px;
.scribble .gallery-slider-nav a { background-image: url(../images/scribble/bg-light.png); }
font-size: 14px;
font-family: "FontAwesome";
}


.entry-meta .date:before { content: "\f073"; }
.post-slider-nav .prevBtn,
.entry-meta .author:before  { content: "\f007"; }
.gallery-slider-nav .prevBtn {  
.entry-meta .tag:before { content: "\f02b"; }
left: 0;
.entry-meta .comments:before { content: "\f086"; }
float: left;
}


.entry-meta a {
.post-slider-nav .nextBtn,
color: #b2b2b2;
.gallery-slider-nav .nextBtn {
font-size: 11px;
right: 0;
float: right;
}
}
 
.entry-body { margin-bottom: 24px; }
.post-slider-nav .nextBtn:after,
.gallery-slider-nav .nextBtn:after { background-position: right; }
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Image Post Slider
/* Pagenavi
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.wp-pagenavi .page-numbers {
display: block;
float: left;
margin-right: 2px;
width: 31px;
height: 31px;
background-color: #e9e9e9;
color: #373737;
text-align: center;
line-height: 31px;
}
.scribble .wp-pagenavi .page-numbers { background-image: url(../images/scribble/bg-light.png); }


.image-post-slider,
.wp-pagenavi .current { color: #fff; }
.image-gallery-slider {
position: relative;
overflow: hidden;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}


.column .image-post-slider,
.wp-pagenavi a:hover {
.columns .image-post-slider,
background-color: #373737;
.column .image-gallery-slider,
color: #fff;
.columns .image-gallery-slider {
}
margin-left: 0;
margin-right: 0;
}


.image-post-slider > ul > li,
.wp-pagenavi .prev,
.image-gallery-slider > ul > li { width: 0; display: block !important;}
.wp-pagenavi .next {
font-size: 15px;
vertical-align: middle;
}


.image-post-slider > ul > li:first-child,
.wp-pagenavi .prev:after { content: "←"; }
.image-gallery-slider > ul > li:first-child {  
.wp-pagenavi .next:after { content: "→"; }
width: 100%;
}
/* -------------------------------------------------- */
/* About Author
/* -------------------------------------------------- */


.image-post-slider a,
.author-about {
.image-gallery-slider a { margin: 0; }
margin-bottom: 40px;
padding: 20px;
background-color: #f5f5f5;
overflow: hidden;
}
.scribble .author-about { background-image: url(../images/scribble/bg-light.png); }


.post-slider-nav,
.author-thumb {
.gallery-slider-nav {
float: left;  
position: absolute;
margin-right: 20px;
right: 10px;
bottom: 10px;
z-index: 100;
width: 65px;
}
}


.post-slider-nav a,
.author-entry { display: table; }
.gallery-slider-nav a {
position: relative;
display: block;
width: 30px;
height: 30px;
font: 0/0 a;
cursor: pointer;
background-color: #000;
background-color: rgba(0,0,0,.8);


-webkit-transition: all .2s linear;
.author-entry h5 {
  -moz-transition: all .2s linear;
font-weight: 400;
-ms-transition: all .2s linear;
font-size: 18px;
-o-transition: all .2s linear;
transition: all .2s linear;
}
}
/* -------------------------------------------------- */
/* Comments
/* -------------------------------------------------- */


.post-slider-nav a:after,
#comments h6 { margin-bottom: 25px; }
.gallery-slider-nav a:after {
position: absolute;
.scribble #comments h6 { font-weight: 600; }
left: 0;
top: 0;
width: 30px;
height: 30px;
background-image: url(../images/icons/medium-arrows.png);
background-repeat: no-repeat;
content: "";
}


.scribble .post-slider-nav a,
.comments-list {
.scribble .gallery-slider-nav a { background-image: url(../images/scribble/bg-light.png); }
margin-top: 10px;
 
margin-bottom: 40px;
.post-slider-nav .prevBtn,
overflow: hidden;
.gallery-slider-nav .prevBtn {
border-bottom-width: 2px;
left: 0;
border-bottom-style: solid;
float: left;
border-bottom-color: #ebebeb;
}
}
.scribble .comments-list {
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}


.post-slider-nav .nextBtn,
.comment {
.gallery-slider-nav .nextBtn {
list-style: none;
right: 0;
border-top-width: 1px;
float: right;
border-top-style: solid;
}
border-top-color: #ebebeb;
 
padding-top: 40px;
.post-slider-nav .nextBtn:after,
}
.gallery-slider-nav .nextBtn:after { background-position: right; }
/* -------------------------------------------------- */
.scribble .comment {
/* Pagenavi
border-top-width: 2px;
/* -------------------------------------------------- */
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
.wp-pagenavi .page-numbers {
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
display: block;
border-image: url(../images/scribble/border-line.png) 2 repeat;
float: left;
margin-right: 2px;
width: 31px;
height: 31px;
background-color: #e9e9e9;
color: #373737;
text-align: center;
line-height: 31px;
}
}
.scribble .wp-pagenavi .page-numbers { background-image: url(../images/scribble/bg-light.png); }


.wp-pagenavi .current { color: #fff; }
.comments-list .comment:first-child { border-top-width: 0; }


.wp-pagenavi a:hover {
.comment > article { margin-bottom: 20px; }
background-color: #373737;
color: #fff;
}


.wp-pagenavi .prev,
.comment .gravatar {
.wp-pagenavi .next {  
float: left;
font-size: 15px;
margin-right: 10px;
vertical-align: middle;
}
}


.wp-pagenavi .prev:after { content: "←"; }
.comment-body { display: table; }
.wp-pagenavi .next:after { content: "→"; }
/* -------------------------------------------------- */
/* About Author
/* -------------------------------------------------- */


.author-about {
.comment .comment-meta { zoom: 1; }
margin-bottom: 40px;
padding: 20px;
background-color: #f5f5f5;
overflow: hidden;
}
.scribble .author-about { background-image: url(../images/scribble/bg-light.png); }


.author-thumb {
.comment .comment-author a {
float: left;  
color: #383838;
margin-right: 20px;
font-weight: 700;
}
}


.author-entry { display: table; }
.comment .comment-date { float: left; }


.author-entry h5 {
.comment .comment-date a {
font-weight: 400;
margin-right: 10px;
font-size: 18px;
color: #b2b2b2;
font-size: 11px;
}
 
.comment-reply-link {
padding: 0 6px;
font-size: 11px;
}
 
.comment-reply-link:hover { background-color: #038ca9; }
 
/* Children */
 
.comment .children {
margin: 0;
padding-left: 70px;
}
}
.children .comment {
padding-top: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ebebeb;
}
.normal .children .comment {
border-top: 1px solid #ebebeb;
}
.scribble .children .comment {
border-top-width: 2px;
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}
/* Respond */
#respond { width: 60%; }
#respond h6 { margin-bottom: 20px; }
.scribble #respond h6 { font-weight: 600;}
/* ---------------------------------------------------------------------- */
/* Portfolio
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Comments
/* Portfolio Filter
/* -------------------------------------------------- */
/* -------------------------------------------------- */


#comments h6 { margin-bottom: 25px; }
.portfolio-filter {
margin: 0 10px 35px;
.scribble #comments h6 { font-weight: 600; }
text-align: left;
 
text-transform: uppercase;
.comments-list {
margin-top: 10px;
margin-bottom: 40px;
overflow: hidden;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
}
.scribble .comments-list {
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}
}


.comment {
.portfolio-filter li {
list-style: none;
display: block;
border-top-width: 1px;
float: left;
border-top-style: solid;
margin-right: 20px;
border-top-color: #ebebeb;
padding-top: 40px;
}
}
 
.scribble .comment {
.portfolio-filter li a {
border-top-width: 2px;
color: #383838;
font-weight: 600;
font-size: 11px;
font-family: "Open Sans", Arial;
cursor: pointer;
}
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
.ie7 .portfolio-filter li a,
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
.ie8 .portfolio-filter li a { font-weight: 400; }
border-image: url(../images/scribble/border-line.png) 2 repeat;
}


.comments-list .comment:first-child { border-top-width: 0; }
/* -------------------------------------------------- */
/* Portfolio Items
/* -------------------------------------------------- */
.portfolio-items { font-size: 0; }


.comment > article { margin-bottom: 20px; }
.container .portfolio-items article {
position: relative;
display: inline-block;
float: none;
vertical-align: top;
margin-bottom: 40px;
}


.comment .gravatar {
.portfolio-items article .single-image,
float: left;
.jcarousel-container .single-image { margin: 0; }
margin-right: 10px;
.single-image img { display: block; }
.preloader {
background-position: center center;
background-repeat: no-repeat;
}
.preloader.loader { background-image: url(../images/preloader.gif); }
.preloader img:not(.BWFilter) {
opacity: 0;
-webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
transition: all .25s linear;
}
}


.comment-body { display: table; }
.preloader .fadein { opacity: 1 !important; }


.comment .comment-meta { zoom: 1; }
.project-meta {
 
position: relative;
.comment .comment-author a {
display: block;
color: #383838;
padding-top: 20px;
font-weight: 700;
padding-bottom: 20px;
}
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
}
.scribble .project-meta {
border-bottom-color: transparent !important;
}
.scribble .project-meta:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #9f9f9f;
background-image: url(../images/scribble/line-light.png);
content: "";
}
.scribble article:hover .project-meta { border-bottom-color: transparent !important; }
.portfolio-items article:hover .project-meta { background-color: #f9f9f9; }


.comment .comment-date { float: left; }
.project-meta .title {
margin-bottom: 5px;
color: #383838;
font-weight: 700;
font-size: 12px;
font-family: "Arial";
}
.project-meta .categories { display: block; }
/* -------------------------------------------------- */
/* Portfolio Controls
/* -------------------------------------------------- */
.portfolio-controls {  
float: right;
padding: 8px 0;
font-size: 0;  
}


.comment .comment-date a {
.portfolio-controls a {
margin-right: 10px;
display: inline-block;
color: #b2b2b2;
overflow: hidden;
font-size: 11px;
margin-left: 2px;
}
width: 21px;
height: 21px;
background-color: #373737;
background-image: url(../images/icons/controls.png);
background-repeat: no-repeat;
font: 0/0 a;
cursor: pointer;
-webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.portfolio-controls .controls-all  { background-position: center; }
.portfolio-controls .controls-next { background-position: right; }
/* Isotope */


.comment-reply-link {
.isotope-hidden.isotope-item {
padding: 0 6px;
pointer-events: none;
font-size: 11px;
z-index: 1;
}
}


.comment-reply-link:hover { background-color: #038ca9; }
.isotope, .isotope .isotope-item {
-webkit-transition-duration: .6s;
  -moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
transition-duration: .6s;
z-index: 2;
}


/* Children */
.isotope {
-webkit-transition-property: height, width;
  -moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}


.comment .children {
.isotope .isotope-item {
margin: 0;
-webkit-transition-property: -webkit-transform, opacity;
padding-left: 70px;
  -moz-transition-property: -moz-transform, opacity;
}
-ms-transition-property: top, left, opacity;
 
-o-transition-property: top, left, opacity;
.children .comment {
transition-property: transform, opacity;
padding-top: 40px;
}
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ebebeb;
}
.normal .children .comment {
border-top: 1px solid #ebebeb;
}
.scribble .children .comment {
border-top-width: 2px;
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}
 
/* Respond */
 
#respond { width: 60%; }
#respond h6 { margin-bottom: 20px; }


.scribble #respond h6 { font-weight: 600;}
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Portfolio
/* Sidebar
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.sbr #sidebar { float: right; }
.sbl #sidebar { float: left;  }


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* Portfolio Filter
/* Widgets
/* -------------------------------------------------- */
/* -------------------------------------------------- */


.portfolio-filter {
#sidebar .widget { margin-bottom: 40px; }
margin: 0 10px 35px;
text-align: left;
#sidebar .widget-title {
text-transform: uppercase;
margin-bottom: 20px;
}
font-size: 14px;
 
.portfolio-filter li {
display: block;
float: left;
margin-right: 20px;
}
 
.portfolio-filter li a {
color: #383838;
font-weight: 600;
font-weight: 600;
font-size: 11px;
font-family: "Open Sans", Arial;
cursor: pointer;
}
}
.ie7 .portfolio-filter li a,
.widget .post-date {
.ie8 .portfolio-filter li a { font-weight: 400; }
display: block;
font-size: 11px;
font-style: italic;
color: #b2b2b2;
}
.scribble #sidebar .widget-title { font-size: 15px; font-weight: 600 }
.ie8 #sidebar .widget-title { font-weight: 400; }


/* -------------------------------------------------- */
/* ---------------------------------------- */
/* Portfolio Items
/* Default Widgets
/* -------------------------------------------------- */
/* ---------------------------------------- */
.portfolio-items { font-size: 0; }
/* read-more links */
 
.more-link {}
.container .portfolio-items article {
position: relative;
/* blogroll links */
display: inline-block;
.linkcat {}
float: none;
.blogroll {}
vertical-align: top;
margin-bottom: 40px;
}
 
.portfolio-items article .single-image,
.jcarousel-container .single-image { margin: 0; }
.single-image img { display: block; }
/* text widget */
.textwidget {}
.preloader {
.widget_text {}
background-position: center center;
.textwidget p {}
background-repeat: no-repeat;
}
.preloader.loader { background-image: url(../images/preloader.gif); }
.preloader img:not(.BWFilter) {
opacity: 0;
-webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
transition: all .25s linear;
}
 
.preloader .fadein { opacity: 1 !important; }
 
.project-meta {
position: relative;
display: block;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
}
.scribble .project-meta {
.widget .sub-menu { padding-top: 5px; }
border-bottom-color: transparent !important;
}
.scribble .project-meta:after {
.widget_categories ul li,
position: absolute;
.widget_archive ul li,
bottom: 0;
.widget_links ul li,
left: 0;
.widget_meta ul li,
width: 100%;
.widget_pages ul li,
height: 2px;
.widget_recent_entries ul li {
background-color: #9f9f9f;
position: relative;
background-image: url(../images/scribble/line-light.png);
padding: 6px 0 6px 15px;
content: "";
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e8e8e8;
list-style: none;
}
}
.scribble article:hover .project-meta { border-bottom-color: transparent !important; }
#footer .widget_categories ul li,
.portfolio-items article:hover .project-meta { background-color: #f9f9f9; }
#footer .widget_archive ul li,
#footer .widget_links ul li,
#footer .widget_meta ul li,
#footer .widget_pages ul li,
#footer .widget_recent_entries ul li {
border-top-color: #464545;
}
.scribble .widget_categories ul li,
.scribble .widget_archive ul li,
.scribble .widget_links ul li,
.scribble .widget_meta ul li,
.scribble .widget_pages ul li,
.scribble .widget_recent_entries ul li {
border-top-width: 2px;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
border-image: url(../images/scribble/border-line.png) 2 repeat;
}


.project-meta .title {
.widget_categories ul li:first-child,
margin-bottom: 5px;
.widget_archive ul li:first-child,
color: #383838;
.widget_links ul li:first-child,
font-weight: 700;
.widget_meta ul li:first-child,
font-size: 12px;
.widget_pages ul li:first-child,
font-family: "Arial";
.widget_recent_entries ul li:first-child { border-top-width: 0; }
}
.project-meta .categories { display: block; }
/* -------------------------------------------------- */
/* Portfolio Controls
/* -------------------------------------------------- */
.portfolio-controls {
float: right;
padding: 8px 0;
font-size: 0;
}
 
.portfolio-controls a {
display: inline-block;
overflow: hidden;
margin-left: 2px;
width: 21px;
height: 21px;
background-color: #373737;
background-image: url(../images/icons/controls.png);
background-repeat: no-repeat;
font: 0/0 a;
cursor: pointer;
-webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.portfolio-controls .controls-all  { background-position: center; }
.widget_categories li a,
.portfolio-controls .controls-next { background-position: right; }
.widget_archive li a,
.widget_links li a,
/* Isotope */
.widget_meta li a,
 
.widget_pages li a,
.isotope-hidden.isotope-item {
.widget_recent_entries li a {
pointer-events: none;
position: relative;
z-index: 1;
display: inline-block;
}
color: #969696;
 
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: .6s;
  -moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
transition-duration: .6s;
z-index: 2;
}
 
.isotope {
-webkit-transition-property: height, width;
  -moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
 
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
-ms-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
 
/* ---------------------------------------------------------------------- */
/* Sidebar
/* ---------------------------------------------------------------------- */
 
.sbr #sidebar { float: right; }
.sbl #sidebar { float: left; }
 
/* -------------------------------------------------- */
/* Widgets
/* -------------------------------------------------- */
 
#sidebar .widget { margin-bottom: 40px; }
#sidebar .widget-title {
.widget_categories li a:before,
margin-bottom: 20px;
.widget_archive li a:before,
font-size: 14px;
.widget_links li a:before,
font-weight: 600;
.widget_meta li a:before,
.widget_pages li a:before,
.widget_recent_entries li a:before {
position: absolute;
left: -15px;
top: 0;
width: 4px;
height: 100%;
display: block;
background-image: url(../images/icons/arrow-black.png);
background-position: 0 center;
background-repeat: no-repeat;
content: "";
-webkit-transition: left .2s linear;
  -moz-transition: left .2s linear;
-ms-transition: left .2s linear;
-o-transition: left .2s linear;
transition: left .2s linear;
}
}
.widget .post-date {
display: block;
font-size: 11px;
font-style: italic;
color: #b2b2b2;
}
.scribble #sidebar .widget-title { font-size: 15px; font-weight: 600 }
.ie8 #sidebar .widget-title { font-weight: 400; }
/* ---------------------------------------- */
/* Default Widgets
/* ---------------------------------------- */
/* read-more links */
#footer .widget_categories li a:before,
.more-link {}
#footer .widget_archive li a:before,
#footer .widget_nav_menu li a:before,
#footer .widget_links li a:before,
#footer .widget_meta li a:before,
#footer .widget_pages li a:before,
#footer .widget_recent_entries li a:before {
background-image: url(../images/icons/arrow-light.png);
}
/* blogroll links */
.widget_categories li a:hover:before,
.linkcat {}
.widget_archive li a:hover:before,  
.blogroll {}
.widget_links li a:hover:before,  
.widget_meta li a:hover:before,
/* text widget */
.widget_pages li a:hover:before,
.textwidget {}
.widget_recent_entries li a:hover:before { left: -10px; }
.widget_text {}
.textwidget p {}
/* Widget Nav Menu for Footer */
.widget .sub-menu { padding-top: 5px; }
#footer .widget_nav_menu ul li {
position: relative;
.widget_categories ul li,
padding: 6px 0 6px 15px;
.widget_archive ul li,  
border-top-width: 1px;
.widget_links ul li,
border-top-style: solid;
.widget_meta ul li,
border-top-color: #e8e8e8;
.widget_pages ul li,
list-style: none;
.widget_recent_entries ul li {
}
position: relative;
padding: 6px 0 6px 15px;
#footer .widget_nav_menu ul li:first-child { border-top-width: 0; }
border-top-width: 1px;
 
border-top-style: solid;
.scribble #footer .widget_nav_menu ul li {
border-top-color: #e8e8e8;
border-top-width: 2px;
list-style: none;
 
}
-webkit-border-image: url(../images/scribble/border.png) 2 repeat;
-moz-border-image: url(../images/scribble/border.png) 2 repeat;
#footer .widget_categories ul li,
border-image: url(../images/scribble/border.png) 2 repeat;
#footer .widget_archive ul li,
}
#footer .widget_links ul li,
#footer .widget_meta ul li,
#footer .widget_pages ul li,
#footer .widget_recent_entries ul li {
border-top-color: #464545;
}
.scribble .widget_categories ul li,
.scribble .widget_archive ul li,
.scribble .widget_links ul li,
.scribble .widget_meta ul li,
.scribble .widget_pages ul li,
.scribble .widget_recent_entries ul li {
border-top-width: 2px;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat;
#footer .widget_nav_menu li a {
-moz-border-image: url(../images/scribble/border-line.png) 2 repeat;
position: relative;
border-image: url(../images/scribble/border-line.png) 2 repeat;
display: inline-block;
}
color: #969696;
}
 
#footer .widget_nav_menu li a:hover:before{ left: -10px; }


.widget_categories ul li:first-child,
#footer .widget_nav_menu li a:before {
.widget_archive ul li:first-child,
position: absolute;
.widget_links ul li:first-child,
left: -15px;
.widget_meta ul li:first-child,
top: 0;
.widget_pages ul li:first-child,
width: 4px;
.widget_recent_entries ul li:first-child { border-top-width: 0; }
height: 100%;
display: block;
.widget_categories li a,
background-image: url(../images/icons/arrow-black.png);
.widget_archive li a,
background-position: 0 center;
.widget_links li a,
background-repeat: no-repeat;
.widget_meta li a,
content: "";
.widget_pages li a,
 
.widget_recent_entries li a {
-webkit-transition: left .2s linear;
position: relative;
  -moz-transition: left .2s linear;
display: inline-block;
-ms-transition: left .2s linear;
color: #969696;
-o-transition: left .2s linear;
}
transition: left .2s linear; 
}
.widget_categories li a:before,
.widget_archive li a:before,
/* Widget Nav Menu */
.widget_links li a:before,
.widget_meta li a:before,
.widget_pages li a:before,
.widget_recent_entries li a:before {
position: absolute;
left: -15px;
top: 0;
width: 4px;
height: 100%;
display: block;
background-image: url(../images/icons/arrow-black.png);
background-position: 0 center;
background-repeat: no-repeat;
content: "";
-webkit-transition: left .2s linear;
.widget_nav_menu .menu {
  -moz-transition: left .2s linear;
margin-bottom: 40px;
-ms-transition: left .2s linear;
border-bottom: 1px solid #ebebeb;
-o-transition: left .2s linear;
transition: left .2s linear; 
}
#footer .widget_categories li a:before,
#footer .widget_archive li a:before,
#footer .widget_nav_menu li a:before,
#footer .widget_links li a:before,
#footer .widget_meta li a:before,
#footer .widget_pages li a:before,
#footer .widget_recent_entries li a:before {
background-image: url(../images/icons/arrow-light.png);
}
.widget_categories li a:hover:before,
.widget_archive li a:hover:before,
.widget_links li a:hover:before,
.widget_meta li a:hover:before,
.widget_pages li a:hover:before,
.widget_recent_entries li a:hover:before { left: -10px; }
/* Widget Nav Menu for Footer */
#footer .widget_nav_menu ul li {
position: relative;
padding: 6px 0 6px 15px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e8e8e8;
list-style: none;
}
#footer .widget_nav_menu ul li:first-child { border-top-width: 0; }
 
.scribble #footer .widget_nav_menu ul li {
border-top-width: 2px;
 
-webkit-border-image: url(../images/scribble/border.png) 2 repeat;
-moz-border-image: url(../images/scribble/border.png) 2 repeat;
border-image: url(../images/scribble/border.png) 2 repeat;
}
#footer .widget_nav_menu li a {
position: relative;
display: inline-block;
color: #969696;
}
 
#footer .widget_nav_menu li a:hover:before{ left: -10px; }
 
#footer .widget_nav_menu li a:before {
position: absolute;
left: -15px;
top: 0;
width: 4px;
height: 100%;
display: block;
background-image: url(../images/icons/arrow-black.png);
background-position: 0 center;
background-repeat: no-repeat;
content: "";
 
-webkit-transition: left .2s linear;
  -moz-transition: left .2s linear;
-ms-transition: left .2s linear;
-o-transition: left .2s linear;
transition: left .2s linear; 
}
/* Widget Nav Menu */
.widget_nav_menu .menu {
margin-bottom: 40px;
border-bottom: 1px solid #ebebeb;
}
}
Line 2,817: Line 2,096:
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */


#footer {
#footer2 {
    background-color: #373737;   
        background-color: #373737;   
padding: 35px 0 40px;
padding: 30px 0px 30px;
color: #969696;
color: #969696;
        font-size: 12 px;
        font-weight: 500;
}
}


Line 5,797: Line 5,079:
}
}


.navigation { display: none; }
.navigation { display: none; }
.responsive-nav { display: block; }
.responsive-nav { display: block; }
Line 5,815: Line 5,097:
margin: 0 4px;
margin: 0 4px;
padding: 8px 5px;
padding: 8px 5px;
font-size: 13px;
font-size: 12px;
}
}


Line 5,853: Line 5,135:
ul.clients-items li { width: 50%; }
ul.clients-items li { width: 50%; }


/* -------------------------------------------------- */
/* 404 Page
/* -------------------------------------------------- */
.e404 {
padding: 30px 0 80px 0;
text-align: center;
}
 
.e404 h1 {
float: none;
margin-right: 0;
padding-right: 0;
border-right: none;
font-size: 150px;
}
 
.e404 h2 {
margin-bottom: 10px;
font-size: 25px;
}
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
Line 6,217: Line 5,479:
.scribble .detail-box:hover .icons-wallet { background-position: -1665px -45px; }
.scribble .detail-box:hover .icons-wallet { background-position: -1665px -45px; }
.scribble .detail-box:hover .icons-tick { background-position: -1710px -45px; }
.scribble .detail-box:hover .icons-tick { background-position: -1710px -45px; }
.scribble .detail-box:hover .icons-paint-brush { background-position: -1755px -45px; }
.scribble .detail-box:hover .icons-paint-brush { background-position: -1755px -45px; }
.scribble .detail-box:hover .icons-network { background-position: -1800px -45px; }
.scribble .detail-box:hover .icons-network { background-position: -1800px -45px; }
.scribble .detail-box:hover .icons-layout { background-position: -1845px -45px; }
.scribble .detail-box:hover .icons-layout { background-position: -1845px -45px; }
.scribble .detail-box:hover .icons-megaphone { background-position: -1890px -45px; }
.scribble .detail-box:hover .icons-megaphone { background-position: -1890px -45px; }
.scribble .detail-box:hover .icons-book { background-position: -1935px -45px; }
.scribble .detail-box:hover .icons-book { background-position: -1935px -45px; }
.scribble .detail-box:hover .icons-calendar { background-position: -1980px -45px; }
.scribble .detail-box:hover .icons-calendar { background-position: -1980px -45px; }
.scribble .detail-box:hover .icons-refresh { background-position: -2025px -45px; }
.scribble .detail-box:hover .icons-refresh { background-position: -2025px -45px; }
.scribble .detail-box:hover .icons-earth { background-position: -2070px -45px; }
.scribble .detail-box:hover .icons-earth { background-position: -2070px -45px; }
.scribble .detail-box:hover .icons-house { background-position: -2115px -45px; }
.scribble .detail-box:hover .icons-house { background-position: -2115px -45px; }
 
 
</style>
</style>
 
<body class="wide normal pattern-1 color-1">
<div id="wrapper">
<header id="header">
       
        <div class="container">
<div class="eight columns">
<div id="logo">
<a href="index.html"><img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/mit-logo-words.jpg"    width="300" height="300"></a>
</div>
</div>
 
                                      <div class="six columns">
<div class="clear"></div>
<!--ul class="social-icons">
<li class="facebook"><a href="https://www.facebook.com/">
 
<img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/facebook.png" alt="facebook" ></a></li>
 
<li class="youtube"><a href="https://www.youtube.com/">
<img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/youtube.png" alt="youtube" ></a></li>
 
<li class="vimeo"><a href="https://vimeo.com/"><img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/vimeo.png" alt="vimeo" ></a></li>
 
</ul-->
</div><!--/ .columns-->
 
<div class="clear"></div>
<div class="sixteen columns">
<div class="menu-container clearfix">
 
<nav id="navigation" class="navigation clearfix">
 
<div class="menu">
<ul>
<li><a href="http://openwetware.org/wiki/Biomod/2013/MIT">Home</a></li>
<li><a href="MITproject.html">Project</a></li>
                                                                <li> <a href="Videos.html">Videos</a></li>
<li><a href="about-us.html">Team</a></li>
<li><a href="references.html">References</a></li>
</div>
 
</nav><!--/ .navigation-->
<div class="search-wrapper">
 
<form method="post" action="/">
 
</form>
 
</div><!--/ .search-wrapper-->
 
</div><!--/ .menu-container-->
</div><!--/ .columns-->
</div><!--/ .container-->
 
    </header><!--/ #header-->
</div>
<section id="content">
<div class="container clearfix">
<div class="page-header clearfix">


<body class="wide normal pattern-1 color-1">
<h1 style="display:block">DNA disPLAY</h1>  
<div class=" fifteen columns row">
<div id="wrapper">
<header id="header">
       
        <div class="container">
<div class="eight columns">
<div id="logo">
<a href="index.html"><img src="/images/9/9f/MITLogo80pxFit.png"  alt="logo"></a>
</div><!--/ #logo-->
</div><!--/ .columns-->
<div class="eight columns">
<div class="widget widget_contacts">


<div class="vcard clearfix">


<!--p class="top-phone">Call Us : <span>+00 123456789</span></p-->
<p align="justify">
<blockquote1 id="blockquote1">


</div><!--/ .vcard-->
The DNA disPLAY project attempts to take-on the challenge of DNA design by making DNA both
<div class="clear"></div>
<ul class="social-icons">
<li class="facebook"><a href="#">Facebook</a></li>
<li class="youtube"><a href="#">Youtube</a></li>
<li class="rss"><a href="#">Rss</a></li>
</ul><!--/ .social-icons -->
</div>
</div><!--/ .columns-->
<div class="clear"></div>
<div class="sixteen columns">
<div class="menu-container clearfix">


<nav id="navigation" class="navigation clearfix">
physical and visual as a new creative medium. We aim to allow anyone to design with


<div class="menu">
DNA by using easy and powerful software tools with direct ordering of custom DNA
<ul>
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Layer Slider</a></li>
<li><a href="index-2.html">Flex Slider</a></li>
</ul>
</li>
<li><a href="portfolio-2-columns-sidebar.html">Project</a>
<ul>
<li><a href="portfolio-2-columns-sidebar.html">With Sidebar</a>
<ul>
<li><a href="portfolio-2-columns-sidebar.html">Portfolio 2 Columns</a></li>
<li><a href="portfolio-3-columns-sidebar.html">Portfolio 3 Columns</a></li>
<li><a href="portfolio-4-columns-sidebar.html">Portfolio 4 Columns</a></li>
<li><a href="portfolio-single-sidebar.html">Portfolio Single</a></li>
</ul>
</li>
<li><a href="portfolio-2-columns.html">Without Sidebar</a>
<ul>
<li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li>
<li><a href="portfolio-3-columns.html">Portfolio 3 Columns</a></li>
<li><a href="portfolio-4-columns.html">Portfolio 4 Columns</a></li>
<li><a href="portfolio-single.html">Portfolio Single</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="about-us.html">Team</a>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
</li>
<li><a href="typography.html">References</a>
<ul>
<li><a href="typography.html">Typography</a></li>
</ul>
</li>
<li><a href="blog.html">Other pages</a>
<ul>
<li><a href="blog-single.html">Bla bla</a></li>
</ul>
</li>
<li class="current-menu-item"><a href="columns.html">Shortcodes</a>
<ul>
<li><a href="elements.html">Elements</a></li>
<li><a href="pricing-tables.html">Pricing Tables</a></li>
<li class="current-menu-item"><a href="columns.html">Columns</a></li>
<li><a href="icons.html">Icons</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>


</nav><!--/ .navigation-->
sequences and a new process for CNC printing DNA images on paper. This project
<div class="search-wrapper">


<form method="post" action="/">
eliminates the expensive and difficult process of imagining, order and DNA handling for


<p>
non-experts. In the near future, we imagine that DNA patterns can become microfluidic,
<input name="s" id="s" type="text">
<button type="submit" class="submit-search">Search</button>
</p>


</form>
diagnostic and electronic displays where the structure of the drawing becomes a


</div><!--/ .search-wrapper-->
computational medium.
</p>
</div>
<iframe src="//player.vimeo.com/video/77890414?title=0&amp;byline=0&amp;portrait=0" width="800" height="450"  style="float:middle"  frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div><!--/ .columns -->
<div class=" seven columns row">
<img alt="GOL-03" src="http://upload.wikimedia.org/wikipedia/commons/0/07/Game_of_life_pulsar.gif" width="700">
</div><!--/ .columns -->


</div><!--/ .menu-container-->
<div class="eight columns row">
<blockquote1 id="blockquote1">
</div><!--/ .columns-->
</div><!--/ .container-->
 
    </header><!--/ #header-->
<section id="content">
<div class="container clearfix">
<div class="page-header clearfix">


<h1>Columns</h1>
Can we make the patterns of Conway's Game of Life with DNA? Can we make patterns transition between stages?</br>


</div><!--/ .page-header-->
<p align="justify">
</br>
<div class="eight columns row">
What is Conway's Game of Life?</br>
The Game of Life is a cellular automaton devised by the British mathematician John Horton Conway in 1970.The game consists of a collection of cells which, based on a few mathematical rules, can live, die or multiply. Depending on the initial conditions, the cells form various patterns throughout the course of the game.</br>
<span class="dropcapcircle">1</span>
</br>
<h6>1/2 Column</h6>
The Rules:</br>
1. Each cell with 1 or no neighbors dies.</br>
<p>
2. Each cell with 4 or more neighbors dies.</br>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet
3. Each cell with 2 or 3 neighbors survives.</br>
tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum
4. Each cell with 3 neighbors becomes populated.</br>
primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor. Vestibulum ante ipsum.
</p>
</div><!--/ .columns -->
<div class="eight columns row">
<span class="dropcapcircle">2</span>
<h6>1/2 Column</h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet
tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum
primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor. Vestibulum ante ipsum.
</p>
</div><!--/ .columns -->
<div class="one-third column row">
<span class="dropcapcircle">1</span>
<h6>1/3 Column</h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet
tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum
primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor.
</p>
</div><!--/ .columns -->
<div class="one-third column row">
<span class="dropcapcircle">2</span>
<h6>1/3 Column</h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet
tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum
primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor.
</p>
</div><!--/ .columns -->
<div class="one-third column row">
<span class="dropcapcircle">3</span>
<h6>1/3 Column </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet
tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum
primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor.
</p>
</div><!--/ .columns -->
<div class="sixteen columns row">
<span class="dropcapcircle">1</span>
<h6>16 Columns </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique
erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in
faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor. Aliquam hendrit
rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet.
Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus
et ultrices posuere cubilia mattis elit porttitor. Aliquam hendrit rutrum iaculis nullam
ondimentum maluada velit beum donec sit amet tristique erosam amet. Risus mollis malesuada
quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus et ultrices posuere
cubilia mattis elit porttitor ante ipsum primis in faucibus.
</p>
</div><!--/ .columns-->
<div class="four columns row">
<span class="dropcapcircle">1</span>
<h6>1/4 Column </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique
erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante.
</p>
</div><!--/ columns-->
<div class="four columns row">
<span class="dropcapcircle">2</span>
<h6>1/4 Column </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique
erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante.
</p>
</div><!--/ .columns-->
<div class="four columns row">
<span class="dropcapcircle">3</span>
<h6>1/4 Column </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique
erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante.
</p>
</div><!--/ columns-->
<div class="four columns row">
<span class="dropcapcircle">4</span>
<h6>1/4 Column </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique
erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante.
</p>
</div><!--/ columns-->
<div class="twelve columns row">
<span class="dropcapcircle">1</span>
<h6>12 Columns </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet
tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis
in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor. Aliquam hendrit
rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet.
Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus
et ultrices posuere cubilia mattis elit porttitor. Vestibulum ante ipsum primis in faucibus orcluctus
et ultrices posuere cubilia mattis elit porttitor.
</p>
</div><!--/ columns-->
<div class="four columns row">
<span class="dropcapcircle">2</span>
<h6>1/4 Column </h6>
<p>
Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique
erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante.  
</p>
</div><!--/ columns-->


</div><!--/ .container-->
</p>
</br>
</section><!--/ #content-->
<a href="http://www.youtube.com/watch?v=CgOcEZinQ2I&feature=share&list=FLwikA_t8e6TSJW-L-lAHkKw">Watch The Game of Life Video</a></br>
   
</br>
<footer id="footer">
</div>
</div>
<div class="container">
<a href="http://openwetware.org/index.php?title=Biomod/2013/MIT&action=edit" align=right>Edit</a>
</div><!--/ .columns -->
<div class="one-third column row">
<div class="widget widget_text">
<h3 class="widget-title">About Us</h3>
<div class="textwidget">
<p>
Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia mattis vel elit porttitor euismod pharetra
sem interdum.
</p>
<p>
Etiam laoreet sagittis placerat magna sit amet massa posuere pretiumulum id est
nulla, non adipiscing tortor ultrices posuere cubilia mattis vel elit porttitor euismod pharetra
sem interdum.
</p>
</div><!--/ .textwidget-->
</div><!--/ .widget -->
</div><!--/ .columns -->
<div class="one-third column row">
<div class="widget widget_recent_entries">
<h3 class="widget-title">Recent Posts</h3>
<ul>
<li>
<a title="Single Clean Post" href="blog.html">New Post!</a>
<span class="post-date">July 17, 2013</span>
</li>
                                                <li>
<a title="Single Clean Post" href="blog.html">Another New Post!</a>
<span class="post-date">July 17, 2013</span>
</li>


<li>
</div><!--/ .container-->
<a title="Video Post Format" href="blog.html">A Video Post!</a>
<span class="post-date">June 28, 2013</span>
</li>
</ul>
</div><!--/ .widget-->
</div><!--/ .columns-->
<div class="one-third column row">
<div class="widget widget_flickr">
<h3 class="widget-title">Photo Stream</h3>
<ul class="flickr-badge clearfix"></ul>
</div><!--/ .widget -->
</div><!--/ .columns -->
<div class="clear"></div>
<div class="sixteen columns">
<div class="adjective clearfix">
<div class="copyright" >Copyright © 2013. <a href="" target="_blank">ThemeMakers. </a> All rights reserved</div>
<div class="developed">Developed by <a href="http://webtemplatemasters.com" target="_blank">ThemeMakers</a></div>
</div><!--/ .adjective-->
</div--><!--/ .columns-->
</div><!--/ .container -->
</footer><!--/ #footer -->
</div><!--/ #wrapper-->


</body>
</body>
</html>
</html>

Latest revision as of 15:21, 29 October 2013

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en" dir="ltr">

<head>

<!-- Basic Page Needs --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Biomod/2013/MIT, MIT, Self-assembly" /> 

               <meta name="generator" content="MediaWiki 1.13.2" />
               <link rel="shortcut icon" href="/favicon.ico" />
               <link rel="icon" type="image/x-icon" href="favicon.ico" />

<link rel="apple-touch-icon" href="/OWWIPhone.png" /> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="OpenWetWare(en)" /> 

               <link title="Creative Commons" type="application/rdf+xml" href="/index.php? title=Biomod/2013/MIT-Self Assembly Lab&amp;action=creativecommons" rel="meta" />
               <link title="Dublin Core" type="application/rdf+xml" href="/index.php?title=Biomod/2013/MIT-Self Assembly Lab&amp;action=dublincore" rel="alternate meta" />

<link rel="copyright" href="/wiki/Copyright" /> <link rel="alternate" type="application/rss+xml" title="OpenWetWare RSS Feed" href="http://openwetware.org/index.php?title=Special:RecentChanges&amp;feed=rss" /> <link rel="alternate" type="application/atom+xml" title="OpenWetWare Atom Feed" href="http://openwetware.org/index.php?title=Special:RecentChanges&amp;feed=atom" /> 

                <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600italic|Handlee' rel='stylesheet' type='text/css'>

<title> MIT Self-Assembly Lab 2013</title>

<style>

  1. column-one

{ 

 display:none; 
 width:0px;
 padding-top: 0px;
 background-color: #ffffff;

}

  1. globalWrapper

{ 

 width: 800px;
 background-color: #ffffff;
 margin-left: auto;
 margin-right: auto

}

  1. content

{ 

 border:0px;
 margin-left: 0px;
 margin-top: 0px;
 padding-top: 0px;
 align: center;

}

  1. column-content

{ 

 width: 900px;
 background-color: #ffffff;

}

@media screen { 

   body { background: #000000 0 0 no-repeat; }

}

  1. menu

{ 

 align: left;
 width: 10em;
 padding: 0px 0px 0px 0px;
 background-color: #ffffff;
 float: left;

}

  1. pagecontent

{ 

 width: 1000px;
 min-height: 30px;
 float: left;
 margin-left: 0px;

}

</style>

<!-- referencing JS files --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.easing.1.3.min.js"></script> <script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.cycle.all.min.js"></script> <script src="http://msamentorship.com/wp-content/uploads/2013/07/jquery.blackandwhite.min.js"></script> <script src="http://msamentorship.com/wp-content/uploads/2013/07/custom.js"></script>

<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/BnWWorker.js"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/config.js"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/jquery.modernizr.js"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/css/layerslider.css"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/js/jquery-easing-1.3.js"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/js/jquerytransit.js"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/skins/minimal/skin.css"></script>

<!--referencing CSS files -->

<script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/style.css"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/skeleton.css"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/layout.css"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/font-awesome.css"></script> <script src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/layerslider/css/layerslider.css"></script>

<!--CSS--> 

       <link rel="stylesheet" href="css/style.css" />

<link rel="stylesheet" href="css/skeleton.css" /> <link rel="stylesheet" href="css/layout.css" /> <link rel="stylesheet" href="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/css/font-awesome.css" /> </style> 

</head>

<style>

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

   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;

}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; }

nav ul, nav ol { 

   list-style: none;
   list-style-image: none;

}

ul { 

   list-style: none outside;

}

h1 { display:none; }

a { 

   margin:0;
   padding:0;
   font-size:100%;

outline: none; text-decoration:none; 

   background:transparent;

vertical-align:baseline; }

a, a > * { text-decoration: none; 

   color: #828282;

}

b { color: #383838; } .not-ie a { -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }

img { 

   border: 0;

height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; }


body { background-color: #ffffff; color: #828282;

font: 12px/1.5 Arial; }

body.boxed { background-attachment: fixed; }

.boxed.pattern-1 { background-image: url(http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/patterns/pattern-1.png); }


/* -------------------------------------------------- */ /* Typography /* -------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; color: #373737; font-family: "Open Sans"; line-height: 1.15; }

h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; }

.title { line-height: 1.25; margin-bottom: 20px; }

p { margin: 0 0 1.2em; padding: 0; line-height: 1.7em; }

blockquote1 { color: #b7b7b7; font-weight: 500; font-style: italic; font-size: 15 px; font-family: "Open Sans", Arial; } blockquote { padding: 0 0 0px; background-position: 0 0px; background-repeat: no-repeat; color: #b7b7b7; font-weight: 500; font-style: italic; font-size: 15 px; font-family: "Open Sans", Arial; } blockquote p { margin: -10 em 0; }

/* -------------------------------------------------- */ /* Images /* -------------------------------------------------- */

.single-image { position: relative; display: block; margin-bottom: 15px; cursor: pointer; font-size: 0; }

.bwWrapper { position: relative; overflow: hidden; display: block; }


/* Fix for Mobile Safari */ input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; }

/* Chrome, Safari */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9e9e9e; }

/* Firefox */ input:-moz-placeholder, textarea:-moz-placeholder { color: #9e9e9e; }

/* HTML5 Validation Styles */

.comments-form input:required:valid, .contact-form input:required:valid, .comments-form textarea:required:valid, .contact-form textarea:required:valid, .widget_contact_form input:required:valid, .widget_contact_form textarea:required:valid { border-color: #000; }

.comments-form input:focus:invalid, .contact-form input:focus:invalid, .comments-form textarea:focus:invalid, .contact-form textarea:focus:invalid, .widget_contact_form input:focus:invalid, .widget_contact_form textarea:focus:invalid { border-color: #e27152; }

/* -------------------------------------------------- */ /* Buttons /* -------------------------------------------------- */

.button { display: inline-block; margin-bottom: 15px; padding: 6px 13px; outline: medium none; border: none; color: #fff; vertical-align: baseline; text-align: center; text-decoration: none; font-family: "Arial"; cursor: pointer;

-webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }

.button.small { padding: 6px 13px; }

.button.medium { padding: 8px 20px; font-size: 13px; }

.button.big { padding: 10px 23px; font-size: 14px; }

.button.default { background-color: #373737; } .button.turquoise { background-color: #038ca9; } .button.blue { background-color: #22bbd6; } .button.violet { background-color: #795cb0; } .button.lime { background-color: #79be0b; } .button.green { background-color: #3b930a; } .button.virid { background-color: #01ad93; } .button.yellow { background-color: #ffba00; } .button.orange { background-color: #f99200; } .button.red { background-color: #da4c0e; } .button.pink { background-color: #e85d98; } .button.vinous { background-color: #8e376b; } .button.brown { background-color: #564544; } .button.biscuit { background-color: #887171; } .button.light-gray { background-color: #718193; }

.button.default:hover { background-color: #038ca9; }

.button.turquoise:hover, .button.blue:hover, .button.violet:hover, .button.lime:hover, .button.green:hover, .button.virid:hover, .button.yellow:hover, .button.orange:hover, .button.red:hover, .button.pink:hover, .button.vinous:hover, .button.brown:hover, .button.biscuit:hover, .button.light-gray:hover { background-color: #373737; }


/* ---------------------------------------------------------------------- */ /* Wrapper /* ---------------------------------------------------------------------- */


.boxed #wrapper { margin: 0 auto; width: 1000px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); }

/* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */

#header { z-index: 99; padding-top: 40px; background-color: #fff; }

.fixed#header { position: fixed; top: 0; left: 0; padding: 18px 0; width: 100%; background-color: #fff; background-color: rgba(255,255,255,.95);

-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2); box-shadow: 0 2px 3px rgba(0,0,0,.2); }

/* -------------------------------------------------- */ /* Logo /* -------------------------------------------------- */

#logo { display: block; float: left; line-height: 0; margin-top: 0px; }

.fixed#header .eight #logo { display: none; } .fixed#header .sixteen #logo { margin: 6px 0; }


/* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */

.menu-container { margin-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; }

.fixed#header .menu-container { float: right; margin: 0; border-top-width: 0; border-bottom-width: 0; }

.menu-container .navigation { float: left; }

.navigation > div > ul > li { position: relative; display: block; float: left; }

.navigation > div > ul > li > a { display: block; margin: 0; padding: 9px 20px 8px; border-width: 0 0 0 1px; border-style: none none none solid; border-color: transparent transparent transparent #ebebeb; color: #1e1e1e; text-transform: uppercase; font-size: 12px; }

.navigation a { font-weight: 600; font-family: 'Open Sans', Arial, sans-serif; }


.ie7 .navigation > div > ul > li > a, .ie8 .navigation > div > ul > li > a { font-weight: 400; }

.navigation > div > ul > li:first-child > a { border-left-width: 0; }

.navigation > div > ul > li:hover > a, .navigation > div > ul > li.current-menu-item > a, .navigation > div > ul > li.current-menu-parent > a, .navigation > div > ul > li.current-menu-ancestor > a, .navigation > div > ul > li.current_page_item > a, .navigation > div > ul > li.current_page_parent > a, .navigation > div > ul > li.current_page_ancestor > a { color: #ddd; }

.scribble .navigation > div > ul > li:hover > a, .scribble .navigation > div > ul > li.current-menu-item > a, .scribble .navigation > div > ul > li.current-menu-parent > a, .scribble .navigation > div > ul > li.current-menu-ancestor > a, .scribble .navigation > div > ul > li.current_page_item > a, .scribble .navigation > div > ul > li.current_page_parent > a, .scribble .navigation > div > ul > li.current_page_ancestor > a { background-image: url(../images/scribble/bg.png); background-repeat: repeat; }

/* Dropdown */

.navigation ul ul { position: absolute; z-index: 9999; display: none; margin-top: 1px; width: 180px; background-color: #fff; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025); -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.025); opacity: 1; }

.navigation ul ul li { position: relative; margin-top: -1px; border: 1px solid #eaeaea; background-color: #fff; }

.navigation > div > ul ul li:hover, .navigation > div > ul ul li.current-menu-item, .navigation > div > ul ul li.current-menu-parent, .navigation > div > ul ul li.current-menu-ancestor, .navigation > div > ul ul li.current_page_item, .navigation > div > ul ul li.current_page_parent, .navigation > div > ul ul li.current_page_ancestor { border-left-color: transparent; border-right-color: transparent; background-color: #f9f9f9; }

.navigation ul ul li a { display: block; padding: 6px 20px; color: #818181; font-weight: 400; font-size: 13px; }

.navigation ul ul li a:active { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.05); box-shadow: inset 0 0 2px rgba(0,0,0,.05); }

.navigation > div > ul ul li:hover > a, .navigation > div > ul ul li.current-menu-item > a, .navigation > div > ul ul li.current-menu-parent > a, .navigation > div > ul ul li.current-menu-ancestor > a, .navigation > div > ul ul li.current_page_item > a, .navigation > div > ul ul li.current_page_parent > a, .navigation > div > ul ul li.current_page_ancestor > a { background-color: #f9f9f9; }

.navigation ul ul li .rightarrowclass:before { position: absolute; top: 9px; right: 10px; color: #eaeaea; content: "\f054"; font-weight: 100; font-style: normal; font-size: 9px; font-family: "FontAwesome", Arial; }

.navigation ul ul li:hover > a .rightarrowclass:before { color: #ccc; }

/* Sub Dropdown */

.navigation ul ul ul { left: 178px; top: -1px; }

/* Responsive Select */

.responsive-nav { display: none; margin-bottom: 25px; background-color: transparent; background-image: url(../images/icons/select-arrows.png); background-position: 98% top; border-width: 1px 0 1px 0; border-style: solid; border-color: #ebebeb transparent #ebebeb transparent; }

.responsive-nav:focus { background-color: transparent; background-position: 98% bottom; border-color-top: #ebebeb; border-color-bottom: #ebebeb; border-color-left: transparent; border-color-right: transparent;

-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* -------------------------------------------------- */ /* Search /* -------------------------------------------------- */

.search-wrapper { position: relative; overflow: hidden; float: right; padding-left: 0; padding-right: 35px; padding-top: 7px; padding-bottom: 7px; width: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #ebebeb;

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.scribble .search-wrapper { -webkit-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat; -moz-border-image: url(../images/scribble/border.png) 0 0 0 1 repeat; border-image: url(../images/scribble/border.png) 0 0 0 1 repeat; }

.safari.scribble .search-wrapper { -webkit-border-image: none; }

.fixed#header .search-wrapper { display: none; }

.search-wrapper p { margin: 0; }

.search-wrapper input[type="text"] { margin: 0 0 0 7px; padding: 2px 5px; font-size: 11px; }

.search-wrapper .submit-search { position: absolute; z-index: 3; top: 0; right: 0; margin: 0; padding: 0; width: 34px; height: 34px; font: 0/0 a; border: none; background-color: #fff; }

.search-wrapper .submit-search:after { position: absolute; top: 0; right: 0; z-index: 4; width: 34px; height: 34px; color: #b2b2b2; content: "\f002"; font-size: 14px; font-family: "FontAwesome"; line-height: 34px; text-align: center; }

.ie7 .search-wrapper .submit-search:after, .ie8 .search-wrapper .submit-search:after { line-height: 0; }

.search-wrapper .submit-search:hover:after, .search-wrapper .submit-search.active:after { color: #373737; }

/* ---------------------------------------------------------------------- */ /* Slider /* ---------------------------------------------------------------------- */

.slider { position: relative; margin-top: 20px; margin-bottom: 45px; height: auto; zoom: 1; }

/* ---------------------------------------------------------------------- */ /* Page Header /* ---------------------------------------------------------------------- */


.page-header { margin: 0 10px 40px; padding: 30px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; }

.scribble .page-header { border-bottom-width: 2px;

-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

.page-header h1 { margin: 0; color: #b2b2b2; font-weight: 300; font-size: 30px; line-height: 1.25; }

/* ---------------------------------------------------------------------- */ /* Content /* ---------------------------------------------------------------------- */

  1. content { margin-bottom: 90px; }

.slogan { display: block; margin: 0 10px 45px 10px; padding: 0; text-align: center; font-weight: 300; font-family: 'Open Sans', Arial, sans-serif; line-height: 1.25; zoom: 1; }

.ie7 .slogan, .ie8 .slogan { font-weight: 400; }

.content-title { margin: 0 10px 20px 10px; font-family: "Open Sans"; color: #505050; font-weight: 400; }

.columns .content-title, .column .content-title { margin: 0 0 20px 0; }

.section-title { margin-bottom: 22px; }

.scribble .section-title { font-size: 15px; font-weight: 600; }

/* ---------------------------------------------------------------------- */ /* Main /* ---------------------------------------------------------------------- */

.sbr #main { float: left; } .sbl #main { float: right; }


/* -------------------------------------------------- */ /* Detail Columns /* -------------------------------------------------- */

.detail-box { position: relative; margin-bottom: 5px; padding: 0 25px 20px; border-width: 1px; border-style: solid; border-color: #ebebeb; text-align: center; }

.scribble .detail-box { border-width: 3px; -webkit-border-image: url(../images/scribble/border.png) 3 repeat; -moz-border-image: url(../images/scribble/border.png) 3 repeat; border-image: url(../images/scribble/border.png) 3 repeat; }

.detail-entry { position: relative; z-index: 2; }

.detail-box:hover .detail-entry { color: #fff; }

.detail-box .detail-icon { margin: 40px auto 30px; width: 45px; height: 45px; background-image: url(../images/icons/icons.png); background-repeat: no-repeat; }

.scribble .detail-box .detail-icon { background-image: url(../images/icons/scribble-icons.png); }

.detail-box h5 { margin-bottom: 20px; text-transform: uppercase; font-weight: 600; font-size: 15px; }

.detail-box:hover h5 { color: #fff; }

.detail-box .transform { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; opacity: 0; background-repeat: repeat; background-attachment: fixed;

-webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }

.scribble .detail-box .transform { background-image: url(../images/scribble/bg.png); }

.detail-box:hover .transform, .touched .transform { height: 100%; opacity: 1; }

/* -------------------------------------------------- */ /* Project Carousel /* -------------------------------------------------- */

.jcarousel-container { position: relative; margin-bottom: 45px; margin-left: 0; margin-right: 0; }

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

.jcarousel-clip { overflow: hidden; width: 100%; }

.projects-carousel li:hover .project-meta { background-color: #f9f9f9; }

.projects-carousel h6 { margin-bottom: 5px; color: #383838; font-weight: 700; font-size: 12px; font-family: "Arial"; }

.projects-carousel .project-meta { display: block; margin-bottom: 20px; }

.projects-carousel img { display: block; }

/* Controls */

.jcarousel-prev, .jcarousel-next { position: absolute; top: 5px; right: 10px; overflow: hidden; width: 21px; height: 21px; background-color: #373737; cursor: pointer;

-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.jcarousel-prev { right: 33px; } .jcarousel-next:after { background-position: right top; }

.scribble .jcarousel-prev, .scribble .jcarousel-next { background-image: url(../images/scribble/bg-light.png); }

.jcarousel-prev:after, .jcarousel-next:after { position: absolute; width: 21px; height: 21px; background-image: url(../images/icons/small-arrows.png); background-repeat: no-repeat; content: ""; }

.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active { background-color: #373737 !important; cursor: auto; opacity: .75; }

/* -------------------------------------------------- */ /* Team /* -------------------------------------------------- */

.team-member { margin-bottom: 25px; }

.team-entry { position: relative; padding-bottom: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb;

-webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; }

.scribble .team-entry { border-bottom-color: transparent; }

.scribble .team-entry:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #9f9f9f; background-image: url(../images/scribble/line-light.png); background-repeat: repeat-x; content: ""; }

.scribble .team-entry:hover { border-color: transparent !important; }

.team-entry .team-name { margin-top: 10px; color: #383838; font-weight: 700; font-size: 12px; font-family: "Arial"; }

.team-entry .job-title { display: block; margin-bottom: 5px; color:#b2b2b2; font-size: 11px; }

.team-entry ul.social-icons { margin-top: 10px; margin-bottom: 20px; }

/* -------------------------------------------------- */ /* Clients /* -------------------------------------------------- */

ul.clients-items { padding: 15px 0; }

ul.clients-items li { float: left; width: 20%;

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul.clients-items .bwWrapper { position: relative; display: block; }

/* -------------------------------------------------- */ /* Pricing Tables /* -------------------------------------------------- */

.simple-pricing-table { margin: 0 10px; }

#main .simple-pricing-table { margin: 0; }

.container .simple-pricing-table .column { position: relative; margin-left: 0; margin-right: 0; text-align: center;

-webkit-box-shadow: -1px 0 0 #fff; -moz-box-shadow: -1px 0 0 #fff; box-shadow: -1px 0 0 #fff;

-webkit-transition: margin .25s linear; -moz-transition: margin .25s linear; -ms-transition: margin .25s linear; -o-transition: margin .25s linear; transition: margin .25s linear; }

.container .simple-pricing-table .column.featured, .container .simple-pricing-table .column:hover { z-index: 3; margin-top: -10px;

-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); }

.simple-pricing-table .title { margin: 0; }

.simple-pricing-table.type-1 .title { padding: 9px 15px; color: #fff; font-weight: 400; }

.scribble .simple-pricing-table.type-1 .title { background-image: url(../images/scribble/bg.png); }

.simple-pricing-table.type-2 .title { padding: 11px 0; background-color: #f6f6f6; text-transform: uppercase; font-weight: 600; font-size: 15px; }

.simple-pricing-table.type-1 .featured .title { padding-top: 15px; padding-bottom: 13px; background-color: #373737 !important; }

.simple-pricing-table.type-2 .featured .title { padding-top: 16px; padding-bottom: 16px; background-color: #f4f4f4; color: #373737; }

.simple-pricing-table.type-1 .column:hover .title { padding-top: 15px; padding-bottom: 13px; }

.simple-pricing-table.type-2 .column:hover .title{ padding-top: 16px; padding-bottom: 16px; }

.simple-pricing-table .price { padding: 18px 0 15px; }

.simple-pricing-table.type-1 .price { background-color: #e6e6e6; } .simple-pricing-table.type-2 .price { background-color: #373737; }

.scribble .simple-pricing-table.type-2 .price { background-image: url(../images/scribble/bg.png); }

.simple-pricing-table.type-1 .featured .price { background-color: #f4f4f4; }

.simple-pricing-table .cost { margin: 0; font-weight: 400; font-size: 36px; }

.scribble .simple-pricing-table .cost { font-weight: 600; }

.simple-pricing-table.type-2 .cost { color: #373737; text-shadow: 1px 1px rgba(255,255,255,.5); }

.simple-pricing-table.type-2 .cost { color: #fff; text-shadow: -1px -1px rgba(0,0,0,.2); }

.simple-pricing-table .description { text-transform: uppercase; font-size: 12px; font-family: "Open Sans", Arial; }

.simple-pricing-table.type-1 .description { color: #505050; text-shadow: 1px 1px rgba(255,255,255,.5); }

.simple-pricing-table.type-2 .description { color: #f6f6f6; text-shadow: 1px 1px rgba(0,0,0,.2); }

.simple-pricing-table .features { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }

.simple-pricing-table .features li { position: relative; padding: 10px 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #e6e6e6; background-color: #f6f6f6; text-align: center; }

.simple-pricing-table .features li:first-child { border-top: none; }

.simple-pricing-table .featured .features li { background-color: #fefefe; }

.simple-pricing-table .footer { padding: 20px 20px 20px; background-color: #e6e6e6; }

.simple-pricing-table .featured .footer { padding: 25px 20px 25px; background-color: #f4f4f4; }

.simple-pricing-table .column:hover .footer { padding: 25px 20px 25px; }

.simple-pricing-table .footer .button { margin: 0; }

.simple-pricing-table .title, .simple-pricing-table .footer { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }

/* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */

.entry { margin-bottom: 40px; 

   border-bottom-width: 2px;

border-bottom-style: solid; border-bottom-color: #ebebeb; }

.item { float: left; margin-left: 10px; margin-right: 10px; width: 213px; }

.scribble .entry { -webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

.entry-title .title { margin-bottom: 14px; line-height: 1; }

.entry-title h2 a { color: #373737; }

.item .title { margin-bottom: 4px; font-weight: 700; font-size: 12px; font-family: 'Arial'; }

.item .title a { color: #383838; }

.entry-meta { display: inline-block; margin-bottom: 15px; padding: 2px 0 4px; width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; }

.scribble .entry-meta { border-top-width: 2px; border-bottom-width: 2px; border-left-width: 0; border-right-width: 0;

-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

.item .entry-meta { margin: 0; padding: 0; border-top-width: 0; border-bottom-width: 0; }

.entry-meta span { display: block; float: left; margin-right: 20px; }

.item .entry-meta span { margin-right: 15px; }

.entry-meta span:before { margin-right: 5px; font-size: 14px; font-family: "FontAwesome"; }

.entry-meta .date:before { content: "\f073"; } .entry-meta .author:before { content: "\f007"; } .entry-meta .tag:before { content: "\f02b"; } .entry-meta .comments:before { content: "\f086"; }

.entry-meta a { color: #b2b2b2; font-size: 11px; }

.entry-body { margin-bottom: 24px; }

/* -------------------------------------------------- */ /* Image Post Slider /* -------------------------------------------------- */

.image-post-slider, .image-gallery-slider { position: relative; overflow: hidden; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; }

.column .image-post-slider, .columns .image-post-slider, .column .image-gallery-slider, .columns .image-gallery-slider { margin-left: 0; margin-right: 0; }

.image-post-slider > ul > li, .image-gallery-slider > ul > li { width: 0; display: block !important;}

.image-post-slider > ul > li:first-child, .image-gallery-slider > ul > li:first-child { width: 100%; }

.image-post-slider a, .image-gallery-slider a { margin: 0; }

.post-slider-nav, .gallery-slider-nav { position: absolute; right: 10px; bottom: 10px; z-index: 100; width: 65px; }

.post-slider-nav a, .gallery-slider-nav a { position: relative; display: block; width: 30px; height: 30px; font: 0/0 a; cursor: pointer; background-color: #000; background-color: rgba(0,0,0,.8);

-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.post-slider-nav a:after, .gallery-slider-nav a:after { position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-image: url(../images/icons/medium-arrows.png); background-repeat: no-repeat; content: ""; }

.scribble .post-slider-nav a, .scribble .gallery-slider-nav a { background-image: url(../images/scribble/bg-light.png); }

.post-slider-nav .prevBtn, .gallery-slider-nav .prevBtn { left: 0; float: left; }

.post-slider-nav .nextBtn, .gallery-slider-nav .nextBtn { right: 0; float: right; }

.post-slider-nav .nextBtn:after, .gallery-slider-nav .nextBtn:after { background-position: right; }

/* -------------------------------------------------- */ /* Pagenavi /* -------------------------------------------------- */

.wp-pagenavi .page-numbers { display: block; float: left; margin-right: 2px; width: 31px; height: 31px; background-color: #e9e9e9; color: #373737; text-align: center; line-height: 31px; }

.scribble .wp-pagenavi .page-numbers { background-image: url(../images/scribble/bg-light.png); }

.wp-pagenavi .current { color: #fff; }

.wp-pagenavi a:hover { background-color: #373737; color: #fff; }

.wp-pagenavi .prev, .wp-pagenavi .next { font-size: 15px; vertical-align: middle; }

.wp-pagenavi .prev:after { content: "←"; } .wp-pagenavi .next:after { content: "→"; }

/* -------------------------------------------------- */ /* About Author /* -------------------------------------------------- */

.author-about { margin-bottom: 40px; padding: 20px; background-color: #f5f5f5; overflow: hidden; }

.scribble .author-about { background-image: url(../images/scribble/bg-light.png); }

.author-thumb { float: left; margin-right: 20px; }

.author-entry { display: table; }

.author-entry h5 { font-weight: 400; font-size: 18px; }

/* -------------------------------------------------- */ /* Comments /* -------------------------------------------------- */

#comments h6 { margin-bottom: 25px; }

.scribble #comments h6 { font-weight: 600; }

.comments-list { margin-top: 10px; margin-bottom: 40px; overflow: hidden; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ebebeb; }

.scribble .comments-list { -webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

.comment { list-style: none; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; padding-top: 40px; }

.scribble .comment { border-top-width: 2px;

-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

.comments-list .comment:first-child { border-top-width: 0; }

.comment > article { margin-bottom: 20px; }

.comment .gravatar { float: left; margin-right: 10px; }

.comment-body { display: table; }

.comment .comment-meta { zoom: 1; }

.comment .comment-author a { color: #383838; font-weight: 700; }

.comment .comment-date { float: left; }

.comment .comment-date a { margin-right: 10px; color: #b2b2b2; font-size: 11px; }

.comment-reply-link { padding: 0 6px; font-size: 11px; }

.comment-reply-link:hover { background-color: #038ca9; }

/* Children */

.comment .children { margin: 0; padding-left: 70px; }

.children .comment { padding-top: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; }

.normal .children .comment { border-top: 1px solid #ebebeb; }

.scribble .children .comment { border-top-width: 2px;

-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

/* Respond */

#respond { width: 60%; }

#respond h6 { margin-bottom: 20px; }

.scribble #respond h6 { font-weight: 600;}

/* ---------------------------------------------------------------------- */ /* Portfolio /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Portfolio Filter /* -------------------------------------------------- */

.portfolio-filter { margin: 0 10px 35px; text-align: left; text-transform: uppercase; }

.portfolio-filter li { display: block; float: left; margin-right: 20px; }

.portfolio-filter li a { color: #383838; font-weight: 600; font-size: 11px; font-family: "Open Sans", Arial; cursor: pointer; }

.ie7 .portfolio-filter li a, .ie8 .portfolio-filter li a { font-weight: 400; }

/* -------------------------------------------------- */ /* Portfolio Items /* -------------------------------------------------- */

.portfolio-items { font-size: 0; }

.container .portfolio-items article { position: relative; display: inline-block; float: none; vertical-align: top; margin-bottom: 40px; }

.portfolio-items article .single-image, .jcarousel-container .single-image { margin: 0; }

.single-image img { display: block; }

.preloader { background-position: center center; background-repeat: no-repeat; }

.preloader.loader { background-image: url(../images/preloader.gif); }

.preloader img:not(.BWFilter) { opacity: 0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; transition: all .25s linear; }

.preloader .fadein { opacity: 1 !important; }

.project-meta { position: relative; display: block; padding-top: 20px; padding-bottom: 20px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; }

.scribble .project-meta { border-bottom-color: transparent !important; }

.scribble .project-meta:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #9f9f9f; background-image: url(../images/scribble/line-light.png); content: ""; }

.scribble article:hover .project-meta { border-bottom-color: transparent !important; } .portfolio-items article:hover .project-meta { background-color: #f9f9f9; }

.project-meta .title { margin-bottom: 5px; color: #383838; font-weight: 700; font-size: 12px; font-family: "Arial"; }

.project-meta .categories { display: block; }

/* -------------------------------------------------- */ /* Portfolio Controls /* -------------------------------------------------- */

.portfolio-controls { float: right; padding: 8px 0; font-size: 0; }

.portfolio-controls a { display: inline-block; overflow: hidden; margin-left: 2px; width: 21px; height: 21px; background-color: #373737; background-image: url(../images/icons/controls.png); background-repeat: no-repeat; font: 0/0 a; cursor: pointer;

-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.portfolio-controls .controls-all { background-position: center; } .portfolio-controls .controls-next { background-position: right; }

/* Isotope */

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.isotope, .isotope .isotope-item { -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; z-index: 2; }

.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }

.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

/* ---------------------------------------------------------------------- */ /* Sidebar /* ---------------------------------------------------------------------- */

.sbr #sidebar { float: right; } .sbl #sidebar { float: left; }

/* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */

#sidebar .widget { margin-bottom: 40px; }

#sidebar .widget-title { margin-bottom: 20px; font-size: 14px; font-weight: 600; }

.widget .post-date { display: block; font-size: 11px; font-style: italic; color: #b2b2b2; }

.scribble #sidebar .widget-title { font-size: 15px; font-weight: 600 }

.ie8 #sidebar .widget-title { font-weight: 400; }

/* ---------------------------------------- */ /* Default Widgets /* ---------------------------------------- */

/* read-more links */ .more-link {}

/* blogroll links */ .linkcat {} .blogroll {}

/* text widget */ .textwidget {} .widget_text {} .textwidget p {}

.widget .sub-menu { padding-top: 5px; }

.widget_categories ul li, .widget_archive ul li, .widget_links ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_entries ul li { position: relative; padding: 6px 0 6px 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #e8e8e8; list-style: none; }

#footer .widget_categories ul li, #footer .widget_archive ul li, #footer .widget_links ul li, #footer .widget_meta ul li, #footer .widget_pages ul li, #footer .widget_recent_entries ul li { border-top-color: #464545; }

.scribble .widget_categories ul li, .scribble .widget_archive ul li, .scribble .widget_links ul li, .scribble .widget_meta ul li, .scribble .widget_pages ul li, .scribble .widget_recent_entries ul li { border-top-width: 2px; border-left-width: 0; border-right-width: 0; border-bottom-width: 0;

-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

.widget_categories ul li:first-child, .widget_archive ul li:first-child, .widget_links ul li:first-child, .widget_meta ul li:first-child, .widget_pages ul li:first-child, .widget_recent_entries ul li:first-child { border-top-width: 0; }

.widget_categories li a, .widget_archive li a, .widget_links li a, .widget_meta li a, .widget_pages li a, .widget_recent_entries li a { position: relative; display: inline-block; color: #969696; }

.widget_categories li a:before, .widget_archive li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_pages li a:before, .widget_recent_entries li a:before { position: absolute; left: -15px; top: 0; width: 4px; height: 100%; display: block; background-image: url(../images/icons/arrow-black.png); background-position: 0 center; background-repeat: no-repeat; content: "";

-webkit-transition: left .2s linear; -moz-transition: left .2s linear; -ms-transition: left .2s linear; -o-transition: left .2s linear; transition: left .2s linear; }

#footer .widget_categories li a:before, #footer .widget_archive li a:before, #footer .widget_nav_menu li a:before, #footer .widget_links li a:before, #footer .widget_meta li a:before, #footer .widget_pages li a:before, #footer .widget_recent_entries li a:before { background-image: url(../images/icons/arrow-light.png); }

.widget_categories li a:hover:before, .widget_archive li a:hover:before, .widget_links li a:hover:before, .widget_meta li a:hover:before, .widget_pages li a:hover:before, .widget_recent_entries li a:hover:before { left: -10px; }

/* Widget Nav Menu for Footer */

#footer .widget_nav_menu ul li { position: relative; padding: 6px 0 6px 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #e8e8e8; list-style: none; }

#footer .widget_nav_menu ul li:first-child { border-top-width: 0; }

.scribble #footer .widget_nav_menu ul li { border-top-width: 2px;

-webkit-border-image: url(../images/scribble/border.png) 2 repeat; -moz-border-image: url(../images/scribble/border.png) 2 repeat; border-image: url(../images/scribble/border.png) 2 repeat; }

#footer .widget_nav_menu li a { position: relative; display: inline-block; color: #969696; }

#footer .widget_nav_menu li a:hover:before{ left: -10px; }

#footer .widget_nav_menu li a:before { position: absolute; left: -15px; top: 0; width: 4px; height: 100%; display: block; background-image: url(../images/icons/arrow-black.png); background-position: 0 center; background-repeat: no-repeat; content: "";

-webkit-transition: left .2s linear; -moz-transition: left .2s linear; -ms-transition: left .2s linear; -o-transition: left .2s linear; transition: left .2s linear; }

/* Widget Nav Menu */

.widget_nav_menu .menu { margin-bottom: 40px; border-bottom: 1px solid #ebebeb; }

.widget_nav_menu li { position: relative; }

.widget_nav_menu li:after { position: absolute; top: 13px; right: 11px; display: block; width: 14px; height: 14px; background-image: url(../images/icons/ajax-nav-row.png); background-repeat: no-repeat; content: ""; -webkit-transition: right .25s linear; transition: right .25s linear; }

.widget_nav_menu li:hover:after, .widget_nav_menu .current-menu-item:after, .widget_nav_menu .current_page_item:after { right: 4px; background-position: bottom; }

.widget_nav_menu li:hover:before, .widget_nav_menu .current-menu-item:before, .widget_nav_menu .current_page_item:before { position: absolute; top: 1px; right: -14px; display: block; width: 0; height: 0; border-top: 21px solid transparent !important; border-bottom: 21px solid transparent !important; border-left-width: 15px; border-left-style: solid; content: ""; }

.widget_nav_menu li a { display: block; padding: 11px 30px 11px 10px; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; color: #383838; -webkit-transition: none; transition: none; }

.widget_nav_menu li:hover > a, .widget_nav_menu .current-menu-item > a, .widget_nav_menu .current_page_item > a { color: #fff !important; }

/* ---------------------------------------- */ /* Calendar /* ---------------------------------------- */

.widget_calendar table { position: relative; width: 100%; border-spacing: 1px; border-collapse: separate; text-align: center; }

.widget_calendar caption { margin-bottom: 20px; text-align: left; color: #000; font-weight: 600; font-size: 14px; font-family: "Open Sans", Arial; }

#footer .widget_calendar caption { color: #ebebeb; }

.widget_calendar thead th { padding: 4px; color: #777; font-size: 12px; font-family: "Open Sans", Arial; }

.widget_calendar td { padding: 6px 4px; background-color: #fafafa; color: #777; font-size: 12px; }

#footer .widget_calendar td { background-color: #464545; }

#sidebar .widget_calendar .pad, #footer .widget_calendar .pad { background-color: transparent;

-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.widget_calendar a { color: #000; font-weight: 700; }

#footer .widget_calendar a { color: #aaa; }

.widget_calendar #today { background-color: #918F89; color: #fff; }

#footer .widget_calendar #today { background-color: #3a3939; color: #ccc; }

.widget_calendar #today a { color: #fff; }

.widget_calendar tfoot { position: absolute; right: 0; top: 0; }

.widget_calendar tfoot td { padding: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.widget_calendar tfoot a { position: absolute; top: 0; right: 0; overflow: hidden; display: block; width: 21px; height: 21px; background-color: #918F89; cursor: pointer; font: 0/0 a;

-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.widget_calendar tfoot a:after { position: absolute; left: 0; width: 21px; height: 21px; background-image: url(../images/icons/small-arrows.png); content: ""; }

.scribble .widget_calendar tfoot a { background-image: url(../images/scribble/bg-light.png); }

.widget_calendar tfoot #prev a { right: 23px; } .widget_calendar tfoot #next a:after { background-position: right top; }

/* ---------------------------------------- */ /* Popular Posts /* ---------------------------------------- */

.widget_popular_posts li { margin-bottom: 20px; }

.widget_popular_posts li:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; }

.widget_popular_posts .preloader { float: left; margin-right: 10px; }

.widget_popular_posts .post-holder { display: table; }

.widget_popular_posts h6 { margin-bottom: 5px; font-family: "Arial"; font-weight: 400; line-height: 1.3; }

.widget_popular_posts p { margin-bottom: 5px; font-size: 11px; }

.widget_popular_posts span { display: block; color: #b2b2b2; font-style: italic; font-size: 11px; }

/* ---------------------------------------- */ /* Tags Cloud /* ---------------------------------------- */

.widget_tag_cloud .tagcloud a { display: inline-block; margin-right: 0px; margin-bottom: 3px; padding: 5px; color: #fff !important; font-size: 12px !important; }

#sidebar .widget_tag_cloud .tagcloud a { background-color: #c0c0c0; }

#footer .widget_tag_cloud .tagcloud a { background-color: #676767; color: #d4d4d4 !important; }

.scribble #footer .widget_tag_cloud .tagcloud a { background-image: url(../images/scribble/footer.png); background-repeat: repeat; }

#sidebar .widget_tag_cloud .tagcloud a:hover { background-color: #444 !important; }

#footer .widget_tag_cloud .tagcloud a:hover { background-color: #c2c2c2 !important; color: #383838 !important; }

/* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */

  1. footer2 {
       background-color: #373737;

padding: 30px 0px 30px; color: #969696; 

       font-size: 12 px;
       font-weight: 500;

}

.scribble #footer { background-image: url(../images/scribble/footer.png); background-repeat: repeat; }

#footer a { color: #969696; }

/* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */

#footer .widget { margin-bottom: 45px; }

#footer .widget-title { color: #ebebeb; font-size: 14px; font-weight: 600; }

.scribble #footer .widget-title { font-weight: 600; font-size: 15px; }

.ie7 #footer .widget-title, .ie8 #footer .widget-title { font-weight: 400; }

/* ---------------------------------------- */ /* Flickr /* ---------------------------------------- */

.flickr-badge li { position: relative; float: left; margin-bottom: 10px; margin-right: 10px; }

.flickr-badge li:nth-of-type(3n) { margin-right: 0; }

.flickr-badge li a { position: relative; display: block; height: 65px; width: 65px; }

.flickr-badge li a:after { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: "";

-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;

-webkit-box-shadow: inset 0 0 0 0 transparent; -moz-box-shadow: inset 0 0 0 0 transparent; box-shadow: inset 0 0 0 0 transparent; }

/* -------------------------------------------------- */ /* Copyright /* -------------------------------------------------- */

.adjective { padding-top: 25px; border-top-width: 1px; border-top-style: solid; border-top-color: #4a4a4a; font-size: 11px; }

.scribble .adjective { border-top-width: 2px; -webkit-border-image: url(../images/scribble/border-line-light.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line-light.png) 2 repeat; border-image: url(../images/scribble/border-line-light.png) 2 repeat; }

.copyright { float: left; } .developed { float: right; }

.copyright a, .developed a { color: #969696; }

/* ---------------------------------------------------------------------- */ /* Widgets + Shortcodes /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Accordion and Toggle /* -------------------------------------------------- */

.acc-box { margin-bottom: 20px; }

.acc-trigger { position: relative; display: block; padding: 15px 15px 15px 35px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; }

.scribble .acc-trigger { border-top-width: 2px;

-webkit-border-image: url(../images/scribble/border-line.png) 2 repeat; -moz-border-image: url(../images/scribble/border-line.png) 2 repeat; border-image: url(../images/scribble/border-line.png) 2 repeat; }

.acc-box .acc-trigger:first-child { border-top-width: 0; }

.acc-trigger:before { position: absolute; top: 50%; left: 0; display: block; margin-top: -13px; width: 25px; height: 25px; background-color: #373737; background-image: url(../images/icons/collapse.png); cursor: pointer; content: ""; }

.scribble .acc-trigger:after { position: absolute; left: 0; bottom: 12px; display: block; width: 25px; height: 25px; background-image: url(../images/scribble/bg-light.png); content: ""; }

.acc-trigger.active:before { background-position: bottom; }

.acc-trigger a { color: #828282; text-transform: uppercase; font-size: 11px; font-weight: 600; font-family: "Open Sans", Arial; }

.scribble .acc-trigger a { font-family: 'Handlee', cursive; font-weight: 600; }

.ie7 .acc-trigger a, .ie8 .acc-trigger a { font-weight: 400; }

.acc-trigger:hover a, .acc-trigger.active a { color: #1e1e1e; }

.acc-trigger.active + .acc-container p { margin: 0 0 10px 0; }

.acc-container { display: none; }

/* -------------------------------------------------- */ /* Testimonials /* -------------------------------------------------- */

.quote-box { position: relative; margin-bottom: 20px; }

.testimonials > li { margin-right: 15px; }

.quote-text { position: relative; margin-bottom: 5px; padding: 20px 15px; padding-bottom: 20px; border-width: 1px; border-style: solid; background: #fff; border-color: #ebebeb; }

.scribble .quote-text { border-width: 2px;

-webkit-border-image: url(../images/scribble/border.png) 2 repeat; -moz-border-image: url(../images/scribble/border.png) 2 repeat; border-image: url(../images/scribble/border.png) 2 repeat; }

.safari.scribble .quote-text { -webkit-border-image: none; border-image: none; }

.quote-text:before { position: absolute; z-index: 99; bottom: -31px; left: 45px; display: block; width: 31px; height: 31px; background-image: url(../images/icons/quote-arrow.png); content: ""; }

.scribble .quote-text:before { background-image: url(../images/scribble/quote-arrow.png); }

.safari.scribble .quote-text:before { background-image: url(../images/icons/quote-arrow.png); }

.quote-author { display: block; margin-left: 85px; padding-bottom: 10px; }

.quote-author span { color: #828282; }

/* Quote Navigation */

.quotes-nav { position: absolute; right: 0; top: -40px; z-index: 100; width: 44px; }

.quotes-nav a { position: relative; display: block; width: 21px; height: 21px; opacity: 1; cursor: pointer; background-color: #000; background-color: rgba(0,0,0,.8); font: 0/0 a; }

.quotes-nav a:after { position: absolute; width: 21px; height: 21px; background-image: url(../images/icons/small-arrows.png); background-repeat: no-repeat; content: ""; }

.scribble .quotes-nav a { background-image: url(../images/scribble/bg-light.png); }

.quotes-nav .prevBtn { float: left; } .quotes-nav .nextBtn { float: right; }

.quotes-nav .nextBtn:after { background-position: right; }

/* -------------------------------------------------- */ /* Tabs /* -------------------------------------------------- */

.content-tabs { margin-bottom: 40px; }

.tabs-nav { clear: both; margin: 0; width: 100%; }

.tabs-nav li { position: relative; float: left; margin-right: -1px; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; border-left-width: 1px; border-left-style: solid; border-left-color: #ebebeb !important; border-right-width: 1px; border-right-style: solid; border-right-color: #ebebeb !important; background-color: #fafafa; height: 34px; }

.scribble .tabs-nav li { margin-right: -2px; border-top-width: 2px; border-left-width: 2px; border-right-width: 2px;

-webkit-border-image: url(../images/scribble/border.png) 0 2 0 2 repeat; -moz-border-image: url(../images/scribble/border.png) 0 2 0 2 repeat; border-image: url(../images/scribble/border.png) 0 2 0 2 repeat; }

.safari.scribble .tabs-nav li { -webkit-border-image: none; }

.scribble .tabs-nav li:after { position: absolute; top: -2px; left: 0; width: 100%; height: 2px; background-color: #474747; background-image: url(../images/scribble/line-light.png); content: ""; }

.tabs-nav li:first-child { border-left-width: 1px; } .scribble .tabs-nav li:first-child { border-left-width: 2px; }

.tabs-nav li a { display: inline-block; padding: 10px 16px; outline: none; color: #828282; vertical-align: baseline; text-align: center; text-transform: uppercase; font-size: 11px; cursor: pointer; }

.tabs-nav .active a { background-color: #fff; color: #1e1e1e; }

.tabs-container { margin: 0 0 20px; overflow: hidden; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ebebeb; width: 100%; }

.scribble .tabs-container { border-width: 2px;

-webkit-border-image: url(../images/scribble/border.png) 2 repeat; -moz-border-image: url(../images/scribble/border.png) 2 repeat; border-image: url(../images/scribble/border.png) 2 repeat; }

.safari.scribble .tabs-container { -webkit-border-image: none; }

.tab-content { display: none; padding: 20px 20px 10px; }

.tab-content:first-child { display: block;}

/* -------------------------------------------------- */ /* Info Box /* -------------------------------------------------- */

.info-box { margin-bottom: 40px; padding: 25px 20px 10px; border-width: 1px; border-style: solid; border-color: #ebebeb; }

.scribble .info-box { border-width: 2px; -webkit-border-image: url(../images/scribble/border.png) 2 repeat; -moz-border-image: url(../images/scribble/border.png) 2 repeat; border-image: url(../images/scribble/border.png) 2 repeat; }

.safari.scribble .info-box { -webkit-border-image: none; }

/* -------------------------------------------------- */ /* Notifications /* -------------------------------------------------- */

.error, .success, .info, .notice { border-style: solid; border-width: 1px; display: block; font-size: 14px; padding: 8px 15px 8px 20px; position: relative; }

.scribble .error, .scribble .success, .scribble .info, .scribble .notice { background-image: url(../images/scribble/bg-light.png); }

.error { background-color: #f9bcc3; border-color: #f09da7; color: #b76973; }

.success { background-color: #d8efc1; border-color: #b4d892; color: #79985b; }

.info { background-color: #b8e1f1; border-color: #a1c7d5; color: #52889b; }

.notice { background-color: #feebb7; border-color: #e7d195; color:#b49133; }

.alert-close { position: absolute; top: 50%; right: 10px; margin-top: -7px; line-height: 1; }

.alert-close:before { font-size: 13px; font-family: 'FontAwesome'; content: "\f00d"; }

.error .alert-close { color: #b76973; } .success .alert-close { color: #79985b; } .info .alert-close { color: #52889b; } .notice .alert-close { color: #b49133; }

/* -------------------------------------------------- */ /* List /* -------------------------------------------------- */

ul.list { margin-bottom: 20px; }

.list li { margin-bottom: 6px; }

ul.list [class^="icon-"]:before, ul.list [class*=" icon-"]:before { color: #373737; font-size: 15px; }

i.small-arrows { position: relative; display: inline-block; margin-right: 10px; width: 21px; height: 21px; vertical-align: middle; }

i.small-arrows:before { position: absolute; left: 0; top: 3px; margin-top: -3px; width: 21px; height: 21px; background-image: url(../images/icons/small-arrows.png); background-position: right; background-repeat: no-repeat; content: ""; }

.scribble i.small-arrows { background-image: url(../images/scribble/bg-light.png); background-repeat: repeat; }

/* -------------------------------------------------- */ /* Map /* -------------------------------------------------- */

.google_map { display: block; margin-bottom: 30px; }

#content .google_map { width: 100%; height: 400px; }

/* -------------------------------------------------- */ /* Tooltip /* -------------------------------------------------- */

.tooltip { position: relative; }

.tooltip:after, .tooltip:before { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }

.tooltip:after { position: absolute; bottom: 20px; left: 0; z-index: 98; padding: 5px 15px; width: 220px; border-radius: 3px; background-color: #373737; background-image: url(../images/tooltip.png); color: #fff; content: attr(data-tooltip); opacity: 0; }

.tooltip:before { position: absolute; bottom: 16px; left: 50%; z-index: 99; border-width: 6px 6px 0; border-style: solid; border-color: #373737 transparent; content: ""; opacity: 0; }

.tooltip:hover:after, .tooltip:hover:before { opacity: 1; }

.ie8 .tooltip:after, .ie8 .tooltip:before { display: none; }

.ie8 .tooltip:hover:after, .ie8 .tooltip:hover:before { display: block; }

/* ---------------------------------------------------------------------- */ /* Other /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Services /* -------------------------------------------------- */

.title-service { margin-bottom: 25px; line-height: 2; }

.title-service i { float: left;}

.title-service:hover i { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

.title-service i:before { position: absolute; display: block; margin-top: 38px; width: 47px; height: 7px; background-image: url(../images/shadow.png); opacity: 0; filter: alpha(opacity = 0); content: "";

-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.ie7 .title-service i:before, .ie8 .title-service i:before { display: none; }

.title-service:hover i:before { margin-top: 43px; opacity: 1; filter: alpha(opacity = 100); }

.title-service a { display: table; padding-top: 5px; text-transform: uppercase; font-size: 15px; color: #373737; }

/* -------------------------------------------------- */ /* Back Top /* -------------------------------------------------- */

#back-top { position: fixed; right: 20px; bottom: 20px; z-index: 999; display: none; width: 33px; height: 33px; background-color: #918F89; text-align: center; font: 0/0 a;

-webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; }

#back-top:after { position: absolute; left: 0; top: 0; width: 33px; height: 33px; background-image: url(../images/back-to-top.png); background-position: center center; background-repeat: no-repeat; content: ""; }

.scribble #back-top { background-image: url(../images/scribble/bg-light.png); }

/* ---------------------------------------------------------------------- */ /* Styling /* ---------------------------------------------------------------------- */

/* Color */

.color-1 .navigation > div > ul ul li:hover > a, .color-1 .navigation > div > ul ul li.current-menu-item > a, .color-1 .navigation > div > ul ul li.current-menu-parent > a, .color-1 .navigation > div > ul ul li.current-menu-ancestor > a, .color-1 .navigation > div > ul ul li.current_page_item > a, .color-1 .navigation > div > ul ul li.current_page_parent > a, .color-1 .navigation > div > ul ul li.current_page_ancestor > a,

.color-1 .simple-pricing-table.type-1 .featured .cost, .color-1 .simple-pricing-table.type-2 .title, .color-1 .widget_popular_posts a:hover h6, .color-1 .portfolio-filter li a:hover, .color-1 #sidebar .widget li a:hover, .color-1 .portfolio-filter .active, .color-1 .entry-meta span:before, .color-1 .entry-title h2 a:hover, .color-1 #sidebar .jta-tweet-a, .color-1 .entry-meta a:hover, .color-1 .author-entry h5, .color-1 #footer a:hover, .color-1 .quote-author, .color-1 .tooltip { color: #79be0b; }

.color-2 .navigation > div > ul ul li:hover > a, .color-2 .navigation > div > ul ul li.current-menu-item > a, .color-2 .navigation > div > ul ul li.current-menu-parent > a, .color-2 .navigation > div > ul ul li.current-menu-ancestor > a, .color-2 .navigation > div > ul ul li.current_page_item > a, .color-2 .navigation > div > ul ul li.current_page_parent > a, .color-2 .navigation > div > ul ul li.current_page_ancestor > a,

.color-2 .simple-pricing-table.type-1 .featured .cost, .color-2 .simple-pricing-table.type-2 .title, .color-2 .widget_popular_posts a:hover h6, .color-2 .portfolio-filter li a:hover, .color-2 #sidebar .widget li a:hover, .color-2 .portfolio-filter .active, .color-2 .entry-meta span:before, .color-2 .entry-title h2 a:hover, .color-2 #sidebar .jta-tweet-a, .color-2 .entry-meta a:hover, .color-2 .author-entry h5, .color-2 #footer a:hover, .color-2 .quote-author, .color-2 .tooltip { color: #22bbd6; }

.color-3 .navigation > div > ul ul li:hover > a, .color-3 .navigation > div > ul ul li.current-menu-item > a, .color-3 .navigation > div > ul ul li.current-menu-parent > a, .color-3 .navigation > div > ul ul li.current-menu-ancestor > a, .color-3 .navigation > div > ul ul li.current_page_item > a, .color-3 .navigation > div > ul ul li.current_page_parent > a, .color-3 .navigation > div > ul ul li.current_page_ancestor > a,

.color-3 .simple-pricing-table.type-1 .featured .cost, .color-3 .simple-pricing-table.type-2 .title, .color-3 .widget_popular_posts a:hover h6, .color-3 .portfolio-filter li a:hover, .color-3 #sidebar .widget li a:hover, .color-3 .portfolio-filter .active, .color-3 .entry-meta span:before, .color-3 .entry-title h2 a:hover, .color-3 #sidebar .jta-tweet-a, .color-3 .entry-meta a:hover, .color-3 .author-entry h5, .color-3 #footer a:hover, .color-3 .quote-author, .color-3 .tooltip { color: #795cb0; }

.color-4 .navigation > div > ul ul li:hover > a, .color-4 .navigation > div > ul ul li.current-menu-item > a, .color-4 .navigation > div > ul ul li.current-menu-parent > a, .color-4 .navigation > div > ul ul li.current-menu-ancestor > a, .color-4 .navigation > div > ul ul li.current_page_item > a, .color-4 .navigation > div > ul ul li.current_page_parent > a, .color-4 .navigation > div > ul ul li.current_page_ancestor > a,

.color-4 .simple-pricing-table.type-1 .featured .cost, .color-4 .simple-pricing-table.type-2 .title, .color-4 .widget_popular_posts a:hover h6, .color-4 .portfolio-filter li a:hover, .color-4 #sidebar .widget li a:hover, .color-4 .portfolio-filter .active, .color-4 .entry-meta span:before, .color-4 .entry-title h2 a:hover, .color-4 #sidebar .jta-tweet-a, .color-4 .entry-meta a:hover, .color-4 .author-entry h5, .color-4 #footer a:hover, .color-4 .quote-author, .color-4 .tooltip { color: #038ca9; }

.color-5 .navigation > div > ul ul li:hover > a, .color-5 .navigation > div > ul ul li.current-menu-item > a, .color-5 .navigation > div > ul ul li.current-menu-parent > a, .color-5 .navigation > div > ul ul li.current-menu-ancestor > a, .color-5 .navigation > div > ul ul li.current_page_item > a, .color-5 .navigation > div > ul ul li.current_page_parent > a, .color-5 .navigation > div > ul ul li.current_page_ancestor > a,

.color-5 .simple-pricing-table.type-1 .featured .cost, .color-5 .simple-pricing-table.type-2 .title, .color-5 .widget_popular_posts a:hover h6, .color-5 .portfolio-filter li a:hover, .color-5 #sidebar .widget li a:hover, .color-5 .portfolio-filter .active, .color-5 .entry-meta span:before, .color-5 .entry-title h2 a:hover, .color-5 #sidebar .jta-tweet-a, .color-5 .entry-meta a:hover, .color-5 .author-entry h5, .color-5 #footer a:hover, .color-5 .quote-author, .color-5 .tooltip { color: #3b930a; }

.color-6 .navigation > div > ul ul li:hover > a, .color-6 .navigation > div > ul ul li.current-menu-item > a, .color-6 .navigation > div > ul ul li.current-menu-parent > a, .color-6 .navigation > div > ul ul li.current-menu-ancestor > a, .color-6 .navigation > div > ul ul li.current_page_item > a, .color-6 .navigation > div > ul ul li.current_page_parent > a, .color-6 .navigation > div > ul ul li.current_page_ancestor > a,

.color-6 .simple-pricing-table.type-1 .featured .cost, .color-6 .simple-pricing-table.type-2 .title, .color-6 .widget_popular_posts a:hover h6, .color-6 .portfolio-filter li a:hover, .color-6 #sidebar .widget li a:hover, .color-6 .portfolio-filter .active, .color-6 .entry-meta span:before, .color-6 .entry-title h2 a:hover, .color-6 #sidebar .jta-tweet-a, .color-6 .entry-meta a:hover, .color-6 .author-entry h5, .color-6 #footer a:hover, .color-6 .quote-author, .color-6 .tooltip { color: #01ad93; }

.color-7 .navigation > div > ul ul li:hover > a, .color-7 .navigation > div > ul ul li.current-menu-item > a, .color-7 .navigation > div > ul ul li.current-menu-parent > a, .color-7 .navigation > div > ul ul li.current-menu-ancestor > a, .color-7 .navigation > div > ul ul li.current_page_item > a, .color-7 .navigation > div > ul ul li.current_page_parent > a, .color-7 .navigation > div > ul ul li.current_page_ancestor > a,

.color-7 .simple-pricing-table.type-1 .featured .cost, .color-7 .simple-pricing-table.type-2 .title, .color-7 .widget_popular_posts a:hover h6, .color-7 .portfolio-filter li a:hover, .color-7 #sidebar .widget li a:hover, .color-7 .portfolio-filter .active, .color-7 .entry-meta span:before, .color-7 .entry-title h2 a:hover, .color-7 #sidebar .jta-tweet-a, .color-7 .entry-meta a:hover, .color-7 .author-entry h5, .color-7 #footer a:hover, .color-7 .quote-author, .color-7 .tooltip { color: #ffba00; }

.color-8 .navigation > div > ul ul li:hover > a, .color-8 .navigation > div > ul ul li.current-menu-item > a, .color-8 .navigation > div > ul ul li.current-menu-parent > a, .color-8 .navigation > div > ul ul li.current-menu-ancestor > a, .color-8 .navigation > div > ul ul li.current_page_item > a, .color-8 .navigation > div > ul ul li.current_page_parent > a, .color-8 .navigation > div > ul ul li.current_page_ancestor > a,

.color-8 .simple-pricing-table.type-1 .featured .cost, .color-8 .simple-pricing-table.type-2 .title, .color-8 .widget_popular_posts a:hover h6, .color-8 .portfolio-filter li a:hover, .color-8 #sidebar .widget li a:hover, .color-8 .portfolio-filter .active, .color-8 .entry-meta span:before, .color-8 .entry-title h2 a:hover, .color-8 #sidebar .jta-tweet-a, .color-8 .entry-meta a:hover, .color-8 .author-entry h5, .color-8 #footer a:hover, .color-8 .quote-author, .color-8 .tooltip { color: #f99200; }

.color-9 .navigation > div > ul ul li:hover > a, .color-9 .navigation > div > ul ul li.current-menu-item > a, .color-9 .navigation > div > ul ul li.current-menu-parent > a, .color-9 .navigation > div > ul ul li.current-menu-ancestor > a, .color-9 .navigation > div > ul ul li.current_page_item > a, .color-9 .navigation > div > ul ul li.current_page_parent > a, .color-9 .navigation > div > ul ul li.current_page_ancestor > a,

.color-9 .simple-pricing-table.type-1 .featured .cost, .color-9 .simple-pricing-table.type-2 .title, .color-9 .widget_popular_posts a:hover h6, .color-9 .portfolio-filter li a:hover, .color-9 #sidebar .widget li a:hover, .color-9 .portfolio-filter .active, .color-9 .entry-meta span:before, .color-9 .entry-title h2 a:hover, .color-9 #sidebar .jta-tweet-a, .color-9 .entry-meta a:hover, .color-9 .author-entry h5, .color-9 #footer a:hover, .color-9 .quote-author, .color-9 .tooltip { color: #da4c0e; }

.color-10 .navigation > div > ul ul li:hover > a, .color-10 .navigation > div > ul ul li.current-menu-item > a, .color-10 .navigation > div > ul ul li.current-menu-parent > a, .color-10 .navigation > div > ul ul li.current-menu-ancestor > a, .color-10 .navigation > div > ul ul li.current_page_item > a, .color-10 .navigation > div > ul ul li.current_page_parent > a, .color-10 .navigation > div > ul ul li.current_page_ancestor > a,

.color-10 .simple-pricing-table.type-1 .featured .cost, .color-10 .simple-pricing-table.type-2 .title, .color-10 .widget_popular_posts a:hover h6, .color-10 .portfolio-filter li a:hover, .color-10 #sidebar .widget li a:hover, .color-10 .portfolio-filter .active, .color-10 .entry-meta span:before, .color-10 .entry-title h2 a:hover, .color-10 #sidebar .jta-tweet-a, .color-10 .entry-meta a:hover, .color-10 .author-entry h5, .color-10 #footer a:hover, .color-10 .quote-author, .color-10 .tooltip { color: #e85d98; }

.color-11 .navigation > div > ul ul li:hover > a, .color-11 .navigation > div > ul ul li.current-menu-item > a, .color-11 .navigation > div > ul ul li.current-menu-parent > a, .color-11 .navigation > div > ul ul li.current-menu-ancestor > a, .color-11 .navigation > div > ul ul li.current_page_item > a, .color-11 .navigation > div > ul ul li.current_page_parent > a, .color-11 .navigation > div > ul ul li.current_page_ancestor > a,

.color-11 .simple-pricing-table.type-1 .featured .cost, .color-11 .simple-pricing-table.type-2 .title, .color-11 .widget_popular_posts a:hover h6, .color-11 .portfolio-filter li a:hover, .color-11 #sidebar .widget li a:hover, .color-11 .portfolio-filter .active, .color-11 .entry-meta span:before, .color-11 .entry-title h2 a:hover, .color-11 #sidebar .jta-tweet-a, .color-11 .entry-meta a:hover, .color-11 .author-entry h5, .color-11 #footer a:hover, .color-11 .quote-author, .color-11 .tooltip { color: #8e376b; }

.color-12 .navigation > div > ul ul li:hover > a, .color-12 .navigation > div > ul ul li.current-menu-item > a, .color-12 .navigation > div > ul ul li.current-menu-parent > a, .color-12 .navigation > div > ul ul li.current-menu-ancestor > a, .color-12 .navigation > div > ul ul li.current_page_item > a, .color-12 .navigation > div > ul ul li.current_page_parent > a, .color-12 .navigation > div > ul ul li.current_page_ancestor > a,

.color-12 .simple-pricing-table.type-1 .featured .cost, .color-12 .simple-pricing-table.type-2 .title, .color-12 .widget_popular_posts a:hover h6, .color-12 .portfolio-filter li a:hover, .color-12 #sidebar .widget li a:hover, .color-12 .portfolio-filter .active, .color-12 .entry-meta span:before, .color-12 .entry-title h2 a:hover, .color-12 #sidebar .jta-tweet-a, .color-12 .entry-meta a:hover, .color-12 .author-entry h5, .color-12 #footer a:hover, .color-12 .quote-author, .color-12 .tooltip { color: #564544; }

.color-13 .navigation > div > ul ul li:hover > a, .color-13 .navigation > div > ul ul li.current-menu-item > a, .color-13 .navigation > div > ul ul li.current-menu-parent > a, .color-13 .navigation > div > ul ul li.current-menu-ancestor > a, .color-13 .navigation > div > ul ul li.current_page_item > a, .color-13 .navigation > div > ul ul li.current_page_parent > a, .color-13 .navigation > div > ul ul li.current_page_ancestor > a,

.color-13 .simple-pricing-table.type-1 .featured .cost, .color-13 .simple-pricing-table.type-2 .title, .color-13 .widget_popular_posts a:hover h6, .color-13 .portfolio-filter li a:hover, .color-13 #sidebar .widget li a:hover, .color-13 .portfolio-filter .active, .color-13 .entry-meta span:before, .color-13 .entry-title h2 a:hover, .color-13 #sidebar .jta-tweet-a, .color-13 .entry-meta a:hover, .color-13 .author-entry h5, .color-13 #footer a:hover, .color-13 .quote-author, .color-13 .tooltip { color: #887171; }

.color-14 .navigation > div > ul ul li:hover > a, .color-14 .navigation > div > ul ul li.current-menu-item > a, .color-14 .navigation > div > ul ul li.current-menu-parent > a, .color-14 .navigation > div > ul ul li.current-menu-ancestor > a, .color-14 .navigation > div > ul ul li.current_page_item > a, .color-14 .navigation > div > ul ul li.current_page_parent > a, .color-14 .navigation > div > ul ul li.current_page_ancestor > a,

.color-14 .simple-pricing-table.type-1 .featured .cost, .color-14 .simple-pricing-table.type-2 .title, .color-14 .widget_popular_posts a:hover h6, .color-14 .portfolio-filter li a:hover, .color-14 #sidebar .widget li a:hover, .color-14 .portfolio-filter .active, .color-14 .entry-meta span:before, .color-14 .entry-title h2 a:hover, .color-14 #sidebar .jta-tweet-a, .color-14 .entry-meta a:hover, .color-14 .author-entry h5, .color-14 #footer a:hover, .color-14 .quote-author, .color-14 .tooltip { color: #718193; }

.color-15 .navigation > div > ul ul li:hover > a, .color-15 .navigation > div > ul ul li.current-menu-item > a, .color-15 .navigation > div > ul ul li.current-menu-parent > a, .color-15 .navigation > div > ul ul li.current-menu-ancestor > a, .color-15 .navigation > div > ul ul li.current_page_item > a, .color-15 .navigation > div > ul ul li.current_page_parent > a, .color-15 .navigation > div > ul ul li.current_page_ancestor > a,

.color-15 .simple-pricing-table.type-1 .featured .cost, .color-15 .simple-pricing-table.type-2 .title, .color-15 .widget_popular_posts a:hover h6, .color-15 .portfolio-filter li a:hover, .color-15 #sidebar .widget li a:hover, .color-15 .portfolio-filter .active, .color-15 .entry-meta span:before, .color-15 .entry-title h2 a:hover, .color-15 #sidebar .jta-tweet-a, .color-15 .entry-meta a:hover, .color-15 .author-entry h5, .color-15 #footer a:hover, .color-15 .quote-author, .color-15 .tooltip { color: #b11c1c; }

.color-16 .navigation > div > ul ul li:hover > a, .color-16 .navigation > div > ul ul li.current-menu-item > a, .color-16 .navigation > div > ul ul li.current-menu-parent > a, .color-16 .navigation > div > ul ul li.current-menu-ancestor > a, .color-16 .navigation > div > ul ul li.current_page_item > a, .color-16 .navigation > div > ul ul li.current_page_parent > a, .color-16 .navigation > div > ul ul li.current_page_ancestor > a,

.color-16 .simple-pricing-table.type-1 .featured .cost, .color-16 .simple-pricing-table.type-2 .title, .color-16 .widget_popular_posts a:hover h6, .color-16 .portfolio-filter li a:hover, .color-16 #sidebar .widget li a:hover, .color-16 .portfolio-filter .active, .color-16 .entry-meta span:before, .color-16 .entry-title h2 a:hover, .color-16 #sidebar .jta-tweet-a, .color-16 .entry-meta a:hover, .color-16 .author-entry h5, .color-16 #footer a:hover, .color-16 .quote-author, .color-16 .tooltip { color: #2d5c88; }

/* Color Mixed */

.mixed-1 .navigation > div > ul ul li:hover > a, .mixed-1 .navigation > div > ul ul li.current-menu-item > a, .mixed-1 .navigation > div > ul ul li.current-menu-parent > a, .mixed-1 .navigation > div > ul ul li.current-menu-ancestor > a, .mixed-1 .navigation > div > ul ul li.current_page_item > a, .mixed-1 .navigation > div > ul ul li.current_page_parent > a, .mixed-1 .navigation > div > ul ul li.current_page_ancestor > a,

.mixed-1 .simple-pricing-table.type-1 .featured .cost, .mixed-1 .simple-pricing-table.type-2 .title, .mixed-1 .widget_popular_posts a:hover h6, .mixed-1 .portfolio-filter li a:hover, .mixed-1 #sidebar .widget li a:hover, .mixed-1 .portfolio-filter .active, .mixed-1 .entry-meta span:before, .mixed-1 .entry-title h2 a:hover, .mixed-1 #sidebar .jta-tweet-a, .mixed-1 .entry-meta a:hover, .mixed-1 #footer a:hover, .mixed-1 .quote-author, .mixed-1 .tooltip { color: #22bbd6; }

.mixed-2 .navigation > div > ul ul li:hover > a, .mixed-2 .navigation > div > ul ul li.current-menu-item > a, .mixed-2 .navigation > div > ul ul li.current-menu-parent > a, .mixed-2 .navigation > div > ul ul li.current-menu-ancestor > a, .mixed-2 .navigation > div > ul ul li.current_page_item > a, .mixed-2 .navigation > div > ul ul li.current_page_parent > a, .mixed-2 .navigation > div > ul ul li.current_page_ancestor > a,

.mixed-2 .simple-pricing-table.type-1 .featured .cost, .mixed-2 .simple-pricing-table.type-2 .title, .mixed-2 .widget_popular_posts a:hover h6, .mixed-2 .portfolio-filter li a:hover, .mixed-2 #sidebar .widget li a:hover, .mixed-2 .portfolio-filter .active, .mixed-2 .entry-meta span:before, .mixed-2 .entry-title h2 a:hover, .mixed-2 #sidebar .jta-tweet-a, .mixed-2 .entry-meta a:hover, .mixed-2 #footer a:hover, .mixed-2 .quote-author, .mixed-2 .tooltip { color: #738194; }

.mixed-3 .navigation > div > ul ul li:hover > a, .mixed-3 .navigation > div > ul ul li.current-menu-item > a, .mixed-3 .navigation > div > ul ul li.current-menu-parent > a, .mixed-3 .navigation > div > ul ul li.current-menu-ancestor > a, .mixed-3 .navigation > div > ul ul li.current_page_item > a, .mixed-3 .navigation > div > ul ul li.current_page_parent > a, .mixed-3 .navigation > div > ul ul li.current_page_ancestor > a,

.mixed-3 .simple-pricing-table.type-1 .featured .cost, .mixed-3 .simple-pricing-table.type-2 .title, .mixed-3 .widget_popular_posts a:hover h6, .mixed-3 .portfolio-filter li a:hover, .mixed-3 #sidebar .widget li a:hover, .mixed-3 .portfolio-filter .active, .mixed-3 .entry-meta span:before, .mixed-3 .entry-title h2 a:hover, .mixed-3 #sidebar .jta-tweet-a, .mixed-3 .entry-meta a:hover, .mixed-3 #footer a:hover, .mixed-3 .quote-author, .mixed-3 .tooltip { color: #867171; }

.mixed-4 .navigation > div > ul ul li:hover > a, .mixed-4 .navigation > div > ul ul li.current-menu-item > a, .mixed-4 .navigation > div > ul ul li.current-menu-parent > a, .mixed-4 .navigation > div > ul ul li.current-menu-ancestor > a, .mixed-4 .navigation > div > ul ul li.current_page_item > a, .mixed-4 .navigation > div > ul ul li.current_page_parent > a, .mixed-4 .navigation > div > ul ul li.current_page_ancestor > a,

.mixed-4 .simple-pricing-table.type-1 .featured .cost, .mixed-4 .simple-pricing-table.type-2 .title, .mixed-4 .widget_popular_posts a:hover h6, .mixed-4 .portfolio-filter li a:hover, .mixed-4 #sidebar .widget li a:hover, .mixed-4 .portfolio-filter .active, .mixed-4 .entry-meta span:before, .mixed-4 .entry-title h2 a:hover, .mixed-4 #sidebar .jta-tweet-a, .mixed-4 .entry-meta a:hover, .mixed-4 #footer a:hover, .mixed-4 .quote-author, .mixed-4 .tooltip { color: #d14a00; }

/* Background Color */

.color-1 .navigation > div > ul > li:hover > a, .color-1 .navigation > div > ul > li.current-menu-item > a, .color-1 .navigation > div > ul > li.current-menu-parent > a, .color-1 .navigation > div > ul > li.current-menu-ancestor > a, .color-1 .navigation > div > ul > li.current_page_item > a, .color-1 .navigation > div > ul > li.current_page_parent > a, .color-1 .navigation > div > ul > li.current_page_ancestor > a,

.color-1.scribble .projects-carousel li:hover > a:after, .color-1 .simple-pricing-table.type-2 .featured .price, .color-1.scribble article:hover .project-meta:after, .color-1 .simple-pricing-table .featured .button, .color-1 .jta-tweet-list-controls span:hover, .color-1 .simple-pricing-table.type-1 .title, .color-1 .gallery-slider-nav:hover a:hover, .color-1.scribble .team-entry:hover:after, .color-1.scribble .tabs-nav .active:after, .color-1 .post-slider-nav:hover a:hover, .color-1 .flex-direction-nav a:hover, .color-1 .portfolio-controls a:hover, .color-1 .acc-trigger.active:before, .color-1 #layerslider .inline-h2, .color-1 .detail-box .transform, .color-1 .ajax-nav li:hover > a, .color-1 .jcarousel-prev:hover, .color-1 .jcarousel-next:hover, .color-1 .wp-pagenavi .current, .color-1 .button.default:hover, .color-1 .flexslider .caption, .color-1 .ajax-nav .current a, .color-1 ul.type-1 li:before, .color-1 .quotes-nav a:hover, .color-1 #back-top:hover, .color-1 .dropcap.color, .color-1 i.small-arrows, .color-1 .curtain { background-color: #79BE0B; }

.color-2 .navigation > div > ul > li:hover > a, .color-2 .navigation > div > ul > li.current-menu-item > a, .color-2 .navigation > div > ul > li.current-menu-parent > a, .color-2 .navigation > div > ul > li.current-menu-ancestor > a, .color-2 .navigation > div > ul > li.current_page_item > a, .color-2 .navigation > div > ul > li.current_page_parent > a, .color-2 .navigation > div > ul > li.current_page_ancestor > a,

.color-2.scribble .projects-carousel li:hover > a:after, .color-2 .simple-pricing-table.type-2 .featured .price, .color-2.scribble article:hover .project-meta:after, .color-2 .simple-pricing-table .featured .button, .color-2 .jta-tweet-list-controls span:hover, .color-2 .simple-pricing-table.type-1 .title, .color-2 .gallery-slider-nav:hover a:hover, .color-2.scribble .team-entry:hover:after, .color-2.scribble .tabs-nav .active:after, .color-2 .post-slider-nav:hover a:hover, .color-2 .flex-direction-nav a:hover, .color-2 .portfolio-controls a:hover, .color-2 .acc-trigger.active:before, .color-2 #layerslider .inline-h2, .color-2 .detail-box .transform, .color-2 .ajax-nav li:hover > a, .color-2 .jcarousel-prev:hover, .color-2 .jcarousel-next:hover, .color-2 .wp-pagenavi .current, .color-2 .button.default:hover, .color-2 .flexslider .caption, .color-2 .ajax-nav .current a, .color-2 ul.type-1 li:before, .color-2 .quotes-nav a:hover, .color-2 #back-top:hover, .color-2 .dropcap.color, .color-2 i.small-arrows, .color-2 .curtain { background-color: #22bbd6; }

.color-3 .navigation > div > ul > li:hover > a, .color-3 .navigation > div > ul > li.current-menu-item > a, .color-3 .navigation > div > ul > li.current-menu-parent > a, .color-3 .navigation > div > ul > li.current-menu-ancestor > a, .color-3 .navigation > div > ul > li.current_page_item > a, .color-3 .navigation > div > ul > li.current_page_parent > a, .color-3 .navigation > div > ul > li.current_page_ancestor > a,

.color-3.scribble .projects-carousel li:hover > a:after, .color-3 .simple-pricing-table.type-2 .featured .price, .color-3.scribble article:hover .project-meta:after, .color-3 .simple-pricing-table .featured .button, .color-3 .jta-tweet-list-controls span:hover, .color-3 .simple-pricing-table.type-1 .title, .color-3 .gallery-slider-nav:hover a:hover, .color-3.scribble .team-entry:hover:after, .color-3.scribble .tabs-nav .active:after, .color-3 .post-slider-nav:hover a:hover, .color-3 .flex-direction-nav a:hover, .color-3 .portfolio-controls a:hover, .color-3 .acc-trigger.active:before, .color-3 #layerslider .inline-h2, .color-3 .detail-box .transform, .color-3 .ajax-nav li:hover > a, .color-3 .jcarousel-prev:hover, .color-3 .jcarousel-next:hover, .color-3 .wp-pagenavi .current, .color-3 .button.default:hover, .color-3 .flexslider .caption, .color-3 .ajax-nav .current a, .color-3 ul.type-1 li:before, .color-3 .quotes-nav a:hover, .color-3 #back-top:hover, .color-3 .dropcap.color, .color-3 i.small-arrows, .color-3 .curtain { background-color: #795cb0; }

.color-4 .navigation > div > ul > li:hover > a, .color-4 .navigation > div > ul > li.current-menu-item > a, .color-4 .navigation > div > ul > li.current-menu-parent > a, .color-4 .navigation > div > ul > li.current-menu-ancestor > a, .color-4 .navigation > div > ul > li.current_page_item > a, .color-4 .navigation > div > ul > li.current_page_parent > a, .color-4 .navigation > div > ul > li.current_page_ancestor > a,

.color-4.scribble .projects-carousel li:hover > a:after, .color-4 .simple-pricing-table.type-2 .featured .price, .color-4.scribble article:hover .project-meta:after, .color-4 .simple-pricing-table .featured .button, .color-4 .jta-tweet-list-controls span:hover, .color-4 .simple-pricing-table.type-1 .title, .color-4 .gallery-slider-nav:hover a:hover, .color-4.scribble .team-entry:hover:after, .color-4.scribble .tabs-nav .active:after, .color-4 .post-slider-nav:hover a:hover, .color-4 .flex-direction-nav a:hover, .color-4 .portfolio-controls a:hover, .color-4 .acc-trigger.active:before, .color-4 #layerslider .inline-h2, .color-4 .detail-box .transform, .color-4 .ajax-nav li:hover > a, .color-4 .jcarousel-prev:hover, .color-4 .jcarousel-next:hover, .color-4 .wp-pagenavi .current, .color-4 .button.default:hover, .color-4 .flexslider .caption, .color-4 .ajax-nav .current a, .color-4 ul.type-1 li:before, .color-4 .quotes-nav a:hover, .color-4 #back-top:hover, .color-4 .dropcap.color, .color-4 i.small-arrows, .color-4 .curtain { background-color: #038ca9; }

.color-5 .navigation > div > ul > li:hover > a, .color-5 .navigation > div > ul > li.current-menu-item > a, .color-5 .navigation > div > ul > li.current-menu-parent > a, .color-5 .navigation > div > ul > li.current-menu-ancestor > a, .color-5 .navigation > div > ul > li.current_page_item > a, .color-5 .navigation > div > ul > li.current_page_parent > a, .color-5 .navigation > div > ul > li.current_page_ancestor > a,

.color-5.scribble .projects-carousel li:hover > a:after, .color-5 .simple-pricing-table.type-2 .featured .price, .color-5.scribble article:hover .project-meta:after, .color-5 .simple-pricing-table .featured .button, .color-5 .jta-tweet-list-controls span:hover, .color-5 .simple-pricing-table.type-1 .title, .color-5 .gallery-slider-nav:hover a:hover, .color-5.scribble .team-entry:hover:after, .color-5.scribble .tabs-nav .active:after, .color-5 .post-slider-nav:hover a:hover, .color-5 .flex-direction-nav a:hover, .color-5 .portfolio-controls a:hover, .color-5 .acc-trigger.active:before, .color-5 #layerslider .inline-h2, .color-5 .detail-box .transform, .color-5 .ajax-nav li:hover > a, .color-5 .jcarousel-prev:hover, .color-5 .jcarousel-next:hover, .color-5 .wp-pagenavi .current, .color-5 .button.default:hover, .color-5 .flexslider .caption, .color-5 .ajax-nav .current a, .color-5 ul.type-1 li:before, .color-5 .quotes-nav a:hover, .color-5 #back-top:hover, .color-5 .dropcap.color, .color-5 i.small-arrows, .color-5 .curtain { background-color: #3b930a; }

.color-6 .navigation > div > ul > li:hover > a, .color-6 .navigation > div > ul > li.current-menu-item > a, .color-6 .navigation > div > ul > li.current-menu-parent > a, .color-6 .navigation > div > ul > li.current-menu-ancestor > a, .color-6 .navigation > div > ul > li.current_page_item > a, .color-6 .navigation > div > ul > li.current_page_parent > a, .color-6 .navigation > div > ul > li.current_page_ancestor > a,

.color-6.scribble .projects-carousel li:hover > a:after, .color-6 .simple-pricing-table.type-2 .featured .price, .color-6.scribble article:hover .project-meta:after, .color-6 .simple-pricing-table .featured .button, .color-6 .jta-tweet-list-controls span:hover, .color-6 .simple-pricing-table.type-1 .title, .color-6 .gallery-slider-nav:hover a:hover, .color-6.scribble .team-entry:hover:after, .color-6.scribble .tabs-nav .active:after, .color-6 .post-slider-nav:hover a:hover, .color-6 .flex-direction-nav a:hover, .color-6 .portfolio-controls a:hover, .color-6 .acc-trigger.active:before, .color-6 #layerslider .inline-h2, .color-6 .detail-box .transform, .color-6 .ajax-nav li:hover > a, .color-6 .jcarousel-prev:hover, .color-6 .jcarousel-next:hover, .color-6 .wp-pagenavi .current, .color-6 .button.default:hover, .color-6 .flexslider .caption, .color-6 .ajax-nav .current a, .color-6 ul.type-1 li:before, .color-6 .quotes-nav a:hover, .color-6 #back-top:hover, .color-6 .dropcap.color, .color-6 i.small-arrows, .color-6 .curtain { background-color: #01ad93; }

.color-7 .navigation > div > ul > li:hover > a, .color-7 .navigation > div > ul > li.current-menu-item > a, .color-7 .navigation > div > ul > li.current-menu-parent > a, .color-7 .navigation > div > ul > li.current-menu-ancestor > a, .color-7 .navigation > div > ul > li.current_page_item > a, .color-7 .navigation > div > ul > li.current_page_parent > a, .color-7 .navigation > div > ul > li.current_page_ancestor > a,

.color-7.scribble .projects-carousel li:hover > a:after, .color-7 .simple-pricing-table.type-2 .featured .price, .color-7.scribble article:hover .project-meta:after, .color-7 .simple-pricing-table .featured .button, .color-7 .jta-tweet-list-controls span:hover, .color-7 .simple-pricing-table.type-1 .title, .color-7 .gallery-slider-nav:hover a:hover, .color-7.scribble .team-entry:hover:after, .color-7.scribble .tabs-nav .active:after, .color-7 .post-slider-nav:hover a:hover, .color-7 .flex-direction-nav a:hover, .color-7 .portfolio-controls a:hover, .color-7 .acc-trigger.active:before, .color-7 #layerslider .inline-h2, .color-7 .detail-box .transform, .color-7 .ajax-nav li:hover > a, .color-7 .jcarousel-prev:hover, .color-7 .jcarousel-next:hover, .color-7 .wp-pagenavi .current, .color-7 .button.default:hover, .color-7 .flexslider .caption, .color-7 .ajax-nav .current a, .color-7 ul.type-1 li:before, .color-7 .quotes-nav a:hover, .color-7 #back-top:hover, .color-7 .dropcap.color, .color-7 i.small-arrows, .color-7 .curtain { background-color: #ffba00; }

.color-8 .navigation > div > ul > li:hover > a, .color-8 .navigation > div > ul > li.current-menu-item > a, .color-8 .navigation > div > ul > li.current-menu-parent > a, .color-8 .navigation > div > ul > li.current-menu-ancestor > a, .color-8 .navigation > div > ul > li.current_page_item > a, .color-8 .navigation > div > ul > li.current_page_parent > a, .color-8 .navigation > div > ul > li.current_page_ancestor > a,

.color-8.scribble .projects-carousel li:hover > a:after, .color-8 .simple-pricing-table.type-2 .featured .price, .color-8.scribble article:hover .project-meta:after, .color-8 .simple-pricing-table .featured .button, .color-8 .jta-tweet-list-controls span:hover, .color-8 .simple-pricing-table.type-1 .title, .color-8 .gallery-slider-nav:hover a:hover, .color-8.scribble .team-entry:hover:after, .color-8.scribble .tabs-nav .active:after, .color-8 .post-slider-nav:hover a:hover, .color-8 .flex-direction-nav a:hover, .color-8 .portfolio-controls a:hover, .color-8 .acc-trigger.active:before, .color-8 #layerslider .inline-h2, .color-8 .detail-box .transform, .color-8 .ajax-nav li:hover > a, .color-8 .jcarousel-prev:hover, .color-8 .jcarousel-next:hover, .color-8 .wp-pagenavi .current, .color-8 .button.default:hover, .color-8 .flexslider .caption, .color-8 .ajax-nav .current a, .color-8 ul.type-1 li:before, .color-8 .quotes-nav a:hover, .color-8 #back-top:hover, .color-8 .dropcap.color, .color-8 i.small-arrows, .color-8 .curtain { background-color: #f99200; }

.color-9 .navigation > div > ul > li:hover > a, .color-9 .navigation > div > ul > li.current-menu-item > a, .color-9 .navigation > div > ul > li.current-menu-parent > a, .color-9 .navigation > div > ul > li.current-menu-ancestor > a, .color-9 .navigation > div > ul > li.current_page_item > a, .color-9 .navigation > div > ul > li.current_page_parent > a, .color-9 .navigation > div > ul > li.current_page_ancestor > a,

.color-9.scribble .projects-carousel li:hover > a:after, .color-9 .simple-pricing-table.type-2 .featured .price, .color-9.scribble article:hover .project-meta:after, .color-9 .simple-pricing-table .featured .button, .color-9 .jta-tweet-list-controls span:hover, .color-9 .simple-pricing-table.type-1 .title, .color-9 .gallery-slider-nav:hover a:hover, .color-9.scribble .team-entry:hover:after, .color-9.scribble .tabs-nav .active:after, .color-9 .post-slider-nav:hover a:hover, .color-9 .flex-direction-nav a:hover, .color-9 .portfolio-controls a:hover, .color-9 .acc-trigger.active:before, .color-9 #layerslider .inline-h2, .color-9 .detail-box .transform, .color-9 .ajax-nav li:hover > a, .color-9 .jcarousel-prev:hover, .color-9 .jcarousel-next:hover, .color-9 .wp-pagenavi .current, .color-9 .button.default:hover, .color-9 .flexslider .caption, .color-9 .ajax-nav .current a, .color-9 ul.type-1 li:before, .color-9 .quotes-nav a:hover, .color-9 #back-top:hover, .color-9 .dropcap.color, .color-9 i.small-arrows, .color-9 .curtain { background-color: #da4c0e; }

.color-10 .navigation > div > ul > li:hover > a, .color-10 .navigation > div > ul > li.current-menu-item > a, .color-10 .navigation > div > ul > li.current-menu-parent > a, .color-10 .navigation > div > ul > li.current-menu-ancestor > a, .color-10 .navigation > div > ul > li.current_page_item > a, .color-10 .navigation > div > ul > li.current_page_parent > a, .color-10 .navigation > div > ul > li.current_page_ancestor > a,

.color-10.scribble .projects-carousel li:hover > a:after, .color-10 .simple-pricing-table.type-2 .featured .price, .color-10.scribble article:hover .project-meta:after, .color-10 .simple-pricing-table .featured .button, .color-10 .jta-tweet-list-controls span:hover, .color-10 .simple-pricing-table.type-1 .title, .color-10 .gallery-slider-nav:hover a:hover, .color-10.scribble .team-entry:hover:after, .color-10.scribble .tabs-nav .active:after, .color-10 .post-slider-nav:hover a:hover, .color-10 .flex-direction-nav a:hover, .color-10 .portfolio-controls a:hover, .color-10 .acc-trigger.active:before, .color-10 #layerslider .inline-h2, .color-10 .detail-box .transform, .color-10 .ajax-nav li:hover > a, .color-10 .jcarousel-prev:hover, .color-10 .jcarousel-next:hover, .color-10 .wp-pagenavi .current, .color-10 .button.default:hover, .color-10 .flexslider .caption, .color-10 .ajax-nav .current a, .color-10 ul.type-1 li:before, .color-10 .quotes-nav a:hover, .color-10 #back-top:hover, .color-10 .dropcap.color, .color-10 i.small-arrows, .color-10 .curtain { background-color: #e85d98; }

.color-11 .navigation > div > ul > li:hover > a, .color-11 .navigation > div > ul > li.current-menu-item > a, .color-11 .navigation > div > ul > li.current-menu-parent > a, .color-11 .navigation > div > ul > li.current-menu-ancestor > a, .color-11 .navigation > div > ul > li.current_page_item > a, .color-11 .navigation > div > ul > li.current_page_parent > a, .color-11 .navigation > div > ul > li.current_page_ancestor > a,

.color-11.scribble .projects-carousel li:hover > a:after, .color-11 .simple-pricing-table.type-2 .featured .price, .color-11.scribble article:hover .project-meta:after, .color-11 .simple-pricing-table .featured .button, .color-11 .jta-tweet-list-controls span:hover, .color-11 .simple-pricing-table.type-1 .title, .color-11 .gallery-slider-nav:hover a:hover, .color-11.scribble .team-entry:hover:after, .color-11.scribble .tabs-nav .active:after, .color-11 .post-slider-nav:hover a:hover, .color-11 .flex-direction-nav a:hover, .color-11 .portfolio-controls a:hover, .color-11 .acc-trigger.active:before, .color-11 #layerslider .inline-h2, .color-11 .detail-box .transform, .color-11 .ajax-nav li:hover > a, .color-11 .jcarousel-prev:hover, .color-11 .jcarousel-next:hover, .color-11 .wp-pagenavi .current, .color-11 .button.default:hover, .color-11 .flexslider .caption, .color-11 .ajax-nav .current a, .color-11 ul.type-1 li:before, .color-11 .quotes-nav a:hover, .color-11 #back-top:hover, .color-11 .dropcap.color, .color-11 i.small-arrows, .color-11 .curtain { background-color: #8e376b; }

.color-12 .navigation > div > ul > li:hover > a, .color-12 .navigation > div > ul > li.current-menu-item > a, .color-12 .navigation > div > ul > li.current-menu-parent > a, .color-12 .navigation > div > ul > li.current-menu-ancestor > a, .color-12 .navigation > div > ul > li.current_page_item > a, .color-12 .navigation > div > ul > li.current_page_parent > a, .color-12 .navigation > div > ul > li.current_page_ancestor > a,

.color-12.scribble .projects-carousel li:hover > a:after, .color-12 .simple-pricing-table.type-2 .featured .price, .color-12.scribble article:hover .project-meta:after, .color-12 .simple-pricing-table .featured .button, .color-12 .jta-tweet-list-controls span:hover, .color-12 .simple-pricing-table.type-1 .title, .color-12 .gallery-slider-nav:hover a:hover, .color-12.scribble .team-entry:hover:after, .color-12.scribble .tabs-nav .active:after, .color-12 .post-slider-nav:hover a:hover, .color-12 .flex-direction-nav a:hover, .color-12 .portfolio-controls a:hover, .color-12 .acc-trigger.active:before, .color-12 #layerslider .inline-h2, .color-12 .detail-box .transform, .color-12 .ajax-nav li:hover > a, .color-12 .jcarousel-prev:hover, .color-12 .jcarousel-next:hover, .color-12 .wp-pagenavi .current, .color-12 .button.default:hover, .color-12 .flexslider .caption, .color-12 .ajax-nav .current a, .color-12 ul.type-1 li:before, .color-12 .quotes-nav a:hover, .color-12 #back-top:hover, .color-12 .dropcap.color, .color-12 i.small-arrows, .color-12 .curtain { background-color: #564544; }

.color-13 .navigation > div > ul > li:hover > a, .color-13 .navigation > div > ul > li.current-menu-item > a, .color-13 .navigation > div > ul > li.current-menu-parent > a, .color-13 .navigation > div > ul > li.current-menu-ancestor > a, .color-13 .navigation > div > ul > li.current_page_item > a, .color-13 .navigation > div > ul > li.current_page_parent > a, .color-13 .navigation > div > ul > li.current_page_ancestor > a,

.color-13.scribble .projects-carousel li:hover > a:after, .color-13 .simple-pricing-table.type-2 .featured .price, .color-13.scribble article:hover .project-meta:after, .color-13 .simple-pricing-table .featured .button, .color-13 .jta-tweet-list-controls span:hover, .color-13 .simple-pricing-table.type-1 .title, .color-13 .gallery-slider-nav:hover a:hover, .color-13.scribble .team-entry:hover:after, .color-13.scribble .tabs-nav .active:after, .color-13 .post-slider-nav:hover a:hover, .color-13 .flex-direction-nav a:hover, .color-13 .portfolio-controls a:hover, .color-13 .acc-trigger.active:before, .color-13 #layerslider .inline-h2, .color-13 .detail-box .transform, .color-13 .ajax-nav li:hover > a, .color-13 .jcarousel-prev:hover, .color-13 .jcarousel-next:hover, .color-13 .wp-pagenavi .current, .color-13 .button.default:hover, .color-13 .flexslider .caption, .color-13 .ajax-nav .current a, .color-13 ul.type-1 li:before, .color-13 .quotes-nav a:hover, .color-13 #back-top:hover, .color-13 .dropcap.color, .color-13 i.small-arrows, .color-13 .curtain { background-color: #887171; }

.color-14 .navigation > div > ul > li:hover > a, .color-14 .navigation > div > ul > li.current-menu-item > a, .color-14 .navigation > div > ul > li.current-menu-parent > a, .color-14 .navigation > div > ul > li.current-menu-ancestor > a, .color-14 .navigation > div > ul > li.current_page_item > a, .color-14 .navigation > div > ul > li.current_page_parent > a, .color-14 .navigation > div > ul > li.current_page_ancestor > a,

.color-14.scribble .projects-carousel li:hover > a:after, .color-14 .simple-pricing-table.type-2 .featured .price, .color-14.scribble article:hover .project-meta:after, .color-14 .simple-pricing-table .featured .button, .color-14 .jta-tweet-list-controls span:hover, .color-14 .simple-pricing-table.type-1 .title, .color-14 .gallery-slider-nav:hover a:hover, .color-14.scribble .team-entry:hover:after, .color-14.scribble .tabs-nav .active:after, .color-14 .post-slider-nav:hover a:hover, .color-14 .flex-direction-nav a:hover, .color-14 .portfolio-controls a:hover, .color-14 .acc-trigger.active:before, .color-14 #layerslider .inline-h2, .color-14 .detail-box .transform, .color-14 .ajax-nav li:hover > a, .color-14 .jcarousel-prev:hover, .color-14 .jcarousel-next:hover, .color-14 .wp-pagenavi .current, .color-14 .button.default:hover, .color-14 .flexslider .caption, .color-14 .ajax-nav .current a, .color-14 ul.type-1 li:before, .color-14 .quotes-nav a:hover, .color-14 #back-top:hover, .color-14 .dropcap.color, .color-14 i.small-arrows, .color-14 .curtain { background-color: #718193; }

.color-15 .navigation > div > ul > li:hover > a, .color-15 .navigation > div > ul > li.current-menu-item > a, .color-15 .navigation > div > ul > li.current-menu-parent > a, .color-15 .navigation > div > ul > li.current-menu-ancestor > a, .color-15 .navigation > div > ul > li.current_page_item > a, .color-15 .navigation > div > ul > li.current_page_parent > a, .color-15 .navigation > div > ul > li.current_page_ancestor > a,

.color-15.scribble .projects-carousel li:hover > a:after, .color-15 .simple-pricing-table.type-2 .featured .price, .color-15.scribble article:hover .project-meta:after, .color-15 .simple-pricing-table .featured .button, .color-15 .jta-tweet-list-controls span:hover, .color-15 .simple-pricing-table.type-1 .title, .color-15 .gallery-slider-nav:hover a:hover, .color-15.scribble .team-entry:hover:after, .color-15.scribble .tabs-nav .active:after, .color-15 .post-slider-nav:hover a:hover, .color-15 .flex-direction-nav a:hover, .color-15 .portfolio-controls a:hover, .color-15 .acc-trigger.active:before, .color-15 #layerslider .inline-h2, .color-15 .detail-box .transform, .color-15 .ajax-nav li:hover > a, .color-15 .jcarousel-prev:hover, .color-15 .jcarousel-next:hover, .color-15 .wp-pagenavi .current, .color-15 .button.default:hover, .color-15 .flexslider .caption, .color-15 .ajax-nav .current a, .color-15 ul.type-1 li:before, .color-15 .quotes-nav a:hover, .color-15 #back-top:hover, .color-15 .dropcap.color, .color-15 i.small-arrows, .color-15 .curtain { background-color: #b11c1c; }

.color-16 .navigation > div > ul > li:hover > a, .color-16 .navigation > div > ul > li.current-menu-item > a, .color-16 .navigation > div > ul > li.current-menu-parent > a, .color-16 .navigation > div > ul > li.current-menu-ancestor > a, .color-16 .navigation > div > ul > li.current_page_item > a, .color-16 .navigation > div > ul > li.current_page_parent > a, .color-16 .navigation > div > ul > li.current_page_ancestor > a,

.color-16.scribble .projects-carousel li:hover > a:after, .color-16 .simple-pricing-table.type-2 .featured .price, .color-16.scribble article:hover .project-meta:after, .color-16 .simple-pricing-table .featured .button, .color-16 .jta-tweet-list-controls span:hover, .color-16 .simple-pricing-table.type-1 .title, .color-16 .gallery-slider-nav:hover a:hover, .color-16.scribble .team-entry:hover:after, .color-16.scribble .tabs-nav .active:after, .color-16 .post-slider-nav:hover a:hover, .color-16 .flex-direction-nav a:hover, .color-16 .portfolio-controls a:hover, .color-16 .acc-trigger.active:before, .color-16 #layerslider .inline-h2, .color-16 .detail-box .transform, .color-16 .ajax-nav li:hover > a, .color-16 .jcarousel-prev:hover, .color-16 .jcarousel-next:hover, .color-16 .wp-pagenavi .current, .color-16 .button.default:hover, .color-16 .flexslider .caption, .color-16 .ajax-nav .current a, .color-16 ul.type-1 li:before, .color-16 .quotes-nav a:hover, .color-16 #back-top:hover, .color-16 .dropcap.color, .color-16 i.small-arrows, .color-16 .curtain { background-color: #2d5c88; }

.mixed-1 .navigation > div > ul > li:hover > a, .mixed-1 .navigation > div > ul > li.current-menu-item > a, .mixed-1 .navigation > div > ul > li.current-menu-parent > a, .mixed-1 .navigation > div > ul > li.current-menu-ancestor > a, .mixed-1 .navigation > div > ul > li.current_page_item > a, .mixed-1 .navigation > div > ul > li.current_page_parent > a, .mixed-1 .navigation > div > ul > li.current_page_ancestor > a,

.mixed-1.scribble .projects-carousel li:hover > a:after, .mixed-1 .simple-pricing-table.type-2 .featured .price, .mixed-1.scribble article:hover .project-meta:after, .mixed-1 .simple-pricing-table .featured .button, .mixed-1 .jta-tweet-list-controls span:hover, .mixed-1 .simple-pricing-table.type-1 .title, .mixed-1 .gallery-slider-nav:hover a:hover, .mixed-1.scribble .team-entry:hover:after, .mixed-1.scribble .tabs-nav .active:after, .mixed-1 .post-slider-nav:hover a:hover, .mixed-1 .flex-direction-nav a:hover, .mixed-1 .portfolio-controls a:hover, .mixed-1 .acc-trigger.active:before, .mixed-1 #layerslider .inline-h2, .mixed-1 .ajax-nav li:hover > a, .mixed-1 .jcarousel-prev:hover, .mixed-1 .jcarousel-next:hover, .mixed-1 .wp-pagenavi .current, .mixed-1 .button.default:hover, .mixed-1 .flexslider .caption, .mixed-1 .ajax-nav .current a, .mixed-1 ul.type-1 li:before, .mixed-1 .quotes-nav a:hover, .mixed-1 #back-top:hover, .mixed-1 .dropcap.color, .mixed-1 i.small-arrows, .mixed-1 .curtain { background-color: #22bbd6; }

.mixed-2 .navigation > div > ul > li:hover > a, .mixed-2 .navigation > div > ul > li.current-menu-item > a, .mixed-2 .navigation > div > ul > li.current-menu-parent > a, .mixed-2 .navigation > div > ul > li.current-menu-ancestor > a, .mixed-2 .navigation > div > ul > li.current_page_item > a, .mixed-2 .navigation > div > ul > li.current_page_parent > a, .mixed-2 .navigation > div > ul > li.current_page_ancestor > a,

.mixed-2.scribble .projects-carousel li:hover > a:after, .mixed-2 .simple-pricing-table.type-2 .featured .price, .mixed-2.scribble article:hover .project-meta:after, .mixed-2 .simple-pricing-table .featured .button, .mixed-2 .jta-tweet-list-controls span:hover, .mixed-2 .simple-pricing-table.type-1 .title, .mixed-2 .gallery-slider-nav:hover a:hover, .mixed-2.scribble .team-entry:hover:after, .mixed-2.scribble .tabs-nav .active:after, .mixed-2 .post-slider-nav:hover a:hover, .mixed-2 .flex-direction-nav a:hover, .mixed-2 .portfolio-controls a:hover, .mixed-2 .acc-trigger.active:before, .mixed-2 #layerslider .inline-h2, .mixed-2 .ajax-nav li:hover > a, .mixed-2 .jcarousel-prev:hover, .mixed-2 .jcarousel-next:hover, .mixed-2 .wp-pagenavi .current, .mixed-2 .button.default:hover, .mixed-2 .flexslider .caption, .mixed-2 .ajax-nav .current a, .mixed-2 ul.type-1 li:before, .mixed-2 .quotes-nav a:hover, .mixed-2 #back-top:hover, .mixed-2 .dropcap.color, .mixed-2 i.small-arrows, .mixed-2 .curtain { background-color: #738194; }

.mixed-3 .navigation > div > ul > li:hover > a, .mixed-3 .navigation > div > ul > li.current-menu-item > a, .mixed-3 .navigation > div > ul > li.current-menu-parent > a, .mixed-3 .navigation > div > ul > li.current-menu-ancestor > a, .mixed-3 .navigation > div > ul > li.current_page_item > a, .mixed-3 .navigation > div > ul > li.current_page_parent > a, .mixed-3 .navigation > div > ul > li.current_page_ancestor > a,

.mixed-3.scribble .projects-carousel li:hover > a:after, .mixed-3 .simple-pricing-table.type-2 .featured .price, .mixed-3.scribble article:hover .project-meta:after, .mixed-3 .simple-pricing-table .featured .button, .mixed-3 .jta-tweet-list-controls span:hover, .mixed-3 .simple-pricing-table.type-1 .title, .mixed-3 .gallery-slider-nav:hover a:hover, .mixed-3.scribble .team-entry:hover:after, .mixed-3.scribble .tabs-nav .active:after, .mixed-3 .post-slider-nav:hover a:hover, .mixed-3 .flex-direction-nav a:hover, .mixed-3 .portfolio-controls a:hover, .mixed-3 .acc-trigger.active:before, .mixed-3 #layerslider .inline-h2, .mixed-3 .ajax-nav li:hover > a, .mixed-3 .jcarousel-prev:hover, .mixed-3 .jcarousel-next:hover, .mixed-3 .wp-pagenavi .current, .mixed-3 .button.default:hover, .mixed-3 .flexslider .caption, .mixed-3 .ajax-nav .current a, .mixed-3 ul.type-1 li:before, .mixed-3 .quotes-nav a:hover, .mixed-3 #back-top:hover, .mixed-3 .dropcap.color, .mixed-3 i.small-arrows, .mixed-3 .curtain { background-color: #867171; }

.mixed-4 .navigation > div > ul > li:hover > a, .mixed-4 .navigation > div > ul > li.current-menu-item > a, .mixed-4 .navigation > div > ul > li.current-menu-parent > a, .mixed-4 .navigation > div > ul > li.current-menu-ancestor > a, .mixed-4 .navigation > div > ul > li.current_page_item > a, .mixed-4 .navigation > div > ul > li.current_page_parent > a, .mixed-4 .navigation > div > ul > li.current_page_ancestor > a,

.mixed-4.scribble .projects-carousel li:hover > a:after, .mixed-4 .simple-pricing-table.type-2 .featured .price, .mixed-4.scribble article:hover .project-meta:after, .mixed-4 .simple-pricing-table .featured .button, .mixed-4 .jta-tweet-list-controls span:hover, .mixed-4 .simple-pricing-table.type-1 .title, .mixed-4 .gallery-slider-nav:hover a:hover, .mixed-4.scribble .team-entry:hover:after, .mixed-4.scribble .tabs-nav .active:after, .mixed-4 .post-slider-nav:hover a:hover, .mixed-4 .flex-direction-nav a:hover, .mixed-4 .portfolio-controls a:hover, .mixed-4 .acc-trigger.active:before, .mixed-4 #layerslider .inline-h2, .mixed-4 .ajax-nav li:hover > a, .mixed-4 .jcarousel-prev:hover, .mixed-4 .jcarousel-next:hover, .mixed-4 .wp-pagenavi .current, .mixed-4 .button.default:hover, .mixed-4 .flexslider .caption, .mixed-4 .ajax-nav .current a, .mixed-4 ul.type-1 li:before, .mixed-4 .quotes-nav a:hover, .mixed-4 #back-top:hover, .mixed-4 .dropcap.color, .mixed-4 i.small-arrows, .mixed-4 .curtain { background-color: #d14a00; }

/* Transform Mixed */

.mixed-1 .transform.mixed-bg-1 { background-color: #22bbd6; } .mixed-1 .transform.mixed-bg-2 { background-color: #038ca9; } .mixed-1 .transform.mixed-bg-3 { background-color: #01ad93; } .mixed-1 .transform.mixed-bg-4 { background-color: #79be0b; }

.mixed-2 .transform.mixed-bg-1 { background-color: #738194; } .mixed-2 .transform.mixed-bg-2 { background-color: #f9b900; } .mixed-2 .transform.mixed-bg-3 { background-color: #e05c98; } .mixed-2 .transform.mixed-bg-4 { background-color: #89376c; }

.mixed-3 .transform.mixed-bg-1 { background-color: #867171; } .mixed-3 .transform.mixed-bg-2 { background-color: #37ad93; } .mixed-3 .transform.mixed-bg-3 { background-color: #f9b900; } .mixed-3 .transform.mixed-bg-4 { background-color: #2e8caa; }

.mixed-4 .transform.mixed-bg-1 { background-color: #d14a00; } .mixed-4 .transform.mixed-bg-2 { background-color: #f9b900; } .mixed-4 .transform.mixed-bg-3 { background-color: #80be00; } .mixed-4 .transform.mixed-bg-4 { background-color: #479300; }

/* Flexslider Caption */

.color-1 .flexslider .caption { background-color: rgba(121,190,11, .7); } .color-2 .flexslider .caption { background-color: rgba(34,187,214, .7); } .color-3 .flexslider .caption { background-color: rgba(121,92,176, .7); } .color-4 .flexslider .caption { background-color: rgba(3,140,169, .7); } .color-5 .flexslider .caption { background-color: rgba(59,147,10, .7); } .color-6 .flexslider .caption { background-color: rgba(1,173,147, .7); } .color-7 .flexslider .caption { background-color: rgba(255,186,0, .7); } .color-8 .flexslider .caption { background-color: rgba(249,146,0, .7); } .color-9 .flexslider .caption { background-color: rgba(218,76,14, .7); } .color-10 .flexslider .caption { background-color: rgba(232,93,152, .7); } .color-11 .flexslider .caption { background-color: rgba(142,55,107, .7); } .color-12 .flexslider .caption { background-color: rgba(86,69,68, .7); } .color-13 .flexslider .caption { background-color: rgba(136,113,113, .7); } .color-14 .flexslider .caption { background-color: rgba(113,129,147, .7); } .color-15 .flexslider .caption { background-color: rgba(177,28,28, .7); } .color-16 .flexslider .caption { background-color: rgba(45,92,136, .7); }

/* Flexslider Caption Mixed */

.mixed-1 .flexslider .mixed-bg-1 { background-color: rgba(34,187,214,.7); } .mixed-1 .flexslider .mixed-bg-2 { background-color: rgba(3,140,169,.7); } .mixed-1 .flexslider .mixed-bg-3 { background-color: rgba(1,173,147,.7); } .mixed-1 .flexslider .mixed-bg-4 { background-color: rgba(121,190,11,.7); }

.mixed-2 .flexslider .mixed-bg-1 { background-color: rgba(115,129,148,.7); } .mixed-2 .flexslider .mixed-bg-2 { background-color: rgba(249,185,0,.7); } .mixed-2 .flexslider .mixed-bg-3 { background-color: rgba(224,92,152,.7); } .mixed-2 .flexslider .mixed-bg-4 { background-color: rgba(137,55,108,.7); }

.mixed-3 .flexslider .mixed-bg-1 { background-color: rgba(134,113,113,.7); } .mixed-3 .flexslider .mixed-bg-2 { background-color: rgba(55,173,147,.7); } .mixed-3 .flexslider .mixed-bg-3 { background-color: rgba(249,185,0,.7); } .mixed-3 .flexslider .mixed-bg-4 { background-color: rgba(46,140,170,.7); }

.mixed-4 .flexslider .mixed-bg-1 { background-color: rgba(209,74,0,.7); } .mixed-4 .flexslider .mixed-bg-2 { background-color: rgba(249,185,0,.7); } .mixed-4 .flexslider .mixed-bg-3 { background-color: rgba(128,190,0,.7); } .mixed-4 .flexslider .mixed-bg-4 { background-color: rgba(71,147,0,.7); }

/* Border Color */

.color-1 .portfolio-items article:hover .project-meta, .color-1 .projects-carousel li:hover > a, .color-1 .ajax-nav li:hover:before, .color-1 .ajax-nav .current:before, .color-1 .tabs-nav .active, .color-1 .team-entry:hover { border-color: #79be0b; }

.color-2 .portfolio-items article:hover .project-meta, .color-2 .projects-carousel li:hover > a, .color-2 .ajax-nav li:hover:before, .color-2 .ajax-nav .current:before, .color-2 .tabs-nav .active, .color-2 .team-entry:hover { border-color: #22bbd6; }

.color-3 .portfolio-items article:hover .project-meta, .color-3 .projects-carousel li:hover > a, .color-3 .ajax-nav li:hover:before, .color-3 .ajax-nav .current:before, .color-3 .tabs-nav .active, .color-3 .team-entry:hover { border-color: #795cb0; }

.color-4 .portfolio-items article:hover .project-meta, .color-4 .projects-carousel li:hover > a, .color-4 .ajax-nav li:hover:before, .color-4 .ajax-nav .current:before, .color-4 .tabs-nav .active, .color-4 .team-entry:hover { border-color: #038ca9; }

.color-5 .portfolio-items article:hover .project-meta, .color-5 .projects-carousel li:hover > a, .color-5 .ajax-nav li:hover:before, .color-5 .ajax-nav .current:before, .color-5 .tabs-nav .active, .color-5 .team-entry:hover { border-color: #3b930a; }

.color-6 .portfolio-items article:hover .project-meta, .color-6 .projects-carousel li:hover > a, .color-6 .ajax-nav li:hover:before, .color-6 .ajax-nav .current:before, .color-6 .tabs-nav .active, .color-6 .team-entry:hover { border-color: #01ad93; }

.color-7 .portfolio-items article:hover .project-meta, .color-7 .projects-carousel li:hover > a, .color-7 .ajax-nav li:hover:before, .color-7 .ajax-nav .current:before, .color-7 .tabs-nav .active, .color-7 .team-entry:hover { border-color: #ffba00; }

.color-8 .portfolio-items article:hover .project-meta, .color-8 .projects-carousel li:hover > a, .color-8 .ajax-nav li:hover:before, .color-8 .ajax-nav .current:before, .color-8 .tabs-nav .active, .color-8 .team-entry:hover { border-color: #f99200; }

.color-9 .portfolio-items article:hover .project-meta, .color-9 .projects-carousel li:hover > a, .color-9 .ajax-nav li:hover:before, .color-9 .ajax-nav .current:before, .color-9 .tabs-nav .active, .color-9 .team-entry:hover { border-color: #da4c0e; }

.color-10 .portfolio-items article:hover .project-meta, .color-10 .projects-carousel li:hover > a, .color-10 .ajax-nav li:hover:before, .color-10 .ajax-nav .current:before, .color-10 .tabs-nav .active, .color-10 .team-entry:hover { border-color: #e85d98; }

.color-11 .portfolio-items article:hover .project-meta, .color-11 .projects-carousel li:hover > a, .color-11 .ajax-nav li:hover:before, .color-11 .ajax-nav .current:before, .color-11 .tabs-nav .active, .color-11 .team-entry:hover { border-color: #8e376b; }

.color-12 .portfolio-items article:hover .project-meta, .color-12 .projects-carousel li:hover > a, .color-12 .ajax-nav li:hover:before, .color-12 .ajax-nav .current:before, .color-12 .tabs-nav .active, .color-12 .team-entry:hover { border-color: #564544; }

.color-13 .portfolio-items article:hover .project-meta, .color-13 .projects-carousel li:hover > a, .color-13 .ajax-nav li:hover:before, .color-13 .ajax-nav .current:before, .color-13 .tabs-nav .active, .color-13 .team-entry:hover { border-color: #887171; }

.color-14 .portfolio-items article:hover .project-meta, .color-14 .projects-carousel li:hover > a, .color-14 .ajax-nav li:hover:before, .color-14 .ajax-nav .current:before, .color-14 .tabs-nav .active, .color-14 .team-entry:hover { border-color: #718193; }

.color-15 .portfolio-items article:hover .project-meta, .color-15 .projects-carousel li:hover > a, .color-15 .ajax-nav li:hover:before, .color-15 .ajax-nav .current:before, .color-15 .tabs-nav .active, .color-15 .team-entry:hover { border-color: #b11c1c; }

.color-16 .portfolio-items article:hover .project-meta, .color-16 .projects-carousel li:hover > a, .color-16 .ajax-nav li:hover:before, .color-16 .ajax-nav .current:before, .color-16 .tabs-nav .active, .color-16 .team-entry:hover { border-color: #2d5c88; }

/* Border Color Mixed */

.mixed-1 .portfolio-items article:hover .project-meta, .mixed-1 .projects-carousel li:hover > a, .mixed-1 .ajax-nav li:hover:before, .mixed-1 .ajax-nav .current:before, .mixed-1 .tabs-nav .active, .mixed-1 .team-entry:hover { border-color: #22bbd6; }

.mixed-2 .portfolio-items article:hover .project-meta, .mixed-2 .projects-carousel li:hover > a, .mixed-2 .ajax-nav li:hover:before, .mixed-2 .ajax-nav .current:before, .mixed-2 .tabs-nav .active, .mixed-2 .team-entry:hover { border-color: #738194; }

.mixed-3 .portfolio-items article:hover .project-meta, .mixed-3 .projects-carousel li:hover > a, .mixed-3 .ajax-nav li:hover:before, .mixed-3 .ajax-nav .current:before, .mixed-3 .tabs-nav .active, .mixed-3 .team-entry:hover { border-color: #867171; }

.mixed-4 .portfolio-items article:hover .project-meta, .mixed-4 .projects-carousel li:hover > a, .mixed-4 .ajax-nav li:hover:before, .mixed-4 .ajax-nav .current:before, .mixed-4 .tabs-nav .active, .mixed-4 .team-entry:hover { border-color: #d14a00; }

/* Box Shadow Flickr */

.color-1 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #79be0b; -moz-box-shadow: inset 0 0 0 3px #79be0b; box-shadow: inset 0 0 0 3px #79be0b; }

.color-2 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #22bbd6; -moz-box-shadow: inset 0 0 0 3px #22bbd6; box-shadow: inset 0 0 0 3px #22bbd6; }

.color-3 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #795cb0; -moz-box-shadow: inset 0 0 0 3px #795cb0; box-shadow: inset 0 0 0 3px #795cb0; }

.color-4 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #038ca9; -moz-box-shadow: inset 0 0 0 3px #038ca9; box-shadow: inset 0 0 0 3px #038ca9; }

.color-5 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #3b930a; -moz-box-shadow: inset 0 0 0 3px #3b930a; box-shadow: inset 0 0 0 3px #3b930a; }

.color-6 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #01ad93; -moz-box-shadow: inset 0 0 0 3px #01ad93; box-shadow: inset 0 0 0 3px #01ad93; }

.color-7 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #ffba00; -moz-box-shadow: inset 0 0 0 3px #ffba00; box-shadow: inset 0 0 0 3px #ffba00; }

.color-8 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #f99200; -moz-box-shadow: inset 0 0 0 3px #f99200; box-shadow: inset 0 0 0 3px #f99200; }

.color-9 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #da4c0e; -moz-box-shadow: inset 0 0 0 3px #da4c0e; box-shadow: inset 0 0 0 3px #da4c0e; }

.color-10 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #e85d98; -moz-box-shadow: inset 0 0 0 3px #e85d98; box-shadow: inset 0 0 0 3px #e85d98; }

.color-11 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #8e376b; -moz-box-shadow: inset 0 0 0 3px #8e376b; box-shadow: inset 0 0 0 3px #8e376b; }

.color-12 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #564544; -moz-box-shadow: inset 0 0 0 3px #564544; box-shadow: inset 0 0 0 3px #564544; }

.color-13 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #887171; -moz-box-shadow: inset 0 0 0 3px #887171; box-shadow: inset 0 0 0 3px #887171; }

.color-14 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #718193; -moz-box-shadow: inset 0 0 0 3px #718193; box-shadow: inset 0 0 0 3px #718193; }

.color-15 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #b11c1c; -moz-box-shadow: inset 0 0 0 3px #b11c1c; box-shadow: inset 0 0 0 3px #b11c1c; }

.color-16 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #2d5c88; -moz-box-shadow: inset 0 0 0 3px #2d5c88; box-shadow: inset 0 0 0 3px #2d5c88; }

/* Box Shadow Flickr Mixed */

.mixed-1 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #22bbd6; -moz-box-shadow: inset 0 0 0 3px #22bbd6; box-shadow: inset 0 0 0 3px #22bbd6; }

.mixed-2 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #738194; -moz-box-shadow: inset 0 0 0 3px #738194; box-shadow: inset 0 0 0 3px #738194; }

.mixed-3 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #867171; -moz-box-shadow: inset 0 0 0 3px #867171; box-shadow: inset 0 0 0 3px #867171; }

.mixed-4 .flickr-badge li:hover a:after { -webkit-box-shadow: inset 0 0 0 3px #d14a00; -moz-box-shadow: inset 0 0 0 3px #d14a00; box-shadow: inset 0 0 0 3px #d14a00; }

/* Selection */

.color-1 ::-moz-selection { background-color: #79be0b; } .color-1 ::selection { background-color: #79be0b; } .color-1 .highlight { background-color: #79be0b; }

.color-2 ::-moz-selection { background-color: #22bbd6; } .color-2 ::selection { background-color: #22bbd6; } .color-2 .highlight { background-color: #22bbd6; }

.color-3 ::-moz-selection { background-color: #795cb0; } .color-3 ::selection { background-color: #795cb0; } .color-3 .highlight { background-color: #795cb0; }

.color-4 ::-moz-selection { background-color: #038ca9; } .color-4 ::selection { background-color: #038ca9; } .color-4 .highlight { background-color: #038ca9; }

.color-5 ::-moz-selection { background-color: #3b930a; } .color-5 ::selection { background-color: #3b930a; } .color-5 .highlight { background-color: #3b930a; }

.color-6 ::-moz-selection { background-color: #01ad93; } .color-6 ::selection { background-color: #01ad93; } .color-6 .highlight { background-color: #01ad93; }

.color-7 ::-moz-selection { background-color: #ffba00; } .color-7 ::selection { background-color: #ffba00; } .color-7 .highlight { background-color: #ffba00; }

.color-8 ::-moz-selection { background-color: #f99200; } .color-8 ::selection { background-color: #f99200; } .color-8 .highlight { background-color: #f99200; }

.color-9 ::-moz-selection { background-color: #da4c0e; } .color-9 ::selection { background-color: #da4c0e; } .color-9 .highlight { background-color: #da4c0e; }

.color-10 ::-moz-selection { background-color: #e85d98; } .color-10 ::selection { background-color: #e85d98; } .color-10 .highlight { background-color: #e85d98; }

.color-11 ::-moz-selection { background-color: #8e376b; } .color-11 ::selection { background-color: #8e376b; } .color-11 .highlight { background-color: #8e376b; }

.color-12 ::-moz-selection { background-color: #564544; } .color-12 ::selection { background-color: #564544; } .color-12 .highlight { background-color: #564544; }

.color-13 ::-moz-selection { background-color: #887171; } .color-13 ::selection { background-color: #887171; } .color-13 .highlight { background-color: #887171; }

.color-14 ::-moz-selection { background-color: #718193; } .color-14 ::selection { background-color: #718193; } .color-14 .highlight { background-color: #718193; }

.color-15 ::-moz-selection { background-color: #b11c1c; } .color-15 ::selection { background-color: #b11c1c; } .color-15 .highlight { background-color: #b11c1c; }

.color-16 ::-moz-selection { background-color: #2d5c88; } .color-16 ::selection { background-color: #2d5c88; } .color-16 .highlight { background-color: #2d5c88; }

/* Selection Mixed */

.mixed-1 ::-moz-selection { background-color: #22bbd6; } .mixed-1 ::selection { background-color: #22bbd6; } .mixed-1 .highlight { background-color: #22bbd6; }

.mixed-2 ::-moz-selection { background-color: #738194; } .mixed-2 ::selection { background-color: #738194; } .mixed-2 .highlight { background-color: #738194; }

.mixed-3 ::-moz-selection { background-color: #867171; } .mixed-3 ::selection { background-color: #867171; } .mixed-3 .highlight { background-color: #867171; }

.mixed-4 ::-moz-selection { background-color: #d14a00; } .mixed-4 ::selection { background-color: #d14a00; } .mixed-4 .highlight { background-color: #d14a00; }

/*

  • Skeleton V1.2
  • Copyright 2011, Dave Gamache
  • www.getskeleton.com
  • Free to use under the MIT license.
  • http://www.opensource.org/licenses/mit-license.php
  • 6/20/2012
  • /


/* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */


/* #Base 960 Grid ================================================== */

.container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; }

/* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; }

/* Base Grid */ .container .one.column, .container .one.columns { width: 40px;} .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; }

.container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; }

/* Columns with Sidebar */ /* Columns with Sidebar */ #main .four.columns { width: 155px; } #main .seven.columns { width: 260px; } #main .eight.columns { width: 330px; } #main .nine.columns { width: 400px; } #main .twelve.columns { width: 505px; } #main .sixteen.columns { width: 680px; }

#main .one-third.column { width: 213px; } #main .two-thirds.column { width: 446px; }

#main .project-meta.one-third { width: 680px; }

/* Pricing Tables */ .simple-pricing-table.col-2 .column { width: 470px; } .simple-pricing-table.col-3 .column { width: 313px; } .simple-pricing-table.col-4 .column { width: 235px; } .simple-pricing-table.col-5 .column { width: 188px; }

#main .simple-pricing-table.col-2 .column { width: 350px; } #main .simple-pricing-table.col-3 .column { width: 233px; } #main .simple-pricing-table.col-4 .column { width: 175px; } #main .simple-pricing-table.col-5 .column { width: 140px; }

/* Offsets */ .container .offset-by-one { padding-left: 60px;} .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; }


/* #Tablet (Portrait) ================================================== */

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

@media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px;} .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; }

.container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; }

.container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; }

/* Columns with Sidebar */ #main .four.columns { width: 119px; } #main .seven.columns { width: 206px; } #main .eight.columns { width: 258px; } #main .nine.columns { width: 310px; } #main .twelve.columns { width: 397px; } #main .sixteen.columns { width: 536px; }

#main .one-third.column { width: 165px; } #main .two-thirds.column { width: 350px; }

#main .project-meta.one-third { width: 536px; }

/* Pricing Tables */ .simple-pricing-table.col-2 .column { width: 374px; } .simple-pricing-table.col-3 .column { width: 249px; } .simple-pricing-table.col-4 .column { width: 187px; } .simple-pricing-table.col-5 .column { width: 149px; }

/* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } }


/*#Mobile (Portrait) ================================================== */

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

@media only screen and (max-width: 767px) { .container { width: 280px; } /* .container .columns, .container .column { margin: 0; }*/

.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 260px; }

/* Columns with Sidebar */ .container #main .one.column, .container #main .one.columns, .container #main .two.columns, .container #main .three.columns, .container #main .four.columns, .container #main .five.columns, .container #main .six.columns, .container #main .seven.columns, .container #main .eight.columns, .container #main .nine.columns, .container #main .ten.columns, .container #main .eleven.columns, .container #main .twelve.columns, .container #main .thirteen.columns, .container #main .fourteen.columns, .container #main .fifteen.columns, .container #main .sixteen.columns, .container #main .one-third.column, .container #main .two-thirds.column{ margin: 0; width: 260px; }

/* Pricing Tables */ .simple-pricing-table.col-2 .column, .simple-pricing-table.col-3 .column, .simple-pricing-table.col-4 .column, .simple-pricing-table.col-5 .column { width: 100%; }

/* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; }

}


/* #Mobile (Landscape) ================================================== */

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

@media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 400px; } /* .container .columns, .container .column { margin: 0; }*/

.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 380px; }

/* Columns with Sidebar */ .container #main .one.column, .container #main .one.columns, .container #main .two.columns, .container #main .three.columns, .container #main .four.columns, .container #main .five.columns, .container #main .six.columns, .container #main .seven.columns, .container #main .eight.columns, .container #main .nine.columns, .container #main .ten.columns, .container #main .eleven.columns, .container #main .twelve.columns, .container #main .thirteen.columns, .container #main .fourteen.columns, .container #main .fifteen.columns, .container #main .sixteen.columns, .container #main .one-third.column, .container #main .two-thirds.column{ width: 380px; }

}


/* #Clearing ================================================== */

/* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/*

  • Skeleton V1.2
  • Copyright 2011, Dave Gamache
  • www.getskeleton.com
  • Free to use under the MIT license.
  • http://www.opensource.org/licenses/mit-license.html
  • 6/20/2012
  • /

/* #Media Queries ================================================== */

/* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {


}

/* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {

/* ---------------------------------------- */ /* Contact and Comments Forms /* ---------------------------------------- */

.comments-form input, .contact-form input { width: 60%; }

/* ---------------------------------------------------------------------- */ /* Wrapper /* ---------------------------------------------------------------------- */

.boxed #wrapper { width: 768px; }

/* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */

.navigation > div > ul > li > a { padding: 9px 10px; }

/* ---------------------------------------------------------------------- */ /* Slider /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Flexslider /* -------------------------------------------------- */

.slider .flexslider .caption { top: 35%; }

/* ---------------------------------------------------------------------- */ /* Content /* ---------------------------------------------------------------------- */

.item { width: 165px; }

/* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */

/* ---------------------------------------- */ /* Flickr /* ---------------------------------------- */

.flickr-badge li:nth-child(3n) { margin-right: 10px; } .flickr-badge li:nth-child(2n) { margin-right: 0; }

/* ---------------------------------------------------------------------- */ /* Widgets + Shortcodes /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Map /* -------------------------------------------------- */

#content .google_map { height: 350px; }

}

/* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {

/* ---------------------------------------- */ /* Contact and Comments Forms /* ---------------------------------------- */

#respond { width: 100%; }

.comments-form input, .contact-form input { width: 100%; }

.comments-form label, .contact-form label { display: block; margin-top: 10px; margin-left: 0; }

/* ---------------------------------------------------------------------- */ /* Wrapper /* ---------------------------------------------------------------------- */

.boxed #wrapper { width: 300px; }

/* ---------------------------------------------------------------------- */ /* Slider /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Flexslider /* -------------------------------------------------- */

.slider .flexslider .caption { top: 20%; padding: 15px; max-width: 380px; }

/* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */

#header { text-align: center; }

/* -------------------------------------------------- */ /* Logo /* -------------------------------------------------- */

#logo { float: none; margin-top: 0; margin-bottom: 20px; text-align: center; }

/* -------------------------------------------------- */ /* Top Phone /* -------------------------------------------------- */

.top-phone { display: inline-block; float: none; margin-bottom: 20px; text-align: center; }

/* -------------------------------------------------- */ /* Social Icons /* -------------------------------------------------- */

#header ul.social-icons { float: none; text-align: center; }

/* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */

.menu-container { border-top-width: 0; border-top-color: transparent; border-bottom-width: 0; border-bottom-color: transparent; }

.scribble .menu-container { border-top-width: 0; border-bottom-width: 0; }

.navigation { display: none; } .responsive-nav { display: block; }

/* -------------------------------------------------- */ /* Search /* -------------------------------------------------- */

.search-wrapper { display: inline-block; float: none; margin-bottom: 0; padding-top: 0; border-left-width: 0; }

.search-wrapper input[type="text"] { margin: 0 4px; padding: 8px 5px; font-size: 12px; }

.search-wrapper .submit-search:after { background-color: #d4d4d4; color: #fff; font-size: 17px;

-webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }

.search-wrapper .submit-search:hover:after, .search-wrapper .submit-search.active:after { background-color: #000; color: #fff; }

/* ---------------------------------------------------------------------- */ /* Content /* ---------------------------------------------------------------------- */

.item { margin: 0; width: 100%; }

.item .title { font-size: 16px; }

/* -------------------------------------------------- */ /* Team /* -------------------------------------------------- */

ul.clients-items li { width: 50%; }


/* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */

.entry-meta span { margin: 0; width: 50%; }

/* -------------------------------------------------- */ /* Pagenavi /* -------------------------------------------------- */

.wp-pagenavi { margin-bottom: 40px; }

/* -------------------------------------------------- */ /* Pricing Tables /* -------------------------------------------------- */

.container .simple-pricing-table .column { margin-bottom: 30px; }

/* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */

/* ---------------------------------------- */ /* Flickr /* ---------------------------------------- */

.flickr-badge li:nth-child(3n) { margin-right: 10px; } .flickr-badge li:nth-child(2n) { margin-right: 10px; }

/* -------------------------------------------------- */ /* Copyright /* -------------------------------------------------- */

.adjective { text-align: center; }

.copyright, .developed { float: none; }

/* -------------------------------------------------- */ /* Control Panel /* -------------------------------------------------- */

.control-panel { display: none; }

/* ---------------------------------------------------------------------- */ /* Scribble Correct /* ---------------------------------------------------------------------- */

.scribble .entry-meta, .scribble .entry, .scribble .page-header, .scribble .adjective, .scribble .acc-trigger, .scribble .tabs-nav li, .scribble .quote-text, .scribble .tabs-container, .scribble .widget_categories ul li, .scribble .widget_archive ul li, .scribble .widget_nav_menu ul li, .scribble .widget_links ul li, .scribble .widget_meta ul li, .scribble .widget_pages ul li, .scribble .widget_recent_entries ul li { -webkit-border-image: none; -moz-border-image: none; border-image: none; }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {

/* ---------------------------------------------------------------------- */ /* Wrapper /* ---------------------------------------------------------------------- */

.boxed #wrapper { width: 420px; }

/* ---------------------------------------------------------------------- */ /* Widgets + Shortcodes /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Map /* -------------------------------------------------- */

#content .google_map { height: 250px; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {

/* ---------------------------------------------------------------------- */ /* Slider /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Flexslider /* -------------------------------------------------- */

.slider .flexslider .caption { top: 0; padding: 10px; max-width: 100%; }

/* ---------------------------------------------------------------------- */ /* Widgets + Shortcodes /* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */ /* Map /* -------------------------------------------------- */

#content .google_map { height: 200px; }

}

/* Icons */

[class^="icons-"], [class*=" icons-"] { display: inline-block; margin-right: 12px; margin-bottom: 4px; vertical-align: middle; width: 45px; height: 45px; background-image: url(../images/icons/icons.png); }

.scribble [class^="icons-"], .scribble [class*=" icons-"] { background-image: url(../images/icons/scribble-icons.png); }

[class^="icons-"], [class*=" icons-"] { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

.icons-app { background-position: 0 0; } .icons-shuffle { background-position: -45px 0; } .icons-monitor { background-position: -90px 0; } .icons-magnifying { background-position: -135px 0; } .icons-mail { background-position: -180px 0; } .icons-users { background-position: -225px 0; } .icons-present { background-position: -270px 0; } .icons-download { background-position: -315px 0; } .icons-upload { background-position: -360px 0; } .icons-in-tray { background-position: -405px 0; } .icons-cat { background-position: -450px 0; } .icons-cog { background-position: -495px 0; } .icons-polaroid { background-position: -540px 0; } .icons-electricity { background-position: -585px 0; } .icons-lightbulb { background-position: -630px 0; } .icons-graph-up { background-position: -675px 0; } .icons-pie-chart { background-position: -720px 0; } .icons-bar-chart { background-position: -765px 0; } .icons-disc-graph { background-position: -810px 0; } .icons-screwdriver { background-position: -855px 0; } .icons-sun { background-position: -900px 0; } .icons-coffee-cup { background-position: -945px 0; } .icons-shamrock { background-position: -990px 0; } .icons-target { background-position: -1035px 0; } .icons-life-ring { background-position: -1080px 0; } .icons-puzzle { background-position: -1125px 0; } .icons-umbrella { background-position: -1170px 0; } .icons-bomb { background-position: -1215px 0; } .icons-speech-bubble { background-position: -1260px 0; } .icons-link { background-position: -1305px 0; } .icons-alarm-clock { background-position: -1350px 0; } .icons-thumbs-up { background-position: -1395px 0; } .icons-thumbs-down { background-position: -1440px 0; } .icons-tick-circle { background-position: -1485px 0; } .icons-cross-circle { background-position: -1530px 0; } .icons-arrow { background-position: -1575px 0; } .icons-heart { background-position: -1620px 0; } .icons-wallet { background-position: -1665px 0; } .icons-tick { background-position: -1710px 0; } .icons-paint-brush { background-position: -1755px 0; } .icons-network { background-position: -1800px 0; } .icons-layout { background-position: -1845px 0; } .icons-megaphone { background-position: -1890px 0; } .icons-book { background-position: -1935px 0; } .icons-calendar { background-position: -1980px 0; } .icons-refresh { background-position: -2025px 0; } .icons-earth { background-position: -2070px 0; } .icons-house { background-position: -2115px 0; }

.detail-box:hover .icons-app { background-position: 0 -45px; } .detail-box:hover .icons-shuffle { background-position: -45px -45px; } .detail-box:hover .icons-monitor { background-position: -90px -45px; } .detail-box:hover .icons-magnifying { background-position: -135px -45px; } .detail-box:hover .icons-mail { background-position: -180px -45px; } .detail-box:hover .icons-users { background-position: -225px -45px; } .detail-box:hover .icons-present { background-position: -270px -45px; } .detail-box:hover .icons-download { background-position: -315px -45px; } .detail-box:hover .icons-upload { background-position: -360px -45px; } .detail-box:hover .icons-in-tray { background-position: -405px -45px; } .detail-box:hover .icons-cat { background-position: -450px -45px; } .detail-box:hover .icons-cog { background-position: -495px -45px; } .detail-box:hover .icons-polaroid { background-position: -540px -45px; } .detail-box:hover .icons-electricity { background-position: -585px -45px; } .detail-box:hover .icons-lightbulb { background-position: -630px -45px; } .detail-box:hover .icons-graph-up { background-position: -675px -45px; } .detail-box:hover .icons-pie-chart { background-position: -720px -45px; } .detail-box:hover .icons-bar-chart { background-position: -765px -45px; } .detail-box:hover .icons-disc-graph { background-position: -810px -45px; } .detail-box:hover .icons-screwdriver { background-position: -855px -45px; } .detail-box:hover .icons-sun { background-position: -900px -45px; } .detail-box:hover .icons-coffee-cup { background-position: -945px -45px; } .detail-box:hover .icons-shamrock { background-position: -990px -45px; } .detail-box:hover .icons-target { background-position: -1035px -45px; } .detail-box:hover .icons-life-ring { background-position: -1080px -45px; } .detail-box:hover .icons-puzzle { background-position: -1125px -45px; } .detail-box:hover .icons-umbrella { background-position: -1170px -45px; } .detail-box:hover .icons-bomb { background-position: -1215px -45px; } .detail-box:hover .icons-speech-bubble { background-position: -1260px -45px; } .detail-box:hover .icons-link { background-position: -1305px -45px; } .detail-box:hover .icons-alarm-clock { background-position: -1350px -45px; } .detail-box:hover .icons-thumbs-up { background-position: -1395px -45px; } .detail-box:hover .icons-thumbs-down { background-position: -1440px -45px; } .detail-box:hover .icons-tick-circle { background-position: -1485px -45px; } .detail-box:hover .icons-cross-circle { background-position: -1530px -45px; } .detail-box:hover .icons-arrow { background-position: -1575px -45px; } .detail-box:hover .icons-heart { background-position: -1620px -45px; } .detail-box:hover .icons-wallet { background-position: -1665px -45px; } .detail-box:hover .icons-tick { background-position: -1710px -45px; } .detail-box:hover .icons-paint-brush { background-position: -1755px -45px; } .detail-box:hover .icons-network { background-position: -1800px -45px; } .detail-box:hover .icons-layout { background-position: -1845px -45px; } .detail-box:hover .icons-megaphone { background-position: -1890px -45px; } .detail-box:hover .icons-book { background-position: -1935px -45px; } .detail-box:hover .icons-calendar { background-position: -1980px -45px; } .detail-box:hover .icons-refresh { background-position: -2025px -45px; } .detail-box:hover .icons-earth { background-position: -2070px -45px; } .detail-box:hover .icons-house { background-position: -2115px -45px; }

.scribble .icons-app { background-position: 0 0; } .scribble .icons-shuffle { background-position: -45px 0; } .scribble .icons-monitor { background-position: -90px 0; } .scribble .icons-magnifying { background-position: -135px 0; } .scribble .icons-mail { background-position: -180px 0; } .scribble .icons-users { background-position: -225px 0; } .scribble .icons-present { background-position: -270px 0; } .scribble .icons-download { background-position: -315px 0; } .scribble .icons-upload { background-position: -360px 0; } .scribble .icons-in-tray { background-position: -405px 0; } .scribble .icons-cat { background-position: -450px 0; } .scribble .icons-cog { background-position: -495px 0; } .scribble .icons-polaroid { background-position: -540px 0; } .scribble .icons-electricity { background-position: -585px 0; } .scribble .icons-lightbulb { background-position: -630px 0; } .scribble .icons-graph-up { background-position: -675px 0; } .scribble .icons-pie-chart { background-position: -720px 0; } .scribble .icons-bar-chart { background-position: -765px 0; } .scribble .icons-disc-graph { background-position: -810px 0; } .scribble .icons-screwdriver { background-position: -855px 0; } .scribble .icons-sun { background-position: -900px 0; } .scribble .icons-coffee-cup { background-position: -945px 0; } .scribble .icons-shamrock { background-position: -990px 0; } .scribble .icons-target { background-position: -1035px 0; } .scribble .icons-life-ring { background-position: -1080px 0; } .scribble .icons-puzzle { background-position: -1125px 0; } .scribble .icons-umbrella { background-position: -1170px 0; } .scribble .icons-bomb { background-position: -1215px 0; } .scribble .icons-speech-bubble { background-position: -1260px 0; } .scribble .icons-link { background-position: -1305px 0; } .scribble .icons-alarm-clock { background-position: -1350px 0; } .scribble .icons-thumbs-up { background-position: -1395px 0; } .scribble .icons-thumbs-down { background-position: -1440px 0; } .scribble .icons-tick-circle { background-position: -1485px 0; } .scribble .icons-cross-circle { background-position: -1530px 0; } .scribble .icons-arrow { background-position: -1575px 0; } .scribble .icons-heart { background-position: -1620px 0; } .scribble .icons-wallet { background-position: -1665px 0; } .scribble .icons-tick { background-position: -1710px 0; } .scribble .icons-paint-brush { background-position: -1755px 0; } .scribble .icons-network { background-position: -1800px 0; } .scribble .icons-layout { background-position: -1845px 0; } .scribble .icons-megaphone { background-position: -1890px 0; } .scribble .icons-book { background-position: -1935px 0; } .scribble .icons-calendar { background-position: -1980px 0; } .scribble .icons-refresh { background-position: -2025px 0; } .scribble .icons-earth { background-position: -2070px 0; } .scribble .icons-house { background-position: -2115px 0; }

.scribble .detail-box:hover .icons-app { background-position: 0 -45px; } .scribble .detail-box:hover .icons-shuffle { background-position: -45px -45px; } .scribble .detail-box:hover .icons-monitor { background-position: -90px -45px; } .scribble .detail-box:hover .icons-magnifying { background-position: -135px -45px; } .scribble .detail-box:hover .icons-mail { background-position: -180px -45px; } .scribble .detail-box:hover .icons-users { background-position: -225px -45px; } .scribble .detail-box:hover .icons-present { background-position: -270px -45px; } .scribble .detail-box:hover .icons-download { background-position: -315px -45px; } .scribble .detail-box:hover .icons-upload { background-position: -360px -45px; } .scribble .detail-box:hover .icons-in-tray { background-position: -405px -45px; } .scribble .detail-box:hover .icons-cat { background-position: -450px -45px; } .scribble .detail-box:hover .icons-cog { background-position: -495px -45px; } .scribble .detail-box:hover .icons-polaroid { background-position: -540px -45px; } .scribble .detail-box:hover .icons-electricity { background-position: -585px -45px; } .scribble .detail-box:hover .icons-lightbulb { background-position: -630px -45px; } .scribble .detail-box:hover .icons-graph-up { background-position: -675px -45px; } .scribble .detail-box:hover .icons-pie-chart { background-position: -720px -45px; } .scribble .detail-box:hover .icons-bar-chart { background-position: -765px -45px; } .scribble .detail-box:hover .icons-disc-graph { background-position: -810px -45px; } .scribble .detail-box:hover .icons-screwdriver { background-position: -855px -45px; } .scribble .detail-box:hover .icons-sun { background-position: -900px -45px; } .scribble .detail-box:hover .icons-coffee-cup { background-position: -945px -45px; } .scribble .detail-box:hover .icons-shamrock { background-position: -990px -45px; } .scribble .detail-box:hover .icons-target { background-position: -1035px -45px; } .scribble .detail-box:hover .icons-life-ring { background-position: -1080px -45px; } .scribble .detail-box:hover .icons-puzzle { background-position: -1125px -45px; } .scribble .detail-box:hover .icons-umbrella { background-position: -1170px -45px; } .scribble .detail-box:hover .icons-bomb { background-position: -1215px -45px; } .scribble .detail-box:hover .icons-speech-bubble { background-position: -1260px -45px; } .scribble .detail-box:hover .icons-link { background-position: -1305px -45px; } .scribble .detail-box:hover .icons-alarm-clock { background-position: -1350px -45px; } .scribble .detail-box:hover .icons-thumbs-up { background-position: -1395px -45px; } .scribble .detail-box:hover .icons-thumbs-down { background-position: -1440px -45px; } .scribble .detail-box:hover .icons-tick-circle { background-position: -1485px -45px; } .scribble .detail-box:hover .icons-cross-circle { background-position: -1530px -45px; } .scribble .detail-box:hover .icons-arrow { background-position: -1575px -45px; } .scribble .detail-box:hover .icons-heart { background-position: -1620px -45px; } .scribble .detail-box:hover .icons-wallet { background-position: -1665px -45px; } .scribble .detail-box:hover .icons-tick { background-position: -1710px -45px; } .scribble .detail-box:hover .icons-paint-brush { background-position: -1755px -45px; } .scribble .detail-box:hover .icons-network { background-position: -1800px -45px; } .scribble .detail-box:hover .icons-layout { background-position: -1845px -45px; } .scribble .detail-box:hover .icons-megaphone { background-position: -1890px -45px; } .scribble .detail-box:hover .icons-book { background-position: -1935px -45px; } .scribble .detail-box:hover .icons-calendar { background-position: -1980px -45px; } .scribble .detail-box:hover .icons-refresh { background-position: -2025px -45px; } .scribble .detail-box:hover .icons-earth { background-position: -2070px -45px; } .scribble .detail-box:hover .icons-house { background-position: -2115px -45px; }

</style>

<body class="wide normal pattern-1 color-1">

<div id="wrapper">

<header id="header"> 

       <div class="container">

<div class="eight columns">

<div id="logo"> <a href="index.html"><img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/js/mit-logo-words.jpg" width="300" height="300"></a> </div>

</div> 

                                     <div class="six columns">

<div class="clear"></div>

<!--ul class="social-icons"> <li class="facebook"><a href="https://www.facebook.com/">

<img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/facebook.png" alt="facebook" ></a></li>

<li class="youtube"><a href="https://www.youtube.com/"> <img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/youtube.png" alt="youtube" ></a></li>

<li class="vimeo"><a href="https://vimeo.com/"><img src="http://web.mit.edu/Linak/Public/Goodnex%20Template/Goodnex-Responsive-HTML5-CSS3-Template/images/vimeo.png" alt="vimeo" ></a></li>

</ul-->

</div><!--/ .columns-->


<div class="clear"></div>

<div class="sixteen columns">

<div class="menu-container clearfix">

<nav id="navigation" class="navigation clearfix">

<div class="menu"> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/MIT">Home</a></li> <li><a href="MITproject.html">Project</a></li> 

                                                                <li> <a href="Videos.html">Videos</a></li>

<li><a href="about-us.html">Team</a></li> <li><a href="references.html">References</a></li>


</div>

</nav><!--/ .navigation-->

<div class="search-wrapper">

<form method="post" action="/">

</form>

</div><!--/ .search-wrapper-->

</div><!--/ .menu-container-->

</div><!--/ .columns-->

</div><!--/ .container--> 

   </header><!--/ #header-->

</div>

<section id="content">

<div class="container clearfix">

<div class="page-header clearfix">

<h1 style="display:block">DNA disPLAY</h1> <div class=" fifteen columns row">


<p align="justify"> <blockquote1 id="blockquote1">

The DNA disPLAY project attempts to take-on the challenge of DNA design by making DNA both

physical and visual as a new creative medium. We aim to allow anyone to design with

DNA by using easy and powerful software tools with direct ordering of custom DNA

sequences and a new process for CNC printing DNA images on paper. This project

eliminates the expensive and difficult process of imagining, order and DNA handling for

non-experts. In the near future, we imagine that DNA patterns can become microfluidic,

diagnostic and electronic displays where the structure of the drawing becomes a

computational medium. </p> </div> <iframe src="//player.vimeo.com/video/77890414?title=0&amp;byline=0&amp;portrait=0" width="800" height="450" style="float:middle" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div><!--/ .columns --> <div class=" seven columns row"> <img alt="GOL-03" src="http://upload.wikimedia.org/wikipedia/commons/0/07/Game_of_life_pulsar.gif" width="700"> </div><!--/ .columns -->

<div class="eight columns row"> <blockquote1 id="blockquote1">

Can we make the patterns of Conway's Game of Life with DNA? Can we make patterns transition between stages?</br>

<p align="justify"> </br> What is Conway's Game of Life?</br> The Game of Life is a cellular automaton devised by the British mathematician John Horton Conway in 1970.The game consists of a collection of cells which, based on a few mathematical rules, can live, die or multiply. Depending on the initial conditions, the cells form various patterns throughout the course of the game.</br> </br> The Rules:</br> 1. Each cell with 1 or no neighbors dies.</br> 2. Each cell with 4 or more neighbors dies.</br> 3. Each cell with 2 or 3 neighbors survives.</br> 4. Each cell with 3 neighbors becomes populated.</br>

</p> </br> <a href="http://www.youtube.com/watch?v=CgOcEZinQ2I&feature=share&list=FLwikA_t8e6TSJW-L-lAHkKw">Watch The Game of Life Video</a></br> </br> </div> </div> <a href="http://openwetware.org/index.php?title=Biomod/2013/MIT&action=edit" align=right>Edit</a> </div><!--/ .columns -->

</div><!--/ .container-->

</body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2013/MIT&oldid=751776"