/*

    CSS Document


    Site: DaveArt
    URL: http://www.daveart.com
    Author: PS Kommunikation
    Version: 1.1

    Date: 2009.09.01

*/


/*
 *      DEFAULT
 *
 */

BODY {
	background:#efefef;	
    height:100%;		
	text-align:center;
}
DIV#Wrapper {
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -7em;
	margin:0 auto; 
    text-align: left;	
    width:980px; /*width:960px;*/
}


/*
 *      MASTHEAD
 *
 */

DIV#Masthead {

}

/** LOGO **/

DIV#BannerTop {
    height:120px;
    width:980px;
    margin:1px 0 0 0;    
}

DIV#Logo {
    display:inline; 
    float:left;    
    height:52px;
    margin:25px 0 20px 0;    
    width:182px;
}

/** GLOBALNAV **/
DIV#GlobalNav INPUT.FlickrSearchBox 
{
    border:solid 1px #e7e7e7;
    color:#555;
    width:150px;
    font-size:1em;
    padding:2px;

}
DIV#GlobalNav INPUT.FlickrSearchBtn {
    border:none;
    background:url(/images/icon-green-arrow.gif) left bottom no-repeat;
    width:20px;
    display:inline;
    margin-left:5px;
    text-indent:-9999px;
}
DIV#GlobalNav {
   	background:url(/images/bg-tab-left.gif) no-repeat left bottom;
   	display:inline;
	float:right;
    height:33px;
    text-align:right;
    width:560px;	
}
DIV#GlobalNav UL {
   	background:url(/images/bg-tab-right.gif) no-repeat right bottom;   	
    display:inline;
    float:right;
    height:33px;
    list-style-type:none;
    margin:0 0 0 0;
    padding:0;
}
DIV#GlobalNav UL LI {
    display:inline;
    float:left;
    font-size:0.8em;
    margin:5px 20px 0 0;
    line-height:2em;
}
DIV#GlobalNav A {
    text-decoration:none;
    color:#666;
}
DIV#GlobalNavA:HOVER {
    text-decoration:underline;
}

/*
DIV#GlobalNav {
   	background:url(/images/bg-tab-left.gif) no-repeat left bottom;
   	display:inline;
	float:right;
    height:2.6em;  
    text-align:right;
    width:20em;    	
}
DIV#GlobalNav UL {
   	background:url(/images/bg-tab-right.gif) no-repeat right bottom;   	
    display:block;
    float:right;
    height:2.2em;  
    list-style-type:none;
    margin:0 0 0 0;
    padding:0;
}
DIV#GlobalNav UL LI {
    display:inline;
    float:left;
    font-size:0.8em;
    margin:5px 20px 0 0;
}
DIV#GlobalNav A {
    text-decoration:none;
    color:#666;
}
DIV#GlobalNavA:HOVER {
    text-decoration:underline;
}
*/

/** MAINNAV **/

DIV#MainNav {
    background:url(/images/bg-topmenu-top.gif) no-repeat left top;
    height:3.5em;  
    padding:5px 0 0 0;
    margin:0 0 20px 0;
    width:980px; /*width:960px;*/
}
DIV#MainNav UL  {
    background:url(/images/bg-topmenu-bottom.gif) repeat-y left bottom;    
    display:block;  
    height:3.5em;    
    list-style-type:none;
    margin:0;
    padding:0;    
}
DIV#MainNav UL  LI {
    float:left;
    margin:0 0 0 25px;
}
DIV#MainNav UL LI A {
    color:#33ccff;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    padding:8px 15px 5px 5px; 
    text-decoration:none;
}
DIV#MainNav UL  LI.active A{
    color:#434540;
}
DIV#MainNav UL  LI A.current {
    background:url(/images/bg-menu-right.gif) no-repeat right top;
    color:#333;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    text-decoration:none;
}
DIV#MainNav UL LI A:hover {
    text-decoration:none;
}

/* SubNav */
/*DIV#SubNav 
{
    padding:30px 0 10px 0;
    margin:0;


}

DIV#SubNav UL  {
    list-style-type:none;
}
DIV#SubNav UL  LI {
    float:left;
    margin:0 10px 0 0;
    font-weight:bold;
}
DIV#SubNav UL LI A 
{
    text-decoration:none;
}
DIV#SubNav UL LI A:hover
{
    text-decoration:underline;
}
*/
/* 
 * Box
*/
DIV#MenuBoxOuter {
    background:url(/images/bg-tagcloud-top.gif) no-repeat;
    
}
DIV#MenuBoxInner {
    background:url(/images/bg-tagcloud-bottom.gif) left bottom no-repeat;
    padding:20px;
    margin-bottom:20px;
    text-align:center;
}
DIV#MenuBoxInner A {
    line-height:1.2em;
}
UL.SubNav {
    list-style-type:none;
    float:left;
    width:165px;
	margin: 0px 0px 0px 18px;
}
UL.SubNav LI 
{
    text-align:left;
}
/*
 *      CONTENT COMMON
 *
 */
 
DIV#Placeholder {
}
DIV#ColLeft {
    float:left;
    margin:0 20px 0 0;
    width:630px;
} 
DIV#ColRight {
    float:right;
    width:330px;    /*width:310px;*/
} 

/** COL LEFT **/

/* Content  */

DIV#ContentContainerOuter {
    background:#fff url(/images/bg-content-top.gif) no-repeat left top;
    padding:25px 0 0 0;
    width:630px;    
}
DIV#ContentContainerInner {
    background:#fff url(/images/bg-content-bottom.gif) no-repeat left bottom;
    padding:0 0 35px 0;
    width:630px;       
}
DIV#Content {
    background:#fff;
    margin:0 20px 0 20px;
    width:590px;       
}

/*
Box
*/

DIV#ContentBoxOuter {
    background:url(/images/bg-tagcloud-top.gif) no-repeat;
    
}
DIV#ContentBoxInner {
    background:url(/images/bg-tagcloud-bottom.gif) left bottom no-repeat;
    padding:15px;
    margin-bottom:10px;
    text-align:left;
}
DIV#ContentBoxInner A {
    line-height:1.2em;
}

DIV#ContentBoxInner H2 {
    margin-top: 0px;
	/*color:#33ccff;*/
}

/** COL RIGHT **/

.PuffRightBottom {
    background:#fff url(/images/bg-sidebar-puff-bottom.gif) no-repeat left bottom;
    color:#ff7500;
    height:3em;
    padding:0 0 0 20px;    
    margin:0 0 15px 0;    
}
.PuffRightBottom P {
    font-size:1.1em;
    margin:0; 
}
.PuffRightBottom A {
    font-weight:bold;    
    text-decoration:none;   
    margin:0; 
}
.PuffRightBottom A:HOVER {
    text-decoration:underline;   
}
DIV#PuffTwitter {
    background:url(/images/bg-puff-twitter.gif) repeat-y left top;
    padding:55px 20px 10px 20px;
}
DIV#PuffTwitter P {
    }
DIV#PuffTwitter P SPAN {
    color:#a1a1a1;
    display:block;
    font-size:1em;
    font-weight:bold;
}
DIV#PuffYouTube {
    background:#fff url(/images/bg-sidebar-puff-top.gif) no-repeat left top;
    padding:20px; /*padding:10px;*/
}
DIV#PuffYouTube IMG {
    float:right;
    margin-bottom:5px;
}
DIV#PuffYouTube P 
{
    font-size:1.1em;
}


DIV#PuffBlogger {
    background:#fff url(/images/bg-sidebar-blogger-top.gif) no-repeat left top;
    padding:15px 20px 10px 20px;
}

DIV#OrderSpacer{
	width: 100px;
	height: 125px;
}


/*DIV#PuffBlogger H2 {
    color:#cc6600;
    font-size:1.6em;
    margin:8px 0 7px 0;
}*/

DIV#PuffBlogger DIV#PuffBloggerIntro {
    width: 152px;
	color:#484540;
    font-size:1.1em;
    font-weight:bold;
    line-height:normal;
    padding:40px 0 18px 0;
}

/*P.PuffBloggerIntro {
    color:#484540;
    font-size:1.1em;
    font-weight:bold;
    line-height:normal;
    margin:0 0 25px 0;
}*/
/*
.BloggerItemTeaser {
    border-top:solid 1px #e7e7e7;
    margin:0;
    padding:1.5em 0 1.5em 0;
}
.BloggerItemTeaser P {
    color:#434540;
    font-size:1.1em;
    line-height:normal;    
    margin:0;
}
.BloggerItemTeaser P SPAN {
    color:#a1a1a1;
    display:block;
    font-size:0.9em;
    font-weight:bold;
    margin:3px 0 0 0;
}
.BloggerItemTeaser A {
    color:#434540;
    text-decoration:none;
}
.BloggerItemTeaser A:HOVER {
    color:#434540;
    text-decoration:none;
}
*/


DIV#FacebookStream, 
DIV#FacebookFans
{
    background:#fff url(/images/bg-sidebar-puff-top.gif) no-repeat left top;
    padding:10px;
}


DIV#FacebookStream IMG,
DIV#FacebookFans IMG
{
    float:right;
    margin-bottom:5px;
}
DIV#FacebookStream P 
{
    text-align:right;
    padding-right:50px;
}

DIV#PuffFacebook {
    background:url(/images/bg-puff-facebook.gif) no-repeat left top;
    height:109px;
    position:relative;
    width:330px; /*width:310px;*/
    margin-bottom:15px;
}
DIV#PuffFacebook P {
    left:32px;
    position:absolute;
    top:60px;
}
DIV#PuffFacebook A {
    color:#efefef;
    font-size:1.2em;
    text-decoration:none;    
}
DIV#PuffFacebook A:HOVER {
    text-decoration:underline;    
}

/*
 *      CONTENT START
 *
 */

/** COL LEFT **/

/* USP */

DIV#USP {
    margin:0;
    /*width:630px;   */ 
}

/* Main Puff  */

DIV#PlaceholderMainPuff {
    margin:15px 0 0 0;
    height:auto;
}
DIV#PlaceholderMainPuff P {
    background:#fff;/*url(/images/bg-focus-top.gif) no-repeat left top;*/
    font-size:1.1em;     
    padding:0 0 10px 0;
    background:url(/images/bg-focus-bottom.gif) no-repeat left bottom;

}
DIV#PlaceholderMainPuff P A {
    color:#ff7500;
}
DIV#PlaceholderMainPuff P SPAN {
    background:url(/images/icon-daveart.gif) no-repeat left top;
    color:#ff7500;
    line-height:2em;
    font-weight:bold;
    margin:0 0 0 10px;
    padding:0 0 0 18px;
    text-decoration:none;
}
DIV#PlaceholderMainPuff P A:HOVER {
    text-decoration:underline;    
}
DIV#MainPuffOne {
    float:left;
    margin:0 15px 0 0;
    width:200px;
}
DIV#MainPuffTwo {
    float:left;
    margin:0 15px 0 0;
    width:200px;        
}
DIV#MainPuffThree {
    float:left;
    margin:0;
    width:200px;        
}

/* Content */

DIV#blogWrapper { 
    display:inline;
    float:left;
    margin:0 20px 0 0;
    width:290px;    
}
DIV#blogHeadline {
	border-bottom:solid 1px #e7e7e7;
	padding: 0 0 3px 0;
}
DIV#blogHeadline  H2{
    font-size:1.2em;
	margin: 0;
}
DIV.blogItem 
{
    border-bottom:solid 1px #e7e7e7;
    padding:5px 0 0px 0;
}
DIV.blogItem SPAN {
    color:#a1a1a1;
    font-weight:bold;
    display:inline;
}
DIV.blogItem H3 
{
    margin-bottom:0.8em;
}
/*
DIV#News P {
    font-size:1.1em;
}
.NewsItemTeaser {
    border-bottom:solid 1px #e7e7e7;
    margin:0 0 5px 0;
    padding:0 0 20px 0;
}
.NewsItemTeaserImage {
    float:left;
    margin:25px 0 0 0;
    width:80px;
}
.NewsItemTeaserText {
    float:right;
    margin:10px 0 0 0;        
    width:200px;
}
.NewsItemTeaserText SPAN {
    color:#a1a1a1;
    font-weight:bold;
}
.NewsItemTeaserText H2 {
    font-size:1.1em;
    font-weight:normal;
    margin:5px 0 10px 0;
}
.NewsItemTeaserText P {
    font-size:1.1em;
    margin:0 0 10px 0;
}
.NewsItemTeaserText A {
    color:#ff7500;
    font-weight:bold;
    text-decoration:none;
}
.NewsItemTeaserText A:HOVER {
    color:#ff7500;
    text-decoration:underline;
}
*/
/* More puff */

DIV#PlaceholderMiddlePuff { 
    display:inline;    
    float:left;
    margin:0;
    width:280px;    
}
DIV#PuffAirbrush {
    background:url(/images/bg-weareairbrush.gif) no-repeat left top;
    height:227px;
    margin:0 0 15px 0;
    position:relative;    
    width:280px;    
}
DIV#PuffAirbrushContent {
    position:absolute;
    top:52px;
	left:28px;
	/*text-align: center;*/
}
/*DIV#PuffAirbrushContent H2 {
    margin:0 0 20px 0;
}*/
DIV#PuffAirbrushContent P {
    font-size:1.1em;    
    line-height:normal;
}
/*DIV#PuffAirbrushContent A {
    color:#ff7500;
    font-weight:bold;
    text-decoration:none;
}
DIV#PuffAirbrushContent A:HOVER {
     text-decoration:underline;
}

DIV#PuffAirbrushContent SPAN {
    display:block;
}
DIV#PuffAirbrush H2 {
}*/
DIV#PuffCribs {
    background:url(/images/bg-daveart-cribs.jpg) no-repeat left top;
    height:162px;
    position:relative; 
    width:280px;
    margin:0 0 15px 0;	
}
DIV#PuffCribsContent {
    bottom:10px;
    position:absolute;
    left:10px;
}
DIV#PuffCribsContent P {
    margin:0;
}
DIV#PuffCribsContent A {
    color:#efefef;
    font-size:1.2em;
    text-decoration:none;
}
DIV#PuffCribsContent SPAN {
    color:#efefef;
    display:block;
    font-size:0.9em;
}

DIV#PuffSchool {
    background:url(/images/bg-puff-school.jpg) no-repeat left top;
    height:270px;
    position:relative; 
    width:280px;
}
DIV#PuffSchoolContent {
    bottom:9px;
    position:absolute;
    left:20px;
}
DIV#PuffSchoolContent P {
    margin:0;
}
DIV#PuffSchoolContent A {
    color:#efefef;
    font-size:1.2em;
    text-decoration:none;
}
DIV#PuffSchoolContent SPAN {
    color:#efefef;
    display:block;
    font-size:0.9em;
}

DIV.PuffBlackBox
{
    background:url(/images/bg-puff-blackbox-top.gif) left top no-repeat;
    width:280px;
    margin-top:10px;
    padding-top:1px;
}
DIV.PuffBlackBox SPAN 
{
    display:block;
    margin:5px 0 0 10px;
}
DIV.PuffBlackBox SPAN EM 
{

}
DIV.PuffBlackBox P 
{
    font-size:1.1em;
    color:#fff;
    padding:10px;
    background:url(/images/bg-puff-blackbox-bottom.gif) left bottom no-repeat;
}
/*
 *      CONTENT TEXT AND IMAGE
 *
 */

/** COL LEFT **/

UL#Pagetools {
   	float:right;
   	list-style:none;
   	margin:0 20px 20px 0;
   	padding:0;
   	height:25px;
   	text-indent:-9999px;
   	width:136px;
}
UL#Pagetools LI {
    float:left;
    font-size:0.9em;
    line-height:1.8em;
    margin:0 0 0 2px;
}
UL#Pagetools LI A {   
    color:#aaa;
    display:block;
    height:25px;
    font-weight:bold;
    text-decoration:none;
    text-indent:-9999px;
}
UL#Pagetools LI A#normal {
    background:url(/images/icon-text-small.gif) no-repeat;
    width: 20px;
}
UL#Pagetools LI A#larger {
    background:url(/images/icon-text-medium.gif) no-repeat;
    width: 20px;
}
UL#Pagetools LI A#largest {
    background:url(/images/icon-text-large.gif) no-repeat;
    width: 20px;
}
UL#Pagetools LI A#print { 
    background:url(/images/icon-print.gif) no-repeat;
    width:66px;
}

/*
 *      FOOTER
 *
 */
 
.push {
    height:7em;
}
DIV#Footer {
    background:#666;
    padding:5px 0px;
}
DIV#Footer P {
    color:#efefef;
    font-size:1.1em;
    line-height:normal;
}
DIV#Footer STRONG {
    background:url(/images/icon-daveart-grey.gif) no-repeat left center;
    padding:0 0 0 20px;
}
DIV#Footer A {
    color:#efefef;
    text-decoration:none;    
}
DIV#Footer A:HOVER {
    color:#efefef;
    text-decoration:underline;
}
DIV#FooterContent {
    text-align:center; 
    margin-top:1em;
    margin-left:auto; 
    margin-right:auto;      
    width:960px;
}
DIV#ContactInfo {
    display:inline;
    float:left;
    margin:5px 40px 0 0;
    text-align:left;    
    width:630px;
}
DIV#Footer DIV#FooterContent DIV#ContactInfo P.Red {
    color:#f19797;
}
DIV#Producer {
    display:inline;
    float:right;
    margin:5px 0 0 0;
    text-align:left;
    width:270px;
}
DIV#Producer {
    display:inline;
    float:right;
    margin:5px 0 0 0;
    text-align:left;
    width:270px;
}

/*
 *      CLASSES
 *
 */

.IconTwitter {
    background:url(/images/icon-twitter.gif) no-repeat left center;
    height:2.2em;
    line-height:2.2em;    
    padding:3px 0 3px 20px;    
}
.iconYoutube 
{
    background:url(/images/icon-youtube.gif) no-repeat left center;
    height:2.2em;
    line-height:2.2em;    
    padding:3px 0 3px 20px;    

}
.iconFacebook
{
    background:url(/images/icon-facebook.gif) no-repeat left center;
    height:2.2em;
    line-height:2.2em;    
    padding:3px 0 3px 20px;    

}
.IconRSS { 
    background:url(/images/icon-rss.gif) no-repeat left center;
    height:2.2em;
    line-height:2.2em; 
	text-decoration:none;
    padding:5px 0 5px 20px;
}
.IconDaveart { 
    background:url(/images/icon-daveart.gif) no-repeat left center;
    /*color:#ff7500;*/
    font-weight:bold;
    margin:0 0 0 0px;
    padding:0 0 0 18px;
    text-decoration:none;
    height:2.2em;
    line-height:2.2em; 
}
.IconArrowRight {
    background:url(/images/icon-green-arrow.gif) no-repeat left center;
    color:#ff7500;
    font-weight:bold;
    height:20px;
    padding:5px 0 5px 20px;
    text-decoration:none;
}
.Btn {
    background:url(/images/btn-search.gif) no-repeat left bottom;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    height:18px;
    padding:0;
    width:46px; 
}
.About { 
    background:url(/images/icon-about.gif) no-repeat left center;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 16px;
}
.FloatLeft {
    display:inline;
    float:left;
}
.ImageFloatRight {
    display:inline;
    float:right;
	margin: 0px 0 12px 20px;
}
.ImageFloatRightTop {
    display:inline;
    float:right;
	margin: -3px 0 12px 20px;
}
.ImageFloatLeft {
    display:inline;
    float:left;
	margin: 0px 20px 12px -5px;
} 
.FloatRight {
    display:inline;
    float:right;
} 
.NoMargin {
    margin:0;
}
.Hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.Clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}
/* End hide from IE-mac */