/*
Theme Name: I-Blues
Theme URI: http://topwpthemes.com/i-blues/
Description: Designed by Web Top and available FREE at WordPress Themes Gallery
Author: Web Top
Author URI: http://webtop99.com
© 2008, Web Top. All rights reserved.
*/
/*
* Default HTML tags
*/
a {
color: #181818;
}
a:visited {
color: #181818;
text-decoration: underline;
}
a:hover {
color: #181818;
}
acronym, abbr {
cursor: help;
}
blockquote {
margin-left: 10px;
padding-left: 10px;
border-left: 5px solid #01bcf3;
}
body {
background: #02b9f1 url("images/body-bg.jpg") repeat-x top;
color: #282828;
font-size: 60.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px auto;
padding: 0px;
text-align: center;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font-size: 12px;
margin: 15px 0 3px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #181818;
padding: 5px 13px 5px 3px;
}
h3 {
font-size: 12px;
margin: 28px 0 5px 0;
padding: 4px 0 4px 0;
font-weight: bold;
color: #181818;
background: #e8f6fd;
text-align: center;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
h4 {
font-size: 12px;
margin: 10px 0 10px 0;
font-weight: bold;
color: #181818;
background: url("images/leftmenu-top.jpg");
height: 20px;
text-align: center;
}
h4 a,
h4 a:visited,
h4 a:hover,
h4 a:visited:hover {
text-decoration: none;
color: #181818;
}
h5 {
font-size: 12px;
margin: 10px 0 10px 0;
padding: 6px 0 8px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
background: url("images/menu-right-title-bg.png");
width: 301px;
text-align: center;
}
h5 a,
h5 a:visited,
h5 a:hover,
h5 a:visited:hover {
text-decoration: none;
color: #181818;
}
/*
#content img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #fefefe;
margin-right: 5px;
margin-left: 3px;
}
#content img.alignleft {
float: left;
margin: 3px 3px 3px 0px;
}
#content img.alignright {
float: right;
margin: 3px 0px 3px 3px;
}
*/
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
ul {
margin: 0;
padding: 0;
}
/* Link to the comments */
.postmore {
float: left;
padding-left: 10px;
}
.postmore a, .postmore a:visited { color: #008ed0;
text-decoration: none;
}
.postmore a:hover, .postmore a:visited:hover { color: #181818;
text-decoration: none;
}
.meta2 {
clear: both;
text-transform: ;
border-bottom: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
background: #d3edfa;
color: #181818;
font-weight: bold;
font-size: 11px;
padding: 4px 0px 6px 0px;
}
.feedback {
float: right;
padding-right: 10px;
}
.feedback a, .feedback a:visited { color: #008ed0;
text-decoration: none;
}
.feedback a:hover, .feedback a:visited:hover { color: #181818;
text-decoration: none;
}
/* The post informations */
.meta {
font-size: 11px;
}
.meta li,
ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta a {
color: #181818;
text-transform: ;
text-decoration: none;
}
.meta a:hover {
text-decoration: underline;
}
.meta {
color: #181818;
background: #d3edfa;
padding: 5px 5px 5px 5px;
font-weight: normal;
letter-spacing: 0;
border-top: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
.storycontent {
font-size: 115%;
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
height: auto;
text-align: left;
}
.newsbody img {
margin: 0 5px 3px 0;
border: 0 none;
float: left;
}
.storycontent img {
border: 0 none;
}
/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
#commentform textarea {
width: 95%;
}
#commentlist li ul {
border-left: 1px solid #830000;
font-size: 110%;
}
ol#commentlist li {
list-style: decimal;
}
#content {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: left;
display: inline;
}
#fullcontent {
float: left;
width: 980px;
margin: 0px 10px 0px 10px;
text-align: left;
display: inline;
}
#content ol li {
list-style: decimal;
}
#content ul {
margin-top: 10px;
margin-left: 35px;
}
#content ul li {
list-style-image: none;
}
#content-big {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: justify;
display: inline;
}
.spacer { padding: 0px;
clear: both;
text-transform: ;
padding-top: 5px;
}
#header {
font-size: 32px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0px auto;
height: 284px;
width: 1000px;
padding: 0;
background: url("images/retainedcyclehead.jpg") no-repeat;
}
.header-title {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#ffffff;
font-size:26px;
font-weight:bold;
padding: 90px 0 0 198px;
text-align:left;
}
.header-title a{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-title a:hover{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: normal;
color:#ffffff;
padding: 1px 0 0 199px;
text-align:left;
}
Top part CSS
#top {
width: 1000px;
height: 34px;
margin: 0px auto;
}
#topleft {
float: left;
height: 34px;
padding-left: 0px;
}
#topright {
float: right;
height: 34px;
padding-right: 10px;
padding-top: 5px;
}
#menu {
float: left;
height: 32px;
padding-top: 1px;
padding-bottom: 1px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#menu li {
float: left;
display: block;
height: 32px;
border-right: 1px solid #b6e4fb;
}
#menu li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#menu li a {
display: block;
padding-left: 15px;
padding-right: 15px;
line-height: 32px;
font-size: 11px;
font-weight: bold;
color: #008ed0;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#menu li a:hover {
background: url(images/menuhover.gif) repeat-x;
color: #01bcf3;
}
#menu li.current_page_item a {
background: #FFF;
color: #01bcf3;
}
#menu li.current_page_item a:hover {
background: #FFF;
color: #01bcf3;
}
#menu ul {
display: none;
z-index: 99;
position: absolute;
}
#menu ul li a {
display: block;
background: #FFF;
}
#menu li ul a:hover {
display: block;
background: #FFF;
}
#menu ul a {
display: block;
}
#menu ul ul {
margin-top: -27px;
display: none;
margin-left: 198px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#menu li:hover ul ul {
display: none;
}
#menu li:hover ul {
display: block;
}
#menu ul li:hover ul {
display: block;
}
#menu li ul li {
display: block;
width: 100%;
}
#menu li.page_item ul {
border-top: 2px solid #b6e4fb;
width: 200px;
}
#menu li.page_item a {
display: block;
}
#menu li.page_item a:hover {
display: block;
}
#menu li.page_item ul li a {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #fff;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 0.7em;
font-weight: bold;
color: #333;
text-decoration: none;
}
#menu li.page_item ul li a:hover {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
background: #FFF;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #333;
}
/*
Search form CSS
*/
.searchform {
display: inline;
}
.searchform fieldset {
display: inline;
margin-top: 1px;
padding-top: 4px;
border: #34c3f3 0px solid;
}
.searchform label {
vertical-align: middle;
display: inline;
margin-right: 5px;
font-size: 11px;
color: #01bcf3;
font-weight: bold;
}
.searchform input {
vertical-align: middle;
display: inline;
font-size: 11px;
}
.searchinput {
background: #FFF;
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
color: #282828;
}
.searchbutton {
background: url(images/searchbutton.gif) no-repeat;
width: 16px;
height: 16px;
margin-bottom: 2px;
text-transform: uppercase;
cursor: pointer;
color: #FFF;
font-weight: bold;
border: 0px solid #b6e4fb;
}
/*
Main Category Menu CSS
*/
#category {
width: 1000px;
height: 30px;
background: url(images/categoryright.gif) repeat-x;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
#categoryx {
float: left;
width: 965px;
height: 30px;
padding-left: 10px;
}
#categoryy {
float: right;
width: 5px;
height: 30px;
}
#dcategory {
float: left;
height: 30px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#dcategory li {
float: left;
display: block;
height: 30px;
border-right: 1px solid #b6e4fb;
}
#dcategory li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#dcategory li a {
display: block;
line-height: 30px;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
color: #008ed0;
font-weight: bold;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#dcategory li a:hover {
background: url(images/categoryhover.gif) repeat-x;
color: #01bcf3;
}
#dcategory ul {
display: none;
z-index: 99;
position: absolute;
}
#dcategory ul li a {
display: block;
background: #FFF;
}
#dcategory li ul a:hover {
display: block;
background: #FFF;
}
#dcategory ul a {
display: block;
}
#dcategory ul ul {
margin-top: -26px;
display: none;
margin-left: 200px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#dcategory li:hover ul ul {
display: none;
}
#dcategory li:hover ul {
display: block;
}
#dcategory ul li:hover ul {
display: block;
}
#dcategory li ul li {
display: block;
width:100%;
}
#dcategory li.cat-item ul {
width: 260px;
}
#dcategory li.cat-item a {
display: block;
}
#dcategory li.cat-item a:hover {
display: block;
}
#dcategory li.cat-item ul li a {
display: block;
margin-left: -1px;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #008ed0;
font-weight: bold;
border: 1px solid #b6e4fb;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: url(images/categoryhover.gif) repeat-x;
}
#dcategory li.cat-item ul li a:hover {
display: block;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #282828;
font-weight: bold;
background: #b6e4fb;
border: 1px solid #b6e4fb;
background: url(images/categoryright.gif) repeat-x;
}
/*
/* The credits at the bottom of the site */
#credit {
width: 1000px;
min-height: 32px;
background: #DAF0FD url("images/credit.jpg") no-repeat;
text-align: center;
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-left: auto;
margin-right: auto;
padding: 0;
clear: both;
}
#credit a, #credit a:visited {
color: #282828;
text-decoration: none;
}
#credit a:hover, #credit a:visited:hover {
color: #282828;
text-decoration: underline;
}
#credit .footer {
color: #282828;
text-align: center;
padding-top: 10px;
font-weight: bold;
}
.copy {
width: 1000px;
font-size: 9px;
float: right;
font-weight: normal;
background-color: #d3edfa;
padding: 5px 0px 10px 0px;
}
/*
Subscribe RSS Form
*/
.subscribe {
width: 294px;
}
.subscribe fieldset {
display: inline;
margin-bottom: 10px;
border: 1px dotted #f4fbfe;
width: 270px;
}
.subscribe input {
display: inline;
vertical-align: middle;
}
.feedinput {
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
color: #282828;
font-size: 11px;
}
.feedinput:focus {
background: #ffffff;
border: 1px dotted #b6e4fb;
}
.feedsubmit {
background: url(images/feedsubmit.gif) no-repeat;
font-size: 11px;
font-weight: bold;
width: 44px;
height: 21px;
color: #fff;
cursor: pointer;
border: 0px dotted #b6e4fb;
}
.feedlink {
background: url(images/rss.gif) no-repeat left;
padding-bottom: 2px;
padding-left: 20px;
font-weight: bold;
font-size: 11px;
margin-right: 10px;
}
/*
* right sidebar
*/
#menu-right {
float: right;
display: inline;
width: 301px;
margin: 10px 10px 10px 0px;
font-size: 11px;
padding: 0px 8px 18px 8px;
border: 0px none #b6e4fb;
}
#menu-right h2 {
font-size: 18px;
margin: 8px 0 2px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #01bcf3;
}
#menu-right a,
#menu-right a:visited {
text-transform: ;
text-decoration: none;
color: #181818;
}
#menu-right a:hover,
#menu-right a:visited:hover {
text-transform: ;
text-decoration: underline;
color: #181818;
}
#menu-right ul ul {
margin-left: 12px;
}
#menu-right ul ul li {
list-style-image: url("images/menu-right-icon.png");
margin-left: 8px;
}
.box {
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}
.box p {
font-size: 1.0em;
line-height: 1.3em;
color: #282828;
margin: 0px 0px 7px 0px;
}
.postbox {
margin-bottom: 10px;
background: #FFF;
padding: 10px;
border: 1px solid #b6e4fb;
}
.postbox p {
font-size: 1.0em;
line-height: 1.3em;
text-align: justify;
margin: 0;
color: #666;
}
#adcontainer {
padding: 0px 0 0 0;
margin:0;
width: 300px;
}
#adboxes{
padding: 13px 0 14px 0px;
width:300px;
background: #1b8adc url(images/adcontainer_bg.jpg) top repeat-x;
float:left;
position: relative;
}
#adboxes ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 15px;
}
#adboxes ul li {
display:block;
margin: 2px 4px 0px 0px !important;
padding: 0px !important;
float:left;
list-style: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
/* End of right sidebar */
#rap {
width: 1000px;
margin: 0px auto;
background: url("images/rap-bg.jpg") repeat-y;
text-align: left;
padding: 0px;
border-left: 1px solid #02b9f1;
border-right: 1px solid #02b9f1;
}
.submit_button {
float: left;
padding:0; margin:0;
border:0;
height:23px;
width:130px;
background: url(images/submit-button.jpg) no-repeat;
}
input#s {
width: 200px;
border: 1px solid #830000;
color: #282828;
margin-top: 5px;
}
/* e107 core styles */
.tbox {
width: auto;
max-width: 450px;
padding : 2px;
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
.tbox.search {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
.tbox.chatbox {
width: 90%;
padding : 2px;
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
margin: 10px auto;
}
.npdropdown {
width: auto;
margin: 0 0 0px 0;
padding: 2px;
height: auto;
text-align: left;
}
.tbox.comment.subject {
width: 98%;
background-color: transparent;
border: 0px none #b6e4fb;
color: #282828;
padding: 2px;
margin-top: 3px;
}
#comment.tbox.comment {
width: 98%;
padding : 2px;
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
#contactForm textarea.tbox {
width: auto;
padding : 2px;
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
input#helpb.helpbox {
float: left;
margin-top: 2px;
margin-bottom: 2px;
text-align: left;
}
#commentform .helpbox{
width: 98%;
border-collapse: collapse;
padding: 1px;
}
.helpbox {
width: 98%;
background-color: transparent;
border: 0px solid #F1F1F1;
border-collapse: collapse;
padding: 3px;
}
.indent {
background: #ffffff;
border-left: 3px solid #b6e4fb;
color: #282828;
padding: 5px 5px 5px 25px;
}
.button {
background: #d3edfa;
border: 1px solid #b6e4fb;
color: #282828;
padding: 2px ;
}
.button:hover {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
.nextprev{
border: 0px solid #F1F1F1;
border-collapse: collapse;
padding: 3px;
text-align: left;
width: auto;
}
.smalltext {
font-size: 80%;
font-weight: normal;
}
.smallblacktext {
font-size: 80%;
font-weight: bold;
}
.fborder {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
color: #ddd;
padding: 3px;
margin-top: 3px;
text-align: left;
}
/* forum parent headers, forum captions */
.forumheader {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
padding: 3px;
vertical-align: middle;
text-align: left;
}
.contactforumheader {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
style='text-align:right;'
padding: 3px;
vertical-align: middle;
text-align: right;
}
.userheader {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
color: #ddd;
padding: 3px;
font-size: 120%;
vertical-align: middle;
text-align: left;
}
.nforumcaption{
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
padding: 3px;
font-size: 110%;
text-align: left;
}
.finfobar{
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
padding: 3px;
font-size: 95%;
text-align: left;
}
/* two left columns */
.forumheader2{
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
padding: 3px;
font-size: 99%;
text-align: left;
}
/* all the rest of the forum tables */
.forumheader3{
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
padding: 3px;
font-size: 99%;
text-align: left;
}
.forumborder {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
vertical-align: top;
font-size: 99%;
text-align: left;
}
/* where it says forum, information and all tables across */
.fcaption {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
padding: 3px;
font-size: 120%;
text-align: left;
line-height: 40px;
}
.fcaption a {
padding-right:4px;
text-decoration: underline;
}
.fcaption a:hover{
text-decoration: none;
}
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
div.menu,
div.menu a.menuItem {
}
div.menuBar {
}
div.emenuBar {
}
div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
position: relative;
text-decoration: none;
z-index: 20;
top: 0px;
left: 0px;
list-style: none;
display: inline;
line-height: 30px;
padding: 9px 15px;
font-size: 11px;
color: #008ed0;
border-right: 1px solid #b6e4fb;
font-weight: bold;
text-decoration: none;
height: 30px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
background: url(images/categoryhover.gif) repeat-x;
color: #01bcf3;
}
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover,
div.menuBar a.menuButtonActive:hover {
background: url(images/categoryhover.gif) repeat-x;
color: #01bcf3;
}
div.menu {
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
z-index: 101;
}
/*sub links */
div.menu a.menuItem {
display: block;
background: url(images/categoryhover.gif) repeat-x;
color: #01bcf3;
text-decoration: none;
padding: 4px 10px 7px 10px;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
color: #008ed0;
left: 0px;
top: 0px;
font-weight: normal;
}
div.menu a.menuItem span.menuItemBuffer {
padding: 0px 2px 0px 2px;
color: #ffffff;
}
div.menu a.menuItem:hover span.menuItemBuffer {
padding: 0px 2px 0px 2px;
color: #000000;
}
div.menu a.menuItem span.menuItemText {
padding: 0px 0px 0px 3px;
}
div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}
div.menu div.menuItemSep {
border-top: 0px solid #a5a5a5;
border-bottom: 0px solid #ffffff;
margin: 4px 2px;
}
a.menuItem.header {
border-bottom: 0px solid #b3b3b3;
}