/*
Theme Name: Blank Wordpress Theme
Theme URI: http://www.loveartnmusic.com
Description: Framework Theme By Ray Anthony
Author: Ray Anthony
Version: 1.0
*/
@import url('css/reset.css');
@import url('css/global.css');
/* Sticky Footer CSS */
* {
margin: 0;
}
html, body {
height: 100%;
}
#footer, .push {
clear: both;
height: 186px; /* .push must be the same height as .footer */
}
/* Header
-------------------------------------------------------------- */
#header { position:relative; height:197px;}
#header #logo { float:left; padding:35px 0 0; }
#header #login { float:right; margin:15px 0 13px; padding:10px;background:#0e1b26;color:#e72f27;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;font-size:.9em;}
#header #notLoggedIn { float:right; margin:15px 0 71px; padding:10px;background:#0e1b26;color:#e72f27;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;font-size:.9em;}
#header #login .username, #header #login .password { float:left; width:100px;padding:6px;margin-right:5px;font-size:1em;border:0;}
#header #login .submitBtn {float:left;cursor:pointer;border:0;background: #e72f27;color:#FFF;padding:5px;text-transform:uppercase;font-weight:bold;}
#header #login .submitBtn:hover {color:#000;}
#header #login h2 { float:left;margin-bottom:5px;}
#header #login .registerOptions { float:right;margin-bottom:5px;}
#header #login .registerOptions a {text-decoration:none;}
#navigation { position:absolute; bottom:20px;left:0;font-size:0.95em;}
#navigation ul { list-style-type:none; }
#navigation ul li { float:left;padding:0 20px;}
#navigation ul li a { text-decoration:none;}
#header #navSearch { position:absolute;bottom:17px;right:0; }
#header #navSearch .searchInput { float:left;width:200px;height:22px;}
#header #navSearch .submitBtn { float:left;background:url('images/search.png') no-repeat center top; width:29px;height:28px;border:0;cursor:pointer;text-indent:-9999px;}
#header #navSearch .submitBtn:hover { background: url("images/search.png") no-repeat center bottom; }
.rememberMe { clear:both; padding-top: 5px; }
#loginForm { clear:both; padding-top: 5px; }
ul.loggedIn li { float:left;margin-right:15px; }
.userName { color:#FFF;}
/* =Content
-------------------------------------------------------------- */
#wrapper {
background:url('images/headerbg.png') repeat-x;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -186px; /* the bottom margin is the negative value of the footer's height */
width:100%;
}
#wrapperPadding {
width:980px;
margin:0 auto;
padding:0 10px;
}
#main {
float: left;
margin: auto 0;
width: 980px;
}
#container {
float:left;
width: 980px;
margin:20px 0;
}
#leftColumn { float:left;width:240px;margin-right:10px;}
#centerColumn { float:left;width:420px;margin-right:10px;}
#rightColumn { float:right;width:300px;}
#content {
}
#pageLeft { float:left; width:660px; margin-right:20px;}
#pageRight { float:left; width:300px;}
a.subLink { color:#000; }
a.subLink:hover { color:#e72f27; }
.pagePost .topMeta { padding:5px 15px;width:97%; }
.entry-content img { max-width:640px; }
/* Posts
-------------------------------------------------------------- */
h2.blogHeader {
background:url('images/blogheader.png') no-repeat;
width:420px;
height:37px;
margin-bottom:10px;
}
.post { padding:10px 0;border-bottom:1px solid #c6c5c3;}
.postContent .entry-title a { text-decoration:none; color:#eb2629; }.postContent .entry-title a:hover { color:#000; }
.topMeta .postDate { float:left; font-size:0.92em;}.topMeta .comments-link { float:right; }
.topMeta .comments-link a {color:#eb2629; text-decoration:none;text-transform:uppercase;} .topMeta .comments-link a:hover {color:#000;}
.pagePost .entry-content, .singlePost .entry-content { padding:15px; }
ul#rssIcon { margin:10px 0 0; padding:0; list-style:none; float:right; }
#rssIcon li{overflow:hidden; text-indent:-9999px; display:inline;float:left;}
#rssIcon li a{background:url('images/rssicon.png') no-repeat; width:100%; height:100%; display:block;}
#rssIcon li.rsslink { width:19px; height:19px;}
#rssIcon li.rsslink a {background-position:0px 0px;}
#rssIcon li.rsslink a:hover{background-position:0px -19px;}
/* Sidebar
-------------------------------------------------------------- */
li.widget li {margin-bottom:10px;}
.noticeMessage {
width:600px;
background: none repeat scroll 0 0 #FFEB90;
box-shadow: -2px 2px 2px #C8C8C8;
clear: both;
color: #3E3E3E;
font-size: 12px;
margin-bottom: 5px;
padding: 5px 10px;
text-align: left;
}
.noticeMessage p { margin:0; }
.textMessage {
background: none repeat scroll 0 0 #C5D0DA;
float: left;
margin: 10px 0;
padding: 10px;
width: 280px;
}
.textMessage input[type="submit"] {
float:right;
margin:10px 0 0;
cursor:pointer;
background:#eb2629;
color:#FFF;
padding:5px;
border:0;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.textMessage input[type="submit"]:hover {
background:#000;
color:#FFF;
}
.subscribeBox {
float:left;
background:#c5d0da;
padding:10px;margin-bottom:10px;
width:220px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.subscribeBox p {
text-align:center;
margin:0;padding:0;
}
.subscribeBox h2 {
font-size:16px;
font-weight:bold;
font-style:italic;
text-align:center;
}
.subscribeBox .subscribeForm {
margin:0 auto;
text-align:center;
width:100%;
}
.subscribeBox .emailBox { float:left;margin-right:5px; }
.subscribeBox .emailBox input[type="text"], .subscribeBox .emailBox input[type="email"] {
width:100%;
box-sizing:border-box;
font-size:1em;
padding:6px;
margin-bottom:10px;
border:0;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.subscribeBox .submit input[type="submit"] {
float:left;
cursor:pointer;
background:#eb2629;
color:#FFF;
padding:5px;
border:0;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
}
.subscribeBox .submit input[type="submit"]:hover {
background:#000;
color:#FFF;
}
div.wpcf7-validation-errors { background:#F7E700;clear: both;float:left;}
div.wpcf7-response-output { margin:1em 0.5em 0 !important; }
div.wpcf7 img.ajax-loader { display:none; }
.twitter h2.widget-title {
background:url('images/tweets.png');
height:27px;
width:240px;
margin-bottom:5px;
}
.investimonials { width:300px; text-align:center; margin:0 auto; }
/* Stock Ticker */
#stockTicker {
color:#FFF;
clear: both;
margin: 0 auto;
width: 980px;
}
.row {
font-size:11px;
font-family:verdana;
color:#FFF;
}
.stockName {
margin-right:10px;
font-weight:bold;
width:85px;
display:inline;
}
.stockLast {
/* position:absolute; */
text-align:right;
/* left:95px; */
width:70px;
display:inline;
font-family:courier new;
font-size:12px;
}
.stockIcon {
margin-right:10px;
padding-top:3px;
/* position:absolute; */
/* left:170px; */
display:inline;
}
.stockChange {
margin-right:10px;
/* position:absolute; */
/* left:185px; */
display:inline;
}
.stockChangep {
margin-right:10px;
/* position:absolute; */
font-family:courier new;
font-size:12px;
/* left:225px; */
text-align:right;
display:inline;
}
.valueUp {
color:#00c000;
}
.valueDn {
color:#e00000;
}
.watchlist {
width:100%;
}
.light {
padding:1px;
}
.dark {
padding:1px;
}
/* liScroll styles */
.tickeroverlay-left{
background-image:url('images/left.png');
display:block;
pointer-events:none;
position:absolute;
z-index:30;
height:22px;
width:202px;
top:0;
left:-2px;
}
.tickeroverlay-right{
background-image:url('images/right.png');
display:block;
pointer-events:none;
position:absolute;
z-index:30;
height:22px;
width:202px;
top:0;
right:-2px;
}
.tickercontainer { /* the outer div */
width: 980px;
height: 27px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left: 10px;
padding-right: 10px;
top: 0;
height: 18px;
/*width: 718px;*/
overflow: hidden;
}
ul.watchlist { /* that's your list */
position: relative;
margin-left: 20px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.watchlist li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 15px;
/*background: #fff;*/
}
ul.watchlist a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 0 0 0;
text-decoration:none;
}
ul.watchlist span {
margin: 0 10px 0 0;
}
.wp-pagenavi { float:right;clear:both; margin:10px 5px 0 0; }
.wp-pagenavi a { color:#000; }
.wp-pagenavi a:hover { color:#EB2629; }
div.wpcf7-validation-errors { width:181px; }
div.wpcf7-mail-sent-ok {
clear: both;
float: left;
margin-top: 10px !important;
width: 181px;
}
.singlePost a, .pagePost a { color:#E72F27; }
.pagePost a:hover, .pagePost a:hover { color:#000; }
/* =Footer
-------------------------------------------------------------- */
#footer { clear:both;background:url('images/footerbg.png') repeat-x; height:186px;width:100%;color:#FFF; }
#footerWrapper { position:relative;width:980px; height:186px;padding:0 10px;margin:0 auto; }
#footerTop { float:left;margin:15px 0 0;}
#footerBottom {position:absolute;bottom:5px;right:0;}
#footerBottom #footerCopyright a {text-decoration:none;color:#e72f27; } #footerBottom #footerCopyright a:hover { color:#FFF !important;}
#homeCat, #membersCat, #connectCat { float:left;margin-right:165px;} #footerSearch {float:left;}
#homeCat h2, #membersCat h2, #connectCat h2, #footerSearch h2 { margin-bottom:15px;}
#footer #footSearch { }
#footer #footSearch .searchInput { float:left;width:160px;height:22px;}
#footer #footSearch .submitBtn { float:left;background:url('images/search.png') no-repeat center top; width:29px;height:28px;border:0;cursor:pointer;text-indent:-9999px;}
#footer #footSearch .submitBtn:hover { background: url("images/search.png") no-repeat center bottom; }