/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Project Title : Atelier Studios Stylesheet
Author : Atelier Studios
URL : http://wwww.atelier-studios.com
Description : Design and layout for Atelier Studios
Copyright Atelier Studios Limited 2001-2007. All Rights Reserved.

Created : 30/04/2007
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
		margin-top: 30px;
		background-color:#f6f6f6;
		background-repeat:no-repeat;
		background-image:url(../images/backgrounds/site.jpg);
		background-attachment:fixed;
		background-position: top center;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#6d6c69;
		text-align:center;
}

* { 
		margin:0;
		padding:0;
}

ul, ol {
    	padding-left:1em;
    	margin-left: 0;
}

img {
		border: 0 none;
}

.floatImageLeft {
	float:left;
	margin: 0 15px 15px 0;
}

.floatImageRight {
	float:right;
	margin: 0 0 15px 15px;
}

/* 
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1, h3, h4, h5, h6, blockquote,
 form, label, ul, ol, dl, fieldset, address {
		/*margin-bottom: 5px;*/
		font-size:1em;
}

p {
		font-size:12px;}

h3 {
		color:#ff9934;
		font-weight:none;
}

h4 {
		color:#993401;
		font-weight:none;
}

a:link {
		color:#FF9934; 
		text-decoration:none;
}
a:visited {
		color:#FF9934;
		text-decoration:none;
}
a:hover {
		color:#FF9934;
		text-decoration:underline;
}
a:active {
		color:#FF9934;
		text-decoration:none;
}

.siteHR {
		height:1px;
		width:100%;
		background-image:url(../images/hr-dot.gif);
		background-repeat:repeat-x;		
		margin: 10px 0;
}
		.siteHR hr {
		display:none;
}

/* 
END TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.CommonTextButton {
	font-weight:bold;
	}

.CommonListArea {
	padding:10px;
	}

.editprofiletabstyle, .CommonPaneTab1 {}
	
.editprofiletabstyle a {}

.ProfileTabs {
	margin-bottom:20px;
	}

.menu-box {
		width:221px;
		background-image:url(../images/arrrow-big.gif);
		background-repeat:no-repeat;
		background-position:right 3px;
		margin-bottom:20px;
		font-size:11px;
		text-decoration: none;		
}
.menu-box ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
}

.menu-box li {
		margin: 0 0 .1em 0;	
}

.menu-box h2 {
		color:#993401;
		font-size:16px;
		font-weight:bold;
		margin-bottom:8px;
}

.menu-box a {
		width:200px;
		display:block;
		color: #929292 !important;
		background-image:url(../images/arrrow.gif);
		background-repeat:no-repeat;
		background-color: #F6F6F6;
		background-position:8px 6px;
		font-weight: bold;
		font-size:11px;		
		padding-left: 20px;
		text-decoration: none;
}

.menu-box a:hover {
		background-color: #FF9934;
		color: #FFF !important;
}

.sidebar-box {
		width:221px;
		margin-bottom:20px;
}

.sidebar-box h2 {
		background-image:url(../images/arrrow-big.gif);
		background-repeat:no-repeat;
		background-position:right center;
		color:#993401;
		font-size:16px;
		font-weight:bold;
		margin-bottom:8px;
}		
		
.sidebar-box-content {
		background-image:url(../images/arrrow.gif);
		background-repeat:no-repeat;		
		background-color:#f6f6f6;
		background-position:10px center;
		padding: 8px 20px;
		font-size: 11px;
		font-weight: bold;
}

.people-box {
		width:221px;
		margin-bottom:20px;
}

.people-box h2 {
		background-image:url(../images/arrrow-big.gif);
		background-repeat:no-repeat;
		background-position:right center;
		color:#993401;
		font-size:16px;
		font-weight:bold;
		margin-bottom:8px;
}		

.people-box-content {
		background-color:#f6f6f6;
		background-position:10px center;
		color:#A6A6A6;		
		padding: 8px 10px;
		font-size: 11px;
		font-weight: bold;
}
#donateContainer {
		width: 221px;
		float:left;
		margin-left:-2px;		
}

#donate-box {
		text-indent: -5000px;
		overflow:hidden;
		display:block;
		width: 221px;
		height:118px;
		text-decoration: none !important;
		float:left;
		background-image: url(../images/donate-now.gif);
		background-repeat:no-repeat;		
}

.project-pictures {
		margin:0;
		padding:0;
		list-style-type:none;
		}
		.project-pictures li{
		float:left;
		margin-right:16px;
		margin-bottom:5px;
}
		
.enlarge-pic {
		background-color:#F6F6F6;
		clear:left;
		font-size:11px;
		color:#9F9F9F;
		padding-left:10px;
		width:455px;
		height:20px;		
}

div#navigationWrapper {
		width:700px;
		}
		
		div#navigation {
		margin: 0px;
		padding: 0px;
		float:left;
		width:100%;
		position: absolute;
		top:65px;
		left:160px;		
		}
		
		div#navigation ul{
		margin: 0px;		
		padding: 0px;
		list-style-type:none;
		}
		
		div#navigation li {		
		background-image:url(../images/menu-dot.gif);
		background-repeat:no-repeat;
		background-position:0px 9px;
		padding-left: 12px;
		font-size:16px;		
		float:left;
		}
		
		div#navigation a {
		color:#FF0000
		font-weight: bold;
		font-size:16px;		
		}
		
		#navigation-home {
		font-size:16px;
		}
		
		#navigation-our-work {
		font-size:16px;
		}
		
		#navigation-what-we-do {
		font-size:16px;
		}
		
		#navigation-about-atelier {
		font-size:16px;
		}
		#navigation-talk-with-us {
		font-size:16px;
}

#navcontainer {
		display: block;
		width: 221px;
		}
		#navcontainer img {
		border:1px solid #E1E1E1;
		padding: 3px;		
		}

#main-image {

		padding:0!important;
		margin:0 0 5px 0!important;
}

#ProjectImage {
		border:1px solid #E1E1E1;}
		
thumbnail {
		border: 1px solid #E1E1E1;
		padding: 3px;		
}

.latest-news {
		background-image:url(../images/arrrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
		font-size:11px;
		font-weight:bold;
		padding:0px 0px 0px 15px;
}
.latest-news a:link{color:#6D6C69; text-decoration:none;}
.latest-news a:visited{color:#6D6C69; text-decoration:none;}
.latest-news a:hover{color:#6D6C69; text-decoration:underline; border-bottom: 1px dotted #fff;}
.latest-news a:active{color:#6D6C69; text-decoration:none;}

/* 
END CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {
		width:764px;
		margin: 20px auto;
		text-align:left;
}

#wrapperHeader {
		background-image:url(../images/backgrounds/wrapper-top.gif);
		background-repeat:no-repeat;
		height:150px;
		position:relative;
}

#logoContainer {
		padding-top:10px;
		padding-left:18px;
		width: 114px;		
		float:left;		
}

#logo  {
		text-indent: -5000px;
		overflow:hidden;
		display:block;
		width: 114px;
		height:123px;
		text-decoration: none !important;
		float:left;
		background-image:url(../images/logo.gif);
		background-repeat:no-repeat;
}	

#wrapperContent {

	background-image:url(../images/backgrounds/wrapper-center.gif);
		background-repeat:repeat-y;
		background-position:center;		
		line-height:18px;
		clear:both;
		padding-bottom:10px;

}

#content-background {
		background-image:url(../images/shadow.jpg);
		background-repeat:no-repeat;
		background-position: 515px 0;
		clear:both;

}

#content-background-gifts {
		background-image:url(../images/shadow-gifts.jpg);
		background-repeat:no-repeat;
		background-position: 200px 0;
		clear:both;
}

#path {
		font-size:10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:5px;
}

#wrapperBottom {
		background-image:url(../images/backgrounds/wrapper-bottom.gif);
		background-repeat:no-repeat;
		background-position:top;
		height:10px;
`
}

#content-gift {
		padding-left:15px;
		width:735px;
		float:left;
}

#content-main {
		padding-left:15px;
		width:486px;
		float:left;
		}
		#content-main p {
		margin-bottom:10px;
		}
		#content-main h4, #content-main h3 {
		margin-bottom:5px;
		}
		#content-main img {
		/* Causing Forum to mess up - will have to live with out.
        border: 1px solid #E1E1E1;
		padding: 3px;	*/
		}

/*#main ul{
		margin-left:0px;
		list-style-type:none;
		}
		#main li{
		background-image:url(../images/arrrow-big.gif);
		background-repeat:no-repeat;
		background-position: 0 4px ;
		padding-left:20px;
		margin-bottom:5px;
		}*/
		
		
/*.CommonPaneTabSet {
		float:left;
		clear:both;}
		
.CommonPaneTab,CommonPaneTab1,CommonPaneTab2 {
		float:left;
		clear:both;}
		
.editprofiletabstyle {
		float:left;
		background-image:url(../images/arrrow-big.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
		padding-left:16px;
		color:#FF9900;}*/

.CommonPaneTabSet td { padding-right: 10px; }
.CommonPaneTabSet { padding: 5px 0 5px 0}

#content-sidebar {
		width:221px;
		float:right;
		padding-right:10px;
		padding-top:10px;
		}
		#content-sidebar li {
		list-style:none;
		/*background-image:url(../images/arrrow.gif);*/
		background-repeat:no-repeat;
		background-position:left center;
		padding:0px 0px 0px 0px;
		line-height: 18px;		
		}

div#globalSearch {
		left:170px;
		top:110px;
		position:absolute;
		width:260px;
		text-align:right;
		color:#707070;
		}
		#globalSearch p{
		color:#707070;
		font-weight:bold;
		}
		#globalSearch a{
		color:#707070;
		font-weight:bold;
		}
		#globalSearch a:hover{
		color:#e64814 !important;
		}
		
#globalSearchForm, #globalSearch form {
		margin:0;
		padding:0;
		}
		
#globalSearchField, .globalsearchfield {
		width:180px !important;
		margin-top:0px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:11px;
		margin-top:2px;
		padding:0 4px;
		float:left;
}
#top-pamoja {
		left:645px;
		top:110px;
		width:104px;
		height:17px;
		position:absolute;
}
#sing-in {
		left:709px;
		top:5px;
		width:70px;
		height:70px;
		position:absolute;
}

#footer {
		margin: 20px auto;
		padding-bottom:40px;
		width:600px;	
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#A7A7A7;
		line-height:16px;
		}
#footer a:link{color:#FF9934; text-decoration:none;}
#footer a:visited{color:#FF9934; text-decoration:none;}
#footer a:hover{color:#FF9934; text-decoration:underline; border-bottom: 1px dotted #fff;}
#footer a:active{color:#FF9934; text-decoration:none;}

#flash_movie {
	width:480px;
	height:325px;
	padding:3px;
	border:1px solid #E1E1E1;
	float:left;}
	
#inbox_area {
	float:left;
	width:420px;
	padding:10px 0 10px 10px;}
	
#inbox_area select
{
    
		font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    	margin:0 0 5px 0;
	padding:0 0 0 0;
	color:#525252;
	padding:0;}*/
	


/* 
FORM LAYOUT
When creating a form add .formField to any fields, .formLabel to labels 
and proceed labels with a <br class="formBR" />
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

input {}

select.listitem  {
		width:150px;
		font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		font-size:12px;
		color:#525252;
		margin-bottom:10px;
		text-align:left;}

input.formField {
		display: block;
		width:200px;
		float: left;
		padding:5px;
		font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		font-size:12px;
		color:#525252;		
		margin-bottom: 10px;
		border: 1px solid #dcdcdc;
}

label.formLabel {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 10px;
		color:#555;
}

textarea.formField {
		font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		color:#525252;		
		margin-bottom: 10px;
		width:200px;
		border: 1px solid #dcdcdc;
		padding:5px;
		float:left;
		font-size:12px;
		display:block;
}

/*select {
		font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		color:#525252;		
		margin-bottom: 10px;
		width:35%;
		border: 1px solid #dcdcdc;
		padding:8px;
		float:left;
		display:block;
}*/



input.formField:focus, textarea:focus {
		background:#FEF5E9;
		border: 1px solid #dcdcdc;}
/*
label.formLabel {
		text-align: left;
		width: 130px;
		padding-right: 20px;
		padding-top:5px;
		font-size:1.1em;
}

.formButton {
		font-family:Trebuchet MS,sans-serif;
		text-transform:uppercase;
		font-size:1em;
		padding:5px;
		font-weight:bold;
}
*/
br.formBR {
		clear: left;
}
/* 
END FORM LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.CommonContent {
		width:490px;
}

.CommonFormArea {
		width:490px;
		line-height:18px;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;	
		padding:1px;
		margin:0px;		
		}
		/*.CommonFormArea select {
		font-size:12px;
		height:18px;
		border: 1px solid #dcdcdc;
		}*/
		.CommonFormArea fieldset {
		padding-left:0.9em;
		font-size: 12px;
		border: 1px solid #dcdcdc;
}

.CommonTitle h1, h2, h3, h4 {
		font-size:1em;
}

.CommonSidebarList {
		display:none;
		margin:0;
		padding:0;}

.CommonSidebarHeader {
		padding-top:10px;
		padding-bottom:10px;
		display:none;
}

.CommonSidebarFooter {
		font-size: 12px;
		padding-top:10px;
		padding-bottom:10px;
		display:none;
}

.CommonSidebarContent {
		display:none;}



.CommonFormFieldName {
		text-align:left;		
		width:200px;
		margin:0px;		
}

.CommonMessageContent {
		text-align:left;
		padding:1px;
		margin:0px;		
}

.CommonFormFieldDescription {
		text-align:left;
		line-height:18px;
		text-align:left;
}



		
.CommonDescription {
		display:none;}

.CommonInlineMessageArea {
		line-height:16px;
		font-size: 12px;
		}
		.CommonInlineMessageArea li {
		list-style:none;
		background-image:url(../images/arrrow.gif);
		background-repeat:no-repeat;
		background-position:0px 7px;
		padding:0 0 0 10px!important;
		margin:0!important;
		line-height:18px;}
		
.CommonInlineList {
		padding:0;
		margin:0;}

.CommonPagingArea {
		font-size:12px;
		float:left;
		clear:right;
}

.CommonListArea {
		float:left;
		width:470px;
		border:1px solid #DCDCDC;
		margin:10px 0 10px 0;}
		
.DeleteArea {
		float:left;
		width:480px;
		border:1px solid #DCDCDC;
		padding:5px 0 5px 10px;
		margin:10px 0 0 0;}
		

.ForumSubArea {
		padding-top:40px;
		padding-bottom:40px;
}

.CommonContentArea {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;}



 .CommonPaneTab, .CommonPaneTabHover, .CommonPaneTabSelected
{
 
 cursor: pointer;
 		border:1px solid #DCDCDC;
		padding: 2px; 
		margin: 2px;
}

 .CommonPaneTabHover, .CommonPaneTabSelected
{
 		background: #efefef;
}



.CommonContextMenuItem
{
        background: #fff;
    text-align: left;

         cursor: pointer;
         padding:2px;

}
.CommonContextMenuGroup
{

 		border:1px solid #DCDCDC;

		margin: 2px;
}

.CommonContextMenuItemHover
{
    background: #efefef;
        text-align: left;

         cursor: pointer;
         padding:2px;

}



#latest_news {
	float:left;
	width:210px;
	padding-left:15px;}
	
#latest_pics {
	float:left;
	width:210px;
	padding-left:15px;}