/*

	Theme Name: SimpleSMS Theme
	Theme URI: http://djo80.com
	Description: SimpleCMS Theme is designed as a simple starting point for developing themes suitable for the SimpleSMS WordPress plugin
	Version: 1.0
	Author: Joe Kennedy
	Author URI: http://djo80.com


	This theme was coded by JK
	http://djo80.com/


	The CSS, XHTML and design of this theme are released under GPL license:
	http://www.opensource.org/licenses/gpl-license.php


*/


/* Body reset */
body {
	margin:0;
	padding:0;
	}


/* Header styling */
#header_wrapper {
	width:100%;
	background:#bfe0b5;
	}
#header {
	overflow:auto;
	width:100%;
	padding:1em 1em 2em 1em;
	margin:0 auto;
	}
h1 {
	margin:0;
	padding:0;
	float:left;
	}
h1 a {
	color:#000000;
	}
#description {
	clear:left;
	float:left;
	color:#000000;
	}
#search {
	float:right;
	}


/* Menu styling */
#menu {
	width:100%;
	background:#bfe0b5;
	overflow:auto;
	}
#menu ul {
	width:99.5%;
	margin:0 auto;
	list-style:none
	}
#menu li {
	padding:0.5em 1em 0.5em 0;
	list-style:none
	color:#000000;
	float:left;
	}
#menu li a {
	color:#000000;
	}


/* Content styling */
#content {
	width:700px;
	margin:0 auto;
	}


/* Footer styling */
/*** FOOTER ***/

#footer{
  background: #fff;
}

/* block slider */
#footer-blocks{position:relative;margin:0 auto 1em auto;}
#footer-blocks.withSlider{width:940px;}

#footer-blocks .leftFade,#footer-blocks .rightFade{background:transparent url(images/bg-trans2.png) repeat-y left top;position:absolute;width:46px;min-height:100%;height:100%;/* <- for opera */top:0;z-index:10;}
#footer-blocks .leftFade{left:0;}
#footer-blocks .rightFade{background-position:right top;right:0;}
.slide-container{width:100%;overflow:hidden;position:relative;margin:0 auto;}
ul.slides{position:relative;top:0;left:0;list-style-type:none;margin:0;padding:0;width:100%;min-height:100%;display:block;}
#footer-blocks .slide-navigation a.next,#footer-blocks .slide-navigation a.previous{background:transparent url(images/block-nav.png) no-repeat left top;width:30px;height:42px;position:absolute;z-index:12;top:60px;}
#footer-blocks .slide-navigation a.next{background-position:right top;right:0;}
#footer-blocks .slide-navigation a.previous{left:0;}
#footer-blocks .slide-navigation a.next:hover{background-position:right bottom;}
#footer-blocks .slide-navigation a.previous:hover{background-position:left bottom;}
#footer-blocks .slide-navigation a.next span,#footer-blocks .slide-navigation a.previous span{display:none;}
ul.slides li.slide{list-style-type:none;position:relative;top:0;margin:0;padding:1em 0 0;display:block;}

/* only hide if slider is enabled (it is if there are more than 3 blocks) */
.withSlider ul.slides li.slide.page-content{position:absolute;display:none;width:940px;}

#footer-blocks ul.slides li.slide .slide-content{width:95%;margin:0 auto;}

ul.slides li.slide .slide-content ul.blocks,#footer-blocks ul.slides li.slide .slide-content ul.blocks li.block{list-style-type:none;margin:0;padding:0;}
ul.slides li.slide .slide-content ul.blocks li.block{width:33%;float:left;margin:0;padding:0;position:relative;}
ul.slides li.slide .slide-content ul.blocks li.block .block-content{padding:0 .8em;}
/* block width based on widget number (default block width is 30% + spacing, 3 blocks per slide) */
ul.slides li.slide .slide-content ul.blocks.widgetcount-1 li.block{width:100%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-2 li.block{width:50%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-3 li.block{width:33%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block{width:25%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block .block-content{padding:0 .6em;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block{width:20%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block .block-content{padding:0 .5em;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block{width:16.6%;}
ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block .block-content{padding:0 .4em;}

ul.slides li.slide .slide-content ul.blocks li.block h4.title{font-size:160%;font-weight:bold;background:#eee url(images/bg-lightgray.png) no-repeat left top;padding:.4em .6em;margin:0 0 .2em;text-shadow:#fff 1px 1px 1px;line-height:100%;color:#797979;position:relative;}


ul.slides li.slide.slide-2,
ul.slides li.slide.slide-3,
ul.slides li.slide.slide-4,
ul.slides li.slide.slide-5,
ul.slides li.slide.slide-6,
ul.slides li.slide.slide-7,
ul.slides li.slide.slide-8{display:none;}

/* copyright & other info */
#footer #copyright{display:block;padding:1em 2em;text-align:center;border-top:1px solid #ddd;line-height:200%;}

#footer .button{padding:4px 8px 4px 8px;color:#fff;background-color:#666;text-decoration:none;text-transform:uppercase;font-weight:bold;}
#footer a.button.rss-subscribe{background:#666 url(images/icons.png) no-repeat 2px -666px;padding-left: 25px;}



