/*
Theme Name: blue slider
Theme URI: http://test.qualitywordpress.com/?preview_theme=blue-slider
Description: Blue slider is a wordpress theme with a dynamic animated slider gallery.
Version: 1.0
Author: qualitywordpress
Author URI: http://qualitywordpress.com
*/
/* General */
body {
margin: 0;
background: url("images/bg.jpg");
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
/* Page */
#page {
margin: 0 auto;
width: 974px;
background: url("images/page.gif") repeat-y;
}
#page-in {
width: 974px;
background: url("images/page_in.gif") no-repeat left bottom;
}
/* Header */
#header {
width: 974px;
position: relative;
/*background: url("images/header.gif") repeat-y;*/
}
#header-top {
width: 974px;
background: url("images/header_top.jpg") no-repeat;
height:336px;
}
#header-bottom {
width: 974px;
padding-bottom: 0px;
/*background: url("images/header_bottom.gif") no-repeat left bottom;*/
}
/* Header - Info */
#header #header-info {
position: absolute;
top: 102px;
left: 300px;
}
#header #header-info h1 {
color: #FFFFFF;
font: normal 28px "trebuchet ms",helvetica,sans-serif;
}
#header #header-info h1 a {
color: #FFFFFF;
text-decoration: none;
}
#header #header-info .description {
color: #FFFFFF;
font: bold 12px "trebuchet ms",helvetica,sans-serif;
}
/* Header - Menu */
#header #header-menu1 {
position: absolute;
top: 338px;
right: 5px;
height: 44px;
}
#header #header-menu {
position: absolute;
top: 250px;
right: 5px;
height: 44px;
}
#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 44px;
}
#header #header-menu ul li {
float: left;
width: 100px;
height: 44px;
margin-right: 8px;
font: bold 12px/32px "trebuchet ms",helvetica,sans-serif;
color: #820000;
text-align: center;
background-color:#6D4F4D;
/*background: url("images/header_menu.gif") no-repeat;*/
}
#header #header-menu ul li a {
color: #3B3B3B;
height: 44px;
text-decoration: none;
display: block;
}
#header #header-menu ul li a:hover {
color: #3B3B3B;
background: url("images/header_menu_hover.gif") no-repeat;
}
/* Header - Menu - Active */
#header #header-menu ul li.current_page_item a {
color: #3B3B3B;
background: url("images/header_menu_hover.gif") no-repeat;
}
/* Header - Menu - Submenu */
#header #header-menu ul li ul {
display: none;
}
/* Header - Ssearch */
#header #header-search {
position: absolute;
top: 8px;
left: 28px;
width: 252px;
height: 27px;
}
#header #header-search {
width: 252px;
height: 27px;
background: url("images/sidebar_search.gif") no-repeat;
}
#header #header-search #search-form {
margin: 0;
padding: 0;
width: 252px;
height: 27px;
}
#header #header-search #sb {
width: 149px;
height: 17px;
border: 0;
padding: 5px;
font: bold 13px "trebuchet ms",helvetica,sans-serif;
color: #000000;
background: transparent;
float: left;
}
#header #header-search #searchsubmitb {
background: transparent;
border: none;
width: 83px;
height: 27px;
padding: 0;
float: right;
}
#header #header-text a {
color: #ffffff;
text-decoration: underline;
}
/* Header - Feed */
#header #header-feed {
position: absolute;
top: 22px;
left: 590px;
width: 73px;
height: 73px;
}
/* Header - Slide */
#header #header-slide {
position: absolute;
top: 208px;
left: 547px;
width: 10px;
height: 15px;
}
/* Header - Cat */
#cat {
width: 285px;
padding: 0 427px 0 262px;
font: normal 12px "trebuchet ms",helvetica,sans-serif;
color: #ffffff;
}
#header-logo {
width: 974px;
padding-top:49px;
}
#header-clear {
width: 974px;
height: 223px;
}
/* Header - Recent Articles */
#header #header-recent {
position: absolute;
top: 60px;
left: 660px;
width: 300px;
height: 120px;
}
#header #header-recent h3 {
width: 205px;
height: 22px;
color: #ffffff
font: bold 15px/22px "trebuchet ms",helvetica,sans-serif;
}
#header #header-recent ul {
margin: 0;
padding: 5px 0 0 30px;
list-style-type: none;
}
#header #header-recent ul li {
padding-left: 8px;
background: url("images/header_recent.gif") no-repeat;
color: #ffffff;
font: normal 12px/29px "trebuchet ms",helvetica,sans-serif;
}
#header #header-recent ul li a {
color: #ffffff;
text-decoration: none;
}
#header #header-recent ul li a:hover {
text-decoration: underline;
}
/* Main */
#main {
width: 974px;
padding-top:40px;
/*background: url("images/main.gif") no-repeat;*/
background: url("http://www.indiesmiles.com/wp-content/uploads/2010/01/main_new.jpg") no-repeat;
padding-bottom:-40px;
}
/* Main - Sidebar */
#sidebar {
float: left;
width: 262px;
padding: 0 31px 0 22px;
font: normal 12px/18px "trebuchet ms",helvetica,sans-serif;
color: #003E78;
}
#sidebar a {
color: #000000;
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Main - Sidebar - Boxes */
#sidebar .sidebar-box {
width: 262px;
background: url("images/sidebar_box.gif") repeat-y;
margin-bottom: 15px;
}
#sidebar .sidebar-box-top {
width: 252px;
background: url("images/sidebar_box_top.gif") no-repeat;
}
#sidebar .sidebar-box-bottom {
width: 252px;
background: url("images/sidebar_box_bottom.gif") no-repeat left bottom;
}
#sidebar .sidebar-box-blank {
width: 252px;
margin-bottom: 15px;
}
/* Sidebar - Titles */
#sidebar h3 {
width: 237px;
height: 36px;
padding-left: 15px;
font: bold 12px/36px "trebuchet ms",helvetica,sans-serif;
color: #ffffff;
background: url("images/sidebar_title.gif") no-repeat;
}
/* Sidebar - Search */
#sidebar #sidebar-search {
width: 252px;
height: 27px;
background: url("images/sidebar_search.gif") no-repeat;
}
#sidebar #sidebar-search #search-form {
margin: 0;
padding: 0;
width: 252px;
height: 27px;
}
#sidebar #sidebar-search #sb {
width: 149px;
height: 17px;
border: 0;
padding: 5px;
font: bold 13px "trebuchet ms",helvetica,sans-serif;
color: #054A5A;
background: transparent;
float: left;
}
#sidebar #sidebar-search #searchsubmitb {
background: transparent;
border: none;
width: 83px;
height: 27px;
padding: 0;
float: right;
}
/* Sidebar - Menus */
#sidebar ul {
margin: 0;
padding: 5px 0 15px 0;
list-style-type: none;
}
#sidebar ul li {
color: #000000;
font: normal 12px/29px "trebuchet ms",helvetica,sans-serif;
}
#sidebar ul li a {
color: #000000;
padding-left: 48px;
text-decoration: none;
background: url("images/sidebar_menu.gif") no-repeat left bottom;
display: block;
width: 204px;
height: 29px;
}
#sidebar ul li a:hover {
text-decoration: none;
background: url("images/sidebar_menu_hover.gif") no-repeat left bottom;
}
/* Sidebar - Menus - Submenus */
#sidebar ul li ul {
padding: 0;
}
/* Sidebar - Forms */
#sidebar #searchform {
margin: 0;
padding: 20px 0;
width: 252px;
text-align: center;
}
#sidebar #searchform #s {
width: 212px;
}
/* Sidebar - Tables */
#sidebar #calendar_wrap {
margin: 0 auto;
width: 145px;
padding: 5px 0;
}
#sidebar #calendar_wrap table {
width: 145px;
}
#sidebar #calendar_wrap caption {
font-weight: bold;
}
#sidebar #calendar_wrap tbody {
text-align: right;
}
#sidebar #calendar_wrap tfoot #next {
text-align: right;
}
#sidebar #calendar_wrap #today {
font-weight: bold;
}
/* Sidebar - Texts */
#sidebar .textwidget {
padding: 3px 7px 5px 7px;
}
/* Main - Content */
#content {
float: left;
width: 617px;
padding-top: 20px;
}
/* Main - Content - Post */
#content .post {
float: left;
margin-bottom: 20px;
width: 617px;
background: url("images/post.gif") repeat-y;
}
#content .post-top {
width: 617px;
/*background: url("images/post_top.gif") no-repeat;*/
background: url("http://www.indiesmiles.com/wp-content/uploads/2010/01/post_top_new.jpg") no-repeat;
}
#content .post-bottom {
width: 617px;
background: url("images/post_bottom.gif") no-repeat left bottom;
}
/* Post - Title */
#content .post .post-title {
width: 526px;
height: 65px;
padding: 20px 10px 0 20px;
color: #ffffff;
font: bold 10px "trebuchet ms",helvetica,sans-serif;
position: relative;
}
#content .post .post-title a {
color: #ffffff;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-title h2 {
color: #1DCCEF;
font: normal 20px cursive;
padding-bottom: 3px;
}
#content .post .post-title h2 a {
color: #1DCCEF;
text-decoration: none;
}
#content .post .post-title h2 a:hover {
text-decoration: underline;
}
#content .post .post-title .post-title-info {
padding: 0 3px;
width: 520px;
height: 19px;
line-height: 19px;
}
/* Post - Entry */
#content .post .post-entry {
font: normal 12px/18px "trebuchet ms",helvetica,sans-serif;
color: #333333;
width: 537px;
padding: 0 40px;
}
#content .post .post-entry a {
color: #000000;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry a.more-link {
font-weight: bold;
}
#content .post .post-entry blockquote {
border-left: 10px solid #ededed;
margin: 0px 30px;
padding-left: 15px;
}
/* Post - Info */
#content .post .post-info {
width: 526px;
height: 15px;
padding: 5px 10px 10px 81px;
font: bold 12px "trebuchet ms",helvetica,sans-serif;
color: #3B3B3B;
}
#content .post .post-info-in {
line-height: 19px;
background: #;
font-size:12px;
width: 520px;
padding: 0 2px;
height: 19px;
text-align: right;
}
#content .post .post-info a {
color: #3B3B3B;
text-decoration: none;
}
#content .post .post-info a:hover {
text-decoration: underline;
}
/* Post - Subtitle */
#content .post h3 {
margin: 20px 0 5px 0;
color: #054A5A;
font: bold 15px "trebuchet ms",helvetica,sans-serif;
}
/* Post - Comments */
#content .post .comments {
font: normal 12px/18px "trebuchet ms",helvetica,sans-serif;
color: #003E78;
width: 537px;
}
#content .post .comments ol {
margin: 10px 0;
padding-left: 25px;
}
#content .post .comments ol li {
padding: 5px;
}
#content .post .comments ol li a {
color: #000000;
text-decoration: none;
}
#content .post .comments ol li a:hover {
text-decoration: underline;
}
#content .post .comments ol li.alt {
background: #ededed;
}
#content .post .comments ol li cite {
color: #000000;
font-style: normal;
font-weight: bold;
}
#content .post .comments ol li cite a {
color: #000000;
text-decoration: none;
}
#content .post .comments ol li cite a:hover {
text-decoration: underline;
}
#content .post .comments ol li .commentmetadata a {
color: #000000;
text-decoration: none;
}
#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
/* Post - Comment Form */
#content .post #commentform {
font: normal 12px/18px "trebuchet ms",helvetica,sans-serif;
color: #003E78;
width: 537px;
padding-left: 25px;
margin: 0;
}
#content .post #commentform a {
color: #000000;
text-decoration: none;
}
#content .post #commentform a:hover {
text-decoration: underline;
}
/* Main - Content - Navigation */
#content .navigation {
float: left;
margin-bottom: 20px;
font: normal 10px "trebuchet ms",helvetica,sans-serif;
color: #000000;
width: 605px;
padding: 0 6px;
}
#content .navigation a {
color: #000000;
text-decoration: none;
}
#content .navigation a:hover {
text-decoration: underline;
}
#content .navigation .navigation-previous {
float: left;
}
#content .navigation .navigation-next {
float: right;
}
/* Footer */
#footer {
width: 974px;
height: 60px;
color: #ffffff;
font: normal 10px/12px "trebuchet ms",helvetica,sans-serif;
text-align: center;
}
#footer a {
color: #ffffff;
text-decoration: underline;
}
#footer a:hover {
text-decoration: underline;
}
/* Slider */
#gallery {
position:relative;
height:300px
}
#gallery a {
float:left;
position:absolute;
}
#gallery a img {
border:none;
}
#gallery a.show {
z-index:500
}
#gallery .caption {
z-index:500;
background-color:#000;
color:#ffffff;
height:70px;
width:100%;
position:absolute;
bottom:0;
}
#gallery .caption .content {
margin:5px
}
#gallery .caption .content h3 {
margin:0;
padding:0;
color:#1DCCEF;
}
#rand_post{
padding:10px 10px;
}
.newlogo{
background:#F9FBF0; width:100%;
border:1px #6D4F4D solid;
}