body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #content {width:600px;}
body#layout #feature-section {height:100px;}
body#layout #headbox{display:none;}
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
outline: 0;
}
a img {
border: 0;
}
/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
color: #666666;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5;
}
body{
background:#ececec url(http://3.bp.blogspot.com/-jDUKlyWCMv0/UTlJi4jawcI/AAAAAAAABSk/m7kkBr_rq7o/s000/body.png);
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
clear: both;
margin:0px 0px 10px 0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 24px; line-height: 30px; }
h2 { font-size: 22px; line-height: 26px; }
h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 14px; line-height: 18px; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/* Text elements */
p {
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
box-shadow: inset 0 2px 1px #fff;
color: rgba(0,0,0,.8);
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 1.2rem;
padding: 8px 20px;;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
border-color: #bbb #bbb #aaa #bbb;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
box-shadow: inset 0 2px 2px rgba(0,0,0,.15);
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}
input[type=text],
input[type=email],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
color: #111;
}
input[type=text],
input[type=email] {
padding: 7px 10px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 8px 10px;
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 98%;
}
/* Links */
a {
color:#EE3B0A;
text-decoration: none;
}
a:visited {
color:#EE3B0A;
}
a:hover,
a:focus,
a:active {
color:#B72D0B;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.clear{
clear:both;
}
/* Text meant only for screen readers */
.assistive-text {
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
/* Clearfix */
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/* =Content
----------------------------------------------- */
.sticky {
}
.hentry {
margin: 0 0 1.5em;
}
.entry-meta {
clear: both;
}
.byline {
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* Make sure embeds and iframes fit their containers
--------------------------------------------------------*/
embed,iframe,object {
max-width: 100%;
}
/* =Layout
----------------------------------------------- */
.wrapper{
width:1000px;
margin:50px auto;
background:#f9f9f9;
border: 1px solid #CCC8C1;
}
#primary,#secondary{
padding:20px 0px;
word-wrap:break-word;
overflow:hidden;
}
/* Header */
.logo{
padding:30px 0px 10px 0px;
width:610px;
float:left;
}
h1.site-title{
text-transform: uppercase;
font-weight: 700;
font-size: 32px;
margin:10px 0px 0px 0px;
color:#222;
}
h1.site-title a:link, h1.site-title a:visited{
color:#222;
text-decoration: none;
}
h2.site-description{
font-size: 16px;
color:#222;
}
/* Searchform */
.searchbox{
width:210px;
height:60px;
float:left;
background: url(http://2.bp.blogspot.com/-z0wRNnkw_BU/UTlJjMBn8zI/AAAAAAAABSs/S4gyA7N75jc/s000/sform.png) no-repeat;
}
.top-ad{
float:right;
width: 300px;
}
#search{
width:265px;
height:50px;
float: right;
margin:50px 0px 0px 0px;
}
input#s{
float:left;
padding: 3px 10px;
width:150px;
}
.select-type {
float:left;
}
#post_type{
background:#fff;
border:1px solid #ccc;
padding: 2px 0px;
width:90px;
}
#searchsubmit{
margin-left:10px;
padding: 4px 10px;
width:70px;
float:left;
}
/* Taxonomy dropdown */
#myblogarchive select{
width:170px;
background:#fff;
border:1px solid #000;
float:right;
padding:3px 3px;
margin-top:15px;
margin-right: 20px;
}
/* Menu */
#botmenu{
width: 730px;
background: url(http://1.bp.blogspot.com/-TN_J2hSNYRw/UTlJjFkgTcI/AAAAAAAABS0/MAofHobyQ30/s000/menu.png);
float:left;
}
#submenu {
margin: 0px 0px;
padding:0px 0px;
height:60px;
}
#submenu ul {
width: auto;
float:left;
list-style: none;
margin: 0;
padding: 0 10px;
}
#submenu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
color: #222;
font-weight:400;
}
#submenu li a {
color: #fff;
display: block;
margin: 0;
padding: 20px 10px 20px 10px;
text-decoration: none;
position: relative;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a  {
color: #fff;
}
#submenu li a.sf-with-ul {
padding-right: 10px;
}
#submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited,
#submenu li ul li ul li a, #submenu li ul li ul li a:link, #submenu li ul li ul li a:visited,
#submenu li ul li ul li ul li a, #submenu li ul li ul li ul li a:link, #submenu li ul li ul li ul li a:visited {
color: #eee;
width: 148px;
margin: 0;
padding: 10px 10px;
border-top:1px solid #444141;
position: relative;
font-weight:400;
}
#submenu ul li ul li:first-child a,#submenu ul li ul li ul li:first-child a,#submenu ul li ul li ul li ul li:first-child a  {
border-top:none;
}
#submenu li ul li a:hover ,#submenu li ul li ul li a:hover ,#submenu li ul li ul li ul li a:hover {
color: #fff;
}
#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px 0px 0px 0px;
padding: 5px 5px;
background:#595959;
border:1px solid #444141;
}
#submenu li ul a {
width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {
}
#submenu li ul ul {
margin: -44px 0 0 181px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}
#submenu li:hover, #submenu li.sfHover {
position: static;
}
/* Homepage	 */
#feature-section{
margin:20px auto;
}
#slide{
width:598px;
height:358px;
float:left;
margin-left:10px;
border:1px solid #e4e4e4;
}
#banner-block{
width:340px;
height:360px;
background: #EB3807;
float: left;
}
.head-banner img{
display:block;
}
/* Products */
.latest-head{
height:50px;
background:#ececec url(http://3.bp.blogspot.com/-7-tsOGMNkcE/UTlJjXIS7TI/AAAAAAAABS8/nCa5hrW7wHs/s000/lat-head.png) no-repeat;
margin-bottom:20px;
}
.latest-head h3{
line-height:50px;
padding-left:20px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}
.product-box{
background:#fff;
box-shadow: inset 0 0 1px #999;
margin-bottom:20px;
}
.prod-thumb{
height:150px;
padding:20px 0px
}
.prod-thumb img{
margin:0px auto;
}
.prod-thumb a img{
display:block;
}
.pricebar{
background: #f9f9f9;
border: 1px solid #e4e4e4;
padding:10px 0px
}
.pricebar h2{
clear:none;
float:left;
width:125px;
font-size: 16px;
font-weight: 700;
margin:auto 0px;
margin-left: 20px;
line-height:100%
}
.pricebar h2 a:link, .pricebar h2 a:visited{
color:#222;
}
span.pricetag{
float:right;
font-size: 16px;
font-weight: 700;
margin:auto 0px;
margin-right: 20px;
line-height:100%;
color:#EB3807;
}
.prod-info p{
margin:20px 20px;
}
.prod-footer{
background:#D6D4D1;
padding:10px 0px;
border:1px solid #C9C8C7;
text-transform: uppercase;
font-weight: 500;
text-shadow: -1px -1px 0px #efefef;
}
.prod-footer a:link, .prod-footer a:visited{
color:#333;
}
.pleft{
margin-left:20px;
float:left;
}
.pright{
float: right;
margin-right: 20px;
}
article.products{
background:#fff;
box-shadow: inset 0 0 1px #999;
padding:20px;
}
.product-single-top{
border-bottom:1px solid #ddd;
}
.prod-image{
float:left;
width:280px;
text-align: center;
margin-right: 20px;
}
.prod-image img{
margin: 20px auto;
}
a.buy-button{
width: 160px; height: 39px; display:block; float:right; cursor: pointer; line-height:39px; text-align:center; font-size:18px; font-weight:bold; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #50ac44; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.5), inset 0 0 5px rgba(255,255,255,.31); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.5), inset 0 0 5px rgba(255,255,255,.31); box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.5), inset 0 0 5px rgba(255,255,255,.31); border: solid 1px #3b8e31; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.34), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.34), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.34), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.34), rgba(255,255,255,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,.34), rgba(255,255,255,0));
}
a.buy-button:hover{
color:#fff;
}
.product-single-bottom{
}
.product-single-top .entry-header{
padding:10px 0px;
float:left;
width:350px;
}
.product-single-top .entry-meta{
margin-bottom:10px;
font-size:12px;
}
.product-single-top h1.entry-title{
margin:0px;
color:#222;
}
.the-price{
padding:10px 0px;
margin:0px 0px;
}
.the-price h3{
clear: none;width: 160px; height: 39px; line-height:39px; text-align:center; font-size:18px; font-weight:bold; color:#fff; float:left;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #F03D0C; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.44), inset 0 0 5px rgba(255,255,255,.34); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.44), inset 0 0 5px rgba(255,255,255,.34); box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 1px rgba(255,255,255,.44), inset 0 0 5px rgba(255,255,255,.34); border: solid 1px #ce570f; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.31), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.31), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.31), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.31), rgba(255,255,255,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,.31), rgba(255,255,255,0));
}
.page-header{
margin-bottom:20px;
border-bottom:1px solid #ddd;
}
/* Blog */
h1.page-title{
font-size:14px;
}
.post {
background:#fff;
box-shadow: inset 0 0 1px #999;
padding:20px;
}
.post .entry-header {
border-bottom:1px solid #ddd;
}
h2.entry-title{
margin:0px;
color:#222;
}
h2.entry-title a:link , h2.entry-title a:visited{
color:#222;
}
.entry-header {
padding-bottom:10px;
}
/* =Widgets
----------------------------------------------- */
.sidebar {
color: #777777;
}
.sidebar a {
text-decoration: none;
color: #777777;
}
.sidebar a:hover {
text-decoration: none;
color: #F5634A;
}
.sidebar .widget {
margin: 0 0 25px 0;
padding: 10px;
background:#ffffff;
box-shadow:0 0 1px #999999 inset;
}
.sidebar .widget h2 {
padding: 0 0 10px 0;
margin: 0;
color: #444444;
font-size: 16px;
font-weight: 700;
}
.sidebar .widget-content {
margin: 0;
padding: 0;
}
.sidebar ul {
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
}
.sidebar ul li {
padding: 5px 0;
margin: 0;
}
/* Footer widgets */
#bottom{
margin:0px;
padding:0px;
background:#434343;
}
#bottom ul{
margin:0px;
padding:0px;
}
.botwid{
    
padding:30px 15px 30px 0px;
color:#aaa;
list-style:none;
float:left;

    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.botwid .widget h2{
font-size: 16px;
margin-bottom: 10px;
padding-bottom:10px;
color:#fff;
font-weight: 700;
}
.botwid ul {
list-style-type: none;
margin:  0px;
padding: 0px 0px 0px 0px ;
}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0px 0px;
border-bottom: 1px solid #545454;
}
.botwid ul ul  {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.botwid ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
list-style-type: none;
padding: 7px 0px 7px 0px;
}
.botwid ul li a:link, .botwid ul li a:visited  {
color: #eee;
text-decoration: none;
}
.botwid ul li a:hover{
color: #fff;
}
.botwid p{
padding: 7px 0px;
margin:0;
line-height:150%;
}
.botwid table {
width:100%;
text-align:center;
color:#787d7f;
}
.botwid ul#recentcomments li.recentcomments {
border-bottom: 1px solid #545454;
padding: 7px 0;
}
/* Footer */
.site-info{
padding:30px 0px;
text-align: center;
background: #383838;
}
.fcred{
color:#fff;
padding:0px 30px;
}
.fcred a:link, .fcred a:visited{
color:#fff;
text-decoration:none;
}
/*
960px grid system ~ Core CSS.
12 Columns ~ Margin left: 10px ~ Margin right: 10px
Based on the 960.gs grid system - http://960.gs/
by Nathan Smith
Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
*/
body {
min-width: 1000px;
}
/* =Containers
--------------------------------------------------------------------------------*/
.container_12
{
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
position: relative;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_3 {width: 320px;}
.container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;}
.container_12 .grid_6 {width: 460px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_9 {width: 600px;}
.container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;}
.container_12 .grid_12 {width: 940px;}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left: 80px;}
.container_12 .prefix_2 {padding-left: 160px;}
.container_12 .prefix_3 {padding-left: 240px;}
.container_12 .prefix_4 {padding-left: 320px;}
.container_12 .prefix_5 {padding-left: 400px;}
.container_12 .prefix_6 {padding-left: 480px;}
.container_12 .prefix_7 {padding-left: 560px;}
.container_12 .prefix_8 {padding-left: 640px;}
.container_12 .prefix_9 {padding-left: 720px;}
.container_12 .prefix_10 {padding-left: 800px;}
.container_12 .prefix_11 {padding-left: 880px;}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right: 80px;}
.container_12 .suffix_2 {padding-right: 160px;}
.container_12 .suffix_3 {padding-right: 240px;}
.container_12 .suffix_4 {padding-right: 320px;}
.container_12 .suffix_5 {padding-right: 400px;}
.container_12 .suffix_6 {padding-right: 480px;}
.container_12 .suffix_7 {padding-right: 560px;}
.container_12 .suffix_8 {padding-right: 640px;}
.container_12 .suffix_9 {padding-right: 720px;}
.container_12 .suffix_10 {padding-right: 800px;}
.container_12 .suffix_11 {padding-right: 880px;}
/* `Push Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .push_1 {left: 80px;}
.container_12 .push_2 {left: 160px;}
.container_12 .push_3 {left: 240px;}
.container_12 .push_4 {left: 320px;}
.container_12 .push_5 {left: 400px;}
.container_12 .push_6 {left: 480px;}
.container_12 .push_7 {left: 560px;}
.container_12 .push_8 {left: 640px;}
.container_12 .push_9 {left: 720px;}
.container_12 .push_10 {left: 800px;}
.container_12 .push_11 {left: 880px;}
/* `Pull Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .pull_1 {left: -80px;}
.container_12 .pull_2 {left: -160px;}
.container_12 .pull_3 {left: -240px;}
.container_12 .pull_4 {left: -320px;}
.container_12 .pull_5 {left: -400px;}
.container_12 .pull_6 {left: -480px;}
.container_12 .pull_7 {left: -560px;}
.container_12 .pull_8 {left: -640px;}
.container_12 .pull_9 {left: -720px;}
.container_12 .pull_10 {left: -800px;}
.container_12 .pull_11 {left: -880px;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
zoom: 1;
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {height: 100%;  margin: 0 auto;  display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme  [[[ EDIT HERE ONLY ]]]
*********************************/
.flexslider {margin: 0 0 0px; background: #fff;  position: relative;  zoom: 1; max-height: 360px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides li {margin:0px; position:relative;}
.carousel li {margin-right: 5px}
.flex-caption{position:absolute;width:560px;padding:20px;bottom:0;left:0;background:rgba(255,255,255,0.5);color:#333;margin-top:1px solid #fff}
.flex-caption h3{font-weight:bold;font-size:20px;margin:0 0}
.flex-caption p{margin:0}
/* Direction Nav */
ul.flex-direction-nav { width:600px; margin:0px auto; position:relative;}
.flex-direction-nav a {width: 30px; height: 30px; margin: 0px 0 0; display: block; background:url(http://3.bp.blogspot.com/-zFVlL3-cFWU/UTlJji_jqII/AAAAAAAABTE/bqOBXwRbxIQ/s000/arrow.png) no-repeat; position: absolute; bottom: 170px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {right: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.7); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.8); }
.flex-control-paging li a.flex-active { background: #F96810; background: rgba(255, 117, 0, 0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}
.main .Blog {
border-bottom-width: 0;
}
#header .description {
color:#ffffff;
font-size:14px;
text-shadow:0px 1px 0px #000000;
}
/* Comments----------------------------------------------- */
#comments {
padding:20px;
color:#666;
margin-bottom:20px;
box-shadow:0 0 1px #999999 inset;
background:#ffffff;
}
#comments h4 {
font-size:22px;
margin-bottom:10px;
}
#comment-name-url {
width: 365px;
float: left;
}
#comment-date {
width: 365px;
float: left;
margin-top: 5px;
font-size: 10px;
}
#comment-header {
float: left;
padding: 5px 0 40px 10px;
margin: 5px 0 15px 0;
position: relative;
background-color: #ffffff;
border: 1px dashed #eeeeee;
}
.avatar-image-container {
background: url(http: //4.bp.blogspot.com/_4HKUHirY_2U/TLlJUqSaolI/AAAAAAAAEq4/qpgAHAOe9x0/s1600/comment-avatar.jpg);
width: 32px;
height: 32px;
float: right;
margin: 5px 10px 5px 5px;
border: 1px solid #dddddd;
}
.avatar-image-container img {
width: 32px;
height: 32px;
}
a.comments-autor-name {
color: #000000;
font: normal bold 14px Arial, Tahoma, Verdana;
}
a.says {
color: #000000;
font: normal 14px Arial, Tahoma, Verdana;
}
.says a:hover {
text-decoration: none;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
padding:5px;
}
.feed-links {
clear: both;
}
/* Profile ----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #eeeeee;
}
.profile-data {
margin: 0;
text-transform: uppercase;
letter-spacing: .1em;
color: #000000;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin: .5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.avatar-image-container {
background: url(http://3.bp.blogspot.com/-O9SJpZzgjDA/UTlJjynsT1I/AAAAAAAABTM/agxvy-DhNWQ/s000/comment-avatar.jpg);
width: 32px;
height: 32px;
float: right;
margin: 5px 10px 5px 5px;
border: 1px solid #dddddd;
}
.avatar-image-container img {
width: 32px;
height: 32px;
}
.profile-link {
text-transform: uppercase;
letter-spacing: .1em;
}
.comment-form {
max-width: 600px;
}
#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}
.cover {
float: left;
width: 100%;
}
.PopularPosts .widget-content ul li {
padding:6px 0px;
}
.reaction-buttons table{
border:none;
margin-bottom:5px;
}
.reaction-buttons table, .reaction-buttons td{
border:none;
}