/*	
This file is part of the Digital Raindrops CMS-Lite for WordPress Plugin
Copyright 2010  David Cox  (email : david.cox@digitalraindrops.net)
Plugin Support: http://www.digitalraindrops.net/Boards/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* This CSS file will be loaded last, make any changes to your styles only in this file
When you want to use one of the addons just paste the css file Contents into this file,

Change the look and feel of your theme here, allowing you to revert back at any time
Example to change the background image from the themes default image: background.png 
.body
{
	background-image: url('images/my-background.png');
}
*/

/* Start CMS-Portfolio post thumbnail images */
.cms-image
{
	margin-left: 2px;
	margin-right: 7px;
	float: left;
	overflow: hidden;
	width: auto;
	height: auto;
}


.art-logo
{
	width: 700px;
}

#cms-info-block
{
	float: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	margin-right: 10px;
	margin-top: 25px;
	overflow: hidden;
	width: 220px;
	height: auto;
}

#cms-info1,#cms-info2,#cms-info3,#cms-info4
{
	float: left;
	width: 100%;
}
.cms-info-title
{
	float: left;
}

.cms-info-text
{
	float: right;
}

.cms-info-text a:link {
	text-decoration:none;
}

.cms-info-text a:visited {
	text-decoration:none;
}

.cms-info-text a:active {
	text-decoration:none;
}

.cms-info-text a:hover {
	text-decoration:none;
}
/* End CMS-Portfolio header info block */


.art-nav
{
	border-bottom: 3px solid #000000;
}

/* set the feedburner float and margins here*/
#cms-feedburner {
	display: block;
	float:right;
	height:100px;
	margin-top:25px;
	margin-left:0px;
	margin-right:10px;
	width:468px;
	overflow:hidden;
}

/* Header Ad set the float and margins here */
#cms-header-ad {
	display: block;
	float:right;
	height:60px;
	margin-top:25px;
	margin-left:0px;
	margin-right:10px;
	width:468px;
	overflow:hidden;
}

/* change the height width margin and float here */
/* header is 125px */ 
#cms-lite-logo
{
	position:absolute;
	float:left;
	height:115px;
	margin-top:5px;
	margin-left:0px;
	width:300px;
	overflow:hidden;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	z-order: 10;
}
/* change the height width for clickable area here */ 
#cms-lite-logo a {
	position: absolute;
	display: block;
	height:115px;
	width: 300px;
}

#cms-option4 .inner
{
/* Feature Gallery Start */
	margin-left: 5px;
	margin-top: 5px;
	padding: 8px;
	overflow: hidden;
	background:#FFFFFF none repeat scroll 0 0;
/* Feature Gallery End */
}



/* setup the colours and sizes you want in this section */
/* Navigation Bar  background font padding and height */
#cms-cat-menu #cat-menu ul {
	position:relative;
    display:block;
    margin:0;
    background-color: #FFFFFF;
    list-style-type:none;
    text-transform:uppercase;
    height:26px;
	z-index:10;
}
/* Inner cell padding and border */
#cms-cat-menu-inner {
	border-bottom: 3px solid #212121;
	padding-left: 7px;
}
.cms-cat-menu-item li {
	border-right: 1px dotted #1A3337;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 14px;
    font-weight: bold;
    text-align: center;
	color: #212121;
}
.cms-cat-menu-item a {	
	padding: 5px 10px;
    color: #212121;
}
.cms-cat-menu-item li a:hover {
	background-color: #737373;
	color: #f0f0f0;
}


#cms-cat-menu-container {
	padding :1px
}
#cms-cat-menu {
	clear: both;
	overflow: hidden;
}
#cms-cat-menu-inner {
	margin: 0px;
	height: 100%;
	overflow: hidden;
}
.cms-cat-menu-item {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cms-cat-menu-item li {
	float: left;
	text-align: center;
	text-transform: uppercase;
}
.cms-cat-menu-item a {
	display: block;
	line-height: 100%;
	text-decoration: none;
}

.nav-search	{
	float:right;
	width:auto;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.nav-searchbox	{
	position:relative;
	background: #FFFFFF !important;
	color:#417E83;
  	font-weight: normal;
	border-top: 0px;
	border-left: 1px dotted #cccccc;
    border-right: 1px dotted #cccccc;
	border-bottom: 0px;
	padding: 2px 6px 2px 4px;
	margin: 0px 0px 0px 7px;
	display: inline;
	width:160px;
}
#searchbutton	{	
	background-color: #FFFFFF !important;
	color:#212121;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    border: 0;
	margin:0;
    display:inline;
	width:auto;
    height: 26px;
	cursor:pointer;
}

#searchbutton:hover
{
	background-color: #737373 !important;
	color: #f0f0f0 !important;
}