/** ----------------------------------------------------
STYLESHEET FOR SooperThemes.com BY WWW.SOOPERTHEMES.COM

Author: Jurriaan Roelofs
Website: http://www.clearwind.biz
--------------------------------------------------------
SITE COLORS:
Primary color: #69d2ec
Secondary color: #de1a21
Tertiary color: #9cd612
Text Color: #444
--------------------------------------------------------
TABLE OF CONTENTS:
1. Reset Browser Styles
2. Reset Drupal Styles
3. Typography
4. Design Colors
5. Layout
6. Decoration per Region
7. Decoration per Node Type
7.1 All Nodes
7.2 Theme Nodes
7.3 Blog Posts
7.4 Documentation
7.5 Wallpapers
7.X Features
8. Forms
9. Drupal Elements
10. Drupal Modules
11. Misc (skip to content, clearfix, etc.)
----------------------------------------------------- */

/**
*  [ 1 ] RESET BROWSER STYLES (BASED ON ERIC MEYERS RESET RELOADED)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-family: inherit;
}
:focus {
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
}

/**
*  [ 2 ] RESET DRUPAL STYLES
*/

ul.menu li.leaf,
ul.menu li.expanded,
ul.menu li.collapsed {
list-style-image:none;
}
.block ul {padding:0;}
ul.menu li {margin-left:0;}
ul.links {margin-left:0;padding-left:0;}

/**
*  [ 3 ] TYPOGRAPHY
*/

html {font-size:100%;}

body {
font:95%/180% arial,tahoma,verdana,sans;
}

#content {
word-wrap:break-word; /*** CSS3 property / former microsoft proprietary code so works in older ie ***/
}

.sidebar {
font-size:80%;
line-height:170%;
}

div.primary ul.menu li a {
text-decoration:none;
/***text-transform:uppercase;***/
line-height:1em;
}

#footer {
font-weight:bold;
font-size:85%;
/***text-transform:uppercase;***/
}

/*** HEADINGS ***/

h1#content-title {
clear:both;
}

.content h2
,.content h3
,.content h4
,.content h5
,.content h6 {
padding:3px 0;
}

#content .node .content p {
margin:0 0 1em 0;
}

#main h1 {
font-size:1.8em;
letter-spacing:6px;
}
#main h2 {
font-size:1.6em;
}
#main h3 {
font-size:1.4em;
}
#main h4 {
font-size:1.3em;
}
#main h5,#main div.field-label {
font-size:1.2em;
/***text-transform:uppercase;***/
}
#main h6 {
font-size:1.1em;
text-transform:lowercase;
}

.sidebar h2 {
font-size:1.6em;
}
.sidebar h3 {
font-size:1.4em;
}
.sidebar h4 {
font-size:1.3em;
}
.sidebar h5,.sidebar div.field-label {
font-size:1.2em;
/***text-transform:uppercase;***/
}
.sidebar h6 {
font-size:1.1em;
text-transform:lowercase;
}

#main h1.nodetitle
,#main h1#content-title {
/***text-transform:uppercase;***/
font:3em/100% arial,verdana,sans;
font-weight:normal;
letter-spacing:4px;
}

/* doesn't fit.. */
#main h1#content-title {
font-size:3.2em;
}


h1.nodetitle a {
text-decoration:none;
}

h1.nodetitle a:hover
,h1.nodetitle a:focus {
opacity:0.6;
}

#main h2.blocktitle {
/***text-transform:uppercase;***/
letter-spacing:1px;
font-size:2em;
}

blockquote {
font-family:georgia,"Times New Roman",serif;
font-size:20px;
padding:10px 10px 10px 50px;
background:url(/sites/sooperthemes/themes/sooperthemes/images/bigQ.png) no-repeat 0 5px;
}

cite {
font-family:georgia,"Times New Roman",serif;
font-size:18px;
padding:10px 10px 10px 40px;
font-style:italic;
}

/*** LIST STYLING ***/

ul { list-style: inside disc; }
ol { list-style: inside decimal; }
#main ul,#main ol {
margin:0.5em 0 0.5em 10px;
padding:0;
}
#main .sidebar ul {
margin-left:15px;
}
#main ul.inline {
margin:0;
padding:0;
}

#main li.active a
,#main  a.active {
font-weight:bold;
}

.sidebar .block ul.menu li
,.sidebar .block .item-list li
,.sidebar .block ol li {
font-size:1.2em;
line-height:1.8em;
}

.sidebar #block-block-5 ul li {
font-weight:bold;
}

#main .sidebar .block ul {
margin-left:5px;
}
#main .content ul li
,#main ul.purchase-options ul li {
list-style:none;
list-style-type:none;
margin-left:0;
padding:0 0 0 15px;
background: transparent url(/sites/sooperthemes/themes/sooperthemes/images/sprite2.gif) no-repeat 0 0.6em;
}
#main .sidebar .block.green ul li {
background-position:0 -590px;
}
#main #content ul li {
background-position:0 -1190px;
}
#main ul.links li {
background-position:0 0.3em;
}
#main ul.inline li {
padding-left:0;
margin-right:1em;
}

/*** MISC ***/

.darr,.uarr {
font-size:150%;
}

/**
*  [ 4 ] COLORS
*/

html,body {
background-color:#69d3ed;
}

body {
color:#444;
}

a
,a:visited
,#content h1
,#content h2
,#content h3
,#content h4
,#content h5
,#content h6
,#content h1 a
,#content h2 a
,#content h3 a
,#content h4 a
,#content h5 a
,#content h6 a
,.primary ul.menu a span.hilite
,span.form-required {
color:#de1a21;
}

a:hover
,a:focus {
color:#69d2ec;
}

.primary ul.menu a {
color:#69d2ec;
}

.primary ul.menu a span.subline {
color:#69d2ec;
}

#top-panel form#user-login-form {
background:#9cd612;
}

div.primary ul li.active-trail a {
color:#9cd612;
}

div.primary ul.menu li a:hover
,div.primary ul.menu li a:focus
,div.primary ul.menu li a:hover span.subline
,div.primary ul.menu li a:focus span.subline {
color:#dc1a21;
}

#container .node ul.premium-theme-links li {
padding:0;
background:none;
}

#container .node ul.premium-theme-links li a {
text-decoration:none;
}

#container ul.premium-theme-links li.details a {
background:#69d2ec;
background-position:-144px -533px;
}
#container ul.premium-theme-links li.preview-theme a {
background:#9cd612;
background-position:-144px -571px;
}
#container ul.premium-theme-links li.buy-now a {
background:#dc1a21;
background-position:-144px -611px;
}

/* Blue Blocks */

.sidebar .block .content
,.sidebar .block .blocktitle {
background:#edfafd;
border-color:#b1e9f7;
}

.sidebar .block a
,.sidebar .blocktitle
,.sidebar .block .content h2 {
color:#69d2ec;
}

/* Green Blocks */

.sidebar .block.green .content
,.sidebar .block.green .blocktitle {
background:#e8f6c8;
border-color:#9cd612;
}

.sidebar .block.green a
,.sidebar .green .blocktitle
,.sidebar .green .content h2 {
color:#9cd612;
}

.sidebar a:hover
,.sidebar a:focus {
text-decoration:none;
}

#footer
,#footer a {
color:#e5e3d8;
}

/**
*  [ 5 ] LAYOUT
*/

body,html {
width:100%;
}

body {
text-align:center;
position:relative;
}

#container {
margin:0 auto;
text-align:left;
width:970px;
position:relative;
z-index:2;
}

#header {
width:100%;
height:177px;
position:relative;
}

#top-panel {
position:absolute;
top:-78px;
right:0;
height:160px;
background:#fff;
}

#main {
clear:both;
float:left;
padding:38px;
background:#fff;
position:relative;
width:894px;
}

#content {
width:60%;
float:left;
z-index:5;
position:relative;
}

body.no-sidebars #content {
width:100%;
}

#content .inner {
position:relative;
z-index:15; /*** content is placed higher than sidebars so that big (admin) tables will not "mix" with sidebar content. Can be removed if necessary ***/
background:#fff; /*** do not remove background but rather replace it with another color/image(or white) to ensure no regions blend with main content ***/
}

.sidebar {
float:right;
width:307px;
word-wrap:break-word; /*** CSS3 property / former microsoft proprietary code so works in older ie ***/
}

.sidebar .inner {
position:relative;
}

.sooperblocks img {
margin:4px;
}

.sooperblocks {
width:100%;
float:left;
margin:10px 0;
}

#footer {
clear:both;
width:100%;
}

#footer ul
,#footer span.drupal-powered {
position:relative;
z-index:2;
}

/**
*  [ 6 ] DECORATION PER REGION
*/

body {
background:#69d3ed url(/sites/sooperthemes/themes/sooperthemes/images/background-clouds.png);
}

.wrapbody {
background:transparent url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png) no-repeat 100% -1029px;
padding:0 0 2px 0;
}

body .bodyc1 {
position:absolute;
bottom:0;
left:0;
width:100%;
height:207px;
}

body .bodyc2 {
background:transparent url(/sites/sooperthemes/themes/sooperthemes/images/sun.jpg) no-repeat center center;
position:absolute;
top:-30px;
right:50%;
width:142px;
height:135px;
margin-right:750px;
}

body .pulling-door {
width:144px;
height:802px;
position:absolute;
/*z-index:3;*/
}

body .pulling-door.door-left {
position:absolute;
bottom:36px;
right:50%;
margin-right:485px;
background:url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png) no-repeat 0 -225px;
}

body .pulling-door.door-right {
bottom:36px;
left:50%;
margin-left:485px;
background:url(/sites/sooperthemes/themes/sooperthemes/images/door-right.jpg) no-repeat;
}

div.toplink {
text-align:right;
width:100%;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
clear:both;
}
div.toplink a {
text-decoration:none;
font-weight:bold;
color:#444;
padding:0 0 3px 0;
border-bottom:1px dashed #444;
}

div.toplink a span.uarr {
font-size:14px;
position:relative;
top:-2px;
}

/*** HEADER ***/

#header {
background:url(/sites/sooperthemes/themes/sooperthemes/images/bgheader.png) no-repeat top left;
}

#top-panel .cornerstone {
bottom:0;
width:20px;
height:20px;
}

#top-panel .top-panelc1 {
left:0;
background-position:-224px -637px;
}

#top-panel .top-panelc2 {
right:0;
background-position:-244px -637px;
}

#header img.logo {
float:left;
padding:10px 10px 10px 15px;
}

/* LOGIN FORM */

#top-panel form#user-login-form {
margin:0;
padding:0;
width:100%;
height:80px;
float:left;
font-size:90%;
line-height:1.7em;
}

#top-panel #edit-name-wrapper {
margin-left:20px;
}

#top-panel form .form-item {
float:left;
text-align:left;
margin-right:4px;
}

#top-panel form .form-required {
display:none;
}

#top-panel form .form-text {
background:#fff;
padding:3px;
width:110px;
}

#top-panel form .form-submit {
float:left;
margin-top:38px;
background:#fff;
border:1px solid #444;
color:#444;
text-transform:lowercase;
padding:2px;
font-size:80%;
}

#top-panel form .form-submit:hover
,#top-panel form .form-submit:focus {
border-color:#777;
color:#999;
}

#top-panel form label {
color:#fff;
font-size:80%;
}

#top-panel form ul {
margin:0;
padding:10px 5px 5px 10px;
text-align:right;
position:absolute;
right:0;
bottom:90px;
}

#top-panel form ul li {
margin:3px 0 0 0;
padding:0;
list-style:none;
font-size:80%;
line-height:1.6em;
}

#top-panel form ul li a {
text-decoration:none;
font-weight:bold;
color:#fff;
padding:1px;
}

#top-panel form ul li a:hover
,#top-panel form ul li a:focus {
text-decoration:underline;
}

#top-panel a.login {
display:block;
position:absolute;
right:30px;
width:75px;
height:16px;
top:80px;
text-indent:-999999em;
background:#9cd612 url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png) -144px -485px;
border-bottom:3px solid #fff; /* Prevent accidental clicks on the primary navigation links */
}

#top-panel a.login.panel-down {
background-position:-144px -501px;
}


/* PRIMARY MENU */

body.logged-in #top-panel {
top:-88px;
}

div.primary ul {
float:left;
margin:0;
clear:both;
padding:7px 10px 0 10px;
background:#fff;
font-size:1.1em;
}

body.logged-in div.primary ul {
margin-top:80px;
}

div.primary ul li {
display:block;
float:left;
margin:0;
padding:0;
text-align:center;
}

div.primary ul li.last {
border-right:none;
}

div.primary ul li a {
display:block;
float:left;
height:40px;
padding:28px 12px 0 10px;
background:url(/sites/sooperthemes/themes/sooperthemes/images/navsep.gif) no-repeat 100% 20px;
}

div.primary ul li.design-2-drupal-express-service a {
word-spacing:-0.2em;
padding-top:21px;
}

div.primary span.subline {
word-spacing:0;
font-size:80%;
display:block;
font-style:italic;
}

div.primary ul li.last a {
background:none;
padding-right:10px;
}

/*** MAIN ***/

#main {
background:#fff url(/sites/sooperthemes/themes/sooperthemes/images/container-bottom.jpg) no-repeat bottom left;
}

#main .mainc {
width:40px;
height:40px;
}

#main .mainc1 {
top:0;
left:0;
background-position:-144px -637px;
}

#main .mainc2 {
top:0;
right:0;
background-position:-184px -637px;
}

#header li:hover ul
,#header li.over ul {
left: auto;
}

#content-bottom {
border-top:1px solid #444;
padding:1em 0;
clear:both;
}

/*** SIDEBAR STYLING ***/

.sidebar .block {
margin-bottom:30px;
position:relative;
clear:both;
}

.sidebar .clearblock {
padding:0 0 20px 0;
text-align:center;
}

#main .sidebar .block .content * {
margin-top:0;
}

.sidebar .block .content
,.sidebar .block .blocktitle {
border-style:solid;
border-width:0 5px;
width:265px;
margin:0;
}

.sidebar .block .blocktitle {
border-top-width:5px;
padding:15px 16px 0 16px;
}

.sidebar .block .content {
border-bottom-width:5px;
padding:12px 16px 15px 16px;
}

.sidebar p.desc {
width:222px;
}

/* Blue Corner Stones */

.sidebar .blockc {
width:21px;
height:21px;
}

.sidebar .blockc1 {
top:0;
left:0;
background-position:-224px -657px;
}

.sidebar .blockc2 {
top:0;
right:0;
background-position:-245px -657px;
}

.sidebar .blockc3 {
bottom:0;
background-position:-224px -678px;
}

.sidebar .blockc4 {
bottom:0;
right:0;
background-position:-245px -678px;
}

/* Green Corner Stones */

.sidebar .green .blockc1 {
top:0;
left:0;
background-position:-266px -657px;
}

.sidebar .green .blockc2 {
top:0;
right:0;
background-position:-287px -657px;
}

.sidebar .green .blockc3 {
background-position:-266px -678px;
}

.sidebar .green .blockc4 {
background-position:-287px -678px;
}

/* Views Blocks */

.block-views .content ol li * {
display:inline;
}

.block-views .content > ol li { /* For some reason this styling caused all the list items in ie to have the number 1 */
height:2em;
overflow:hidden;
}

/* Iconized Blocks */

#block-block-12
,#block-block-13 {
font-weight:bold;
}

#block-block-12 .content ul li
,#block-block-13 .content ul li {
background:url(/sites/sooperthemes/themes/sooperthemes/images/32xiconsprite.png) no-repeat top left;
font-size:135%;
line-height:42px;
padding:0 0 0 45px;
margin:0 0 5px 0;
color:#555;
}

#main #block-block-12 .content ul
,#main #block-block-13 .content ul {
margin:0;
}

#block-block-13 .content ul li#customizable {
background-position:0 -100px;
}

#block-block-13 .content ul li#free-support {
background-position:0 -196px;
}

#block-block-13 .content ul li#color-picker {
background-position:0 -300px;
}

#block-block-13 .content ul li#jqcandy {
background-position:0 -400px;
}

#block-block-12 .content ul li {
background-position:0 -500px;
}


/* Why Choose Us Block */

#block-block-5 .content h3 {
padding-bottom:0.5em;
}

#block-block-5 .content p span {
text-indent:-999999em;
background:url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png);
display:block;
float:left;
width:32px;
height:32px;
margin-right:6px;
}

#block-block-5 .content p span.opera {
background-position:-160px -448px;
}
#block-block-5 .content p span.safari {
background-position:-192px -448px;
}
#block-block-5 .content p span.chrome {
background-position:-224px -448px;
}
#block-block-5 .content p span.ie6 {
background-position:-256px -448px;
}
#block-block-5 .content p span.ie7 {
background-position:-288px -448px;
}
#block-block-5 .content p span.ff {
background-position:-320px -448px;
}


#block-block-5 .content p {
clear:both;
}

/* Social Links Block */

#main ul#social-links {
margin:0;
float:right;
}

ul#social-links li {
width:32px;
height:32px;
displat:block;
list-style:none;
list-style-type:none;
float:left;
}

ul#social-links li  a {
width:32px;
height:32px;
display:block;
text-indent:-999999px;
float:left;
background-image:url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png);
}

ul#social-links li.fb {
margin-right:16px;
}
ul#social-links li.twitter {
margin-right:16px;
}

ul#social-links li.rss a {
background-position:-253px -394px;
}
ul#social-links li.fb a {
margin-right:16px;
background-position:-210px -394px;
}
ul#social-links li.twitter a {
margin-right:16px;
background-position:-164px -394px;
}

/*** FOOTER ***/

#footer {
background:#312d06;
text-align:center;
position:relative;
padding-top:3px;
height:22px;
line-height:22px;
}

#footer a {
text-decoration:none;
}

#footer a:hover
,#footer a:focus {
text-decoration:underline;
}

#footer div.wrapmenu {
position:absolute;
left:40px;
top:0;
}

#footer span.copyright {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
}

#footer span.drupal-powered {
position:absolute;
right:40px;
top:-5px;
display:block;
padding:8px 35px 0 0;
background: transparent url(/sites/sooperthemes/themes/sooperthemes/images/sprite2.gif) no-repeat 11.6em -1783px;
}

/**
*  [ 7 ] DECORATION PER NODE TYPE
*/

/*** 7.1 ALL NODES ***/

#content .node {
margin-bottom:2em;
padding-bottom:1em;
position:relative;
width:100%; /* very important for internet exploder because of rendering order */
}

#content .node h2
,#content .node h3 {
clear:both;
}

#container .node-unpublished {
background:none;
border-top:6px dashed red;
border-bottom:6px dashed red;
}

.title {
margin-bottom:0.5em;
}

.node img
,.picture {
border: 2px solid #444;
}
.picture img {
display:block;
}

#content .node .links {
clear:both;
}

span.uc-price-display span.currencies {
color:#777;
display:block;
}
span.uc-price-display {
display:block;
font-size:3em;
line-height:1.0em;
width:3em;
position:absolute;
top:1.6em;
right:0;
text-align:right;
color:#333;
}
span.uc-price-display .currencies {
font-size:39%;
line-height:1em;
color:#444;
}
div.price .currencies {
color:#777;
font-size:13px;
padding:0 0 0 4px;
}
div.price .currencies span {
font-size:10px;
}

dt {
font-weight:bold;
font-size:14px;
line-height:2em;
}

/*** 7.2 Theme Nodes ***/

/*body.node-type-drupal_theme #content {
padding-top:345px;
}*/

body.node-type-drupal_theme #content h1#content-title {
margin-bottom:0.2em;
font-size:60px;
}
body.page-drupal-themes-cuttingedge #content h1#content-title {
font-size:55px;
}

body.node-type-drupal_theme #content img.triple-display {
float:right;
width:65%;
position:absolute;
top:-5.2em;
right:0;
}

body.node-type-drupal_theme p.shortdesc {
font-size:29px;
line-height:1.5em;
float:left;
width:320px;
}

div.demo-links {
position:absolute;
top:35px;
right:238px;
background:#eee;
background: rgba(200,200,200,0.75);
width:104px;
height:75px;
padding:2px 1px;
border:1px solid #999;
}

div.demo-links:hover
,div.demo-links:focus {
background:#eee;
background: rgba(238,238,238,0.92);
}

div.demo-links a {
display:block;
width:81px;
height:23px;
text-indent:-999999em;
margin:10px 0 0 10px;
z-index:999;
}

div.demo-links a.demo {
background:transparent url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png) no-repeat -226px -485px;
}
div.demo-links a.configure {
background:transparent url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png) no-repeat -226px -510px;
}

.node-66 div.demo-links a.configure
,.node-36 div.demo-links a.configure
,.node-3 div.demo-links a.configure
,.node-67 div.demo-links a.configure
,.node-97 div.demo-links a.configure {
display:none;
}

/* Product Tabs */

#main div.product-tabs {
float:left;
width:477px;
padding:10px;
font-size:13px;
}

#main div.product-tabs ul.product-tabs {
padding:0;
margin:0;
float:left;
width:100%;
border-bottom:2px solid #ddd;
background:#eee;
}

#main div.product-tabs ul.product-tabs li {
width:33%;
padding:0;
list-style:none;
list-style-type:none;
float:left;
background:#eee;
}

#main div.product-tabs ul.product-tabs li a {
width:100%;
padding:4px 0;
text-align:center;
color:#777;
display:block;
float:left;
font-size:11px;
line-height:15px;
height:15px;
}

#main div.product-tabs ul.product-tabs li.active a {
background:#ddd;
text-decoration:none;
}

#main div.product-tabs ul.product-tabs li a:hover {
color:#DC1A21;
}

#main div.product-tabs ul.product-tabs li.active a:hover {
color:#777;
}

#main div.product-tabs ul.product-tabs li.last {
float:right;
}

div.product-tabs .panes div {
width:100%;
float:left;
clear:both;
padding:10px 0;
}

div.product-tabs .panes div.inactive {
display:none;
}

div.product-tabs .panes div div.subpane {
float:left;
width:50%;
padding:0;
clear:none;
}

div.product-tabs .panes div div.last {
float:right;
width:49%;
}

/* Purchase Options */

div.purchase {
float:right;
width:375px;
padding:10px;
background:#e8f6c8;
}

#main .purchase ul.purchase-options {
width:100%;
margin:0;
}

div.purchase ul.purchase-options li {
list-style:none;
list-style-type:none;
float:left;
clear:both;
padding:8px 0;
border-bottom:2px solid #9cd612;
width:100%;
}

#main #content div.purchase ul.purchase-options ul {
margin:0 0 0 8px;
padding:4px 0;
}

#main #content div.purchase ul.purchase-options ul li {
background-position:0 -1193px;
padding:2px 0 0 14px;
border:none;
}

#content div.purchase p.poption {
color:#444;
float:left;
width:57%;
overflow:hidden;
font-size:14px;
font-weight:bold;
cursor:pointer;
}

#content div.purchase p.poption:hover {
color:#de1a21;
}

#content div.purchase div.price {
float:left;
width:31%;
font-weight:bold;
font-size:18px;
}

div.purchase ul.pdetails
,div.purchase form {
font-size:13px;
line-height:1.4em;
}

div.purchase ul.pdetails {
width:60%;
float:left;
overflow:hidden;
}

div.add-to-cart {
float:left;
width:14%;
overflow:hidden;
}

div.purchase div.cartlink {
float:right;
}

div.purchase div.cartlink a {
padding:4px 6px;
font-size:14px;
margin:0;
}

li#standard-club ul.pdetails
,li#dev-club ul.pdetails {
display:none;
}

div.purchase img.inline {
cursor:pointer;
padding:2px 4px 0 4px;
}

body.node-type-drupal_theme #main .single-license {
float:left;
width:425px;
position:relative;
}

body.node-type-drupal_theme #main .developer-club {
float:right;
width:425px;
position:relative;
}

body.node-type-drupal_theme #main img {
border:none;
margin:6px 0 3px 0;
}

body.node-type-drupal_theme #main p.live-preview {
position:absolute;
top:-5.5em;
right:0;
display:none;
}
body.node-type-drupal_theme #main p.live-preview a {
display:block;
color:#fff;
width:167px;
height:29px;
padding:3px 0 0 0;
text-align:center;
background:#9cd612 url(/sites/sooperthemes/themes/sooperthemes/images/bigbutton.png) no-repeat 0 0;
text-decoration:none;
font-weight:bold;
font-size:120%;
}
body.node-type-drupal_theme #main p.live-preview a:hover
,body.node-type-drupal_theme #main p.live-preview a:focus {
text-decoration:underline;
}

body.node-type-drupal_theme #main .single-license img {
width:248px;
}

body.node-type-drupal_theme .single-license span.uc-price-display {
top:0.4em;
}
body.node-type-drupal_theme .developer-club span.uc-price-display {
top:0;
}

body.node-type-drupal_theme .taxonomy {
clear:both;
}

body.node-type-drupal_theme #main .screenshots {
clear:both;
}

body.node-type-drupal_theme #main .screenshots img {
margin:0 7px 14px 6px;
border:2px solid #ddd;
}

body.node-type-drupal_theme #main .features {
font-size:90%;
line-height:1.4em;
overflow:hidden;
}

body.node-type-drupal_theme #main .features div.dl-item {
width:277px;
padding:16px 10px;
float:left;
}

body.node-type-drupal_theme #main .features dt {
font-weight:bold;
font-size:16px;
letter-spacing:1px;
color:#262626;
padding-left:30px;
background:url(/sites/sooperthemes/themes/sooperthemes/images/feature-check.png) no-repeat 0 -2px;
line-height:30px;
}

body.node-type-drupal_theme #main .unique-features dt {
background:url(http://www.sooperthemes.com/sites/sooperthemes/themes/sooperthemes/images/feature-star.png) no-repeat 0 2px;
}

body.node-type-drupal_theme #main .features .links {
font-size:1.2em;
text-align:right;
text-transform:capitalize;
}

/* Theme Nodes M1 */

#main .focal-features {
width:100%;
position:relative;
}

#main .focal-features ul {
margin:0;
padding:0;
}
#main .focal-features ul li {
list-style:none;
list-style-type:none;
background:none;
margin:0;
padding:0 0 3em 0;
float:left;
clear:both;
width:100%;
font-size:110%;
line-height:1.4em;
}

#main .focal-features ul li {
font-size:115%;
margin-bottom:20px;
}

#main .focal-features ul li h2 {
font-size:2em;
}

#main .focal-features ul li img {
float:left;
}

#main .focal-features ul li.even img {
float:right;
}

#main .focal-features ul li .wrapfloat {
width:40%;
float:right;
}

#main .focal-features ul li.even .wrapfloat {
float:left;
}

#main .focal-features ul li#configurator {
margin-top:85px;
}
#main .focal-features ul li#configurator .wrapfloat {
margin-top:125px;
}

#main .focal-features ul li#starter .wrapfloat {
margin-top:60px;
}

#main .focal-features ul li#skinr .wrapfloat {
margin-top:200px;
}

#main .focal-features ul ul {
margin-top:10px;
}

#main .focal-features ul ul li {
margin:5px 0 5px 20px;
padding:0;
font-size:87%;
list-style:disc;
list-style-type:disc;
}

.ui-control.pf-control {
font-weight:bold;
border-bottom:1px dashed #444;
float:right;
cursor:pointer;
position:relative;
}

.ui-control.pf-control:hover {
color:#69d2ec;
border-color:#69d2ec;
top:2px;
}

/* Overrides for M2 */

#main .m2 .focal-features ul li#skinr {
display:none;
}

/* Teasers */

.product-body a {
font-weight:bold;
font-size:95%;
}

.node ul.premium-theme-links {
position:absolute;
top:200px;
right:0;
}

body.node-type-drupal_theme .node ul.premium-theme-links {
top:120px;
}

#container #main ul.premium-theme-links li a {
display:block;
width:73px;
height:18px;
padding:6px 0 2px 0;
line-height:1em;
color:#f6f6f6;
text-align:center;
font-weight:bold;
text-transform:capitalize;
text-decoration:none;
background-image:url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png);
}

#container #main ul.premium-theme-links li a:hover
,#container #main ul.premium-theme-links li a:focus {
color:#777;
}

#container #main ul.premium-theme-links li {
list-style:none;
margin:0 0 10px 0;
padding:0;
}

/*In the sidebar:*/

#block-block-15
,#block-block-16 {
position:relative;
text-align:left;
}

#block-block-15 h2
,#block-block-16 h2 {
margin-bottom:0.2em;
}

#block-block-15 img
,#block-block-16 img {
border:2px solid #444;
}

#block-block-15 p a
,#block-block-16 p a {
text-transform:lowercase;
color:#555;
}

#block-block-15 p
,#block-block-16 p {
padding:4px 0 0 0;
}

#block-block-15  span.uc-price-display
,#block-block-16  span.uc-price-display {
font-size:3.2em;
top:0.55em;
}

.sidebar #block-block-15 ul.premium-theme-links
,.sidebar #block-block-16 ul.premium-theme-links {
position:absolute;
top:8em;
right:0;
font-size:15px;
}

/*** 7.3 Blog Posts ***/

.node pre
,.node code
,.node .codeblock {
font-size:90%;
display:block;
color:#006400;
padding:2px;
line-height:1em;
margin:1em 0;
overflow:auto;
font-family:courier new,lucida console,Bitstream Vera Sans Mono;
background:#eee;
border:solid #ccc;
border-width:2px 2px 2px 10px;
white-space:pre;
}

.comment {
background:none;
}

/*** 7.4 Documentation ***/
/*** 7.5 Wallpapers ***/

.node-type-wallpaper .normal
,.node-type-wallpaper .widescreen {
float:left;
width:238px;
}

/*** 7.5 Features (node & block) ***/




#main .sidebar .view-DrupalWallpapers ul {
margin:0;
padding:0;
clear:both;
overflow:hidden; /* remind browsers to wrap floats */
}

#main .sidebar .view-DrupalWallpapers ul li {
float:left;
padding:2px;
margin:0;
list-style:none;
list-style-type:none;
}

/*** 7.6 Express Service Node ***/

div.floatbox {
position:absolute;
right:-40px;
width:134px;
height:46px;
padding-top:28px;
top:3px;
background:transparent url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png) no-repeat -148px -723px;
color:#222;
text-align:center;
font-weight:bold;
z-index:10;
font-size:90%;
line-height:1.5em;
}

/*** NODE & COMMENT LINKS ***/

.node .links,.comment .links {
font-size:90%;
}

/*** TAXONOMY TERMS ***/

#main .taxonomy ul
,#main .taxonomy ul {
margin-left:0;
padding-left:0;
}

#main .taxonomy ul.inline li a {
text-decoration:none;
}

#main .taxonomy li.vocab {
line-height:1.8em;
}

#main .taxonomy li.vocab ul {
display:inline;
}

#main .taxonomy li.vocab-term {
display:inline;
}

/**
*  [ 8 ] FORMS
*/

#content form {
line-height:1.4em;
}

#content form.webform-client-form
,form#contact-mail-page {
background:#f7fbfc;
border:1px solid #69d2ec;
padding:25px;
}

#content  form#webform-client-form-42
,#content  form#webform-client-form-91 {
background:none;
border:none;
padding:0;
}

input.form-submit
,div.cartlink a {
padding:3px 5px;
margin:0.2em 5px 1em 0;
font-size:90%;
border:none;
font-weight:bold;
background:#dc1a21;
color:#fff;
border:1px solid #444;
text-decoration:none;
}

input.form-submit:hover
,input.form-submit:focus
,div.cartlink a:hover
,div.cartlink a:focus  {
border-color:#69d2ec;
color:#b1edfc;
}

input.form-submit:hover {
cursor:pointer;
}

div.grippie
,input.form-text
,input.form-upload
,textarea {
max-width:99%;
font-family:inherit;
}

input.form-text
,input.form-upload
,textarea {
padding:4px;
}

input.form-text
,input.form-upload {
background:#cbf0f8;
border:none;
font-weight:bold;
}

textarea {
font-size:90%;
padding:3px;
}

#content label {
color:#17829c;
font-size:90%;
}

#content legend {
padding:5px;
font-size:120%;
display:block;
color:#dc1a21;
text-transform:capitalize;
}

#content form legend a {
padding-left:20px;
padding-right:5px;
text-decoration:none;
}

#autocomplete ul {
margin:0;
padding:0;
}
#autocomplete ul li {
margin:0;
padding:1px;
list-style:none;
list-style-type:none;
border-bottom:1px dashed #ddd;
}

fieldset {
border:1px solid #69d2ec;
background:#f7fbfc;
}

html.js #main fieldset.collapsed { /* overwriting drupal core styles */
height:2em;
}

fieldset fieldset {
background:none;
}

/**
*  [ 9 ] DRUPAL ELEMENTS
*/

/*** SECONDARY MENU ***/

#header div.secondary ul.links {
position:absolute;
top:0;
right:0;
margin:0;
padding:0;
background:#fff;
font-size:80%;
}

#header div.secondary ul.links li {
display:block;
float:left;
margin:0 3px;
border-right:1px solid #444;
}

#header div.secondary ul.links li.last {
border-right:none;
}

#header div.secondary ul.links li a {
display:block;
padding:1px 5px;
}

#header div.secondary ul.links li a.active {
background:#ccc;
}

/*** COMMENTS ***/

h3.commentheader { /* You can switch this header off in custom theme settings */
font-size:1.5em;
font-weight:normal;
margin-bottom:0.5em;
}

div.comment {
margin-bottom:2em;
border:1px dashed #d9d9d9;
border-bottom:2px solid #DE1A21;
background:#f8f8f8;
padding:0 5px;
}

#comments .odd {
}
#comments .even {
background:#ccc;
}

div.comment.author-peach {
background:#E8F6C8;
border-bottom-color:#9CD612;
}

div.comment.author-peach a {
color:#9CD612;
}

#main div.comment h3 {
font-size:1em;
line-height:1em;
}

.comment p {
padding:0.5em 0;
}

#main .comment ul.links {
margin-left:0;
}

/*** PAGER ***/

.pager {
text-align: center;
margin-top: 30px;
line-height:2em;
}

#main ul.pager li {
margin:0 3px;
padding:4px;
font-size:1.6em;
}

#main ul.pager li a {
text-decoration:none;
}

#main ul.pager li a:hover
,#main ul.pager li a:focus {
color:#dc1a21;
}

/*** SUBMITTED ***/

.submitted {font-size:80%;}

/*** MISSION ***/

#content-mission {
font-size:1.3em;
font-style:italic;
margin-bottom:1em;
}

/*** ADMIN OVERVIEW ***/

div.admin .left {
margin-left:0;
}
div.admin .right {
margin-right:0;
}

/*** TABLES ***/

#content table {
background:#fff;
postition:relative;
z-index:100;
}

td, th {
padding: 0.3em 0.4em;
}

thead th {
border-bottom: 2px solid #222;
color: #494949;
font-weight: bold;
}

th a:link, th a:visited {
color: #6f9dbd;
}

tr.even, tr.odd, tbody th {
border: solid #DDD;
border-width: 1px 0;
}

tr.odd, tr.info {
background-color: #eee;
}

tr.even {
background-color: #fff;
}

tr.odd td.active {
background-color: #DDD;
}

tr.even td.active {
background-color: #ccc;
}

td.region, td.module, td.container {
border-top: 1.8em solid #fff;
border-bottom: 2px solid #DDD;
background-color: #ddd;
color: #455067;
font-weight: bold;
}

.views-table {
font-size:11px;
line-height:1.4em;
}

/*** PRIMARY TABS ***/

#content ul.primary {
border:solid #DDD;
border-width:0 0 1px 0;
font-size:80%;
line-height:1.7em;
width:95%;
padding:0 0 0 5%;
float:left;
margin:1em 0 1em 0;
}

ul.primary li {
border:none;
background: url(/sites/sooperthemes/themes/sooperthemes/images/x-gradient-ultralight.gif) repeat-x 0 0px;
display:block;
float:left;
padding:0;
margin:0 3px 0 0;
}

ul.primary li a {
border:none;
display:block;
float:left;
padding:2px 1em 1px 1em;
margin:0;
background:none;
color:#444;
}

ul.primary li.active {
border-top-color:#DDD;
}

ul.primary li.active a {
border:none;
float:left;
background:#fff url(/sites/sooperthemes/themes/sooperthemes/images/x-gradient-ultralight.gif) repeat-x 0 -100px;
font-weight:bold;
}

ul.primary li a:hover,
ul.primary li a:focus {
border-top:2px solid #DDD;
padding-top:0;
}

ul.primary li.active a:hover,
ul.primary li.active a:focus {
border-top-color:#DDD;
}

ul.primary li.inactive a:hover,
ul.primary li.inactive a:focus {
background:#fff url(/sites/sooperthemes/themes/sooperthemes/images/x-gradient-ultralight.gif) repeat-x 0 -110px;
}


/*** SECONDARY TABS ***/

#content ul.secondary {
font-size:80%;
margin: 0;
padding: 0 0 0 5px;
border-bottom: 1px solid #c0c0c0;
list-style: none;
white-space: nowrap;
}

ul.secondary li {
float: left;
margin: 0 5px 0 0;
padding: 5px 0;
border-right: none;
}

ul.secondary a {
display: block;
margin: 0;
padding: 0;
border: 1px solid #ccc;
background: url(/sites/sooperthemes/themes/sooperthemes/images/x-gradient-ultralight.gif) repeat-x 0 0;
}

ul.secondary a .tab {
display: block;
padding: 3px 8px;
line-height: 1.4em;
}

ul.secondary a.active {
font-weight:bold;
border: 1px solid #444;
}

ul.secondary a:hover,
ul.secondary a:focus {
background: url(/sites/sooperthemes/themes/sooperthemes/images/x-gradient-ultralight.gif) repeat-x 0 -20px;
border-color:#666;
}

.messages {
background-color: #fff;
clear:both;
border: 1px solid #b8d3e5;
padding:0.5em;
margin-bottom:1em;
font-weight:bold;
font-size:90%;
}

.preview {
background-color: #fcfce8;
border: 1px solid #e5e58f;
}

div.status {
color: #3a3;
border-color: #c7f2c8;
}

div.error {
color: #c52020;
}

div.warning {
border-color:#ccc;
}

/*** BLOCK REGION LABEL COLOR ***/

.block-region {
color:#444;
}

/**
*  [ 10 ] DRUPAL MODULES
*/

/*** MOD POLL ***/

#main .poll .bar {
height:20px;
background:#eee;
}

#main .poll .bar .foreground {
height:20px;
background:#de1a21;
}

#main .poll .text {
font-weight:bold;
}

.poll .percent {

}

.poll .total {

}

/**
 * MOD DBLOG
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background: #c7eec7;
}

/*** STATUS REPORT ***/
table.system-status-report tr.error, table.system-status-report tr.error th {
background-color: #fcc;
border-color: #ebb;
color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
background-color: #ffd;
border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
background-color: #dfd;
border-color: #beb;
}

/*** MOD FORUMS ***/

div#forum table {
width:100%;
}

/*** MOD COLOR ***/
fieldset#color_scheme_form {
min-width:500px;
min-height:240px;
}

/*** MOD ADMIN MENU ***/

html body.admin-menu {
margin-top:0!important;
}
#admin-menu {
position:fixed;
}

/*** MOD SYNTAXHIGHLIGHTER ***/

.syntaxhighlighter code {
display:inline;
}

/**
*  [ 11 ] MISC
*/

/*** SKIP TO CONTENT ***/


#main span.ui-slider-tooltip {
width:14em;
z-index:10;
font-size:70%;
font-family:arial,tahoma,verdana,sans;
margin-left:-6em;
padding:0.2em 0;
}

#main .ui-slider a.ui-slider-handle {
margin-left:-0.1em;
}

p#skipcontent a {
position:absolute;
top:8em;
left:-99999em;
padding:10px 30px;
background:#ccc;
border:1px solid;
z-index:10;
}

p#skipcontent a:focus {
left:45%;
border-color:#dc1a21;
color:#dc1a21;
}

p#skipcontent a:hover {
background:#eee;
}

div.block-region {
clear:both;
}

.block .content .edit {
clear:both
}

.form-item input.error, .form-item textarea.error {
border: 1px solid #c52020;
color: #494949;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cornerstone {
position:absolute;
background-image:url(/sites/sooperthemes/themes/sooperthemes/images/sprite.png);
}
.hide, .close {position:absolute;left:-99999em;}