cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx

css/blocks.css
.b_page{ width: 930px; margin: 0 auto; position: relative; z-
index: 99; display: table;}
.b:before,.b:after{content:'0020';display:block;overflow:hidden
;visibility:hidden;width:0;height:0}.b:after{clear:both}.b{zoom:
1}
.b{ margin: 0 0 0 30px; position: relative; }
.b:first-child{ margin: 0;}
.w_990{ width: 990px;}
.w_930{ width: 930px; float: left;}
css/style.css
@import url("blocks.css");
@import url("miscellaneous.css");
@import url("prettyPhoto.css");
@import url("reset.css");
@font-face
{

font-family: spaceBD;
src: url('space-bd-bt-bold.ttf')
}
.footer_table{
border:none;
}
.footer_table li{
padding-bottom:0;
margin:0;
background:url(../images/list_style.png) 0 6px no-repeat;
padding-left:20px;
color:#007ecf;
}
.footer_table li{
padding-bottom:0;
margin:0;
padding-left:20px;
color:#007ecf;
}
.liststyle li{
padding-bottom:0;
margin:0;
padding-left:20px;
color:#007ecf;
}
/*Body elements*/
.b_body { overflow: hidden; position: relative; }
.b_body_c { margin: 0;}
.b_head, .b_content, .b_body_f { position: relative; display:
block; margin: 0 auto; width: 100%;}
.b_head { z-index: 15; height: auto;}
.b_content { z-index: 9; min-height: 600px;}
.b_body_f { z-index: 10; }

/*Fixed width settings*/
.fixed-width .b_head, .fixed-width .b_content , .fixed-width
.b_body_f {width: 990px;}
.fixed-width .b_content{ background: white;}
.fixed-width #headertxt {bottom: 40px;}
.fixed .header-wrapper {position: fixed;}
#primary {background: url(../images/delimiter.bg.y.png) repeat-
y right top;}
#primary, #secondary {float: left;}
#primary.fr {background: url(../images/delimiter.bg.y.png)
repeat-y left top;}
#primary.fr #content {margin-left: 30px;}
#primary.fullwidth {background: none;}
/*Buttons*/
p.button, p.form-submit, p.submit { margin: 0 20px 0 0;
padding: 0; height:32px; width: auto; position: relative; cursor:
pointer; background: url(../images/button.bg.png) no-repeat left
0; float: left; }
p.button a, p.button input, p.form-submit input, p.submit input{
float: left; height:32px!important; line-height:32px!important;
margin: 0 -20px 0 0!important; padding: 0 20px; border: none;
cursor: pointer; color: #3f4950; background:
url(../images/button.bg.png) no-repeat right -32px; width:
auto!important; text-shadow: 0 1px 0 #fff; }
p.button:hover, p.form-submit:hover, p.submit:hover
{background-position: left -64px;}
p.button a:hover, p.button input:hover, p.form-submit
input:hover, p.submit input:hover{text-decoration: none;
background-position: right -96px;}
/*Blue*/
p.button.blue, p.form-submit.blue, p.submit.blue { background-

position: left -128px; }
p.button.blue a, p.button.blue input, p.form-submit.blue input,
p.submit.blue input{ background-position: right -160px; color:
white; text-shadow: 0 -1px 0 #32719d; }
p.button.blue:hover, p.form-submit.blue:hover,
p.submit.blue:hover { background-position: left -192px;}
p.button.blue a:hover, p.button.blue input:hover, p.form-
submit.blue input:hover, p.submit.blue input:hover{
background-position: right -224px; }
/*Red*/
p.button.red, p.form-submit.red, p.submit.red { background-
position: left -256px;}
p.button.red a, p.button.red input, p.form-submit.red input,
p.submit.red input{ background-position: right -288px; color:
white; text-shadow: 0 -1px 0 #ae2d2d;}
p.button.red:hover, p.form-submit.red:hover, p.submit.red:hover
{ background-position: left -320px;}
p.button.red a:hover, p.button.red input:hover, p.form-
submit.red input:hover, p.submit.red input:hover{ background-
position: right -352px; }
p.button.add-to-cart {height:24px; margin: 0 10px 0 0;
background: url(../images/button.bg.small.png) no-repeat left -
96px;}
p.button.add-to-cart a {height:24px!important; line-
height:24px!important; margin: 0 -10px 0 0!important; padding:
0 10px; background: url(../images/button.bg.small.png) no-
repeat right -120px; }
p.button.add-to-cart a span { padding-left: 24px; background:
url(../images/cart.png) no-repeat 0 0px; font-size: 11px; font-
weight: normal; color: #3F4950;}
p.button.add-to-cart a span:hover { background-position: 0 -
16px;}

.cosmo-cart p.button {float: none; display: inline-block;}
/*Delimiter*/
.delimiter {width: 100%!important; margin: 20px
auto!important; height: 2px; float: left; background:
url(../images/delimiter.bg.x.png) repeat-x 0 0;}
.delimiter.blank {margin: 15px auto!important; background:
none; height: 0px;}
.delimiter.noslide {margin: 0 auto 30px 0!important;}
.widget .delimiter, #comments .delimiter, .box-related .delimiter
{ margin: 15px auto!important;}
/*Mosaic overlay*/
.cosmo-arrow {font: 100% Times,sans-serif; }
.readmore, .full-screen {position: relative; float: left; }
.mosaic-overlay { display: none; z-index: 5; position:
absolute!important; width: 100%; height: 100%; background:
#fff; }
.circle .mosaic-overlay { bottom: 0; right: 0; background: #fff
url(../images/hover-magnify.png) no-repeat center center;
opacity: 0; -ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);}
.full-screen .mosaic-overlay { bottom: 0; right: 0; background:
transparent url(../images/bg.black.png); opacity: 0; -ms-filter:
filter: alpha(opacity=00);}
.readmore .mosaic-overlay { background:
url(../images/bg.white.png); bottom: 0; right: 0; opacity:0; -ms-
filter:
filter:alpha(opacity=00);}

.readmore .mosaic-overlay .details {position: absolute; z-index:
999; padding: 2px 10px; background: #fff; color: #303E48;}
.grid-view .mosaic-overlay {height: 145px; top:0;}
.grid-view .readmore .mosaic-overlay .details {right: 0px;
bottom: 0px;}
.grid-view .full-screen .mosaic-overlay .details {position:
absolute; z-index: 999; height: 145px; width: 100%;
background: transparent url(../images/full-screen.png) no-repeat
center center; }
.list-view .readmore .mosaic-overlay .details {left: 42px;
bottom: 10px; padding: 2px 10px 2px 0}
.format {position: absolute; bottom: 10px; left: 10px; padding:
2px 0; width: 32px; z-index: 9;}
.format-standard .format{ background: #fff
url(../images/format.standard.png) no-repeat 5px center; }
.format-video .format{ background: #fff
url(../images/format.video.png) no-repeat 5px center; }
.format-image .format{ background: #fff
url(../images/format.image.png) no-repeat 5px center; }
.format-link .format{ background: #fff
url(../images/format.file.png) no-repeat 5px center; }
.format-audio .format { background: #fff
url(../images/format.audio.png) no-repeat 5px center; }
.format-video .play{ background:url(../images/button.play.png)
no-repeat center center; width: 100%; height: 100%; position:
absolute; top: 0; left: 0; margin: 0;}
.corner {position: absolute; bottom: 0px; left: 15px; width:
23px; height: 12px; z-index: 9; background:
url(../images/corner.bg.png) no-repeat 0 0;}

/*Gallery icon*/
.gallery-icon .mosaic-overlay { background: #fff
url(../images/hover-magnify-small.png) no-repeat center 30%;
opacity: 0; -ms-filter:
filter: alpha(opacity=00); display: none; }
.gallery-icon .mosaic-overlay { display: none; z-index: 5;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*---------
Here starts the overall styles
----------*/
.header-wrapper { margin: 0 auto; width: 100%; display: block;
clear: both; position: relative; z-index: 99; background:
url(../images/header.bg.png) no-repeat center top;}
/*Branding*/
.branding {margin: 20px 0; float: left; *float: none; display:
table; width: 100%; }
/*Logo*/
.logo { display: block;}
.logo a{ cursor: pointer; float: left; width: 100%; }
.logo a span{ font-size: 12px; color: gray; display: block;}
/*Profile*/
.login-form { z-index: 99; display: table-cell; vertical-align:
middle; float: none; *float: left; }
noindex:-o-prefocus, .login-form { float: left; }
.profile-pic { margin-right: 10px; float: left; max-height: 50px;}
.login-form .profile-pic img{ display: table-cell; vertical-align:
middle; float: none; }
.login-form .cosmo-icons ul li.signin { max-width: 87px; white-
space: nowrap; }
.login-form .cosmo-icons ul li.signin a { max-width: 71px;

overflow: hidden; padding-left: 0; font: normal 12px/normal
Helvetica, Arial; text-transform: none; border-radius: 0; }
.login-form .cosmo-icons ul li:first-child { padding: 0;}
.login-form .cosmo-icons ul li a span { max-width: 65px; white-
space: nowrap;}
.login-form .cosmo-icons ul{ margin-top: 3px; box-shadow:
none;}
.login-form .sf-menu li.sfHover:first-child ul { left: 6px;
padding-top: 26px;}
.login-form .cosmo-icons ul li ul{ margin-left: -41px;}
.login-form .cosmo-icons ul li li{ text-indent: 10px;}
.login-form .cosmo-icons ul li.signin li a{ max-width: none;
padding-left: 15px; background: url(../images/my.profile.png)
no-repeat; height: 16px; font-weight: normal; transition-
property: background; -webkit-transition-property: background;
-moz-transition-property: background; -o-transition-property:
background;}
.login-form .cosmo-icons ul li li.my-settings a{ background-
position: 0 0px}
.login-form .cosmo-icons ul li li.my-settings a:hover{
background-position: 0 -16px}
.login-form .cosmo-icons ul li li.my-profile a{ background-
position: 0 -32px}
.login-form .cosmo-icons ul li li.my-profile a:hover{
background-position: 0 -48px}
.login-form .cosmo-icons ul li li.my-posts a{background-
position: 0 -64px }
.login-form .cosmo-icons ul li li.my-posts a:hover{background-
position: 0 -80px }
.login-form .cosmo-icons ul li li.my-likes a{background-

position: 0 -96px; }
.login-form .cosmo-icons ul li li.my-likes a:hover{background-
.login-form .cosmo-icons ul li li.my-logout a{background-
.login-form .cosmo-icons ul li li.my-logout
a:hover{background-position: 0 -144px; }
.login-form .cosmo-icons ul li li.my-add a{background-position:
0 -160px; }
.login-form .cosmo-icons ul li li.my-add a:hover{background-
.login-form .cosmo-icons ul li li.my-cart a{background-
.login-form .cosmo-icons ul li li.my-cart a:hover{background-
/*Cosmo icons*/
.cosmo-menu {display: table-cell; vertical-align: middle; float:
none; *float: left; *width: 530px;}
.b_head #access { float: left; width: 100%; *display: inline-
block; *float: none;}
.cosmo-icons { float: left; margin:0;}
.cosmo-icons.main { display: inline-block; margin-top:0;}
.cosmo-icons ul {float: left; }
.cosmo-icons ul li {float: left; padding: 0; height: auto; max-
height: 34px; padding: 0 5px; *padding: 0;}
.cosmo-icons ul li a { font: normal 14px "PT Sans Narrow";
padding: 2px 10px; float: left; height: auto; text-transform:
uppercase; border-radius: 4px;}
.cosmo-icons ul li.active a {background: black; background:
rgba(255, 255, 255, 0.20);}
.cosmo-icons ul li a:hover {color: #a6a6a6; }

.cosmo-icons li a span { color: #AFAFAF; font:italic 12px
Georgia, "Times New Roman"; clear: both; display: block;}
/*** Menu ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
.sf-menu ul ul {margin-left:69px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative;}
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 22px; left: 0;
/* match top ul list item height */ z-index: 99; margin-top: 0;
min-width:200px;}
.sf-menu li.sfHover:first-child ul { left: 10px;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -
999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:
11em; top: 0; padding-top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -
999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:
10em; top: 0;}
.sf-menu li ul li a {padding:0 10px;}
/*** Menu SKIN ***/
.sf-menu { *float: none; width: auto; }
.sf-menu a { text-decoration:none; }
.sf-menu a, .sf-menu a:visited { /*color: #13a;*/}
.sf-menu li { /*background: #;*/ }
.sf-menu li li { height: auto; padding: 10px 0; text-indent: 5px;
}
.sf-menu li li a{ display: inline-block; }
.sf-menu li.active li a{ display: inline-block; background:
none; }

.cosmo-icons ul.sf-menu li li:first-child { padding: 10px 0; }
.sf-menu li li:last-child { padding: 10px 0; }
.sf-menu li li li { /*background: #;*/ }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-
menu a:hover, .sf-menu a:active { outline: 0; }
/*** arrows **/
.sf-menu a.sf-with-ul { min-width: 1px; padding-right: 22px; }
.sf-sub-indicator { position: absolute; display: inline-
block!important; clear: none!important; right: 5px; top: 1.05em;
/* IE6 only */ width: 10px; height: 10px; text-indent: -999em;
overflow: hidden; /* 8-bit indexed alpha png. IE6 gets solid
image only */ }
a > .sf-sub-indicator { top: 8px; background-position: 0 -
104px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active
> .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover >
a > .sf-sub-indicator { background-position: -11px -104px; }
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0;
top: 4px; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover >
.sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-
menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover
> a > .sf-sub-indicator { background-position: -10px 0;}
.sf-shadow ul { padding-top: 29px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
/*Cosmo-icons Filter*/
.cosmo-filter { float: left; width: 100%; margin: 0 0 20px 0}
.cosmo-filter .cosmo-icons ul li { padding: 0 15px; background:
url(../images/delimiter.bg.menu.png) no-repeat left center;}
.cosmo-filter .cosmo-icons ul li a {color: #303E48; padding: 0;
font: normal 20px "PT Sans Narrow"; text-transform: none; }
.cosmo-filter .cosmo-icons ul li:first-child{background: none;
padding: 0 15px 0 0;}

.cosmo-filter .cosmo-icons ul li.active a {color: #2CA4C2;}
/*Search form*/
.searchform { display: inline-block; margin-top: 5px; }
.searchform #searchform, .widget_search #searchform{ text-
align: left; position: relative;}
.searchform #searchform { float: left;}
.searchform #searchbox, .widget_search #searchbox { float:
left; margin: 0; }
.searchform #searchbox input.input, .widget_search #searchbox
input.input{ width: 432px; font-family: Georgia; font-style:
italic; color: #999999; border-top-right-radius: 0px; border-
bottom-right-radius: 0px; -moz-border-top-right-radius: 0px; -
moz-border-bottom-right-radius: 0px; -webkit-border-top-right-
radius: 0px; -webkit-border-bottom-right-radius: 0px;}
.widget_search #searchbox input.input{ width: 162px;}
.searchform #searchform .button, .widget_search #searchform
.button { margin-left: -1px; *top: 1px;}
.searchform #searchform .button input, .widget_search
#searchform .button input { *padding: 0 10px!important; font-
family: Helvetica, Arial, sans-serif;}
/*Slider*/
.cosmo-slider-inside { min-height: 600px; }
.fixed-width .cosmo-slider-inside { min-height: 300px; }
.cosmo-slider-wrapper { clear: both; position: relative; width:
100%; margin: 0 auto; }
.absolute .cosmo-slider-wrapper{ position: absolute; top: 0;
left: 0; clear: none;}
.cosmo-slider {display: block; width: 100%; margin: 0 auto;
position: relative; height: 600px; *float: none; *display: inline-
block; overflow: hidden; }
.fixed-width .cosmo-slider {width: 990px; height: 300px;}
/* HEADER */
#headerimgs{background: url(../images/stripes.png) repeat 0 0;

width:100%; height:100%; display: inline-block;}
#headerimgs .headerimg { background-position: center top;
background-repeat: no-repeat; width:100%; height:600px;
position:absolute; }
/* Arrows */
#headernav-outer { position:absolute; margin:0 auto;
width:100%; top: 40% }
#headernav-outer #headernav { position: relative; z-index: 16;
}
#headernav-outer #headernav .btn { height:100px; width:60px;
float:left; cursor:pointer; position: absolute;}
#headernav-outer #headernav #back {
background:url(../images/arrows.png) 0 0; left: 0;}
#headernav-outer #headernav #next {
background:url(../images/arrows.png) -60px 0; right: 0;}
#headernav-outer #headernav #back:hover { background-
position:0 -100px;}
#headernav-outer #headernav #next:hover { background-
position: -60px -100px;}
/* HEADER TEXT */
#headertxt { position: absolute; width:100%; bottom:100px; }
#headertxt #firstline { font: normal 40px/normal "PT Sans
Narrow"; padding:0 0 20px 0; float:left; display:block; }
#headertxt #secondline { text-decoration:none; font-size:14px;
line-height: 20px; padding:0; float:left; *float: none;
display:block; clear:both; }
#headertxt #firstline span { color: #0099ff;}
#headertxt .caption{ position: absolute; bottom:0; width: 45%;
height: auto; z-index:15; }
#headertxt .caption.left { left: 0;}
#headertxt .caption.right { right: 0;}

#headertxt .caption-text {position: relative; top: 0px; width:
340px;}
#headertxt .left .caption-text { float: right; padding: 20px 30px
20px 0; }
#headertxt .right .caption-text { float: left; padding: 15px 0
20px 30px; }
/*Quick news*/
.cosmo-qnews { position: absolute; height: 100%; width: 100%;
top: 0; left: 0;}
.cosmo-qnews-label, .cosmo-qnews-wrapper { position:
absolute; bottom: 100px; }
.cosmo-qnews-label { left: 0; text-align: right; width: 50%;
margin-left: -495px; }
.cosmo-qnews-label a { display: block; font-weight: bold;
padding: 0 20px 0 0; height: 50px; line-height: 50px; text-
transform: uppercase; font-size: 16px; }
.cosmo-qnews-wrapper { display: none; width: 990px; left:
50%; margin-left: -495px; min-height: 50px; overflow: hidden;
z-index: 16; }
.cosmo-qnews-content { padding: 30px; height: auto; float:
left;}
.cosmo-qnews-close { color: white; font-size: 11px; font-
weight: bold; text-align: center; position: absolute; top: 0px;
right: 10px; width: auto; height: 30px; line-height: 30px; }
.cosmo-qnews-content, .cosmo-qnews-close { display: none; }
.cosmo-qnews-content .grid-view, .cosmo-qnews-content .list-
view { margin-top: 0;}
/*Stripes*/
.stripes{ position: absolute!important; top: 0; left: 0;
width:100%; height:100%; background:
url(../images/stripes.png) repeat 0 0;}
.grid-view .readmore .stripes {margin: 0;}
.list-view .readmore .stripes {width: 430px; height: 215px; top:

10px; left: 10px; }
.w_610.list-view .readmore .stripes {width: 590px; height:
295px; top: 10px; left: 10px; }
/*Whitey*/
.whitey { background: #005595; float: left; width: 100%;
display: block; padding: 15px 0; border-bottom: 1px solid
#d9d9d9; border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.whitey .widget { display: inline-block; vertical-align: middle;
float: none; *float: left; float/***/: left9}
.whitey .widget:first-child { margin-right: 30px;}
.whitey.black {background: black;}
.whitey.black .widget {color: white;}
.blue_bg { background: white; float: left; width: 100%; display:
block; padding: 15px 0; border-bottom: 1px solid #d9d9d9;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.blue_bg .widget { display: inline-block; vertical-align: middle;
float: none; *float: left; float/***/: left9}
.blue_bg .widgblue_bget:first-child { margin-right: 30px;}
.blue_bg.black {background: black;}
.blue_bg.black .widget {color: white;}
/*Breadcrumbs*/
.breadcrumbs { padding:30px 0; margin: 0 auto; font-size: 11px;
background: url(../images/delimiter.bg.x.png) repeat-x left
bottom ; clear: both; float: none;}
.breadcrumbs p{ float: left; line-height: 18px; margin: 0; }
.breadcrumbs ul{ white-space: nowrap; overflow: hidden; max-
width: 900px; float: left; }
.breadcrumbs li { display: inline; margin-left: 8px; padding-left:
12px; width: auto; background:
url(../images/breadcrumbs.arrow.gif) no-repeat left center;
color: #303e48;}

.breadcrumbs li:first-child { background: none; margin-left: 0;
padding-left: 0; }
/*Single*/
.single {position: relative; }
.post {clear: both; position: relative; float: left; width: 100%;
text-align:justify; font-size:14px;}
.vertical .b_text {float: left;}
.w_610 .vertical .b_text {width: 450px;}
.w_930 .vertical .b_text {width: 690px;}
/*Content title*/
.content-title { margin: 20px auto 30px auto; position: relative;
}
.content-title .title{position: relative; margin: 0; }
.content-title .title h1.entry-title {font-size: 36px; line-height:
40px; width: 770px;}
#content {float: left; *float: none; padding-bottom: 50px;
position: relative; }
/*Title*/
h1.entry-title, h1.entry-title.archive, h1.entry-title.search,
h1.entry-title.page_title, h1.entry-title.tag, h1.entry-title.author,
h1.entry-title.blog_page { color:#0099ff; margin: 0; font:
normal 34px/20px "spaceBD" }
h2.entry-title { line-height: 26px;}
h1.entry-title a{ color: #0099ff;}
h1.entry-title span {position: relative; margin-left: 10px}
h1.entry-title span:first-child {margin: 0; }
.grid-view .post {clear: none;}
/*Featuring image*/
.featimg {width: 100%; float: left; *float: none; position:
relative; clear: both; }

.featimg .img {width: 100%; float: left; position: relative; text-
align: center; min-height: 100px;}
.featimg .img img {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
background: #fff; padding: 10px; display: block; margin: 0
auto;}
.fixed-width .featimg .img img {box-shadow: none; border: 1px
solid rgba(0, 0, 0, 0.10);}
.featimg .img.noborder img {box-shadow: none; background:
none; padding: 0; }
.w_610 .featimg .img img{ max-width: 590px !important;}
.w_930 .featimg .img img{ max-width: 910px !important;}
.w_610 .featimg .img.noborder img{ max-width: 610px
!important;}
.w_930 .featimg .img.noborder img{ max-width: 930px
!important;}
.wp-caption-text{ display: block; text-align: center; font-family:
"PT Sans Narrow"; margin: 0 auto; padding-bottom: 10px;}
.single .featimg{ margin-bottom: 30px;}
.nsfw .featimg .img{ background-color: #EDEDED;}
/*Entry header*/
.entry-header {float: left; width: 100%; clear: both; position:
relative; padding:0 10px 10px 0;}
.entry-content {float: left; width: 100%; clear: both;}
.entry-footer { float: left; width: 100%; clear: both;}
.w_930 .entry-header.w_450 {width: 450px; clear: none;}
.w_930 .entry-footer.w_450 {width: 450px; clear: none;}
.w_610 .entry-header.w_610 {width: 610px; }
.w_610 .entry-footer.w_610 {width: 610px; margin: 20px 0 0
0;}
/*Meta*/
div.entry-meta{ position: relative; float: left; margin:0; width:

100%;}
div.entry-meta ul { float: left; position: relative; width: auto;}
div.entry-meta ul li { float: left; padding: 0 0 0 10px; margin: 0
0 0 10px; line-height: 16px; height: 16px; color: #96999d;
width: auto; background: url(../images/delimiter.bg.meta.png)
no-repeat left center; font: italic normal 11px Georgia;}
div.entry-meta ul li:last-child { background:
url(../images/delimiter.bg.meta.png) no-repeat left center; }
div.entry-meta ul:first-child li:first-child {padding: 0; margin:
0; background: none!important;}
div.entry-meta ul.fr li:first-child {padding: 0; margin: 0;
background: none!important;}
div.entry-meta ul li a{ color: #96999d; display: block; float:
none; padding-left: 18px; line-height: 16px; height: 16px;
transition-property: background; -webkit-transition-property:
background; -moz-transition-property: background; -o-
transition-property: background; }
div.entry-meta ul li a:hover {color: #797d82;}
div.entry-meta ul li.cosmo-comments a{ background:
url(../images/meta.sprite.png) no-repeat 0 0px; }
div.entry-meta ul li.cosmo-comments a:hover{ background:
url(../images/meta.sprite.png) no-repeat 0 -16px; }
div.entry-meta ul li.edit_post a { background:
div.entry-meta ul li.edit_post a:hover { background:
div.entry-meta ul li.author a { background:
url(../images/meta.sprite.png) no-repeat 0 -128px;}
div.entry-meta ul li.author a:hover{ background:
div.entry-meta ul li.time a { background:

div.entry-meta ul li.time a:hover { background:
div.entry-meta ul li.delete_post a { background:
div.entry-meta ul li.delete_post a:hover { background:
div.entry-meta ul li.basket { background: none; padding-left: 0;
color: #68747c; font:bold 14px/normal Helvetica, Arial, sans-
serif; height: 24px; line-height: 24px;}
/*Footer entry meta*/
.b_f_c div.entry-meta ul li a{ color: #B5BBBF;}
/*Meta category*/
div.entry-meta ul.category { background:
url(../images/delimiter.bg.meta.png) no-repeat left center;
margin-left:10px}
div.entry-meta ul.category li { background: none; margin: 0;
padding: 0 0 0 4px;}
div.entry-meta ul.category li:first-child { background:
url(../images/meta.sprite.png) no-repeat 0 -32px; margin: 0 0 0
8px; padding: 0 0 0 18px;}
div.entry-meta ul.category li a { padding: 0;}
div.entry-meta ul.category li a:after { content: ","; }
div.entry-meta ul.category li:last-child a:after { content: ""; }
/*Meta tags*/
div.entry-meta ul.b_tag { background:
url(../images/delimiter.bg.meta.png) no-repeat left center;
margin-left: 10px;}
div.entry-meta ul.b_tag li{ background: none; margin: 0;
padding: 0 0 0 4px;}
div.entry-meta ul.b_tag li:first-child{ background:
url(../images/meta.sprite.png) no-repeat 0 -64px; margin: 0 0 0

8px; padding: 0 0 0 18px;}
div.entry-meta ul.b_tag li a{ padding: 0;}
div.entry-meta ul.b_tag li a:after { content: ","; }
div.entry-meta ul.b_tag li:last-child a:after { content: ""; }
/*Author entry-meta*/
div.entry-meta .entry-author {width: 100%; float: left;
background: url(../images/delimiter.bg.x.png) repeat-x 0
bottom; padding: 0 0 10px 0; white-space: nowrap;}
div.entry-meta .entry-author a {line-height: 1.4em; }
div.entry-meta .entry-author a:first-child {width: auto;}
div.entry-meta .entry-author span {color: #AFAFAF; font: italic
11px Georgia, "Times New Roman"; display: block; padding:
5px 0 0 0;}
/*Meta horizontal*/
.horizontal div.entry-meta { margin: 0 0 25px 0;}
/*Meta vertical*/
.vertical div.entry-meta { margin: 0 30px 20px 0;}
.w_930 .vertical div.entry-meta {width: 210px;}
.w_610 .vertical div.entry-meta {width: 130px; overflow:
hidden;}
.vertical div.entry-meta ul{ width: 100%;}
.vertical div.entry-meta ul li{ float: none; margin: 0; padding:
10px 0; background: url(../images/delimiter.bg.x.png) repeat-x
0 bottom; }
.vertical div.entry-meta ul:first-child li:first-child {padding: 0 0
10px 0; background: url(../images/delimiter.bg.x.png) repeat-x
0 bottom !important; }
.vertical div.entry-meta ul.category, .vertical div.entry-meta
ul.b_tag {margin: 0; padding: 10px 0; background:
url(../images/delimiter.bg.x.png) repeat-x 0 bottom; }
.vertical div.entry-meta ul.category li, .vertical div.entry-meta
ul.b_tag li { float: left; margin: 0; padding: 0 5px 0 0;

background: none; }
.vertical div.entry-meta ul.category li:first-child, .vertical
div.entry-meta ul.b_tag li:first-child { margin: 0; padding:0 5px
0 18px; }
.vertical div.entry-meta ul.category li:first-child { background:
.vertical div.entry-meta ul.b_tag li:first-child { background:
/*Hotkeys meta*/
.hotkeys-meta {float: right; height: 20px;}
span.nav-previous a, span.nav-next a, span.nav-zoom a{ width:
40px; height: 41px; background:
url(../images/arrows.sprite.png) no-repeat 0 0; text-indent: -
999em; position: absolute; top: 4px; }
span.nav-previous a{ right: 100px; }
span.nav-previous.no-zoom a{ right: 50px; }
span.nav-zoom a{ background-position:-40px 0; right: 50px; }
span.nav-next a{ background-position:-80px 0; right: 0; }
span.nav-next a:hover{ background-position:-80px -41px;}
span.nav-zoom a:hover{ background-position:-40px -41px;}
span.nav-previous a:hover{ background-position:0 -41px;}
span.first a{ display: none;}
/*Excerpt*/
.entry-footer .excerpt {margin-bottom: 15px; font-size:14px;
line-height:30px;}
.entry-footer .excerpt p{
float:left;
}
#content .demo-download { border: none; border-radius: 6px;
margin: 0 -1px 25px 0; text-align: left; width: 100%; border-

collapse: separate; border-spacing: 3px;}
#content .demo-download tr td { padding: 10px; vertical-align:
middle; background-color: #fff; text-align: center; width: 50%;}
.entry-footer .attach { border-radius: 6px; border: 1px solid
#E5E5E5; }
.entry-footer .attach p.attach-title { height: 32px; line-height:
32px; padding-left: 42px; display: block; text-transform:
uppercase; font: bold 18px "PT Sans Narrow"; background:
transparent url(../images/format.file.download.png) no-repeat
left top; margin: 0 auto; width: 90px;}
.entry-footer .attach p.attach-title a { float: left; line-height:
32px;}
.entry-footer .demo-link {border-radius: 6px; border: 1px solid
#E5E5E5; }
.entry-footer .demo-link p.demo-link-title { height: 32px; line-
height: 32px; padding-left: 42px; display: block; text-transform:
uppercase; font: bold 18px "PT Sans Narrow"; background:
transparent url(../images/format.file.demo.png) no-repeat left
top; margin: 0 auto; width: 50px;}
.entry-footer .demo-link p.demo-link-title a { float: left; line-
height: 32px;}
.entry-footer .share {float: left;}
.entry-footer .source {float: right; max-width: 270px; overflow:
hidden; text-align: right;}
.entry-footer .source p{ display: inline-block; background:
#FAFAFA; padding: 2px 10px; border-radius: 6px; }
.grid-view .entry-footer .excerpt {margin-bottom: 15px; float:
left; color: #303E48; }
.share .share_button {position: relative; margin-right: 15px;
top: -6px; display: inline-block;}
.b_text .attach {float: left; width: 600px; background: #ffffe0

url(../images/format.file.download.png) no-repeat 10px center;;
border: 1px solid #fff576; margin: 0 0 20px 0; padding: 20px
10px; border-radius: 6px;}
.b_text .attach a { padding-left: 42px; }
.b_text .attach.pdf a { background:
url(../images/format.file.pdf.png) no-repeat 42px center;
padding-left: 58px;}
.b_text .attach.doc a { background:
url(../images/format.file.doc.png) no-repeat 42px center;
padding-left: 58px;}
/*NSFW*/
.nsfw h1.entry-title, .nsfw h2.entry-title {text-indent: 48px;
background: url(../images/icon.nsfw.png) no-repeat left 7px;}
.nsfw h2.entry-title {background-position: left 3px;}
/*Map*/
#map_canvas {height: 300px; margin-bottom: 15px;}
.b_text #map_canvas img { background: none;}
/*About the author*/
.box-author { position: relative; float: left; padding: 0;}
.box-author a { float: left; width: 65px;}
.box-author a img{width: 50px; height: 50px; border: none; }
.box-author span.author-page{ float: left; width: 195px; color:
#888888; font: italic 12px Georgia; line-height: 1.6em; display:
block;}
span.vcard {display: inline-block;}
/*Author links*/
.widget span.links {font-size: 12px; margin-left:10px; float:
right; position: relative; top: 8px;}
.widget span.links a {margin: 0 10px 0 0; padding: 0 0 0 10px;
background: url(../images/delimiter.bg.meta.png) no-repeat left
center; font-weight: bold;}
.widget span.links a:first-child {background: none; padding: 0;}

.widget span.links a:last-child {margin: 0;}
/*Author links*/
.entry-title.author span.links {font-size: 14px; margin-left:10px;
}
.entry-title.author span.links a {margin: 0 10px 0 0; padding: 0
0 0 10px; background: url(../images/delimiter.bg.meta.png) no-
repeat left center; font-weight: bold;}
.entry-title.author span.links a:first-child {background: none;}
.entry-title.author span.links a.active { font-weight: normal;
cursor: default;}
/*Additional info*/
#content .additional-info { border: none; margin: 0 -1px 25px 0;
text-align: left; width: 100%; border-collapse: separate; border-
spacing: 0px;}
#content .additional-info tr { background:
url(../images/delimiter.bg.x.png) repeat-x bottom left; }
#content .additional-info tr td:first-child { font-weight: bold;
width: 25%;}
#content .additional-info tr td { padding: 10px 0; vertical-align:
top; }
/*Related posts*/
.grid-view.box-related {margin-top: 0; width: 100%; }
/*Comments*/
h3#reply-title, h3.comments-title, h3.related-title{font-size:
24px; font-weight: normal; margin: 0; width: 100%;}
h3#reply-title { }
#comments {float: left; clear: both; width: 100%; margin: 0 0
30px 0;}
.cosmo-comment{}
.cosmo-comment blockquote{color:#838383;}
.cosmo-comment-list{ clear:both; list-style-position:outside; }

.cosmo-comment-list li{ list-style-type:none; position:relative;
margin-bottom:20px; padding:0px; }
.cosmo-comment-list ul.children{ margin-left: 77px; clear:
both; }
.comment-body { margin: 20px 0; display: block; }
.cosmo-comment-thumb{ width:50px; height:50px; float:left;}
.cosmo-comment-thumb img{ width:50px; height:50px;
background: none; padding: 0; }
.cosmo-comment-leftpointer{
background:url(../images/leftpointer.png) 0 0 no-repeat;
width:12px; height:23px; position:absolute; left:65px; top:15px;
z-index:8; }
.cosmo-comment-textinfo{ font-size:11px; margin:0;
padding:0px; color: gray;}
.cosmo-comment-name{ font-weight:normal; }
.cosmo-comment-textinfo span.reply{ position: absolute; top:
15px; right: 15px; background: url(../images/reply.png) no-
repeat 0 1px; margin:0!important; text-indent: 18px; height:
16px; }
.cosmo-comment-textinfo a{ color: gray;}
.cosmo-comment-quote{ *margin-top: -20px; border:1px solid
#E5E5E5; border-radius: 4px; padding:15px; margin-left:76px;
line-height:18px; background-color:#fff; word-wrap: break-
word;}
.cosmo-comment-quote p{ margin:0px 0px 0px 0px !important;
padding:10px 0 0 0 !important; line-height:20px;
background:none; clear:none; font-style:normal; }
em.comment-awaiting-moderation{ color: red!important; }
.bypostauthor .children .cosmo-comment-quote {border: 1px
solid #E5E5E5;}
.bypostauthor .children .cosmo-comment-leftpointer,
.bypostauthor form .cosmo-comment-leftpointer{ background-
position:0 0;}
.bypostauthor .cosmo-comment-quote {border: 1px solid

#ff8080;}
.bypostauthor .cosmo-comment-leftpointer{ background-
position:0 -23px;}
li.pingback {margin: 15px 0 0 0; background:
url(../images/delimiter.bg.x.png) repeat-x top left; padding-top:
15px;}
li.pingback p {margin: 0;}
#respond { display: inline-block; width: 100%; padding: 0;
margin-top: 0; position: relative;}
#respond h3#reply-title small a{ position: absolute; right: 0px;
text-transform: lowercase; color: red!important; font-weight:
normal; font-size: 16px;}
#respond form p, .contact-form form p { margin: 5px 0; display:
inline-block; width: 60%;}
#respond form p.comment-notes{ margin: 0 0 10px 0; font-
weight: bold; float: left; width: 100%;}
#respond form p.logged-in-as {display: block; margin: 0 0 15px
0; float: left; width: 100%;}
#commentform {float: left; width: 100%;}
#commentform input { float: left; width: 76%; padding-right:
80px;}
#commentform input.required { background: white
url(../images/required.png) no-repeat center right; }
#commentform label, .contactform label{ display: block; float:
left; padding: 0; line-height: 48px; margin-left: 15px;}
#commentform label{ clear: left; min-width: 77px; *width:
77px; margin: 0; line-height: 46px; }
#commentform .cosmo-comment-avatar {position: relative;
float: left; width: 100%;}
#commentform .cosmo-comment-leftpointer {top: 20px;}
#commentform p.textarea { margin-left: 26px; width: 87%;}
#commentform textarea { resize: none; width: 98%;}

ul.children #commentform p.textarea { width: 85%;}
ul.children ul #commentform p.textarea { width: 83%;}
ul.children ul ul #commentform p.textarea { width: 80%;}
.w_930 #commentform p.textarea { width: 91%;}
.w_930 ul.children #commentform p.textarea { width: 91%;}
.w_930 ul.children ul #commentform p.textarea { width: 90%;}
.w_930 ul.children ul ul #commentform p.textarea { width:
89%;}
.w_930 #commentform textarea { width: 99%;}
#commentform p.form-submit {width: auto; margin: 5px 20px 0
77px; clear: both; display: block; }
#commentform p.form-submit input {width: auto; text-shadow:
0 1px 0 white; color: #3F4950; padding: 0 20px; }
/*Contact form*/
.contact-form form.contactform p {width: auto; float: left;}
.contact-form form.contactform p.form-submit {margin-top:
20px;}
/*Widgets general*/
#primary .widget {float: left;}
#secondary .widget {margin-bottom: 50px; float: left; width:
100%; display: block; clear: both;}
#colophon .widget {float: left;}
.home #primary .widget .mainpage-widget{ margin: 50px 0 0
30px; }
.home #primary .widget .mainpage-widget.first{ margin: 50px 0
0 0; }
.home #secondary .widget:first-child {margin-top: 50px;}
.single #secondary .widget:first-child, .archive #secondary
.widget:first-child {margin-top: 0px;}

#colophon .widget .margin-left {margin-left: 30px;}
#colophon .widget .margin-left.first {margin-left: 0;}
#secondary .widget .scroll-pane {height: 370px; width:
272px!important; overflow: auto;}
h4.widget-title, h5.widget-title { font: normal 20px/22px "PT
Sans Narrow"; width: 100%; margin: 0; display: block;}
.b_body_f h5.widget-title { color: #b5bbbf;}
.b_body_f .widget ul li {background:
url(../images/separator.darker.png) repeat-x bottom left; font-
size: 12px;}
.widget a {color: #fb7701;}
.widget a:hover {color: #2CA4C2;}
.widget ul li h4, .widget ul li h6{font: bold 14px Helvetica,
Arial, sans-serif;}
.widget ul { float: left; }
/*.widget ul li {font-size: 12px; background:
url(../images/delimiter.bg.x.png) repeat-x bottom left; margin-
top: 15px; padding-bottom: 15px; float: left; width: 100%;
position:relative;}*/
.widget ul li:first-child {margin-top: 0!important;}
/*.widget ul li:last-child {background: none; padding-bottom: 0;
}*/
.widget ul li span{font-weight: normal; font-size: 12px;}
/*Sponsors*/
.mainpage-footer-widget { float: left; width: 100%; display:
block; margin: 0; min-height: 110px; }
.cosmo-sponsors { display: table; float: none; padding: 30px 0;
background: url(../images/delimiter.bg.x.png) repeat-x 0 0;}
.cosmo-sponsors p {position: relative; display: table-cell;

vertical-align: middle; *float: left; margin: 0;}
.cosmo-sponsors a {display: block; *display: inline-block;
position: relative; overflow: hidden; margin: 0 auto; z-index: 2;
margin-left: 80px; }
.cosmo-sponsors p:first-child a {margin-left: 0; *margin-left:
80px; }
.cosmo-sponsors p img.shadow { margin: 0 auto; position:
absolute; bottom: -10px; left: 0; z-index: 1; }
/*Program*/
.program {}
.program span { float: left; width: 100%; }
.program span.date { font-size: 18px; padding-bottom: 25px;
text-align: center;}
.program span.time { width: 130px; padding: 2px; background:
#47aec8; border-radius: 6px; color: white; text-align: center;
font-weight: bold; }
.program span.event { padding: 2px 0 0 20px; font-weight:
bold; }
.program span.event-desc { padding: 15px 0 0 0; clear: both;
display: block; margin-left: 154px; }
.w_930 .program span.event, .w_930 .program span.event-desc
{width: 776px;}
.w_610 .program span.event, .w_610 .program span.event-desc
{width: 450px;}
.program div { float: left; background:
25px; margin-top: 25px;}
.program div:first-child { margin-top: 0; padding-top: 0;
background: none; }
.program div ul {list-style-type: none; margin: 0; }
.program div ul li {list-style-type: none; display: block; float:
left; margin-top: 15px;}
.program div ul li:first-child {margin-top: 0px;}

.program div ul li.odd{/*background: #FAFAFA;*/}
.program div ul li.even{/*background: #FFFFFF;*/}
/*Program widget*/
.widget .program span.date {font-size: 12px; font-weight: bold;
text-align: center; padding-bottom: 15px;}
.widget .program span.time { width: 80px; background: white;
color: #303E48; font-weight: normal;}
.widget .program span.event { padding: 2px 0 0 15px; font-
weight: normal; color: #69727d;}
.widget .w_290 .program span.event {width: 180px;}
.widget .w_260 .program span.event {width: 161px;}
.widget .program div { background:
15px; margin-top: 15px; width: 100%; }
.widget .program div:first-child { margin-top: 0; padding-top: 0;
background: none; }
.widget .program div ul li {padding: 0;}
.widget .program div ul li.odd{background: none;}
.widget .program div ul li.even{background: none;}
/*Widget menu*/
.widget ul.menu li ul.sub-menu { margin: 0;}
.widget ul.menu li ul.sub-menu li { background:
15px; padding-bottom: 0;}
.widget ul.menu li ul.sub-menu li:first-child { margin-top:
15px!important; }
.widget ul.menu li ul.sub-menu li:last-child { padding-bottom:
0; }
.widget ul.menu li ul.sub-menu li a{ background:
url(../images/sub.menu.png) no-repeat left center; padding-left:
20px;}

.widget ul.menu li ul.sub-menu li ul li a{ padding-left: 40px;
background-position: 20px center;}
.widget p.select {margin: 0;}
.b_text ol, .b_text ul { margin: 0 0 20px 1.5em; float: none;}
.b_text ul li {float: none; background: none; font-size: 12px;
font-weight: normal; margin: 0; padding: 0; width: auto; list-
style-type: disc;}
.b_text ol li { list-style: decimal; }
/*Tabber widget*/
.widget_tabber { clear: both; float: left; width: 100%; display:
inline-block;}
.widget_tabber ul.widget_tabber li {float: left; background:
url(../images/delimiter.bg.menu.png) no-repeat left center;
padding: 0 15px; height: 22px; width: auto; margin: 0;}
.widget_tabber ul.widget_tabber li:first-child { background:
none; padding: 0 15px 0 0;}
.widget_tabber ul.widget_tabber li.last {padding: 0 0 0 15px;}
.widget_tabber ul.widget_tabber li a { font: normal 20px "PT
Sans Narrow"; float: left; height: 22px; line-height: 20px; color:
#3F4950;}
.widget_tabber ul.widget_tabber li.active a {color: #2CA4C2;}
.b_f_c .widget_tabber ul.widget_tabber li a { font: normal 15px
"PT Sans Narrow"; color: white;}
.b_f_c .widget_tabber ul.widget_tabber li.active a { color:
#B5BBBF;}
.widget_tabber .tabs-container {padding: 0; float: left; width:
100%; }
.widget_tabber .custom-post > div { float: left; background:
15px; margin-top: 15px; width: 100%; }

.widget_tabber .custom-post > div:first-child { margin-top: 0;
padding-top: 0; background: none; }
.widget_tabber .custom-post div .entry-img { float: left; width:
65px; height: 50px;}
.widget_tabber .custom-post div .entry-img img { width: 50px;
height: 50px; }
.widget_tabber .custom-post div .entry-item { float: left; width:
195px;}
.widget_tabber .custom-post div h5 { font: normal 12px/18px
Helvetica, Arial, sans-serif; margin-bottom: 10px;}
.widget_tabber .custom-post div h5 a {float: none; color:
#3F4950;}
.widget_tabber .custom-post div h5 a:hover { color: #2CA4C2;}
.widget_tabber .custom-post div .entry-meta { margin: 0;}
.widget_tabber .custom-post div.entry-meta ul li { background:
url(../images/delimiter.bg.meta.png) no-repeat left center; font-
size: 11px;}
span.author_nr_views {display: block; font: italic 12px
Georgia; margin-top: 5px; }
/*Custom posts widget*/
.widget_custom_posts .custom-post > div { float: left;
background: url(../images/delimiter.bg.x.png) repeat-x top left;
padding-top: 15px; margin-top: 15px; width: 100%; }
.widget_custom_posts .custom-post > div:first-child { margin-
top: 0; padding-top: 0; background: none; }
.widget_custom_posts div .entry-img { float: left; width: 65px;
height: 50px;}
.widget_custom_posts div .entry-img img { width: 50px; height:
50px; }
.widget_custom_posts div .entry-item { float: left; width:
225px;}
.widget_custom_posts .w_260 div .entry-item { width: 195px;}
.widget_custom_posts div h5 { font: normal 12px/18px
Helvetica, Arial, sans-serif; margin-bottom: 5px;}

.widget_custom_posts div .entry-details { margin: 0; color:
#69727d;}
.widget_custom_posts div .entry-meta { margin: 0;}
.widget_custom_posts div .entry-meta ul li { background:
url(../images/delimiter.bg.meta.png) no-repeat left center; font-
size: 11px;}
/*Top authors widget*/
.widget_top_authors.widget_tabber ul.widget_tabber { margin-
bottom: 15px;}
.widget_top_authors.widget_tabber ul.widget_tabber li a { font:
normal 14px/20px Helvetica, Arial, sans-serif;}
/*Tag list*/
p.tags{ margin: 0 30px 15px 0; padding: 0; height:26px; width:
auto; position: relative; cursor: pointer; background:
url(../images/tags.bg.png) no-repeat left 0; float: left; }
p.tags a{ float: left; line-height:26px; margin: 0 -15px 0
0!important; padding: 0 15px; height:100%; border: none;
cursor: pointer; color: #666666; background:
url(../images/tags.bg.png) no-repeat right -26px; width:
auto!important; text-indent: 5px;}
p.tags:hover {background-position: left -52px;}
p.tags a:hover{text-decoration: none; background-position:
right -78px;}
/*Social media widget*/
.widget .social-media ul{float: left;}
.widget .social-media ul li{display: inline-block; float: left;
background: none; margin: 0; padding: 0; margin-left: 7px;
width: auto;}
.widget .social-media ul li:first-child{margin-left: 0;}
.widget .social-media ul li a{text-indent: -9999em; float: left;
background: url(../images/social-media.png) no-repeat; width:
34px; height: 35px; transition-property: background; -webkit-

transition-property: background; -moz-transition-property:
background; -o-transition-property: background;}
.whitey .widget .social-media {float: right;}
.widget .social-media.white ul li.fb a {background-position: 0
0;}
.widget .social-media.white ul li.linked a {background-position:
0 -70px;}
.widget .social-media.white ul li.email a {background-position:
0 -140px;}
.widget .social-media.white ul li.gplus a {background-position:
0 -210px;}
.widget .social-media.white ul li.twitter a {background-position:
0 -280px;}
.widget .social-media.white ul li.flickr a {background-position:
0 -350px;}
.widget .social-media.white ul li.rss a {background-position: 0 -
420px;}
.widget .social-media.blue ul li.fb a {background-position: 0 -
35px;}
.widget .social-media.blue ul li.linked a {background-position:
0 -105px;}
.widget .social-media.blue ul li.email a {background-position: 0
-175px;}
.widget .social-media.blue ul li.gplus a {background-position: 0
-245px;}
.widget .social-media.blue ul li.twitter a {background-position:
0 -315px;}
.widget .social-media.blue ul li.flickr a {background-position: 0
-385px;}
.widget .social-media.blue ul li.rss a {background-position: 0 -
455px;}
/*Submit content widget*/

.widget_submit p a {height:67px; width: 100%; float: left;
background: url(../images/submit.bg.png) no-repeat; clear: both;
font: 20px/67px 'PT Sans Narrow'; padding-left: 78px;}
.widget_submit pa:hover{background-position: 0 -67px; }
/*Categories with icons widget*/
.widget .cat-item-icon a {float: left; width: 100%;}
.widget .cat-item-icon img{width: 16px; height: 16px; vertical-
align: middle;}
.widget .cat-item-icon span{ padding-left: 10px; font-size:
12px;}
/*Other widgets*/
#wp_tag_cloud div { line-height: 1.6em; }
.widget_archive select, .widget_categories select{margin-
bottom: 15px;width: 100%;}
/*Calendar*/
#calendar_wrap { margin: 0;}
#wp-calendar { width: 100%; }
#wp-calendar caption { font-size: 14px; font-weight: bold;
padding: 0 0 20px 0; text-align: center; }
#wp-calendar thead { font-size: 11px; }
#wp-calendar thead th { }
#wp-calendar tbody { }
#wp-calendar tbody td { padding: 3px 0 2px; text-align: center;
}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next, #wp-calendar tfoot #prev {padding:
20px 0 0 0; }
#wp-calendar tfoot #next { text-align: right; }
#wp-calendar tfoot #next { text-align: right; }
/*Twitter widget*/
.cosmo-twit-container { height:auto!important; width: 100%;
position: relative; float: left; }

.cosmo-twit-container .cosmo_twitter{ padding: 15px; border:
1px solid #e5e5e5; border-bottom: none; background: white;}
.cosmo-twit-container .cosmo_twitter p{ margin:0; width:
230px;}
.cosmo-twit-container ul li div{padding: 15px 0; }
.cosmo-twit-container span.date{ color: #AFAFAF; display:
block; }
.i_join_us{ float: left; background: url(../images/bird.png) no-
repeat; width:100%; height: 32px; line-height: 45px; display:
block; margin: 0; text-align: right; font-weight: bold;
position:relative;}
/*Static Twitter widget*/
.static.cosmo-twit-container { top: -1px; width: 100%; }
.static.cosmo-twit-container .cosmo_twitter{ padding: 0; border:
none; background: none;}
.static.cosmo-twit-container .cosmo_twitter .tweet_item{
background: url(../images/delimiter.bg.x.png) repeat-x bottom
left; padding: 13px 0 15px 0; }
.static.cosmo-twit-container .cosmo_twitter .tweet_item:first-
child{ padding-top: 0; }
.static.cosmo-twit-container .cosmo_twitter p{ width: auto;}
.static.cosmo-twit-container.slides_container { padding: 0; }
.static.i_join_us, .b_body_f .i_join_us{ background:
url(../images/bird.static.png) no-repeat; margin-top: 15px;
height: 23px; line-height: 22px; padding-left: 40px; text-align:
left;}
/*Footer Twitter widget*/
.b_body_f .cosmo-twit-container { top: -1px; }
.b_body_f .cosmo-twit-container .cosmo_twitter{ padding: 0;
border: none; background: none;}
.b_body_f .cosmo-twit-container a:hover{ color: #afafaf; }
.b_body_f .cosmo-twit-container p{ margin:0;}
.b_body_f .cosmo-twit-container .cosmo_twitter .tweet_item{
background: url(../images/delimiter.bg.x.png) repeat-x bottom

left; padding-bottom: 15px;}
.b_body_f .cosmo-twit-container .cosmo_twitter p{ width:
290px;}
/*Whitey Twitter widget*/
.whitey .cosmo-twit-container { top: 0; }
.whitey .cosmo-twit-container .cosmo_twitter{ padding: 0 0 0
50px; border: none; background: none;}
.whitey .cosmo-twit-container .cosmo_twitter .tweet_item{
background: none; padding-bottom: 0;}
.whitey .cosmo-twit-container .cosmo_twitter p{ width: 100%;}
.whitey .cosmo-twit-container span.date {display: inline; }
.whitey .static.i_join_us {text-indent: -999em; margin: 0;
padding: 0; width: 36px; background:
url(../images/bird.static.gray.png) no-repeat; position: absolute;
top: 0; transition-property: background; -webkit-transition-
property: background; -moz-transition-property: background; -
o-transition-property: background;}
.whitey .static.i_join_us:hover {background-position: 0 -23px;}
/*Flickr*/
.widget .flickr_badge_image{ float:left; margin:0px 16px 16px
0px; }
.widget .flickr_badge_image.last { margin:0px 0 16px 0px; }
.widget .flickr {margin: 0 0 -16px 0; float: left; width: 100%; }
.widget .flickr_badge_image img {border: none; width: 60px;
height: 60px; }
.widget .w_260 .flickr_badge_image{ margin:0px 25px 25px
0px; }
.widget .w_260 .flickr_badge_image.last { margin:0px 0 25px
0px; }
.widget .w_260 .flickr_badge_image img{ width: 70px; height:
70px; padding: 0; background: none; }
/*Quick contact form*/

form.b_contact {clear: both;}
form.b_contact p.input input{width:248px; }
form.b_contact p.textarea { float: left;}
form.b_contact textarea { height: 150px; width: 248px; resize:
none;}
#send_mail_result { display: block; clear: both; margin: 10px 0
0 0}
.w_210 form.b_contact p.input input{width:200px; }
.w_210 form.b_contact textarea { width: 200px; }
/*Contact form*/
form.contactform {clear: both}
form.contactform p.input input{width:284px;}
form.contactform p.textarea{width: 610px; height: 190px; float:
left;}
form.contactform textarea{ height: 190px; width: 570px;
resize: none;}
/*Resize images to fit the main content area.*/
img.size-auto, img.size-full, img.size-large, img.size-medium,
.attachment img { max-width: 600px; height: auto; }
#fullResImage {max-width: none;}
.alignleft, img.alignleft { display: inline; float: left; margin-
right: 20px;}
.alignright, img.alignright { display: inline; float: right; margin-
left: 20px;}
.aligncenter, img.aligncenter { clear: both; display: block;
margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom:
20px; }
.wp-caption { max-width: 610px !important;}
.wp-smiley { margin: 0; }
.gallery { margin: 0 auto 18px; float: left; display: inline-block;
}

.gallery .gallery-item { float: left; margin: 10px 30px 10px
0!important; text-align: left; position: relative;}
.gallery.colls-2 .gallery-item:nth-child(2n+0) { margin:10px 0
10px 0!important; }
10px 0!important; }
10px 0!important; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-2 .attachment-medium { max-width: 92%;
height: auto; }
.gallery-columns-4 .attachment-thumbnail { max-width: 84%;
height: auto; }
.gallery .gallery-caption { text-align: left; font-size: 14px; line-
height: 20px; margin-bottom: 15px; font-family: 'PT Sans
Narrow', Helvetica, Arial, sans-serif; font-weight: normal }
.gallery dl { margin: 0; }
.gallery img { padding: 5px; background: whiteSmoke; border:
none!important;}
.gallery br+br { display: none; }
p.attachment img { display: block; margin: 0 auto; }
/*Grid Category page*/
.loop-container-view.scroll-pane {height: 513px; overflow:
auto; display: inline-block; line-height:30px; font-size:14px;}
.fullwidth .loop-container-view.scroll-pane { width: 942px; }
.loop-container-view div.element { position: relative; float: left;
clear: both; width: 100%; }
.loop-container-view div.last .col{ margin-bottom: 0;}
.grid-view, .list-view { position: relative; display: inline-block;

float: left; clear: both; margin-top: 50px;}
.archive .grid-view, .archive .list-view { margin-top: 0;}
.grid-view .col {float: left; *float: none; display: inline-block;
width: 290px; margin-bottom: 30px; margin-left: 30px;
position: relative; background: white; box-shadow: 0 1px 1px
rgba(0, 0, 0, 0.15)}
.grid-view .col:first-child {margin-left: 0px;}
.grid-view .readmore a.mosaic-overlay, .grid-view .full-screen
a.mosaic-overlay { position: relative;}
.grid-view .readmore img, .grid-view .full-screen img{float:
left; width: 290px; height: 145px; border: none; }
.grid-view h2{ float: left; width: 100%; margin: 0 0 15px 0;
font-size:12px; font-weight: bold; position: relative; *float:
none; }
.grid-view .entry-footer { margin: 15px; width: auto; *float:
none; *display: inline-block;}
.list-view .readmore img{ float: left; background: white; box-
shadow: 0 1px 1px rgba(0, 0, 0, 0.15); padding: 10px;}
.fixed-width .list-view .readmore img {box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.15); }
.w_930.list-view .readmore img{ width: 430px; height: 215px;}
.w_610.list-view .readmore img{ width: 590px; height: 295px;}
.list-view h2 { margin: 0 0 0px 0; font: normal 24px
"spaceBD";}
.list-view h2 a, .grid-view h2 a { color: #2ca4c2;}
.list-view h2 a:hover, .grid-view h2 a:hover { color: #0099ff; }
.list-view .entry-meta { margin: 0 0 15px 0;}
/*Love feature*/
.cosmo-love .ilove { cursor: pointer; text-align: right; top: 0;
right: 0; position: relative; }
.cosmo-love .ilove em{ font-style: normal;}
.cosmo-love .ilove strong { width: auto; float: left; text-align:
right; height: 15px; font: italic normal 11px Georgia; padding-
left: 18px; transition: color 0.4s ease-in-out; -moz-transition:

color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-
out; -o-transition: color 0.4s ease-in-out; transition-property:
background; -webkit-transition-property: background; -moz-
transition-property: background; -o-transition-property:
background;}
.cosmo-love .ilove strong {background:
url(../images/like.thumbs.png) no-repeat left top;}
.cosmo-love .ilove.hate strong { height: 17px; background:
url(../images/like.thumbs.png) no-repeat left -30px;}
.cosmo-love .ilove strong:hover, .cosmo-love .ilove.voted
strong{background-position: 0 -15px;}
.cosmo-love .ilove.hate strong:hover, .cosmo-love
.ilove.hate.voted strong { background-position: 0 -47px;}
/*Pagination*/
.b_pag{ display: inline-block; }
.b_pag.center{ text-align: center; display: block; width: 100%;
}
.b_pag li{ display: inline; margin: 0 7px; }
.b_pag li.active,.b_pag li.active a{ color: #000; text-decoration:
none; font-weight: bold; }
.b_pag li.next,.b_pag li.previous,.b_pag li.previous a,.b_pag
li.next a{ width: 15px; display: inline-block; text-decoration:
none; }
.b_pag li.next,.b_pag li.previous{ display: inline !important; }
.pag {width: 100%; float: left; text-align: center; padding-top:
50px; margin: 25px auto 0 auto; background:
url(../images/delimiter.bg.x.png) repeat-x}
/*Registration*/
.widecolumn { width: 1040px; margin: 30px auto; position:
relative; min-height: 513px; }
.mu_register { width: 90%; margin:0 auto; }
.mu_register form { margin-top: 2em; }
.mu_register input[type="submit"],
.mu_register #blog_title,

.mu_register #user_email,
.mu_register #blogname,
.mu_register #user_name { width:300px; font-size: 14px;
margin:5px 0; }
.mu_register .prefix_address,
.mu_register .suffix_address {font-size: 18px;display:inline; }
.mu_register label { font-weight:700; font-size:14px;
display:block; margin:20px 0 0 0; }
.mu_register label.checkbox { display:inline; }
.mu_register .mu_alert { font-weight:700; padding:10px;
color:#333333; background:#ffffe0; border:1px solid #e6db55; }
/*Demo style switcher*/
.style_switcher{position: fixed; z-index: 999;}
.cosmo-tabs.style_switcher{left:-152px; color:#000; top: 40px;
width: 150px; margin: 0; border: 1px solid #cecece;}
.cosmo-tabs.style_switcher .tabs-container {-moz-border-
radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
padding: 10px; text-align: center; float: left;}
.cosmo-tabs.style_switcher .tabs-container p { margin: 10px 0;
display:inline-block; font-weight: bold; clear: both; width:
100%; line-height: 1em;}
.cosmo-tabs.style_switcher .tabs-container select { width:
100%; padding: 0;}
.cosmo-tabs.style_switcher a.cosmo-colors, .cosmo-
tabs.style_switcher a.cosmo-pattern{width: 20px; height: 20px;
display: block; float: left; margin-right: 2px; margin-left: 2px;
margin-bottom: 5px; border: 1px solid #CACACA; text-indent:
-9999em; cursor: pointer;}
.cosmo-tabs.style_switcher input#pick_b_f_bg_color, .cosmo-
tabs.style_switcher input#pick_content_bg_color, .cosmo-
tabs.style_switcher input#pick_mid_bar_bg_color {margin:0 0
0 10px; float: left; padding: 3px 5px; width: 85px;}
.pickcolor { display: inline-block; background:

url(../images/color-picker.png) no-repeat center center; height:
22px; width: 22px; float: left; margin-top: 1px;}
.colorPickerDiv {left: 150px!important; top: 100px!important;}
.show_colors {background: url(../images/settings.png) no-repeat
center center; height: 100px; width: 31px; position: absolute;
top: 30%; left: 150px; cursor: pointer;}
/*Advertisement*/
.cosmo-ads {padding:30px 0; clear: both; text-align: center;}
.cosmo-ads.zone-1 {padding:30px 0 0 0; margin-bottom: 30px;
background: url(../images/delimiter.bg.x.png) repeat-x left top;}
.cosmo-ads.zone-2 {margin-top: 30px; background:
url(../images/delimiter.bg.x.png) repeat-x left top; border-
bottom: 1px dotted #cccccc;}
.cosmo-ads.zone-3 {padding: 0;}
/*Keyboard demo*/
.keyboard-demo {position: fixed; right: 0; top: 45px; z-index:
999; }
#simplemodal-keyboard-overlay { background-color: #000; }
#lightbox-shadow{ background:#000; width:100%; margin:0px;
top:0; position:fixed; z-index:99; height:8000px; display:none;
opacity:0.8; -moz-pacity:0.8; -khtml-opacity: 0.8; filter:
alpha(opacity=80); }
#keyboard-container #img{ position:fixed; z-index:9999;
display:none; }
#keyboard-container img{ width:50px; }
#keyboard-container .hint {color: white;}
/*WP Stats*/
#wpstats {position: absolute; bottom: 0; left: 0;}
.fbFeedbackContent .fbFeedbackContentHeader {border:
none!important; padding: 0!important;}
/*Front-end submition*/

.cosmo-tabs.submit {float: left; margin: 0; border: none;
background: none; }
.cosmo-tabs.submit ul.tabs-nav {padding: 0; float:
left!important; background: none; height: auto; border: none;}
.w_610 .cosmo-tabs.submit ul.tabs-nav { width:570px; }
.w_930 .cosmo-tabs.submit ul.tabs-nav { width:890px; }
.cosmo-tabs.submit ul.tabs-nav li { border: 1px solid rgba(0, 0,
0, 0.15); box-shadow: none; min-width: 0; background:
white!important; height: 32px; width: 32px; padding: 10px 20px
25px 20px!important; margin: 0 40px 0 0; border-radius: 5px;}
.cosmo-tabs.submit ul.tabs-nav li.tabs-selected { background:
none!important; }
.cosmo-tabs.submit ul.tabs-nav li a {height: 32px; width: 32px;
padding: 32px 0 0 0; text-align: center; color: #3f4950; text-
shadow: none; top: 0; }
.cosmo-tabs.submit ul.tabs-nav li a span {padding: 0; min-
width: 0; position: relative; top: 2px; }
.cosmo-tabs.submit ul.tabs-nav li.video a {background:
url(../images/video.photo.png) no-repeat 0 0;}
.cosmo-tabs.submit ul.tabs-nav li.image a {background:
url(../images/video.photo.png) no-repeat -32px 0;}
.cosmo-tabs.submit ul.tabs-nav li.text a {background:
.cosmo-tabs.submit ul.tabs-nav li.attach a {background:
.cosmo-tabs.submit ul.tabs-nav li.audio a {background:
.cosmo-tabs.submit ul.tabs-nav li.tabs-selected a { color: #888;}
.cosmo-tabs.submit ul.tabs-nav li.video.tabs-selected a {
background-position: -160px 0;}
.cosmo-tabs.submit ul.tabs-nav li.image.tabs-selected a {
.cosmo-tabs.submit ul.tabs-nav li.text.tabs-selected a {

.cosmo-tabs.submit ul.tabs-nav li.attach.tabs-selected a {
.cosmo-tabs.submit ul.tabs-nav li.audio.tabs-selected a {
.cosmo-tabs.submit .tabs-container {padding: 30px 0 0 0; float:
left; width: 100%; background: none; }
.cosmo-tabs.submit .tabs-container h3 { margin-bottom: 30px;
font: normal 20px Helvetica, Arial, sans-serif;}
.cosmo-tabs.submit .tabs-container .field { margin-bottom:
50px; position: relative; float: left; width: 100%; display: block;
clear: both;}
.cosmo-tabs.submit .tabs-container .field label { overflow:
hidden; display: block; font-size: 12px;}
.cosmo-tabs.submit .tabs-container .field h4 { float: left; font-
weight: normal; margin: 0 20px 0 0; font: normal 14px/30px
Helvetica, Arial, sans-serif; }
.w_610 .cosmo-tabs.submit .tabs-container .field h4 {width:
144px;}
.w_930 .cosmo-tabs.submit .tabs-container .field h4 {width:
190px;}
.w_930 .cosmo-tabs.submit .tabs-container .field
.front_post_input {width: 75%;}
.w_930 .cosmo-tabs.submit .tabs-container .field
select.postform {width: 76%;}
.cosmo-tabs.submit .wp-editor-wrap {overflow: hidden;}
.w_610 .cosmo-tabs.submit .wp-editor-wrap {width: 436px}
.w_930 .cosmo-tabs.submit .wp-editor-wrap {width: 710px}
.cosmo-tabs.submit .field p.info{ color: #AAA; font-size: 11px;
line-height: 20px; clear: both; position: absolute; bottom: -
20px; left: 0;}

.w_610 .cosmo-tabs.submit .field p.info, .w_610 #loading_,
.w_610 #success_msg, .w_610 .cosmo-tabs.submit .tabs-
container .field label.nsfw { margin: 0 0 0 165px;}
.w_930 .cosmo-tabs.submit .field p.info, .w_930 #loading_,
.w_930 #success_msg, .w_930 .cosmo-tabs.submit .tabs-
container .field label.nsfw { margin: 0 0 0 210px;}
.cosmo-tabs.submit .field p.info a.upload_photo, .field p.info
a.post_link { color: #338AC7;}
.w_610 .cosmo-tabs.submit .field.button p.button {margin: 0
20px 0 165px; *margin: 0 20px 0 0px;}
.w_930 .cosmo-tabs.submit .field.button p.button {margin: 0
20px 0 210px; *margin: 0 20px 0 0px;}
/*Upload button*/
#upload_file_btn { width: auto;}
#file_upload, #audio_upload {border: none; background:
transparent;}
#file_upload.invalid, #audio_upload.invalid {border:
none!important; }
.w_610 #file_upload, .w_610 #audio_upload { width:50%; }
.w_930 #file_upload, .w_930 #audio_upload { width:60%; }
/*Upload modal box*/
#TB_window { width: 656px!important}
#TB_window #TB_iframeContent { width: 655px!important}
/*Upload messages*/
#success_msg {float: left; padding: 15px;
background:#EAFAE6; border: 1px solid #BCE5B6; -moz-
border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-
radius: 3px; border-radius: 3px;}
#success_msg a{ font-weight: bold;}
.w_610 #success_msg {width: 415px;}

.w_930 #success_msg {width: 630px; }
.cosmo-tabs.submit .tabs-container .field .warning {color: red;}
.invalid {border: 1px solid red!important}
/*Buttons and textarea*/
#text_content_ifr, #video_content_ifr, #image_content_ifr,
#file_content_ifr, #audio_content_ifr {min-height:150px
!important;}
#image_content_spellchecker, #video_content_spellchecker,
#text_content_spellchecker,#file_content_spellchecker,
#audio_content_spellchecker { display: none; }
/*Misc*/
.top_love{ position:absolute; width: 28px; height: 28px; z-
index: 9999 !important; display:none; }
.simplemodal-login.link {color:#2CA4C2;}
.fb_connect {text-align: center; padding: 15px 0 5px 0; }
/*To top*/
#toTop { background: white; background: rgba(255, 255, 255,
0.80);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); height: 70px;
width: 70px; border-radius: 35px; position: fixed; bottom: 40px;
right: 40px; cursor: pointer; display: none; z-index: 999;}
#toTop .inner {display: table; width: 100%; height: 100%; }
#toTop .inner p {display: table-cell; vertical-align: middle; text-
align: center; line-height: 70px; }
#toTop .inner p span {color: black; text-transform: lowercase;
display: block; line-height: 1.4em; }
#toTop .inner p span:first-child {color: gray; text-transform:
uppercase; }
/*Tour tooltips*/
.demo-tooltip { padding: 15px 15px 0 15px; background: white;
border: 1px solid #dbdbdb; min-height: 140px; width: 260px;
position: absolute; left:0; top: 0; z-index: 99; -moz-box-shadow:

0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px
rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.demo-tooltip .arrow { position: absolute; top: 50px; width:
32px; height: 66px; }
.demo-tooltip .arrow.left { left:-32px; background:
url(../images/demo-tooltip.arrow.png) no-repeat 0 0;}
.demo-tooltip .arrow.right { right:-32px; background:
url(../images/demo-tooltip.arrow.png) no-repeat -32px 0;}
.demo-tooltip .arrow.top { width: 66px; height: 32px; top: -
32px; left:113px; background: url(../images/demo-
tooltip.arrow.png) no-repeat -64px 0;}
.demo-tooltip .demo-steps { float: left; width: 100%; clear:
both; margin-bottom: 10px; font-weight: bold; font-size: 14px;
}
.demo-tooltip .demo-steps strong { width: 224px;}
.demo-tooltip .demo-content { float: left; *float: none; width:
100%; clear: both; *clear: none; display: block; position:
relative; min-height: 55px; }
.demo-tooltip .demo-buttons {position: relative; float: left;
background: #f8f8f8 url(../images/demo-tooltip.bg.png) repeat-x
left top; height: auto; width: 258px; padding: 15px; margin:
12px 0 0 -14px; *float: none; *display: inline-block; }
.demo-tooltip .demo-content p.close{ padding: 5px 0 0 0; font-
size: 11px; clear: both; width: 100%; text-align: right; }
/*Buttons small*/
.demo-buttons p.button-small{ margin: 0 10px 0 0; padding: 0;
height:24px; width: auto; position: relative; cursor: pointer;
background: url(../images/button.bg.small.png) no-repeat left
0;}
.demo-buttons p.button-small a{ float: left; line-height:26px;
margin: 0 -10px 0 0; padding: 0 15px; height:100%; border:
none; cursor: pointer; background:
url(../images/button.bg.small.png) no-repeat right -24px; width:
auto; color: white; text-shadow: 0 -1px 0 #32719d;}

.demo-buttons p.button-small:hover {background-position: left -
48px;}
.demo-buttons p.button-small a:hover { background-position:
right -72px;}
.demo-buttons p.button-small.gray {background-position: left -
96px;}
.demo-buttons p.button-small.gray a { background-position:
right -120px; color: #3f4950; text-shadow: 0 1px 0 white; }
.demo-buttons p.button-small.gray:hover {background-position:
left -144px;}
.demo-buttons p.button-small.gray a:hover { background-
position: right -168px; color: #3f4950; text-shadow: 0 1px 0
white; }
/*My profile*/
#adduser .tabs-container {padding:0 0 30px 0; float: left; width:
100%;}
#adduser img.avatar {float: left; margin-right: 20px; }
#adduser #avatar_upload { width: auto; float: left; border: none;
background: none; }
#adduser label { float: left; margin: 0 20px 0 0; font: normal
12px/24px Helvetica, Arial, sans-serif; }
.w_610 #adduser label {width: 144px;}
.w_930 #adduser label {width: 190px;}
.w_930 #adduser input.text-input, .w_930 #adduser textarea
{width: 75%;}
.w_610 #adduser p.form-submit {margin: 0 20px 0 165px;
*margin: 0 20px 0 0px;}
.w_930 #adduser p.form-submit {margin: 0 20px 0 210px;
*margin: 0 20px 0 0px;}

.w_610 #adduser label.remove-avatar { margin: 10px 0 0 165px;
width: 100%}
.w_930 #adduser label.remove-avatar { margin: 10px 0 0 210px;
width: 100%}
p.error{padding: 15px; background:#FAEBE6; border: 1px solid
#E5C5B6; -moz-border-radius: 3px; -khtml-border-radius: 3px;
-webkit-border-radius: 3px; border-radius: 3px;}
p.success {padding: 15px; background:#EAFAE6; border: 1px
solid #BCE5B6; -moz-border-radius: 3px; -khtml-border-radius:
3px; -webkit-border-radius: 3px; border-radius: 3px;}
/*My posts*/
.my-posts.w_610 h2.entry-title {width: 550px; }
.my-posts.w_930 h2.entry-title {width: 870px; }
.my-posts .status-pending h2.entry-title {text-indent: 70px;
background: url(../images/icon.pending.png) no-repeat left
3px;}
.my-posts .status-draft h2.entry-title {text-indent: 60px;
background: url(../images/icon.draft.png) no-repeat left 3px;}
.my-posts div.entry-meta {width: auto; position: absolute;
right: 0px; margin: 0; top: 8px; }
.my-posts div.entry-meta ul { float: right; }
.my-posts .entry-content {margin: 0; }
/*More posts*/
.get-more {float: left; width: 100%; margin-top: 30px;}
.get-more p.button a{text-align: center; }
.w_930 .get-more p.button a{ width: 890px!important;}
.w_610 .get-more p.button a{ width: 570px!important;}
/*Scroll bar*/
.jspContainer { overflow: hidden; position: relative; float: left;
}

.jspPane { position: absolute; float: left;}
.jspVerticalBar { position: absolute; top: 0; right: 12px; width:
8px; height: 100%; background: transparent; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width:
100%; height: 8px; background: transparent; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0;
}
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: transparent; position: relative; }
.jspDrag { background: black; filter: alpha(opacity = 50); zoom:
1; background: rgba(0, 0, 0, 0.40); position: relative; top: 0;
left: 0; cursor: pointer; border-radius: 6px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:
left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px;
display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d;
}
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height:
100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }
/*AJAX activity indicator*/
#ajax-indicator { left: 50%; position: fixed; top: 50%; z-index:
65365; }
/*Slide panel*/
.slide-panel { box-shadow: 0 1px 20px rgba(0, 0, 0, 0.50);
display: none; position: absolute; width: 100%; height: auto;
top: 700px; left: 0; z-index: 999;}
.slide-panel .content { display: block; height: auto; padding:
20px; overflow: auto; }

/*Social sharing*/
#share_buttons_wrapper { position: relative; z-index: 999; }
#share_buttons_wrapper.left { left:-140px;}
#share_buttons_wrapper.right { left:950px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#share_buttons_wrapper { position: absolute; top: 90px; }
/*Hack for Chrome because of incorrect dispatch of .fixed
position*/
}
#share_buttons_single_page{ position:absolute; text-align: left;
margin: 0; width: 120px; box-shadow: 0 2px 10px -4px rgba(0,
0, 0, 0.5); }
#share_buttons_single_page.fixed { position: fixed; top:100px;
}
.cosmo-sharing { display:block; width:100px; margin: 0 auto;
padding: 10px; text-align: center; height:auto;
background:white; position:relative; }
.entry-footer .share { clear:both; margin-bottom:20px; }
.entry-footer div.share:last-child { margin-bottom:0px; }
.share .share_button {position: relative; margin-right: 15px;
top: -6px; display: inline-block;}
#cosmo-cart-wrapper { position: absolute; margin-left: 0px; top:
0; z-index: 999; }
#cosmo-cart-wrapper.left { left:-130px;}
#cosmo-cart-wrapper.right { right:-20px;}
#cosmo-cart-single-page{ position:absolute; text-align: left;
margin: 0; width: 120px; }
#cosmo-cart-single-page.fixed { position: fixed; top:100px; }
/*Checkout*/
table.t_subscript { width: 100%; border-collapse: collapse;

border: none; }
.t_subscript { width: 100%; border-collapse: collapse; margin-
top: 40px; }
.t_subscript tr{ background: url(../images/delimiter.bg.x.png)
repeat-x bottom left;}
.t_subscript td, .t_subscript th{ vertical-align: middle; position:
relative; }
.t_subscript tr th {color: black; }
.t_subscript td{ color: #777; padding: 10px; }
.t_subscript td input{ width: 28px; text-align: center; height:
16px;}
.t_subscript tr.subtotal{ text-align: right; font-size: 16px; font-
weight: bold; background: none}
.t_subscript tr.subtotal td{ color: black; border: none; }
.t_subscript span.license{ float: left; line-height: 24px; }
.t_subscript span.price{ }
.t_subscript span.remove{ height: 16px; line-height: 16px;
display: block; background: url(../images/meta.sprite.png) no-
repeat 0 -224px; text-indent: -999em; transition: color 0.4s
ease-in-out; -moz-transition: color 0.4s ease-in-out; -webkit-
transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-
in-out; transition-property: background; -webkit-transition-
property: background; -moz-transition-property: background; -
o-transition-property: background;}
.t_subscript span.remove:hover{ background:
.t_subscript .last{ text-align: right; }
.termscond {margin-bottom: 20px; }
p.cosmo-box { padding: 15px; width: 898px; margin-top: 0; }
.cosmo-box.info, .cosmo-box.download { border-color:
#E6DB55; background: #FFFFE0; }
#shopping-cart{ width: 270px; position: fixed; top: 340px;
right: -175px; cursor: pointer; z-index: 999; }

/*Floating box cart*/
.cosmo-cart.fixed {position: fixed; top: 30px;}
.cosmo-cart { width: 100%; padding: 0; background:
transparent; }
.cosmo-cart table { margin: 0; table-layout: fixed; box-shadow:
none;}
.cosmo-cart .t_subscript td, .cosmo-cart .t_subscript th { }
.cosmo-cart .t_subscript tr.subtotal td { font-size: 12px;
background: white; text-align: center;}
.cartHeaders,.totalRow{display:none;}
.simpleCart_items{ height:auto; width:260px; margin-
bottom:20px; float: left;}
.itemContainer{ clear:both; float: left; width:260px; padding:0;
font-size:11px; margin-top: 20px; }
.itemContainer:first-child{ margin-top: 0px; }
.itemImage{ float:left; width:50px;}
.itemContainer .itemName{ float:left; width:85px; text-align:
left;}
.itemName{ float:none; width:auto; text-align: center; }
.itemContainer .itemPrice{ float:left; width:45px; text-align:
left; font-size: 11px; font-weight: normal;}
.itemPrice{ float:none; width: auto; text-align: center;
color:#418932; font-size: 14px;font-weight: bold;}
.itemQuantity{ float:left; width:50px; vertical-align:middle; }
.itemQuantity input{ padding:2px; margin-top: -2px;}
.itemTotal{ float:left; color:#c23f26; }
/*Registration*/
.register { float: left; }
.w_930 .register { width: 610px; margin: 0;}
.w_610 .register { width: 610px; margin: 0;}
.register label, .login label{margin:0; width: 140px; float: left;
cursor: pointer;}
.register p.button, .login p.button, .login p.pswd { float: left;
margin-left: 140px; clear: both; }
.login p.pswd { margin-top: 15px;}

.register span.error, .login span.error{display: block; color:
#ff5353; margin: 5px 0 15px 140px;}
.login { float: left;}
.w_930 .login { width: 290px; margin-left: 30px;}
.w_930 .login:first-child { width: 610px; margin: 0;}
.w_610 .login { width: 290px; margin-left: 30px;}
.w_610 .login:first-child { width: 610px; margin: 0;}
.login p.box{border: 1px solid #E1E1E1; border-radius: 5px;
background: white; padding: 20px; }
.login p.box span{ background: url(../images/login.key.png) no-
repeat 0 1px; display: block; padding-left: 20px; }
.login label.remeberme {float: none; margin-left: 140px;}
/*Footer*/
.b_f_c {margin:0 auto; position: relative; border-top: 1px solid
#D9D9D9; border-top: 1px solid rgba(0, 0, 0, 0.15); color:
#96999d;}
.b_f_c a { color: #96999d;}
.b_f_c a:hover {color: #B5BBBF; }
.b_f_c .footer-area{padding: 30px 0 30px 0;}
.b_f_c .footer-area > div{ margin: 30px auto 0 auto; padding: 0;
background: url(../images/delimiter.bg.x.png) repeat-x 0 0;}
.b_f_c .footer-area > div:first-child{ background: none; margin:
0 auto; padding: 0;}
.b_f_c .footer-area > div .w_450 {padding-top: 30px;}
.b_f_c .footer-area p.copyright{ }
/*Footer menu*/
.b_f_c ul.footer-menu{ float: right; text-align: right;}
.b_f_c ul.footer-menu li{ display: inline-block; float: left;
margin-left: 12px; width: auto; }
.b_f_c ul.footer-menu li:first-child{ margin-left: 0px; }
.b_f_c ul.footer-menu li:first-child a{ padding:0; }
.b_f_c ul.footer-menu li a { padding: 0 0 0 12px; color:

#353e3f; }
.b_f_c ul.footer-menu li a:hover {color: #B5BBBF; }
.b_f_c ul.footer-menu li ul{ display: none; }
#header-wrapper.fixed { position: fixed; top: 0; left: 0;}
css/miscellaneous.css
/*Miscellaneous*/
.gray{color: gray;}
.br{ height: 1px !important; font-size: 1px !important; padding:
0px !important; margin: 0px !important; clear: both !important;
float: none !important; display: block !important; width: 100%
!important; border: 0 !important; }
.clearfix:before,.clearfix:after{content:'0020';display:block;ove
rflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{c
lear:both}.clearfix{zoom:1}
.fr{ float: right !important; }
.fl{ float: left !important; }
.txt_c{ text-align: center; }
.txt_r{ text-align: right; }
.txt_l{ text-align: left; }
.no_padding{ padding: 0!important; }
.no_margin{ margin: 0!important; }
.auto-margin { margin: 0 auto!important; }
.empty_tr,.empty_tr td{ padding: 0; margin: 0; height: 0; font-
size: 0; }
.margin15 {margin-top: 15px!important;}
.padding15 {padding-bottom: 15px!important;}
.no_float {float: none!important; *float: left!important;}
.no_bg {background: none!important;}
.hidden {display: none;}
.hide{display:none;}
.inline-block{display:inline-block; }
#content ul ul, #content ol ol, #content ul ol, #content ol ul {
margin-bottom: 0; }

#content pre, #content kbd, #content tt, #content var { font-size:
15px; line-height: 21px; }
#content code { font-size: 13px; }
#content dt, #content th { color: #000; }
table { border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-
align: left; }
#content tr th, #content thead th { font-weight: bold; padding:
10px; }
#entry-author-info { background: #f2f7fc; border-top: 4px solid
#000; clear: both; font-size: 14px; line-height: 20px; margin:
24px 0; overflow: hidden; padding: 18px 20px; }
#entry-author-info #author-avatar { background: #fff; border:
1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0
0; padding: 11px; }
#entry-author-info #author-description {float: left; margin: 0 0
0 104px; }
#entry-author-info h2 { color: #000; font-size: 100%; font-
weight: bold; margin-bottom: 0; }
.entry-utility { clear: both; color: #888; font-size: 12px; line-
height: 1.6em; }
.entry-utility a { color: #888; }
.entry-utility a:hover { color: #ff4b33; }
.video-player { padding: 0; }
.sticky { }
.bypostauthor { }
css/custom.css
/*Header background and opacity*/
.header-wrapper {background-color: black; background-color:
rgba(0, 0, 0, 0.7); *filter: alpha(opacity = 70); box-shadow: 0
1px 20px rgba(0, 0, 0, 0.50); }
.fixed-width .header-wrapper {background-color: black;
background-color: rgba(0, 0, 0, 1); *filter: alpha(opacity =
100); box-shadow: none;}
/*Menu background and opacity - must be identical to header

background. Added values - border*/
.sf-menu li li {background: black; background: rgba(0, 0, 0,
0.7); *filter: alpha(opacity = 70); border: 1px solid rgba(0, 0, 0,
0.2); border-top: none;}
.cosmo-icons ul li a {color: white;}
.cosmo-icons ul li.active a { background: black; background:
rgba(255, 255, 255, 0.20); }
.sf-menu li.active li a {background: none; } /*Needed to
override the above styles*/
.sf-sub-indicator {background: url(../images/arrows-white.png)
no-repeat no-repeat -11px -104px; }
/*Slider caption background - must be identical to header
background**/
.caption {background-color: black; background-color: rgba(0, 0,
0, 0.7); *filter: alpha(opacity = 70);}
#headertxt #firstline { color: white; }
#headertxt #secondline { color: white; }
/*Quick news - must be identical to header background*/
.cosmo-qnews-label, .cosmo-qnews-wrapper {background:
black; background-color: rgba(0, 0, 0, 0.9); *filter:
alpha(opacity = 90);}
.cosmo-qnews-close { color: #CB3939;}
.cosmo-qnews-label a { color: white; }
.cosmo-qnews-content { color: white; }
/*Different colors layout - white*/
.custom-white .header-wrapper {background-color: white;
background-color: rgba(255, 255, 255, 1); *filter: alpha(opacity
= 100); box-shadow: none; }

.custom-white .sf-menu li li {background-color: white;
background-color: rgba(255, 255, 255, 0.7); }
.custom-white .cosmo-icons ul li a { color: #3F4950; }
.custom-white .cosmo-icons ul li.active a { background: black;
background: rgba(0, 0, 0, 0.03); }
.custom-white .sf-sub-indicator {background:
url(../images/arrows-black.png) no-repeat -11px -104px; }
.custom-white .caption {background-color: white; background-
color: rgba(255, 255, 255, 0.7); }
.custom-white #headertxt #firstline { color: #3F4950; }
.custom-white #headertxt #secondline { color: #3F4950; }
.custom-white .cosmo-qnews-label, .custom-white .cosmo-
qnews-wrapper {background: white; background-color:
rgba(255, 255, 255, 0.9);}
.custom-white .cosmo-qnews-close { color: #CB3939;}
.custom-white .cosmo-qnews-label a { color: #3F4950; }
.custom-white .cosmo-qnews-content { color: #3F4950; }
css/prettyPhoto.css
div.pp_default .pp_top,div.pp_default .pp_top
.pp_middle,div.pp_default .pp_top .pp_left,div.pp_default
.pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default
.pp_bottom .pp_left,div.pp_default .pp_bottom
.pp_middle,div.pp_default .pp_bottom .pp_right
{height:13px}
div.pp_default .pp_top .pp_left
{background:url(../images/prettyPhoto/default/sprite.png) -78px
-93px no-repeat}
div.pp_default .pp_top .pp_middle
{background:url(../images/prettyPhoto/default/sprite_x.png) top
left repeat-x}
div.pp_default .pp_top
.pp_right{background:url(../images/prettyPhoto/default/sprite.p
ng) -112px -93px no-repeat}

div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container
.pp_left{background:url(../images/prettyPhoto/default/sprite_y.
png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container
.pp_right{background:url(../images/prettyPhoto/default/sprite_y
.png) top right repeat-y;padding-right:13px}
div.pp_default
.pp_next:hover{background:url(../images/prettyPhoto/default/sp
rite_next.png) center right no-repeat;cursor:pointer}
div.pp_default
.pp_previous:hover{background:url(../images/prettyPhoto/defau
lt/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default
.pp_expand{background:url(../images/prettyPhoto/default/sprite
.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default
.pp_expand:hover{background:url(../images/prettyPhoto/default
/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default
.pp_contract{background:url(../images/prettyPhoto/default/sprit
e.png) 0 -84px no-
repeat;cursor:pointer;width:28px;height:28px}
div.pp_default
.pp_contract:hover{background:url(../images/prettyPhoto/defaul
t/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default
.pp_close{width:30px;height:30px;background:url(../images/pre
ttyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li
a{background:url(../images/prettyPhoto/default/default_thumb.p
ng) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default
.pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav
.pp_pause{background:url(../images/prettyPhoto/default/sprite.p

ng) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -
29px}
div.pp_default a.pp_arrow_previous,div.pp_default
a.pp_arrow_next{background:url(../images/prettyPhoto/default/s
prite.png) -31px -3px no-
repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-
position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-
top:5px}
div.pp_default
.pp_nav{clear:none;height:30px;width:105px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-
family:Georgia;font-style:italic;font-color:#999;font-
size:11px;left:75px;line-
height:25px;position:absolute;top:2px;margin:0;padding:0 0 0
10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav
.pp_play:hover,div.pp_default .pp_nav
.pp_pause:hover,div.pp_default
.pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover
{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-
weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom
.pp_left{background:url(../images/prettyPhoto/default/sprite.pn
g) -78px -127px no-repeat}
.pp_middle{background:url(../images/prettyPhoto/default/sprite
_x.png) bottom left repeat-x}
.pp_right{background:url(../images/prettyPhoto/default/sprite.p
div.pp_default
.pp_loaderIcon{background:url(../images/prettyPhoto/default/lo

ader.gif) center center no-repeat}
div.light_rounded .pp_top
.pp_left{background:url(../images/prettyPhoto/light_rounded/sp
rite.png) -88px -53px no-repeat}
div.light_rounded .pp_top
.pp_right{background:url(../images/prettyPhoto/light_rounded/s
prite.png) -110px -53px no-repeat}
div.light_rounded
.pp_next:hover{background:url(../images/prettyPhoto/light_roun
ded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded
.pp_previous:hover{background:url(../images/prettyPhoto/light_
rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded
.pp_expand{background:url(../images/prettyPhoto/light_rounded
/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded
.pp_expand:hover{background:url(../images/prettyPhoto/light_r
ounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded
.pp_contract{background:url(../images/prettyPhoto/light_rounde
d/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded
.pp_contract:hover{background:url(../images/prettyPhoto/light_
rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded
ttyPhoto/light_rounded/sprite.png) -1px -1px no-
repeat;cursor:pointer}
div.light_rounded .pp_nav
.pp_play{background:url(../images/prettyPhoto/light_rounded/s
prite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav
.pp_pause{background:url(../images/prettyPhoto/light_rounded/
sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded

.pp_arrow_previous{background:url(../images/prettyPhoto/light
_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded
.pp_arrow_next{background:url(../images/prettyPhoto/light_rou
nded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom
.pp_left{background:url(../images/prettyPhoto/light_rounded/sp
rite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom
.pp_right{background:url(../images/prettyPhoto/light_rounded/s
div.dark_rounded .pp_top
.pp_left{background:url(../images/prettyPhoto/dark_rounded/spr
ite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top
.pp_right{background:url(../images/prettyPhoto/dark_rounded/s
div.dark_rounded .pp_content_container
.pp_left{background:url(../images/prettyPhoto/dark_rounded/co
ntentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container
.pp_right{background:url(../images/prettyPhoto/dark_rounded/c
ontentPattern.png) top right repeat-y}
div.dark_rounded
.pp_next:hover{background:url(../images/prettyPhoto/dark_roun
ded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded
.pp_previous:hover{background:url(../images/prettyPhoto/dark_
rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded
.pp_expand{background:url(../images/prettyPhoto/dark_rounded
/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded
.pp_expand:hover{background:url(../images/prettyPhoto/dark_r
ounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded

.pp_contract{background:url(../images/prettyPhoto/dark_rounde
d/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded
.pp_contract:hover{background:url(../images/prettyPhoto/dark_r
ounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded
ttyPhoto/dark_rounded/sprite.png) -1px -1px no-
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav
.pp_play{background:url(../images/prettyPhoto/dark_rounded/sp
rite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav
.pp_pause{background:url(../images/prettyPhoto/dark_rounded/s
prite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded
.pp_arrow_previous{background:url(../images/prettyPhoto/dark
_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded
.pp_arrow_next{background:url(../images/prettyPhoto/dark_rou
nded/sprite.png) -22px -71px no-repeat}d
iv.dark_rounded .pp_bottom
.pp_left{background:url(../images/prettyPhoto/dark_rounded/spr
ite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom
.pp_right{background:url(../images/prettyPhoto/dark_rounded/s
div.dark_rounded
.pp_loaderIcon{background:url(../images/prettyPhoto/dark_roun
ded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square
.pp_middle,div.dark_square .pp_right,div.dark_square
.pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0
0}div.dark_square

.pp_loaderIcon{background:url(../images/prettyPhoto/dark_squa
re/loader.gif) center center no-repeat}
div.dark_square
.pp_expand{background:url(../images/prettyPhoto/dark_square/s
prite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square
.pp_expand:hover{background:url(../images/prettyPhoto/dark_s
quare/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square
.pp_contract{background:url(../images/prettyPhoto/dark_square/
sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square
.pp_contract:hover{background:url(../images/prettyPhoto/dark_s
quare/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square
ttyPhoto/dark_square/sprite.png) -1px -1px no-
div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav
.pp_play{background:url(../images/prettyPhoto/dark_square/spri
te.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav
.pp_pause{background:url(../images/prettyPhoto/dark_square/sp
div.dark_square
.pp_arrow_previous{background:url(../images/prettyPhoto/dark
_square/sprite.png) 0 -71px no-repeat}
div.dark_square
.pp_arrow_next{background:url(../images/prettyPhoto/dark_squ
are/sprite.png) -22px -71px no-repeat}
div.dark_square
.pp_next:hover{background:url(../images/prettyPhoto/dark_squa
re/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square
.pp_previous:hover{background:url(../images/prettyPhoto/dark_
square/btnPrevious.png) center left no-repeat;cursor:pointer}

div.light_square
.pp_expand{background:url(../images/prettyPhoto/light_square/
sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square
.pp_expand:hover{background:url(../images/prettyPhoto/light_s
quare/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square
.pp_contract{background:url(../images/prettyPhoto/light_square
/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square
.pp_contract:hover{background:url(../images/prettyPhoto/light_
square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square
ttyPhoto/light_square/sprite.png) -1px -1px no-
div.light_square .pp_nav
.pp_play{background:url(../images/prettyPhoto/light_square/spr
ite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav
.pp_pause{background:url(../images/prettyPhoto/light_square/sp
div.light_square
.pp_arrow_previous{background:url(../images/prettyPhoto/light
_square/sprite.png) 0 -71px no-repeat}
div.light_square
.pp_arrow_next{background:url(../images/prettyPhoto/light_squ
are/sprite.png) -22px -71px no-repeat}
div.light_square
.pp_next:hover{background:url(../images/prettyPhoto/light_squa
re/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square
.pp_previous:hover{background:url(../images/prettyPhoto/light_
square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top
.pp_left{background:url(../images/prettyPhoto/facebook/sprite.p

.pp_middle{background:url(../images/prettyPhoto/facebook/cont
entPatternTop.png) top left repeat-x}
.pp_right{background:url(../images/prettyPhoto/facebook/sprite.
png) -110px -53px no-repeat}
div.facebook .pp_content_container
.pp_left{background:url(../images/prettyPhoto/facebook/content
PatternLeft.png) top left repeat-y}
div.facebook .pp_content_container
.pp_right{background:url(../images/prettyPhoto/facebook/conte
ntPatternRight.png) top right repeat-y}
div.facebook
.pp_expand{background:url(../images/prettyPhoto/facebook/spri
te.png) -31px -26px no-repeat;cursor:pointer}
div.facebook
.pp_expand:hover{background:url(../images/prettyPhoto/facebo
ok/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook
.pp_contract{background:url(../images/prettyPhoto/facebook/spr
ite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook
.pp_contract:hover{background:url(../images/prettyPhoto/facebo
ok/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook
ttyPhoto/facebook/sprite.png) -1px -1px no-
div.facebook .pp_description{margin:0 37px 0 0}div.facebook
.pp_loaderIcon{background:url(../images/prettyPhoto/facebook/
loader.gif) center center no-repeat}
div.facebook
.pp_arrow_previous{background:url(../images/prettyPhoto/faceb
ook/sprite.png) 0 -71px no-repeat;height:22px;margin-
top:0;width:22px}

div.facebook .pp_arrow_previous.disabled{background-
position:0 -96px;cursor:default}
div.facebook
.pp_arrow_next{background:url(../images/prettyPhoto/facebook/
sprite.png) -32px -71px no-repeat;height:22px;margin-
top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-
32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav
p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav
.pp_play{background:url(../images/prettyPhoto/facebook/sprite.
png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav
.pp_pause{background:url(../images/prettyPhoto/facebook/sprite
.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook
.pp_next:hover{background:url(../images/prettyPhoto/facebook/
btnNext.png) center right no-repeat;cursor:pointer}
div.facebook
.pp_previous:hover{background:url(../images/prettyPhoto/faceb
ook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom
.pp_left{background:url(../images/prettyPhoto/facebook/sprite.p
.pp_middle{background:url(../images/prettyPhoto/facebook/cont
entPatternBottom.png) top left repeat-x}
.pp_right{background:url(../images/prettyPhoto/facebook/sprite.
png) -110px -80px no-repeat}
div.pp_pic_holder
a:focus{outline:none}div.pp_overlay{background:#000;display:
none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;
z-index:10000}

.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-
align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:7px 0 0}
.pp_social .facebook{float:left;position:relative;top:-
1px;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-
right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;h
eight:15px;margin-top:3px;overflow:hidden;text-indent:-
10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-
index:2000}
.pp_gallery{display:none;left:50%;margin-top:-
50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-
space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a { border:1px rgba(0,0,0,0.5) solid;
display:block; min-height:10px; float:left; height:auto;
padding:0px; max-height: 33px; max-width:50px;
overflow:hidden }
.pp_gallery ul a img{border:none; padding:0px; margin:0px;
dispaly:block; min-height: 50px; }
.pp_gallery li{ display:table-cell; vertical-align:middle;
float:left; margin:0 5px 0 0;padding:0 }
.pp_gallery li.default
a{background:url(../images/prettyPhoto/facebook/default_thumb

cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx

cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx

Recommended

Recommended

More Related Content

Similar to cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx

Similar to cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx (20)

More from faithxdunce63732

More from faithxdunce63732 (20)

Recently uploaded

Recently uploaded (20)

cssblocks.css.b_page{ width 930px; margin 0 auto; position.docx