html {overflow-y: scroll;}
*:focus {outline: 0;}
ol,ul {list-style: none;}
q,blockquote {quotes: "" "";}
q:before,q:after,blockquote:before,blockquote:after {content: "";}
img a {border: none;}
img {max-width: 100%;height: auto;}
table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}
caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}
body {
    background: #fff;
    font-family: "Arial","Helvetica", sans-serif;
}
h1,h2,h3 {
	font-weight: 300;
}
h1,h2,h3 {
	margin: 18px 0;
}
h2 {
	font-size: 34px;
	line-height: 1.2;
}
h3 {
	font-size: 18px;
}
p {
	margin: 1.3em 0;
}
img {
	max-width: 100%;
	height: auto;
}
/*------------------------------------------
      {--------}  LINK STYLES {--------}
---------------------------------------------*/  
a,a:visited {
    color: #00AAAA;
    text-decoration: none;
}
a:hover,a:focus {
    text-decoration: underline;
}
a:focus {
    outline: none;
    text-decoration: none;
}
/*----------------------------------------
      {--------}  on click {--------}
------------------------------------------*/  
a:link {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
 /* this highlights links on Iphones / iPads */
    ;
    text-decoration: none;
}
/*--------------------------------------------------------
      {--------}  TEXT SELECTION STYLES {--------}
---------------------------------------------------------*/  
::selection {
    background: #00CCCC;
    color: #fff;
    text-shadow: none;
}
/* Firefox */
::-moz-selection {
    background: #00CCCC;
    color: #fff;
    text-shadow: none;
}
/*----------------------------------------------------
           {--------}  A button class {--------}
----------------------------------------------------*/
a[role="button"],button,input[type="submit"] {
    background-color: #0097a0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b6bd), color-stop(100%, #0097a0));
    background-image: -webkit-linear-gradient(#00b6bd,#0097a0);
    background-image: -moz-linear-gradient(#00b6bd,#0097a0);
    background-image: -o-linear-gradient(#00b6bd,#0097a0);
    background-image: linear-gradient(#00b6bd,#0097a0);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #339ea3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 13px/17px Tahoma,Geneva,sans-serif;
    margin: 0 10px 0 0;
    padding: 5px 10px 6px;
    text-align: left;
    text-shadow: 0 0 0 transparent,1px 1px 0 rgba(0,0,0,0.1);
    -webkit-transition: border-color,0.3s;
    -moz-transition: border-color,0.3s;
    -o-transition: border-color,0.3s;
    transition: border-color,0.3s;
}
a[role="button"].good,button.good,input[type="submit"].good {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #178e0e), color-stop(100%, #125906));
    background-image: -webkit-linear-gradient(#178e0e,#125906);
    background-image: -moz-linear-gradient(#178e0e,#125906);
    background-image: -o-linear-gradient(#178e0e,#125906);
    background-image: linear-gradient(#178e0e,#125906);
    border: 1px solid #178e0e;
}
a[role="button"].important,button.important,input[type="submit"].important {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc105), color-stop(100%, #9c8700));
    background-image: -webkit-linear-gradient(#ffc105,#9c8700);
    background-image: -moz-linear-gradient(#ffc105,#9c8700);
    background-image: -o-linear-gradient(#ffc105,#9c8700);
    background-image: linear-gradient(#ffc105,#9c8700);
    border: 1px solid #ffc105;
}
a[role="button"].warning,button.warning,input[type="submit"].warning {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cd2323), color-stop(100%, #8d0101));
    background-image: -webkit-linear-gradient(#cd2323,#8d0101);
    background-image: -moz-linear-gradient(#cd2323,#8d0101);
    background-image: -o-linear-gradient(#cd2323,#8d0101);
    background-image: linear-gradient(#cd2323,#8d0101);
    border: 1px solid #cd2323;
}
a[role="button"].muted,button.muted,input[type="submit"].muted {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bbbbbb), color-stop(100%, #888888));
    background-image: -webkit-linear-gradient(#bbbbbb,#888888);
    background-image: -moz-linear-gradient(#bbbbbb,#888888);
    background-image: -o-linear-gradient(#bbbbbb,#888888);
    background-image: linear-gradient(#bbbbbb,#888888);
    border: 1px solid #bbb;
}
a[role="button"].vertical-space,button.vertical-space,input[type="submit"].vertical-space {
    margin-bottom: 5px;
    margin-top: 5px;
}
a[role="button"].vertical-stack,button.vertical-stack,input[type="submit"].vertical-stack {
    margin-bottom: 5px;
}
a[role="button"].no-margin,button.no-margin,input[type="submit"].no-margin {
    margin: 0;
}
a[role="button"].linky-button,button.linky-button,input[type="submit"].linky-button {
    background: transparent none;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    color: #20929a;
    font: inherit;
    padding: 0;
    text-transform: inherit;
}
a[role="button"].linky-button:hover,a[role="button"].linky-button:focus,a[role="button"].linky-button:active,button.linky-button:hover,button.linky-button:focus,button.linky-button:active,input[type="submit"].linky-button:hover,input[type="submit"].linky-button:focus,input[type="submit"].linky-button:active {
    background: transparent none;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    text-decoration: underline;
}
a[role="button"].massive,button.massive,input[type="submit"].massive {
    font-size: 20px;
    padding: 15px 15px 20px;
    width: auto;
}
a[role="button"].epic,button.epic,input[type="submit"].epic {
    font-size: 20px;
    padding: 15px 15px 20px;
    text-align: center;
    width: 100%;
}
a[role="button"]:hover,a[role="button"]:focus,button:hover,button:focus,input[type="submit"]:hover,input[type="submit"]:focus {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9b0), color-stop(100%, #008c94));
    background-image: -webkit-linear-gradient(#00a9b0,#008c94);
    background-image: -moz-linear-gradient(#00a9b0,#008c94);
    background-image: -o-linear-gradient(#00a9b0,#008c94);
    background-image: linear-gradient(#00a9b0,#008c94);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-color: #00828a;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
a[role="button"]:hover:after,a[role="button"]:focus:after,button:hover:after,button:focus:after,input[type="submit"]:hover:after,input[type="submit"]:focus:after {
    opacity: 0.75;
    -webkit-transition: opacity,0s;
    -moz-transition: opacity,0s;
    -o-transition: opacity,0s;
    transition: opacity,0s;
}
a[role="button"]:hover[disabled]:after,a[role="button"]:hover.disabled:after,a[role="button"]:focus[disabled]:after,a[role="button"]:focus.disabled:after,button:hover[disabled]:after,button:hover.disabled:after,button:focus[disabled]:after,button:focus.disabled:after,input[type="submit"]:hover[disabled]:after,input[type="submit"]:hover.disabled:after,input[type="submit"]:focus[disabled]:after,input[type="submit"]:focus.disabled:after {
    opacity: 0.45;
}
a[role="button"]:hover.good,a[role="button"]:focus.good,button:hover.good,button:focus.good,input[type="submit"]:hover.good,input[type="submit"]:focus.good {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #13750c), color-stop(100%, #0d4004));
    background-image: -webkit-linear-gradient(#13750c,#0d4004);
    background-image: -moz-linear-gradient(#13750c,#0d4004);
    background-image: -o-linear-gradient(#13750c,#0d4004);
    background-image: linear-gradient(#13750c,#0d4004);
    border: 1px solid #13750c;
}
a[role="button"]:hover.important,a[role="button"]:focus.important,button:hover.important,button:focus.important,input[type="submit"]:hover.important,input[type="submit"]:focus.important {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5ad05), color-stop(100%, #827100));
    background-image: -webkit-linear-gradient(#e5ad05,#827100);
    background-image: -moz-linear-gradient(#e5ad05,#827100);
    background-image: -o-linear-gradient(#e5ad05,#827100);
    background-image: linear-gradient(#e5ad05,#827100);
    border: 1px solid #e5ad05;
}
a[role="button"]:hover.warning,a[role="button"]:focus.warning,button:hover.warning,button:focus.warning,input[type="submit"]:hover.warning,input[type="submit"]:focus.warning {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b31e1e), color-stop(100%, #730101));
    background-image: -webkit-linear-gradient(#b31e1e,#730101);
    background-image: -moz-linear-gradient(#b31e1e,#730101);
    background-image: -o-linear-gradient(#b31e1e,#730101);
    background-image: linear-gradient(#b31e1e,#730101);
    border: 1px solid #b31e1e;
}
a[role="button"]:hover.muted,a[role="button"]:focus.muted,button:hover.muted,button:focus.muted,input[type="submit"]:hover.muted,input[type="submit"]:focus.muted {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aaaaaa), color-stop(100%, #777777));
    background-image: -webkit-linear-gradient(#aaaaaa,#777777);
    background-image: -moz-linear-gradient(#aaaaaa,#777777);
    background-image: -o-linear-gradient(#aaaaaa,#777777);
    background-image: linear-gradient(#aaaaaa,#777777);
    border: 1px solid #aaa;
}
a[role="button"]:hover.transparent,a[role="button"]:focus.transparent,button:hover.transparent,button:focus.transparent,input[type="submit"]:hover.transparent,input[type="submit"]:focus.transparent {
    background: transparent none;
}
a[role="button"]:active,a[role="button"].active,button:active,button.active,input[type="submit"]:active,input[type="submit"].active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c94), color-stop(100%, #00a9b0));
    background-image: -webkit-linear-gradient(#008c94,#00a9b0);
    background-image: -moz-linear-gradient(#008c94,#00a9b0);
    background-image: -o-linear-gradient(#008c94,#00a9b0);
    background-image: linear-gradient(#008c94,#00a9b0);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.1);
    cursor: default;
    text-shadow: 0 0 0 transparent,-1px -1px 0 rgba(0,0,0,0.1);
}
a[role="button"]:active:hover,a[role="button"]:active:focus,a[role="button"].active:hover,a[role="button"].active:focus,button:active:hover,button:active:focus,button.active:hover,button.active:focus,input[type="submit"]:active:hover,input[type="submit"]:active:focus,input[type="submit"].active:hover,input[type="submit"].active:focus {
    border-color: #00828a;
}
a[role="button"]:active.disabled,a[role="button"].active.disabled,button:active.disabled,button.active.disabled,input[type="submit"]:active.disabled,input[type="submit"].active.disabled {
    border-color: #a4a4a4;
}
a[role="button"]:active.good,a[role="button"].active.good,button:active.good,button.active.good,input[type="submit"]:active.good,input[type="submit"].active.good {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d4004), color-stop(100%, #13750c));
    background-image: -webkit-linear-gradient(#0d4004,#13750c);
    background-image: -moz-linear-gradient(#0d4004,#13750c);
    background-image: -o-linear-gradient(#0d4004,#13750c);
    background-image: linear-gradient(#0d4004,#13750c);
    border: 1px solid #13750c;
}
a[role="button"]:active.important,a[role="button"].active.important,button:active.important,button.active.important,input[type="submit"]:active.important,input[type="submit"].active.important {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #827100), color-stop(100%, #e5ad05));
    background-image: -webkit-linear-gradient(#827100,#e5ad05);
    background-image: -moz-linear-gradient(#827100,#e5ad05);
    background-image: -o-linear-gradient(#827100,#e5ad05);
    background-image: linear-gradient(#827100,#e5ad05);
    border: 1px solid #e5ad05;
}
a[role="button"]:active.warning,a[role="button"].active.warning,button:active.warning,button.active.warning,input[type="submit"]:active.warning,input[type="submit"].active.warning {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #730101), color-stop(100%, #b31e1e));
    background-image: -webkit-linear-gradient(#730101,#b31e1e);
    background-image: -moz-linear-gradient(#730101,#b31e1e);
    background-image: -o-linear-gradient(#730101,#b31e1e);
    background-image: linear-gradient(#730101,#b31e1e);
    border: 1px solid #b31e1e;
}
a[role="button"]:active.transparent,a[role="button"].active.transparent,button:active.transparent,button.active.transparent,input[type="submit"]:active.transparent,input[type="submit"].active.transparent {
    background: transparent none;
    box-shadow: none;
    text-shadow: none;
}
a[role="button"].active:after,button.active:after,input[type="submit"].active:after {
    opacity: 0.75;
}
a[role="button"][disabled],a[role="button"][disabled]:hover,a[role="button"][disabled]:focus,a[role="button"].disabled,button[disabled],button[disabled]:hover,button[disabled]:focus,button.disabled,input[type="submit"][disabled],input[type="submit"][disabled]:hover,input[type="submit"][disabled]:focus,input[type="submit"].disabled {
    background-color: #bbb;
    background-image: none;
    border-color: #a4a4a4;
    box-shadow: none;
    color: #dfdfdf;
    cursor: not-allowed;
    text-shadow: none;
    -webkit-transition: border-color,0s;
    -moz-transition: border-color,0s;
    -o-transition: border-color,0s;
    transition: border-color,0s;
}
a[role="button"],.ie8 button {
    min-width: 105px;
}
button {
    overflow: visible;
    min-width: 127px;
}
.auto-width[role="button"],button.auto-width,input.auto-width {
    min-width: 0;
}
.btn-icon:after {
    content: "";
    float: right;
    height: 17px;
    margin: 0 0 0 10px;
    opacity: 0.45;
    -webkit-transition: opacity,0.3s;
    -moz-transition: opacity,0.3s;
    -o-transition: opacity,0.3s;
    transition: opacity,0.3s;
    width: 17px;
}
a[role="button"]:hover,a[role="button"]:focus {
    text-decoration: none;
}
.btn-icon.bookmark:after {
    background: url(../imgs/button-icon/bookmark.png) 0 0px no-repeat;
}
.btn-icon.delete:after {
    background: url(../imgs/button-icon/delete.png) 0 0px no-repeat;
}
.btn-icon.disable:after {
    background: url(../imgs/button-icon/disable.png) 0 0px no-repeat;
}
.btn-icon.download:after {
    background: url(../imgs/button-icon/download.png) 0 0px no-repeat;
}
.btn-icon.external:after {
    background: url(../imgs/button-icon/external.png) 0 0px no-repeat;
}
.btn-icon.get-hosting:after {
    background: url(../imgs/button-icon/get-hosting.png) 0 0px no-repeat;
}
.btn-icon.global:after {
    background: url(../imgs/button-icon/global.png) 0 0px no-repeat;
}
.btn-icon.grid-view:after {
    background: url(../imgs/button-icon/grid-view.png) 0 0px no-repeat;
}
.btn-icon.help:after {
    background: url(../imgs/button-icon/help.png) 0 0px no-repeat;
}
.btn-icon.list-view:after {
    background: url(../imgs/button-icon/list-view.png) 0 0px no-repeat;
}
.btn-icon.live-preview:after {
    background: url(../imgs/button-icon/live-preview.png) 0 0px no-repeat;
}
.btn-icon.lock:after {
    background: url(../imgs/button-icon/lock.png) 0 0px no-repeat;
}
.btn-icon.new-thread:after {
    background: url(../imgs/button-icon/new-thread.png) 0 0px no-repeat;
}
.btn-icon.portfolio:after {
    background: url(../imgs/button-icon/portfolio.png) 0 0px no-repeat;
}
.btn-icon.post-reply:after {
    background: url(../imgs/button-icon/post-reply.png) 0 0px no-repeat;
}
.btn-icon.process:after {
    background: url(../imgs/button-icon/process.png) 0 0px no-repeat;
}
.btn-icon.purchase:after {
    background: url(../imgs/button-icon/purchase.png) 0 0px no-repeat;
}
.btn-icon.regenerate:after {
    background: url(../imgs/button-icon/regenerate.png) 0 0px no-repeat;
}
.btn-icon.save:after {
    background: url(../imgs/button-icon/save.png) 0 0px no-repeat;
}
.btn-icon.screenshots:after {
    background: url(../imgs/button-icon/screenshots.png) 0 0px no-repeat;
}
.btn-icon.search-text:after {
    background: url(../imgs/button-icon/search-text.png) 0 0px no-repeat;
}
.btn-icon.sticky:after {
    background: url(../imgs/button-icon/sticky.png) 0 0px no-repeat;
}
.btn-icon.submit:after {
    background: url(../imgs/button-icon/submit.png) 0 0px no-repeat;
}
.btn-icon.subscribe-mail:after {
    background: url(../imgs/button-icon/subscribe-mail.png) 0 0px no-repeat;
}
.btn-icon.subscribe-rss:after {
    background: url(../imgs/button-icon/subscribe-rss.png) 0 0px no-repeat;
}
.btn-icon.update:after {
    background: url(../imgs/button-icon/update.png) 0 0px no-repeat;
}
.btn-icon.upload:after {
    background: url(../imgs/button-icon/upload.png) 0 0px no-repeat;
}
.btn-icon.video-preview:after {
    background: url(../imgs/button-icon/video-preview.png) 0 0px no-repeat;
}
/*-------------------------------------
      {--------} floats {--------}
---------------------------------------*/ 
.left {
    float: left;
}
.right {
    float: right;
}
/*-----------------------------------------------
      {--------} text alignment {--------}
------------------------------------------------*/ 
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
/*-------------------------------------------------------------------------
      {--------}  highlighting search term on search page {--------}
---------------------------------------------------------------------------*/ 
mark,.search-term {
    background: #EBE16F;
}
/*------------------------------------------------------------------------------------------------
      {--------}  text hide on links with background, instead of -9999px technique {--------}
--------------------------------------------------------------------------------------------------*/ 
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/*----------------------------------------------------
           {--------}  Header {--------}
----------------------------------------------------*/

.downarrowclass,
.rightarrowclass {
    width: 8px;
    height: 8px;
    background: url(../imgs/plus.png) top left no-repeat;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 27px;
}
.rightarrowclass {
    background-image: url(../images/plus-white.png);
}
/*---- Primary Main Menu IE Fixex--*/
.ie7 .menu ul {
    background: url(images/ie7-fix.gif) repeat;
}
.ie7 .menu li li a {
    min-width: 100%;
}
/*---- #branding --*/
#branding {
    border-bottom: 5px solid #00a3ab;
    background: #33363b;
    position: relative;
    width: 100%;
    min-height: 149px;
}
/*---- logo --*/
.logo {
    float: left;
    position: relative;
    margin: 0px 0 0 0;
    width: 50%;
    height: 100px;
    overflow: visible;
}
h1#site-title {
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
}
h1#site-title img {
    width: 205px;
    height: auto;
    margin-left: 0;
}
h1#site-title a {
    height: 85px;
}
/*---- Media fixing--*/
#mini-nav {
    display: none;
}
#main-nav {
    display: none;
}
#mini-search-container {
    display: none;
}
#mini-search {
    display: none;
}
/*---- Large Nav --*/
#large-nav {
    padding: 0;
    overflow: hidden;
    margin: 50px 0 0 0;
    height: 56px;
    position: relative;
    width: 100%;
}
#large-nav ul {
    list-style: none;
    margin: -5px 0 0 0;
    padding: 0;
    height: 42px;
}
#large-nav ul li {
    width: 13.5%;
    float: left;
    text-align: center;
    line-height: .9em;
    font-weight: bold;
    border-left: 1px solid #444;
    background: #25272a;
}
#large-nav ul li.websites {
    border-left: none;
    border-top-left-radius: 5px;
}
#large-nav ul li a {
    display: block;
    color: #FFF;
    line-height: 18px;
    font-size: 14px;
    padding: 22px 0;
}
#large-nav ul li a:hover {
    text-decoration: none;
    color: #3B8DBD;
    cursor: pointer;
    background: #191a1c;
}
#large-nav ul li.membership {
    position: absolute;
    right: 10%;
    top: 0;
    background-color: #0097a0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b6bd), color-stop(100%, #0097a0));
    background-image: -webkit-linear-gradient(#00b6bd,#0097a0);
    background-image: -moz-linear-gradient(#00b6bd,#0097a0);
    background-image: -o-linear-gradient(#00b6bd,#0097a0);
    background-image: linear-gradient(#00b6bd,#0097a0);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
    color: #fff;
    cursor: pointer;
    text-shadow: 0 0 0 transparent,1px 1px 0 rgba(0,0,0,0.1);
    -webkit-transition: border-color,0.3s;
    -moz-transition: border-color,0.3s;
    -o-transition: border-color,0.3s;
    transition: border-color,0.3s;
    width: 19%;
}
#large-nav ul li.membership a {
    padding: 18px 0;
    color: #FFF;
}
#large-nav ul li.membership a:hover {
    color: #D24D33;
}
#large-nav ul li.membership span {
    padding-right: 7px;
    font-size: .8em;
}
#large-nav ul li.logout {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0097a0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b6bd), color-stop(100%, #0097a0));
    background-image: -webkit-linear-gradient(#00b6bd,#0097a0);
    background-image: -moz-linear-gradient(#00b6bd,#0097a0);
    background-image: -o-linear-gradient(#00b6bd,#0097a0);
    background-image: linear-gradient(#00b6bd,#0097a0);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
    color: #fff;
    cursor: pointer;
    text-shadow: 0 0 0 transparent,1px 1px 0 rgba(0,0,0,0.1);
    -webkit-transition: border-color,0.3s;
    -moz-transition: border-color,0.3s;
    -o-transition: border-color,0.3s;
    transition: border-color,0.3s;
    width: 10%;
}
#large-nav ul li.logout a {
    padding: 18px 0;
    color: #FFF;
}
#large-nav ul li.logouta:hover {
    color: #D24D33;
}
#large-nav ul li.logout span {
    padding-right: 7px;
    font-size: .8em;
}
/*---- search --*/
#search-container {
    position: relative;
    float: right !important;
    width: 33.5%;
    margin-top: 35px;
}
#search-container #s:active,
#search-container #s:focus {
    background: #FFF;
}
input#searchsubmit {
    display: block;
    height: 26px;
    width: 10%;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    color: #DDDDDB;
    line-height: 1em;
    text-align: center;
}
input#s {
    color: #555;
    display: block;
    background: #ccc;
    font-size: 14px;
    line-height: 1.2em;
    width: 60%;
    float: left !important;
    height: 26px;
    border: none;
    text-align: center;
}
#searchform {
    position: relative;
}
.select-search {
    float: left !important;
    min-height: 25px;
    padding: 0;
    width: 30%;
}
.input_width {
    width: 100%;
}       
/*----------------------------------------------------
           {--------}  Page-Info {--------}
----------------------------------------------------*/
.page-info {
    background: #3b3b3b;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #535353;
    padding: 0;
}
.page-info h1 {
    text-shadow: 0 1px rgba(255,255,255,0.5);
    color: #ccc;
}
/*----------------------------------------------------
           {--------} Breadcrumbs {--------}
----------------------------------------------------*/
#breadcrumbs {
    padding-top: 15px;
    font-size: 9px;
    color: #c2c2c2;
}
#breadcrumbs a {
    color: #757575;
    margin-left: 6px;
    margin-right: 4px;
}
#breadcrumbs a.first {
    margin-left: 0;
}
/*----------------------------------------------------
           {--------} Page-Title {--------}
----------------------------------------------------*/
.page-title {
    color: #000;
    float: left;
    font: 38px ProximaNovaSoft,sans-serif;
    letter-spacing: -1px;
    padding: 0 0 10px 0;
}
.page-title span {
    color: #757575;
    font: 12px tahoma,sans-serif;
    letter-spacing: 0.5px;
    text-shadow: none;
}
.page-title-tagline {
    float: left;
    margin: 16px 0 0 8px;
}
.page-title-tagline strong {
    font: 20px ProximaNovaSoft,sans-serif;
}
.page-title-tagline a {
    font-size: 13px;
}
/*---------------------------------------------------------
      {--------} LAYOUT STRUCTURE STYLES {--------}
----------------------------------------------------------*/  
#wrapper {
    width: 100%;
}
.block {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
header[role=banner] {
    height: 30%;
}
header[role=banner] .block {
    height: 30%;
    position: relative;
}
#content[role=main] {
    margin-top: 0px;
    padding: 10px 10px 60px;
    width: 90%;
    background: #f1f1f1;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#wrap[role=main] {
    margin-top: 0px;
    padding: 10px 10px 0px;
    width: 90%;
}
aside {
    width: 32%;
    float: right;
    margin: 0;
}
#main {
    width: 67%;
    float: left;
}
#main.onright {
    float: right;
    width: 69%;
    margin-right: 35px;
}
.page #main.fullwidth, .error404 #main.fullwidth {
    width: 100%;
    float: none;
    padding: 20px 30px 50px;
}
footer {
    padding: 0;
    color: #888;
    line-height: 1.8;
}
footer a,footer a:visited {}
/*--------------------------------------------------------
      {--------}  FOOTER ELEMENTS STYLES {--------}
---------------------------------------------------------*/  
footer #copyright {
    color: #fff;
    clear: both;
    text-align: center;
    padding: 20px 0 10px;
    font-size: 11px;
}
footer #copyright a {
    font-weight: bold;
    color: #aaa;
}
/*--------------------------------------------------------
      {--------}  CONTENT ELEMENTS STYLES {--------}
---------------------------------------------------------*/   
#archive-title {
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
}
/*------------------------------------------------------------
      {--------}  MAIN COLUMN ELEMENTS STYLES {--------}
-------------------------------------------------------------*/  
.alignright {
    float: right;
    margin: 0 0 15px 15px;
}
.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}
.more-link,.more-link:visited {
    color: #fff;
    display: block;
    clear: both;
    border-radius: 6px;
    background: #00CCCC;
    float: left;
    padding: 4px 13px;
    font-weight: 300;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    text-shadow: -1px -1px #00A7A7;
}
.more-link:hover {
    background: #E34D37;
    text-decoration: none;
    text-shadow: none;
}
/*------------------------------------------------------
      {--------}  ASIDE ELEMENTS STYLES {--------}
--------------------------------------------------------*/ 
aside .side_widget {
    margin-bottom: 10px;
    padding: 16px;
    background: #fff;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    overflow: hidden;
}
aside h3 {
    color: #000;
    font-size: 16px;
    padding: 9px 0;
    margin: 0;
    text-transform: uppercase;
    border-top: 4px solid #00CCCC;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}
aside  ul {
    list-style-image: url(../imgs/small-right-side-arrow.gif);
    margin-left: 15px;
    padding-bottom: 5px;
}
aside ul a,aside ul a:visited {
    display: block;
    padding: 1px 0;
}
aside ul a:hover {
    color: #000;
    text-decoration: none;
}
aside li {
    padding-bottom: 5px;
}
aside strong {
    font-weight: bold;
}
aside small {
    color: gray;
}
aside p {
    padding: 10px 0px;
}
.current-balance {
    font: 30px "Helvetica Neue",Arial,sans-serif;
    text-align: center;
}
/*---------------------------------------------
      {--------}  Tag Cloud {--------}
-----------------------------------------------*/ 
.tagcloud a {
    background: #00CCCC;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px !important;
    margin: 0 2px 5px 0;
    padding: 3px 10px;
    font-family: 'Georgia',serif;
    font-style: italic;
    text-shadow: -1px -1px #00A7A7;
}
/*------------------------------------------------------------
      {--------}  ASIDE MARCKET ELEMENTS STYLES {--------}
-------------------------------------------------------------*/ 
.contentbox {
    paddingt: 10px;
    background: #fff;
    border: 1px solid #d7d7d7;
}
.contentbox:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.contentbox .title {
    font-family: HelveticaWorld-Bold;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    text-transform: uppercase;
    color: #3c3c3b;
    text-shadow: 1px 1px #fff;
    padding: 10px;
}
.contentbox .chars table {
    font-size: 12px;
    line-height: 19px;
    color: #3c3c3b;
    width: 100%;
}
.contentbox .chars table td {
    padding-right: 9px;
    padding-left: 9px;
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 5px;
}
.contentbox .chars table .caption {
    text-align: right;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d7d7d7;
    color: #848484;
    width: 80px;
}
.contentbox .chars table td .filesicon img {
    margin-top: 4px !important;
}
.tags {
    margin: 10px 0;
    padding-bottom: 10px;
}
.tags a {
    display: block;
    float: left;
    background-image: url(../imgs/tag-left.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 13px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #3c3c3b;
    margin-right: 6px;
    margin-top: 8px;
}
.tags a span {
    float: left;
    background-image: url(../imgs/tag-right.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 19px;
    padding-top: 3px;
    padding-right: 10px;
    padding-left: 8px;
}
.tags a:hover {
    color: #009fe3;
}
/*----------------------------------------------------
           {--------} Pricebox  {--------}
----------------------------------------------------*/
aside .pricebox {
    width: 100%;
    float: right;
    background: #d0e8ea url(../images/color_strip.png) repeat-x top;
    border: 1px solid #555;
    float: left;
    margin-bottom: 10px;
}
aside .pricebox p.text {
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}
aside .pricebox div.licenses {
    border: 1px solid #000;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    background-color: #d0e8ea;
    border-color: #22939b;
    border-bottom: 0px;
    font-size: 13px;
}
aside .pricebox div.licenses h3:hover {
    background-color: #89cfd4;
    cursor: pointer;
}
aside .pricebox div.licenses h3.js-active {
    display: none;
}
aside .pricebox div.licenses h3 {
    border-bottom: 1px solid #000;
    border-color: #22939b;
    background-color: #6baeb3;
    color: #323232;
    font-size: 12px;
    font-size: 12px;
    line-height: 15px;
    font-family: Arial,Helvetica,sans-serif;
    overflow: hidden;
    padding: 0px;
    font-weight: bold;
    clear: both;
}
aside .pricebox div.licenses h3 div.purchase-container {
    padding: 12px 20px;
    overflow: hidden;
}
aside .pricebox div.licenses h3 span {
    float: right;
}
aside .pricebox div.licenses .section.js-closed {
    display: none;
}
aside .pricebox div.licenses .section {
    margin-bottom: 0px;
}
aside .pricebox div.licenses .section div.purchase-container {
    padding: 15px 17px;
    overflow: hidden;
}
aside .pricebox div.licenses .section div.purchase {
    float: right;
    color: #000;
    font-family: "Helvetica Neue",Arial,sans-serif;
    text-align: right;
    width: 169px;
}
aside .pricebox div.licenses .section div.purchase .price {
    display: inline-block;
    font-size: 30px;
    line-height: normal;
    margin-top: -3px;
}
aside .pricebox div.licenses .section div.purchase .price sup {
    font-size: 20px;
    vertical-align: 6px;
}
aside .pricebox div.licenses .section div.purchase button {
    margin: 0 0 0 5px;
    vertical-align: top;
}
aside .pricebox div.licenses .section p {
    float: left;
    width: 140px;
    font-size: 10px;
    color: #312f2f;
    line-height: 13px;
    padding: 0;
}
aside .pricebox div.licenses .section p strong {
    color: #323232;
    display: block;
    font: bold 16px "Helvetica Neue",Arial,sans-serif;
    margin-bottom: 5px;
}
aside .pricebox div.licenses .js-open {
    border-bottom: 1px solid #000;
    border-color: #423021;
}
aside .pricebox small {
    display: block;
    text-align: right;
    text-transform: none;
    font-size: 10px;
    font-style: normal;
}
/*--------------------------------------------------------
    {--------} comments-purchases {--------}
----------------------------------------------------------*/
aside .comments-purchases {
    background: #fff url(../images/color_strip.png) repeat-x top;
    border-left: 1px solid#ccc;
    border-top: 1px solid#ccc;
    display: block;
    line-height: normal;
    float: left;
    height: 150px;
    width: 50%;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
aside .comments-purchases p,.comments-purchases a {
    color: #858585;
    display: block;
    font-size: 10px;
}
aside .comments-purchases span {
    color: #000;
    display: block;
    font-size: 24px;
}
/*--------------------------------------------------------
    {--------} Ratings {--------}
----------------------------------------------------------*/
aside .ratings {
    background: #fff url(../images/color_strip.png) repeat-x top;
    border-left: 1px solid#ccc;
    border-right: 1px solid#ccc;
    border-top: 1px solid#ccc;
    line-height: normal;
    float: right;
    height: 150px;
    text-align: center;
    width: 50%;
    padding: 0;
    overflow: hidden;
}
aside .ratings strong {
    color: #000;
    display: block;
    font: bold 16px "Helvetica Neue",Arial,sans-serif;
    margin: 20px 0 5px;
}
aside .ratings small {
    display: block;
    font-size: 10px;
    padding-left: 25px;
}
/*------------------------------------------------------
   {--------} Social  Content Box {--------}
-------------------------------------------------------*/
aside .social-content-box {
    background: #fff url(../images/color_strip.png) repeat-x top;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
aside .social-content-box:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
aside .facebook-like-button {
    height: 35px;
}
/*---------------------------------------------------------------------------
    {--------}  Market Item Author Information {--------}
-----------------------------------------------------------------------------*/
aside .market-item-author-info {
    background: #fff url(../images/color_strip.png) repeat-x top;
    border: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
}
aside .market-item-author-info h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 0px;
    padding: 0;
}
aside .market-item-author-info .market-item-avatar-wrapper {
    background: #000;
    width: 80px;
    margin-right: 1%;
    float: left;
}
aside .market-item-author-info .details {
    float: right;
    width: 70%;
}
aside .market-item-author-info .badges {
    margin: 0;
}
aside .market-item-author-info.content-box a[rel=author] {
    color: #000;
}
aside .market-item-avatar-wrapper {
    height: 80px;
    position: relative;
    width: 80px;
}
/*-------------------------------------------------------------------
     {--------} Item Copyright{--------}
--------------------------------------------------------------------*/
aside .item-copyright {
    margin-top: 10px;
    background: url(../images//indent.gif) repeat-x top left;
}
aside .item-copyright small {
    color: #8d8d8d;
    font-size: 10px;
    text-transform: uppercase;
}
/*-------------------------------------------------------------------
     {--------} Free File {--------}
--------------------------------------------------------------------*/
aside .ffotm {
    background: #cbe6c2;
    border: 1px solid #6e8768;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
}
aside .ffotm h3 {
    padding: 0;
}
aside .ffotm a {
    color: #000;
}
aside .ffotm img {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 4px;
}
/*----------------------------------------------------
           {--------} aside square Banner {--------}
----------------------------------------------------*/
.squarebanner {
    width:100%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid#ccc;
    margin-bottom: 10px;
}
.squarebanner ul {
    list-style-type: none;
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
    background: #f9f9f9;
    border:1px solid#eee;
}
.squarebanner ul li {
    list-style-type: none;
    margin: 0px 7px 0px 7px;
    float: left;
    padding: 5px;
    display: inline;
}
.squarebanner ul li a:hover {
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
.squarebanner ul li a img {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    padding: 3px;
}
/*---------------------------------------------------------
   {--------} squarebanner BuySellAds 125x125 {--------}
---------------------------------------------------------*/
#bsap_1248466 a {
    text-shadow: 1px 1px 1px #111;
    color: #eee;
    padding: 5px;
    margin: 0 12px 10px 12px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-border-top-left-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    -moz-border-radius-topleft: 80px;
    -moz-border-radius-bottomright: 80px;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
#bsap_1248466 a:hover {
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
#bsap_1248466 a img {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    padding: 3px;
}
#bsap_1248466 .even {
    margin-right: 0;
}
#bsap_1248466 .ad1 {
    background: #e42b2b;
    width:42%;    
}
#bsap_1248466 .ad2 {
    background: #ff8400;
        width:42%;  
}
#bsap_1248466 .ad3 {
    background: #a800ff;
    width:42%;      
}
#bsap_1248466 .ad4 {
    background: #49a7f3;
    width:42%;       
}

/*---------------------------------------------
      {--------}  BLOG COMMENTS {--------}
-----------------------------------------------*/ 
#respond {
    padding-left: 10px;
}
h3#comments, h3#commentsForm {
    font-size: 22px;
    margin: 25px 0;
}
ul.commentlist {
    list-style: none;
    list-style-position: outside;
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
ul.commentlist ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
}
ul.commentlist li {
    padding: 0 0 18px 55px;
    position: relative;
    margin-top: 18px;
    background: none;
}
ul.commentlist li p {
    margin: 5px 0;
    padding: 5px 0;
}
ul.commentlist li .comment-meta span {
    font-size: 12px;
    color: #999;
}
ul.commentlist li .comment-meta {
    font-size: 12px;
}
ul.commentlist li .avatar {
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
}
ul.commentlist li .comment_content {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px;
}
ul.commentlist li cite {
    font-style: normal;
    font-weight: bold;
}
ul.commentlist .reply {
    height: 21px;
    font-size: 11px;
    text-transform: uppercase;
}
ul.commentlist li .children li {
    margin-top: 10px;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 0;
}
ul.commentlist li .children {
}
ul.commentlist li .children li .avatar {
    top: 20px;
}
ul.commentlist li .children li .reply {
    top: 20px;
}
/*---------------------------------------------
      {--------}  COMMENTS F0RM {--------}
-----------------------------------------------*/
#commentform p {
    margin: 0;
    padding: 0;
}
#commentform label {
    display: block;
    padding: 5px 0;
}
#commentform input[type="text"],#commentform input[type="password"],#commentform textarea {
    border: 1px solid #F0F0F0;
    -webkit-box-shadow: 1px 1px #FFF, 1px 1px 1px #aaa inset;
    box-shadow: 1px 1px #FFF, 1px 1px 1px #aaa inset;
    border-radius: 3px;
    padding: 10px;
    width: 60%;
    background: #FFF;
    margin-top: 5px;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    -ms-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
    color: #666;
    margin-bottom: 20px;
}
#commentform input[type="text"]:focus,#commentform textarea:focus {
    background: #F2FDFD;
}
#commentform textarea {
    width: 96%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
}
#commentform input#submit {
    color: #fff;
    display: block;
    clear: both;
    border-radius: 6px;
    background: #00CCCC;
    float: left;
    padding: 6px 15px;
    margin-top: 20px;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    border: none;
    text-transform: uppercase;
}
#commentform input#submit:hover {
    background: #E34D37;
    text-decoration: none;
}
#commentform .subscribe-to-comments label {
    display: inline;
    padding-left: 5px;
}
/*------------------------------------
      {--------}  404  {--------}
-------------------------------------*/
.error404 #main {
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 4px;
}
.error404 #main h2 {
    font-size: 80px;
    margin: 50px 0;
    color: #00cccc;
}
.error404 #main p {
    font-size: 16px;
}
.error404 #content {
    padding: 10px;
}
/*--------------------------------------------------------
      {--------}  Object height fix on FF  {--------}
----------------------------------------------------------*/
.jp-jplayer-video .fluid-width-video-wrapper {
    padding-bottom: 0;
    overflow: hidden;
    height: 0;
    position: relative;
}
/*-------------------------------------------
      {--------}  Articles  {--------}
--------------------------------------------*/
article {
    color: #666;
    overflow: hidden;
    padding: 0px;
    background: #fff;
    border: 1px solid #e8e8e8;
    position: relative;
    min-height: 25px;
    margin-bottom: 20px;
}
article .articleimg {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid#ccc;
    Padding: 1px;
}
article img.articleimg {
    width: 100%;
}
.articledemobar {
    width: 100%;
    text-align: center;
    position: relative;
    background: #f1f1f1;
    padding: 5px 0;
    border: 1px solid#ddd;
}
article .title {
    margin: 0px 0px;
    padding: 0px 0px;
    font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
}
article .title  h2 {
    margin: 25px 25px 0px 25px;
    padding: 0px 0px 15px 0px;
    font-size: 24px;
    font-weight: normal;
    color: #222;
    line-height: 120%;
    border-bottom: 1px solid #efefef;
}
article .title  h2 a, article .title  h2 a:link, article .title  h2 a:visited {
    color: #222;
    background-color: transparent;
}
article .title  h2 a:hover {
    color: #333;
    background-color: transparent;
}
article .entry {
    margin: 10px 0px 10px 0px;
    padding: 0px 25px;
}
article .entry a:link,
.entry a:visited {
    color: #FF9D00;
}
article .entry a:hover {
    color: #FF9D00;
}
article .entry ul, .entry ol {
    margin: .4em 0 1em;
    line-height: 150%;
}
article .entry ul li, .entry ol li {
    list-style-position: outside;
    margin-left: 1.6em;
}
article .entry p {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    line-height: 160%;
}
article .entry img {
    position: relative;
    background: #000;
    max-width: 100%;
    max-height: 250px;
}
article .titlemeta {
    border-top: 1px solid #ececec;
    padding: 15px 0px;
    margin: 0px 25px;
    font-size: 10px;
    color: #999;
}
article .titlemeta a:link,
article .titlemeta a:visited {
    color: #999;
}
article span.link {
    float: left;
    padding: 0px 10px 0px 20px;
    background: url(library/images/plus.png) left center no-repeat;
    color: #999;
}
article span.comm {
    float: right;
    padding: 0px 10px 0px 20px;
    background: url(library/images/comment.png) left center no-repeat;
}
article span.comm a:link,
article span.comm a:visited {
    color: #999;
}
article span.comm a:hover {
    color: #999;
}
article span.like {
    float: right;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
    background: url(library/images/heart.png) left center no-repeat;
}
article span.like a:link,
article span.like a:visited {
    color: #999;
}
article span.like a:hover {
    color: #999;
}
article .categori {
    float: left;
    padding: 0px 10px 0px 20px;
    background: url(library/images/tag.png) left center no-repeat;
    color: #999;
}
article .categori a:link,article .categori a:visited {
    color: #FFA812;
}
article .categori a:hover {
    color: #999;
}
/*-------------------------------------------
      {--------}  Responsive  {--------}
--------------------------------------------*/
.entry-meta {
    background: #f9f9f9;
    border: 1px solid#eee;
    padding: 20px;
}
.entry-meta p {
    font-weight: 300;
    margin: 0px;
}
.entry-meta span {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 300;
}
.author-meta, .clock-meta, .category-meta , .commnt-meta {
    float: left;
    margin-right: 20px;
    padding-left: 30px;
    width: 21%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.author-meta {
    background: url(../imgs/user.png) no-repeat;
}
.clock-meta {
    background: url(../imgs/clock.png) no-repeat;
}
.category-meta {
    background: url(../imgs/category.png) no-repeat;
}
.commnt-meta {
    background: url(../imgs/comment.png) no-repeat;
}

/*----------------------------------------------------------------
          {--------}   Payment Order Panel {--------}
------------------------------------------------------------------*/
div.responsive-table {
    margin-bottom: 20px;
    position: relative;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
div.responsive-table .responsive-table-header {
    display: block!important;
    position: relative;
    background: #575150;
    border: 1px solid#4e4847;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    padding: 0 16px;
}
div.responsive-table .responsive-table-header .responsive-table-title {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    line-height: 20px;
    margin-right: 32px;
    padding: 16px 0;
}
div.responsive-table .responsive-table-header .responsive-table-title img {
    max-height: 16px;
    max-width: 16px;
    display: inline;
    margin-right: 4px;
}
div.responsive-table .responsive-table-status-panel {
    background-color: #FFF;
    background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #bfbfbf;
}
div.responsive-table .responsive-table-status-panel {
    border-top: 0;
}
table.responsive-table-order {
    width: 100%;
    clear: both;
    margin: 0;
}
table.responsive-table-order tr td,table.responsive-table-order tr th {
    vertical-align: middle;
}
table.responsive-table-order thead tr {
    background: #575150;
    border: 1px solid#4e4847;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    -khtml-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
}
table.responsive-table-order tr th {
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    -moz-box-shadow: inset 1px 0 0 0 #f8f8f8;
    -webkit-box-shadow: inset 1px 0 0 0 #f8f8f8;
    -khtml-box-shadow: inset 1px 0 0 0 #f8f8f8;
    box-shadow: inset 1px 0 0 0 #f8f8f8;
    padding: 11px 20px;
}
table.responsive-table-order tr td {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #e0e0e0;
    padding: 7px 20px;
}
table.responsive-table-order tr td.da-icon-column {
    text-align: left !important;
    width: 80px;
}
table.responsive-table-order tr td.da-icon-column img {
    margin: 0 2px;
}
table.responsive-table-order tr.odd {
    background-color: #f4f4f4;
}
table.responsive-table-order.responsive-table-order-view tbody th {
    width: 25%;
    background: #f8f8f8;
}
table.responsive-table-order.responsive-table-order-view .null {
    color: #f2618c;
}
.responsive-table-order tr:last-child td {
    border-bottom: 1px solid #cacaca;
}
div.responsive-table:after,div.responsive-table .responsive-table-status-panel:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
div.responsive-table,div.responsive-table .responsive-table-status-panel,div.da-panel-toolbar ul,div.da-panel-toolbar ul li:hover>ul {
    display: block;
}
* html div.responsive-table,* html div.responsive-table .responsive-table-status-panel,* html div.da-panel-toolbar ul {
    height: 1%;
}
div.responsive-table.collapsed>*,div.responsive-table.scrollable .responsive-table-status-panel .scrollbar .thumb .end,div.responsive-table.scrollable .responsive-table-status-panel .disable {
    display: none;
}
div.da-panel-toolbar ul li ul li:first-child,.dataTables_wrapper .responsive-table-order {
    border-top: 1px solid #cacaca;
}
table.responsive-table-order tr th:last-child,table.responsive-table-order tr td:last-child {
    border-right: 0;
}
table.responsive-table-order tr:last-child td,table.responsive-table-order.responsive-table-order-view tbody tr:last-child th {
    border-bottom: 0;
}
table.responsive-table-order tr.even {
    background-color: #fcfcfc;
}
/*-----------------------------------------------------------
      {--------} Page Tabs  {--------}
-------------------------------------------------------------*/
#item-tabs {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 2px;
    width: 100%;
    border-bottom: 10px solid #1d9eb4;
}
#item-tabs ul {
    list-style: none;
    top: 2px;
}
#item-tabs li {
    float: left;
    font-size: 11px;
    display: inline;
    height: 27px;
    line-height: 27px;
    margin: 0;
}
#item-tabs div {
    background: url('../imgs/tabs.png') 0 -135px no-repeat;
    float: left;
    height: 27px;
    width: 26px;
}
#item-tabs a {
    background: url('../imgs/tabs.png') 0 0 repeat-x;
    color: #555555;
    float: left;
    padding: 0 8px;
}
#item-tabs a:hover,#item-tabs a:focus {
    color: #333333;
    text-decoration: none;
}
#item-tabs .last .last {
    background: url('../imgs/tabs.png') 0 -54px no-repeat;
    width: 21px;
}
#item-tabs li:first-child div:first-child,#item-tabs .selected:first-child div:first-child {
    width: 9px;
}
#item-tabs li:first-child div:first-child {
    background: url('../imgs/tabs.png') 0 -27px no-repeat;
}
#item-tabs .selected a {
    background: url('../imgs/tabs.png') 0 -270px repeat-x;
}
#item-tabs .selected div {
    background: url('../imgs/tabs.png') 0 -324px no-repeat;
}
#item-tabs .selected.last .last {
    background: url('../imgs/tabs.png') 0 -108px no-repeat;
}
#item-tabs .selected + li div {
    background: url('../imgs/tabs.png') 0 -297px no-repeat;
}
#item-tabs .selected:first-child div:first-child {
    background: url('../imgs/tabs.png') 0 -81px no-repeat;
}
#item-tabs .right {
    float: right;
}
#item-tabs .right li:first-child div:first-child,#item-tabs .right .selected:first-child div:first-child {
    width: 21px;
}
#item-tabs .right li:first-child div:first-child {
    background: url('../imgs/tabs.png') 0 -162px no-repeat;
}
#item-tabs .right .last .last {
    background: url('../imgs/tabs.png') 0 -189px no-repeat;
    width: 9px;
}
#item-tabs .right .selected.last .last {
    background: url('../imgs/tabs.png') 0 -243px no-repeat;
}
#item-tabs .right .selected:first-child div:first-child {
    background: url('../imgs/tabs.png') 0 -216px no-repeat;
}
#item-menu {
    display: none;
}
/*----------------------------------------------------
           {--------}  Tabs {--------}
---------------------------------------------------*/
.tabsindex li {
    list-style: none;
    display: inline;
}
/*----------------------------------------------------------------
      {--------} User Dashboard Small Screen Tabs {--------}
------------------------------------------------------------------*/ 
.portfolio-tabs {
    display: none;
}
/*----------------------------------------------------
           {--------}  Recent Post {--------}
------------------------------------------------------*/
#recentpost {
    width: 100%;
    height: 100%;
  
    border: 1px solid #e5e5e5;
    background: #fff url(../imgs/feature_bg.png) repeat-x;
    margin:0;
    overflow: visible;
}
.recentpost_wrap {
    padding: 10px;
}
ul.thumbnailimg {
    width: 80px;
    height: 80px;
    background: #f0f0f0;
}
ul.thumbnail {
    width: 100%;
    margin: 0px;
    padding: 10px 0 5px 0;
    list-style: none;
    overflow: hidden;
}
.thumbnail li {
    float: left;
    margin: 0 4px 4px 4px;
    border: 1px solid #d1d1d1;
    padding: 0px;
}
.thumbnail li img {
    float: left;
    padding: 2px;
    width: 80px;
    height: 80px;
}
.recentpost_title {
    position: relative;
    background: #f8f8f8 url(../imgs/color_strip.png) repeat-x top;
    border-bottom: 1px solid#e5e5e5;
    padding: 10px;
    overflow: hidden;
}
.recentpost_title h1 {
    width: 75%;
    height: 30px;
    color: #767676;
    font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    float: left !important;
}
.index-view-all-post-button {
    width: 20%;
    display: block;
    min-height: 30px;
    padding: 0;
    margin: 0px;
    float: right !important;
}

/*----------------------------------------------------------------
           {--------}  Recent post Category Menu {--------}
-----------------------------------------------------------------*/
#category-nav {
    min-height: 40px;
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid#ddd;
    font-size: 11pt;
    font-family: 'PT Sans', Arial, sans-serif;
    font-weight: bold;
    position: relative;
}
#category-nav ul {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    min-height: 40px;
}
#category-nav li {
    display: inline;
    float: left;
}
#category-nav a {
    color: #777;
    display: inline-block;
    min-width: 60px;
    text-align: center;
    line-height: 40px;
}
#category-nav li a {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#category-nav li:last-child a {
    border-right: 0;
}
#category-nav a:hover, #category-nav a:active {
    background-color: #eee;
}
#category-nav a#pull {
    display: none;
}
/*----------------------------------------------------
           {--------}  #linkads {--------}
------------------------------------------------------*/
#linkads {
    width: 49%;
    float: left;
    height: 100%;
    position: relative;
    border: 1px solid #e5e5e5;
    background: #fff url(../imgs/feature_bg.png) repeat-x;
    margin: 10px 0;
    overflow: visible;
}
.linkads_wrap {
    padding: 10px;
}
.linkads_wrap img {
    width:100%;
    height:auto;
    background: #f0f0f0;
}
.linkads_title {
    position: relative;
    background: #f8f8f8 url(../imgs/color_strip.png) repeat-x top;
    border-bottom: 1px solid#e5e5e5;
    padding: 10px;
    overflow: visible;
    overflow: hidden;
}
.linkads_title h1 {
    width: 100%;
    height: 30px;
    color: #767676;
    font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    padding: 0px;
    overflow: hidden;
    float: left !important;
}
/*------------------------------------------------------------
     {--------}  #linkads Sponsorship Snippets {--------}
--------------------------------------------------------------*/
#linksponsor-snippets {
    margin: 40px 0 15px 0;
}
#linksponsor-snippets {
    overflow: hidden;
    list-style: none;
    margin: 0;
}
#linksponsor-snippets li {
    padding: 8px;
    font: 13px/1.3 Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif;
    float: left;
    border: 1px solid #ddd;
    margin: 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline;
}
#linksponsor-snippets li span {
    padding: 3px 5px;
    margin-right: 4px;
    font-size: 12px;
    font-family: Verdana;
    font-style: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#linksponsor-snippets li a {
    color: #333;
    border: 0;
}
#linksponsor-snippets li a:hover {
    background: none;
}
#linksponsor-snippets li:hover {
    border: 1px solid #aaa;
}
#linksponsor-snippets li.layout:hover {
    background: #f7deba;
}
#linksponsor-snippets li.layout span {
    background: #f0be78;
    border: 1px solid #aaa;
}
#linksponsor-snippets li.styles:hover {
    background: #ddf2bc;
}
#linksponsor-snippets li.styles span {
    background: #bce67b;
    border: 1px solid #aaa;
}
#linksponsor-snippets li.linksponsor:hover {
    background: #ffc5b7;
}
#linksponsor-snippets li.linksponsor span {
    background: #f08f78;
    border: 1px solid #aaa;
}
#linksponsor-snippets li.template_with:hover {
    background: #bbeef0;
}
#linksponsor-snippets li.template_with span {
    background: #7adde1;
    border: 1px solid #aaa;
}
/*----------------------------------------------------
           {--------}  feature Post {--------}
------------------------------------------------------*/
#facebooklike {
    width: 49%;
    float: right;
    height: 100%;
    position: relative;
    border: 1px solid #e5e5e5;
    background: #fff url(../imgs/feature_bg.png) repeat-x;
    margin: 10px 0;
    overflow: visible;
}
.facebooklike_wrap {
    padding: 10px;
}
.facebooklike_wrap img {
    width: 80px;
    height: 80px;
    background: #f0f0f0;
}
.facebooklike_title {
    position: relative;
    background: #f8f8f8 url(../imgs/color_strip.png) repeat-x top;
    border-bottom: 1px solid#e5e5e5;
    padding: 10px;
    overflow: visible;
    overflow: hidden;
}
.facebooklike_title h1 {
    width: 100%;
    height: 30px;
    color: #767676;
    font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    padding: 0px;
    overflow: hidden;
    float: left !important;
}
/*----------------------------------------------------------------
          {--------}   Guest Banner- {--------}
------------------------------------------------------------------*/
.guest-banner {
    height: 100%;
    background: #fff url(../imgs/color_strip.png) repeat-x top;
    border: 1px solid#ccc;
    margin: 5px 0;
    padding: 10px;
    overflow: hidden;
}
.guest-banner h1 {
    color: #fff;
    font-family: ProximaNovaSoft,Helvetica,Geneva,sans-serif;
    font-size: 40px;
    line-height: 48px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.guest-banner h1 span {
    color: #fff;
    display: block;
    font-size: 70px;
    line-height: 65px;
}
.guest-banner h2 {
    padding-bottom: 0px;
}
.guest-banner h2 a {
    color: #fff;
    display: block;
    font: 20px/28px "Helvetica Neue",Arial,sans-serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.guest-banner h2 a:hover {
    text-decoration: none;
}
.guest-banner-inner {
    padding: 20px;
    min-height: 250px;
    background: url("../imgs/homepage_banner.jpg") 0px 0px repeat;
}
.guest-banner-center {
    float: left;
    left: -50%;
    position: relative;
}
.guest-banner-relative-wrapper {
    float: left;
    left: 50%;
    position: relative;
}
.guest-banner-btns {
    overflow: hidden;
    position: relative;
}
.guest-banner-btns a {
    margin: 0 5px;
    text-align: center;
}
/*----------------------------------------------------------------
          {--------}   Item list {--------}
------------------------------------------------------------------*/
.item-grid {
    width: 100%;
    display: block;
    list-style: none;
    line-height: normal;
    padding: 0;
}
.item-grid:after {
    content: "";
    display: table;
    clear: both;
}
.item-grid li {
    border: 1px solid#ddd;
    float: left;
    height:auto;
    margin:0;
    padding:0 0 5px 0;
    position: relative;
    text-align: center;
    width: 25%;
}
/*-Item Grid title -*/
.item-grid h3 {
    padding: 0;
}
.item-grid h3 a {
    color: #171717;
    display: block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
/*-Item Grid Thumbnail -*/
.item-grid .thumbnail {
    float: left;
    margin: 0px;
    width: 100%;
    min-height: 120px;
    display: block;
    border-left: 1px solid#e8e8e8;
    border-right: 1px solid#e8e8e8;
    border-bottom: 1px solid#e8e8e8;
}
.item-grid .thumbnail img {
    display: block;
    width: 100%;
    min-height: 120px;
    margin: 0 auto;
    padding: 0;
}
.item-grid .item-info {
    padding-top: 5px;
}
/*-Item list sale-info -*/
.item-grid  .sale-info {
    float: left;
    text-align: center;
    width: 100%;
    min-height: 90px;
    display: block;
}
.item-grid  .price {
    border-bottom: 1px solid#e8e8e8;
    color: #555;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 18px;
    margin: 0px;
    padding: 5px 0;
    width: 100%;
    clear: both;
    overflow: hidden;
    display: block;
}
.item-grid  .rating {
    margin: 0 auto;
    padding: 5px 0;
    width: 120px;
}
.item-grid  .sale-count {
    border-bottom: 1px solid#e8e8e8;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    clear: both;
    color: #555;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 16px;
}
.item-grid .author,.item-grid .meta {
    display: none;
}
.item-grid .photo {
    height: 200px;
}
.item-grid .photo .thumbnail {
    display: table-cell;
    height: 130px;
    vertical-align: bottom;
    width: 140px;
}
/*----------------------------------------------------------------
          {--------}   Item list {--------}
------------------------------------------------------------------*/
.item-list {
    background: #fff;
    border: 1px solid #bbb;
    display: block;
    list-style: none;
    line-height: normal;
}
.item-list:after {
    content: "";
    display: table;
    clear: both;
}
.item-list>li {
    border-bottom: 1px solid #e0e0e0;
    padding: 0px;
    margin: 0px;
    position: relative;
}
.item-list>li:after {
    content: "";
    display: table;
    clear: both;
}
.item-list>li:last-child {
    border-bottom-width: 0;
}
.item-list h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}
.item-list h3 a {
    color: #171717;
}
/*-Item list sale-info -*/
.item-list .thumbnail {
    float: left;
    margin: 0px;
    width: 25%;
    min-height: 120px;
    display: block;
    border-left: 1px solid#e8e8e8;
    border-right: 1px solid#e8e8e8;
    border-bottom: 1px solid#e8e8e8;
}
.item-list .thumbnail img {
    display: block;
    width: 100%;
    max-height: 120px;
    margin: 0 auto;
    padding: 0;
}
/*-Item list sale-info -*/
.item-list .sale-info {
    float: left;
    text-align: center;
    width: 25%;
    min-height: 120px;
    display: block;
    border-left: 1px solid#e8e8e8;
    border-right: 1px solid#e8e8e8;
}
.item-list .price {
    border-bottom: 1px solid#e8e8e8;
    color: #555;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 33px;
    margin: 0px;
    padding: 5px 0;
    width: 100%;
    clear: both;
    overflow: hidden;
    display: block;
}
.item-list .rating {
    margin: 0 auto;
    padding: 5px 0;
    width: 120px;
}
.item-list .sale-count {
    border-bottom: 1px solid#e8e8e8;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    clear: both;
    color: #555;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 16px;
}
/*-Item list meta -*/
.item-list .meta {
    float: right;
    line-height: 16px;
    padding: 10px;
    width: 25%;
    min-height: 120px;
    display: block;
    border-left: 1px solid#e8e8e8;
    border-right: 1px solid#e8e8e8;
}
/*-Item list item-info -*/
.item-list .item-info {
    float: right;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 25%;
    min-height: 120px;
    display: block;
    border-left: 1px solid#e8e8e8;
    border-right: 1px solid#e8e8e8;
}
.item-list .author {
    font-size: 11px;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid#e8e8e8;
    border-top: 1px solid#e8e8e8;
    display: block;
}
.item-list .editpost {
    font-size: 11px;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid#e8e8e8;
    display: block;
}
/*-------------------------------------
      {--------} pagination {--------}
---------------------------------------*/ 
.pagination {
    float: right;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.pagination.loading {
    overflow: visible;
}
.pagination:before {
    content: '';
    height: 16px;
    left: -28px;
    position: absolute;
    top: 8px;
    width: 16px;
}
.pagination a,.pagination span,.pagination em {
    background: none;
    border: 0;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    line-height: 12px;
    color: #8a6741;
    padding: 9px 4px;
}
.pagination a.current,.pagination span.current,.pagination em.current {
    color: #555;
    font-weight: bold;
}
.pagination a.gap,.pagination span.gap,.pagination em.gap {
    color: #9a9a9a;
}

.pagination a.disabled,.pagination span.disabled,.pagination em.disabled {
    display: none;
}
.pagination .next_page,.pagination .previous_page {
    background: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #9a9a9a;
    min-width: 12px;
    padding: 9px;
    text-align: center;
}
.pagination .next_page:hover,.pagination .next_page:focus,.pagination .next_page.active,.pagination .previous_page:hover,.pagination .previous_page:focus,.pagination .previous_page.active {
    background: #705536;
    color: #fff;
    text-decoration: none;
}
/*----------------------------------------------------------------
          {--------}   Payment Process {--------}
------------------------------------------------------------------*/
div.payment-process {
    background-color: #fff;
    border: 1px solid#ccc;
    z-index: 999;
    margin: 0 auto;
}
div.payment-process-wrap {
    padding: 20px 20px;
}
#payment-dealbanner {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.payment-dealbox {
    border: 1px solid#000;
    width: 100%;
    float: left;
    overflow: hidden;
}
.payment-dealbox h1 {
    font-weight: 800;
    font-size: 22px;
    color: #fff;
    padding: 10px 0px 0px 20px;
    text-transform: uppercase;
    font-family: Open sans, Bitter, Arial,sans-serif;
    text-shadow: 1px 1px #919191;
}
.payment-dealbox p {
    font-family: Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 120%;
}
.pdb-left {
    background: #11559d;
}
.pdb-mid-left {
    background: #862167;
}
.pdb-mid-right {
    background: #fd7f2c;
}
.pdb-right {
    background: #9e5079;
}
/*----------------------------------------------------------------
          {--------}   Category Tree {--------}
------------------------------------------------------------------*/
ul.category-tree {
    margin: 0 10px;
}
ul.category-tree li {
    margin-bottom: 0px;
    padding-left: 0px;
    padding: 5px 0px;
}
ul.category-tree li a {
    font-size: 13px;
    color: #8a6741;
}
ul.category-tree li ul {
    border-left: 1px solid #999;
    list-style: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 7px;
}
ul.category-tree li ul li {
    line-height: 15px;
    padding-left: 17px;
    position: relative;
}
ul.category-tree li ul li:before {
    background-color: #999;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 11px;
}
ul.category-tree li ul li a {
    color: #555;
    font-size: 13px;
}
ul.category-tree li ul li ul li a {
    color: #555;
}
.category-tree.list {
    overflow: hidden;
}
.category-tree.list li {
    float: left;
    width: 100%;
    margin: 0px 15px;
}
.category-tree.list li li {
    float: none;
    width: auto;
    margin: inherit;
}
.category-tree small {
    font-size: 11px;
    float: right;
}
/*----------------------------------------------------------------
          {--------}   Magnifier {--------}
------------------------------------------------------------------*/
.magnifier {
    color: #fff;
    background: #333;
    border: 1px solid #000;
    position: absolute;
    z-index: 9100;
    display: none;
    padding: 0px 10px 7px;
}
.magnifier .size-limiter {
    margin-top: 10px;
    background: #565656;
}
.magnifier strong {
    padding-top: 7px;
    font: 16px/20px Helvetica,Arial,sans-serif;
    color: #fff;
    font-weight: bold;
    display: block;
}
.magnifier .info {
    color: #686868;
    font-size: 11px;
    line-height: 18px;
    overflow: hidden;
    width: 100%;
}
.magnifier .author-category {
    float: left;
}
.magnifier .price {
    float: right;
    margin-left: 20px;
    font: 50px/50px Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #fff;
}
.magnifier .price sup {
    font-size: 22px;
    vertical-align: 10px;
}
.magnifier .category {
    display: block;
    color: #aeaeae;
    padding-top: 10px;
    width: 200px;
    height: 15px;
}
#landscape-image-magnifier .size-limiter {
    width: 472px;
    height: 240px;
    overflow: hidden;
}
#landscape-image-magnifier .size-limiter img {
    width: 472px;
    height: auto;
}
#landscape-image-magnifier strong {
    width: 472px;
}
#portrait-image-magnifier .size-limiter {
    width: 240px;
    height: 472px;
    overflow: hidden;
}
#portrait-image-magnifier .size-limiter img {
    width: auto;
    height: 472px;
}
#portrait-image-magnifier strong {
    width: 240px;
}
#square-image-magnifier .size-limiter {
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin: 10px auto 0px;
}
#square-image-magnifier .size-limiter img {
    width: 300px;
    height: auto;
    display: block;
}
#square-image-magnifier strong {
    width: 300px;
}
#smart-image-magnifier .size-limiter {
    overflow: hidden;
    position: relative;
    text-align: center;
}
#smart-image-magnifier .size-limiter img {
    display: block;
    margin: 0px auto;
}
#smart-image-magnifier.previewable img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#smart-image-magnifier.previewable img.thumbnail_preview {
    z-index: 0;
}
#home-following div.audio-container img {
    display: inline;
}
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
/*    height: 300px;
    width: 400px;*/;
}
/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}
.jqplot-xaxis {
    margin-top: 10px;
}
.jqplot-x2axis {
    margin-bottom: 10px;
}
.jqplot-yaxis {
    margin-right: 10px;
}
.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}
/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}
.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-top: 10px;*/
    vertical-align: top;
}
.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-bottom: 10px;*/
    vertical-align: bottom;
}
.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-right: 10px;*/
    text-align: right;
}
.jqplot-yaxis-tick.jqplot-breakTick {
    right: -20px;
    margin-right: 0px;
    padding: 1px 5px 1px 5px;
/*	background-color: white;*/
    z-index: 2;
    font-size: 1.5em;
}
.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-left: 10px;*/
/*    padding-right: 15px;*/
    text-align: left;
}
.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}
.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}
.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}
.jqplot-yaxis-label {
    margin-right: 10px;
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}
.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}
.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*    text-align: center;*/
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}
.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}
.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}
table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}
table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}
td.jqplot-table-legend {
    vertical-align: middle;
}
/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}
tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/
td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}
.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}
div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding: 1px;
}
div.jqplot-table-legend-swatch {
    width: 0px;
    height: 0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}
.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}
table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}
.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}
.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}
.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}
td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}
div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}
.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}
.jqplot-error-message {
/*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}
div.jqplot-bubble-label {
    font-size: 0.8em;
/*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}
div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}
div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(96%, 96%, 96%, 0.3);
}
/*----------------------------------------
      {--------}  FOOTER ELEMENTS STYLES {--------}
---------------------------------------------------------*/  
#colophon{
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin:0px;
    Padding:0px;
}
#colophon a {
    font-weight: 300;
}
#colophon img {
    max-width:100%;
}
.footer-main {
    padding: 0;
    margin-top: 68px;
    background-color: #373d3f;
}
.footer-main .brand {
    opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1;
}
.footer-main .brand:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
}
.footer-main a {
    color: #999;
    margin: 0 10px;
}
.footer-main a:hover {
    color: #eee;
    text-decoration: none;
}
.center-text {
    text-align: center;
}
.container-fluid {
   padding:50px 0;
    *zoom: 1;
}
.container-fluid:before,.container-fluid:after {
    display: table;
    content: "";
}
.container-fluid:after {
    clear: both;
}
/*-----------------------------------------------
          {--------} FOOTER ELEMENTS  Menu  {--------}
-------------------------------------------------*/
#bottom_area {
    margin: 0px;
    padding: 0px;
    background: #3b3b3b;
    border-bottom: 1px solid #000;
    font-family: "Trebuchet MS", sans-serif;
}
ul.ldd_menu {
    padding: 0;
    display: block;
    list-style: none;
    width:100%;
    background: #c1b9b2 url(../imgs/sb-repeated.png);
    height: 50px;
    margin: 0px auto;
}
ul.ldd_menu a {
    text-decoration: none;
}
ul.ldd_menu > li {
    float: left;
    position: relative;
    width:100%;
}
ul.ldd_menu > li > span {
    float: left;
    color: #fff;
    background-color: #D04528;
    height: 50px;
    line-height: 50px;
    cursor: default;
    padding: 0px 20px;
    text-shadow: 0px 0px 1px #fff;
    border-right: 1px solid #DF7B61;
    border-left: 1px solid #C44D37;
    
}
ul.ldd_menu .ldd_submenu {
    position: relative;
    top: 0;
    width: 100%;
    display: none;
    opacity: 0.95;
    left: 0px;
    font-size: 10px;
    background: #C34328;
    border-top: 1px solid #EF593B;
    -moz-box-shadow: 0px 3px 4px #591E12 inset;
    -webkit-box-shadow: 0px 3px 4px #591E12 inset;
    -box-shadow: 0px 3px 4px #591E12 inset;
}
a.ldd_subfoot {
    background-color: #f0f0f0;
    color: #444;
    display: block;
    clear: both;
    padding: 15px 20px;
    text-transform: uppercase;
    font-family: Arial, serif;
    font-size: 12px;
    text-shadow: 0px 0px 1px #fff;
    -moz-box-shadow: 0px 0px 2px #777 inset;
    -webkit-box-shadow: 0px 0px 2px #777 inset;
    -box-shadow: 0px 0px 2px #777 inset;
}
ul.ldd_menu ul {
    list-style: none;
    float: left;
    border-left: 1px solid #DF7B61;
    margin: 20px 0px 10px 30px;
    padding: 10px;
}
li.ldd_heading {
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    color: #FFB39F;
    text-shadow: 0px 0px 1px #B03E23;
    padding: 0px 0px 10px 0px;
}
ul.ldd_menu ul li a {
    font-family: Arial, serif;
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    padding: 1px 3px;
}
ul.ldd_menu ul li a:hover {
    -moz-box-shadow: 0px 0px 2px #333;
    -webkit-box-shadow: 0px 0px 2px #333;
    box-shadow: 0px 0px 2px #333;
    background: #AF412B;
}
/*------------------------------------------------------------------
           {--------} Top Advertisement Box {--------}
--------------------------------------------------------------------*/
.adbox {
    width:100%;
    padding: 10px;
    margin: 0px 0 10px 0px;
    background: #fff;
    border: 1px solid #ddd;
    overflow:hidden;
}
/*---------------------------------------------------------
   {--------} .adbox BuySellAds 960x120 {--------}
---------------------------------------------------------*/
#bsap_1282499 .even {
    margin-right: 0;
}
#bsap_1282499 .ad1 {
    width:100%;    
}

/*------------------------------------------------------------------
           {--------}  View Title Box {--------}
--------------------------------------------------------------------*/
.view-title-box {
    background: #f1f1f1;
    border: 1px solid#ddd;
    position: relative;
    padding: 10px;
    margin: 0px;
    overflow: visible;
    overflow: hidden;
}
.view-title-box h1 {
    width: 350px;
    height: 40px;
    color: #ec6d4a;
    font-family: Open sans, Bitter, Arial,sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    font-size: 44px;
    position: relative;
    margin: 5px 0 0 0;
    padding: 0px;
    overflow: hidden;
    float: left !important;
}
.view-title-box h1 span {
    color: #0092c2;
}
.view-all-button {
    display: block;
    width: 175px;
    height: 40px;
    margin: 10px 0 10px 0;
    padding: 0px 0 0 10px;
}
/*----------------------------------------------------
           {--------}  Category Filter {--------}
---------------------------------------------------*/
.category-filter {
    font-size: 0.875em;
    line-height: 1.714em;
    margin-bottom: 3.75em;
    width:100%;
    margin: 20px auto;
}

.category-filter a {
    background-color: #f6f5f5;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF6F5F5', endColorstr='#FFD9D7D7');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f5f5), color-stop(17%, #f2f2f2), color-stop(63%, #e3e1e1), color-stop(100%, #d9d7d7));
    background-image: -webkit-linear-gradient(top, #f6f5f5 0%, #f2f2f2 17%, #e3e1e1 63%, #d9d7d7 100%);
    background-image: -moz-linear-gradient(top, #f6f5f5 0%, #f2f2f2 17%, #e3e1e1 63%, #d9d7d7 100%);
    background-image: -o-linear-gradient(top, #f6f5f5 0%, #f2f2f2 17%, #e3e1e1 63%, #d9d7d7 100%);
    background-image: linear-gradient(top, #f6f5f5 0%, #f2f2f2 17%, #e3e1e1 63%, #d9d7d7 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 1px white inset, 0 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1px white inset, 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px white inset, 0 2px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #bbb;
    color: #444444;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    *zoom: 1;
    margin: 0 0.75em 0.9em 0;
    padding: 0.2em 0.6em 0.35em;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    behavior: url(pie.htc);
}

.category-filter a.current-tax, .category-filter a:hover {
    background-color: #2e9fe2;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2E9FE2', endColorstr='#FF2992D0');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e9fe2), color-stop(100%, #2992d0));
    background-image: -webkit-linear-gradient(top, #2e9fe2 0%, #2992d0 100%);
    background-image: -moz-linear-gradient(top, #2e9fe2 0%, #2992d0 100%);
    background-image: -o-linear-gradient(top, #2e9fe2 0%, #2992d0 100%);
    background-image: linear-gradient(top, #2e9fe2 0%, #2992d0 100%);
    border: 1px solid #1977af;
    color: white;
    text-shadow: 1px 1px 0 #1977af;
}
.category-filter a.current-tax > .cat-count, .category-filter a:hover > .cat-count {
    background: #106394;
}
.category-filter a.current-tax > .cat-count:before, .category-filter a:hover > .cat-count:before {
    border-top: 3px solid rgba(0, 0, 0, 0);
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid #106394;
}
.category-filter a.popular {
    background-color: #f9504d;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF9504D', endColorstr='#FFDC3431');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9504d), color-stop(38%, #f04744), color-stop(62%, #e63e3b), color-stop(100%, #dc3431));
    background-image: -webkit-linear-gradient(top, #f9504d 0%, #f04744 38%, #e63e3b 62%, #dc3431 100%);
    background-image: -moz-linear-gradient(top, #f9504d 0%, #f04744 38%, #e63e3b 62%, #dc3431 100%);
    background-image: -o-linear-gradient(top, #f9504d 0%, #f04744 38%, #e63e3b 62%, #dc3431 100%);
    background-image: linear-gradient(top, #f9504d 0%, #f04744 38%, #e63e3b 62%, #dc3431 100%);
    border: 1px solid #af1919;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px 0 white;
    -moz-box-shadow: inset 0 0 1px 0 white;
    box-shadow: inset 0 0 1px 0 white;
    color: #fff;
    text-shadow: 0 -1px 0 #e60a0a;
}
.category-filter a.popular a,
.category-filter a.popular a:visited {
    color: white;
}
.category-filter a.popular .cat-count {
    background: #C20707;
}
.category-filter a.popular .cat-count:before {
    border-right: 3px solid #C20707;
}
.category-filter .cat-count {
    background: #bebebe;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: white;
    font-size: 0.857em;
    line-height: 2em;
    padding: 0.15em 0.45em;
    margin-left: 0.75em;
    position: relative;
    text-shadow: none;
}
.category-filter .cat-count:before {
    border-top: 3px solid rgba(255, 255, 255, 0);
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    border-right: 3px solid #bebebe;
    content: "";
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 0;
    left: -3px;
    position: absolute;
    top: 6px;
    width: 0;
}

/*-----------------------------------------------------------
      {--------}  Home Container  {--------}
-------------------------------------------------------------*/
.index-post-column {
    width: 48%;
    float: left;
    margin: 0px 2% 2% 0;
    display: inline;
    position: relative;
    overflow: hidden;  
    background: transparent;
}
.browser-frame-header {
    position: relative;
    border: 1px solid #666;
    padding: 1px 15px 0;
    height: 30px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),0 1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),0 1px 5px rgba(0,0,0,0.3);
    background-color: #dedede;
    background-image: -moz-linear-gradient(top, #eaeaea, #ccc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eaeaea, #ccc);
    background-image: -o-linear-gradient(top, #eaeaea, #ccc);
    background-image: linear-gradient(top, #eaeaea, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ccc', GradientType=0);
    z-index: 0;
}
.browser-frame-footer {
    position: relative;
    border: 1px solid #666;
    padding: 1px 15px 0;
    height: 20px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),0 1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),0 1px 5px rgba(0,0,0,0.3);
   background-color: #cfcfcf;
    background-image: -moz-linear-gradient(top, #ddd, #bbb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#bbb));
    background-image: -webkit-linear-gradient(top, #ddd, #bbb);
    background-image: -o-linear-gradient(top, #ddd, #bbb);
    background-image: linear-gradient(top, #ddd, #bbb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#bbb', GradientType=0);
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),0 1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),0 1px 5px rgba(0,0,0,0.3);
}
.index-post-img {
    background:#f8fafa;
    border:1px solid#b5b4b4;
    padding:0;
    margin:0;
    width:100%;
    height:auto;
}
.imbox {
    width:98%;
  padding:0;
    margin:1% 1% 0;
    border:1px solid#b5b4b4;
    
}
.portfolio-link {
    margin-top: 3px;
    text-align: center;
    font-size: 10px;
    color: #000;
    float: left;
    width: 100%;
}
/*-------------------------------------------------
{--------}  Bages  {--------}
-------------------------------------------------*/
span.index-home-bage {
    display: none;
    background: url(../imgs/download_icon_gallery.png);
    width: 66px;
    height: 66px;
    position: absolute;
    top:35%;
    left:35%;
}
.blogger {
    background-image: url(../imgs/blogger.png);
    display: block;
    width: 71px;
    height: 70px;
    line-height: 72px;
    text-indent: -9999px;
    position: absolute;
    top: 34px;
    right: 4px;
    z-index: 999;
}
.wordpress {
    background-image: url(../imgs/wordpress.png);
    display: block;
    width: 71px;
    height: 70px;
    line-height: 72px;
    text-indent: -9999px;
    position: absolute;
    top: 34px;
    right: 4px;
    z-index: 999;
}

/*---------------------------------------------
      {--------}  CONTACT FORM  {--------}
-----------------------------------------------*/
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#contact-form h3 {
	color:#991D57;
	display:block;
	font-size:28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#991D57;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#991D57;
	background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	background-image:-moz-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	background-image:-webkit-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}