/*
This file is part of the Digital Raindrops CMS-portfolio for WordPress and Artisteer
Copyright 2010 David Cox; (email : david.cox@digitalraindrops.net)
Plugin Support: http://www.digitalraindrops.net/Boards/
This CSS file will be loaded last, make any changes to your styles only in this file
*/

/* cu3er alter margin left and top if required */
/* Width of art-contentLayout used for Feature gallery from style.css 992px */

/* Start CMS-Portfolio header info block */
/* change the width of the art-logo */
.art-logo
{
	width: 700px;
}

#cms-info-block
{
	float: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin-right: 20px;
	margin-top: 10px;
	overflow: hidden;
	width: 270px;
	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 */

/* Start CMS-Portfolio Navigation Menu */
.cms-left
{
	float: left;
}

.cms-right
{
	float: right;
}
/* End CMS-Portfolio Navigation Menu */

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

.cms-image a.hover, .cms-image a:hover
{
	position: absolute;
	filter:alpha(opacity=50);
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
}
/* End CMS-Portfolio post thumbnail images */

/* Start CMS-portfolio Header Logo change the height width margin and float here */ 
#cms-header-logo
{
	position: absolute;
	float:left;
	height:106px;
	margin-top:5px;
	margin-left:5px;
	width:700px;
	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-header-logo a {
	position: absolute;
	display: block;
	height:106px;
	width: 700px;
}
/* End CMS-Portfolio Logo */

/* Start CMS-Portfolio post content columns */
.cms-two-column {
	position: relative;
	float:left;
	height:auto;
	width:50%;
	overflow: hidden;
	z-index: 1;
}

.cms-three-column {
	position: relative;
	float:left;
	height:auto;
	width:33%;
	overflow: hidden;
	z-index: 1;
}

.cms-four-column {
	position: relative;
	float:left;
	height:auto;
	width:25%;
	overflow: hidden;
	z-index: 1;
}
/* End CMS-Portfolio post content columns */

/* Start CMS-Portfolio tweeks to the Artisteer standard style */
.art-post
{
   margin: 3px;
}

.art-post-body
{
   padding: 3px;
}

body
{
	background-image: url('images/cms-Body.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
}

.art-Header
{
	background-image: none;
}
/* End CMS-Portfolio tweeks to the Artisteer standard style */

/* Start CMS-Portfolio slideshow style */
.cms-slideshow
{
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left:  20px;
	margin-right: 20px;
	padding: 5px;
	width: 952px;
	border: dotted 2px #C7C7C7;
}
/* Start CMS-Portfolio slideshow style */


/* Start CMS-Portfolio Styling of Footer Widgets */

/* Start Widgets Container */
/* Footer Panel layout */
.cms-footer
{
	position: relative;
	margin-top: 15px;
	padding: 0;
	border: 0;
	background-color: #C7C7C7;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 220px;
	z-index: 1;
} 

.cms-footer-base
{
	position: relative;
	margin-top: 0;
	padding: 0;
	border: 0;
	background-color: #9E9E9E;
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	z-index: 1;
}

.cms-footer-inner, .cms-footer-bottom
{
	position: relative;
	margin-left: 200px;
	width: 1000px;
	z-index: 0;
} 

.cms-footer-bottom
{
  height: 1%;
  position: relative;
  z-index: 0;
  padding: 10px;
  text-align: center;
}

.cms-footer-bottom .art-footer-background
{
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-image: url('images/footer.png');
  width: 1000px;
  height: 150px;
  bottom: 0;
  left: 0;
}

.cms-footer-bottom .art-footer-text p
{
  margin: 0;
}

.cms-footer-bottom .art-footer-text
{
  display: inline-block;
  font-size: 13px;
}

.cms-footer-bottom .art-footer-text a:link
{
  text-decoration: none;

}

.cms-footer-bottom .art-footer-text a:visited
{
  text-decoration: none;

}

.cms-footer-bottom .art-footer-text a:hover
{
  text-decoration: none;
}

/* Start Layout */
.cms-footer .cms-footer1{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	width: 25%;
} 

.cms-footer .cms-footer2{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	width: 25%;
} 

.cms-footer .cms-footer3{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	width: 25%;
} 

.cms-footer .cms-footer4{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	width: 25%;
} 

/* Begin Styling of Footer Widgets */
/* Start Widgets Container */

.cmsf-Widgets
{
	position:relative;
	z-index:0;
	margin: 0 auto;
	min-width:12px;
	min-height:12px;
} 

.cmsf-Widgets-body
{
	position: relative;
	z-index: 1;
	padding: 0px;
}

.cmsf-Widgets
{
	margin: 10px;
} 

/* End Widgets Container */

/* Begin Widgets Header */
.cmsf-WidgetsHeader
{
	position:relative;
	z-index:0;
	overflow: hidden;
	height: 30px;
	padding: 0 10px;
	margin-bottom: 5px;
}

.cmsf-WidgetsHeader .t
{
	height: 30px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 1px;
	line-height: 30px;
}

.cmsf-WidgetsHeader .l, .cmsf-WidgetsHeader .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('images/cmsf-BlockHeader.png');
}

.cmsf-WidgetsHeader .l
{
	left: 0;
	right: 1px;
}

.cmsf-WidgetsHeader .r
{
	width:1020px;
	right:0;
	clip: rect(auto, auto, auto, 1019px);
}

 /* End Widget Header layout */

/* Begin Widgets Content Layout */
.cmsf-WidgetsContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:13px;
	min-height:13px;
}

.cmsf-WidgetsContent-trc, .cmsf-WidgetsContent-tlc, .cmsf-WidgetsContent-brc, .cmsf-WidgetsContent-blc
{
	position:absolute;
	z-index:-1;
}

.cmsf-WidgetsContent-tb, .cmsf-WidgetsContent-bb,.cmsf-WidgetsContent-br, .cmsf-WidgetsContent-bl
{
	position:absolute;
	z-index:-1;
}

.cmsf-WidgetsContent-body
{
	position: relative;
	z-index: 1;
	padding: 10px;
}

/* Begin Widgets Container Borders */
.cmsf-WidgetsContent-trc, .cmsf-WidgetsContent-tlc, .cmsf-WidgetsContent-brc, .cmsf-WidgetsContent-blc
{
	width: 12px;
	height: 12px;
	background-image: url('images/cmsf-Block-s.png');
}
.cmsf-WidgetsContent-tlc
{
	top:0;
	left:0;
	clip: rect(auto, 6px, 6px, auto);
}

.cmsf-WidgetsContent-trc
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 6px, 6px);
}

.cmsf-WidgetsContent-blc
{
	bottom: 0;
	left: 0;
	clip: rect(6px, 6px, auto, auto);
}

.cmsf-WidgetsContent-brc
{
	bottom: 0;
	right: 0;
	clip: rect(6px, auto, auto, 6px);
}

.cmsf-WidgetsContent-tb, .cmsf-WidgetsContent-bb
{
	left: 6px;
	right: 6px;
	height: 12px;
	background-image: url('images/cmsf-Block-h.png');
}

.cmsf-WidgetsContent-tb
{
	top: 0;
	clip: rect(auto, auto, 6px, auto);
}

.cmsf-WidgetsContent-bb
{
	bottom: 0;
	clip: rect(6px, auto, auto, auto);
}

.cmsf-WidgetsContent-br, .cmsf-WidgetsContent-bl
{
	top: 6px;
	bottom: 6px;
	width: 12px;
	background-image: url('images/cmsf-Block-v.png');
}

.cmsf-WidgetsContent-br
{
	right:0;
	clip: rect(auto, auto, auto, 6px);
}

.cmsf-WidgetsContent-bl
{
	left:0;
	clip: rect(auto, 6px, auto, auto);
}

.cmsf-WidgetsContent-cc
{
	position:absolute;
	z-index:-1;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
}
/* End Widgets Content Layout */

/* Start Widgets Content Style */
.cmsf-WidgetsContent-body
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 13px;
}

.cmsf-WidgetsContent-body a:link
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

.cmsf-WidgetsContent-body a:visited, .cmsf-WidgetsContent-body a.visited
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.cmsf-WidgetsContent-body a:hover, .cmsf-WidgetsContent-body a.hover
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.cmsf-WidgetsContent-body ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}

.cmsf-WidgetsContent-body ul li
{
	font-size: 13px;
	height: 125%;
	line-height: 1.25em;
	padding: 0px 0 0px 14px;
	background-image: url('images/cmsf-BlockContentBullets.png');
	background-repeat: no-repeat;
	border-bottom: solid 1px #C7C7C7;
}
/* End Widgets Content */
/* End CMS-Portfolio Widgets Footer Styles */