/*ATrier Stylesheet*/
/*AUTHOR: BRIAN MURPHY  ----------------------------------------*/
/*DATE: Autumn 2007  ----------------------------------------*/
/* ================================================================
   GENERAL STYLING
-------------------------------------------------------------------- */


html {
  min-height: 100%; 
  margin-bottom: 1px; 
  }

body {

	/*background-image: url(imagesnew/bg.gif);
	background-repeat:repeat; background-image: url(http://www.atrier.com/images/bgtile.gif);*/
	background-image: url(http://www.atrier.com/images/background.jpg);
	background-repeat: repeat-x;
	/*background-color: #AFD158;
	background-color: #CCCCCC;*/
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size:11px;
	width: 778px;	
	padding: 0px;	
	color:#000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#container
{
	padding:0px;
	margin: 0px 0px 0px 0px;	
	color: inherit;	
}

#footer
{
	clear:both;
	vertical-align:bottom;
	margin: 0;
	padding: .5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  font-weight: normal;
	color: black;
	height: 30px;
	/*background-color: white;*/
	background-color: white;
	border-bottom: 3px dashed black;
}
/*---------------------------------------------------------*/
/*Main elements that are used throughout the website*/


/*---------------------------------------------------------*/
/*This is the Main Body Section for 3 Column Layout. 
This is the one use on the homepage*/

#leftnav {
	float: left;
	margin-left:0px;
	width: 252px;	
	padding:1px;
  }
  
#rightnav
{
	float: right;
	width: 252px;
	margin-right: 2px;
	padding: 1px;
	background-image: url(images/bg.gif);
	background-repeat:repeat;
	background-color: white;
}

#content {
	background-color: #ffffff;
	margin-left: auto;
	width: 252px;
	border-left: 0px solid gray;
	margin-right: auto;
	padding: 1px;
}

#content2 {
	clear: both;
	width: 100%;
}

#fullwidth {
	clear: both;
	width: 100%;
	padding: 8px;
}
/*---------------------------------------------------------*/
/*This is the Main Body Section for 2 Column Layout.
This is the layout for the majority of webpages*/
#leftnavorig {
	float: left;
	background-image: url(images/backmenu.jpg);
	background-repeat:repeat;
	margin-left:0px;
	background-position: left bottom;
	width: 258px;
	height: 210px;	
}

#largecontent {
	margin-left: 5px;
	border-left: 0px solid gray;
	line-height: 120%;
	padding-right: 2px;
	margin-right: 5px;
}

/*---------------------------------------------------------*/
/* Below is the CSS for the main sections of each page i.e. the footer
the lefthand side navigation and the page banner. They control the 
layout of the pages */
/*---------------------------------------------------------*/
#top {
	
	margin-left: 0px;
	/*height: 121px;*/
	
}

#pageHeader {
	margin-top: 0px;
	margin-left: 0px;
	/*background-image: url(http://www.atrier.com/images/trier2.png);*/
	background-image: url(http://www.atrier.com/images/atrierbanner.gif);
background-repeat:no-repeat;
  background-color: transparent;
  height: 135px;
  color: #ffffff;
  border-bottom: 2px solid black;
}
#pageHeader a, #pageHeader a:visited{
	
  color: #ffffff;
}
#pageHeader a:hover{
  text-decoration:underline;
  color: #ffffff;
}


#colwrapper{
width: 600px;
border: 1px solid gray;
padding: 0;
}

#leftcol
{
left:1%;
width:33%;
position: relative;
}
#centrecol
{
left:33%;
width:33%;
position: relative;
}
#rightcol
{
left:66%;
width:33%;
position: relative;
}

#topnav{
padding:2px;
background-color: black;
color: white;
font-family: arial;
font-size: 14px;
}
#topnav a{

color: white;
font-family: arial;
font-size: 16px;
font-weight: bold;
}
#topnav a:hover{

color: white;
text-decoration: underline;
}
/*############ BLOG STUFF*/
#blognav{
padding:3px;
background-color: #CCCCCC;
color: white;
font-family: arial;
}
#blognav a{

color: black;
font-family: "Helvetica", arial;
font-size: 16px;
font-weight: normal;
}
#blognav a:hover{

color: black;
text-decoration: underline;
}

/*#########################*/




/*-########## PORTFOLIO SECTION-----*/
.portfolio {
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
width: 100%;
float: left;
}

.portfolio img{
float: left;
}
/*
.portimg img{
float: left;
}
.portdesc{
margin-left: 410px;
width: 350px; 
float: right;
}*/
/*-########## END of PORTFOLIO SECTION-----*/

/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
table{
border: 1px solid #999999; }

td{
	
	padding: .2em;
	line-height:normal;
	border: 0px solid gray;
}
th{
	
	background-color: #333333;
	color: #FFFFFF;
	border: 1px solid gray;
}

#news
{
	background-color: #ffffff;
	/*border: 1px solid #669966;*/
	padding: 4px;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* RIGHT HAND SIDE NAVIGATION CODE STARTS*/
#rightmenu {
	text-align:left;
	background:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
	color:#000000;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*WordPress Plugin code*/
.title {
	width: 100%;
	height: 25px;
	display:block;
	background-color:#F4C111;
	color:#FFFFFF;
	font-size: medium;
}

.headline, .headline a{
  font-family: Garamond, "Times New Roman", "Bookman Old Style", serif;
  font-size: 16px;
  font-weight: bold;
  /*color: #FFFFFF;
  background-color: #8BBA3A;*/
  /*color: #8BBA3A;*/
  /*color: #78B438;*/
  color:#CC6600;
  background-color: #f0f0f0;
  border:0px solid gray;
  padding: 0.4em;
  margin-right: 1em;
  display: block;
  
}
.section{
background-image: url(imagesnew/section.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	height:33px;
	font-size:10px;
	font-weight: bold;

}

.icon{
float: left;
display: inline;
border: 0px;
}
.post-teaser {
    font-weight: bold;
	color:#FF0000;
}
.controls {
  font-weight: bold;
	color:#FF0000;
}

.moretext {
	width: 100px; 
	height: 45px; 
	/*background:url(/images/leaf.gif) no-repeat right middle;*/
	padding: 10px 50px 15px 5px;
	font-weight: bold;
	color:#FF0000;}


p{
		line-height: 130%;
		text-align: justify;
}

a{
  	text-decoration:none;	
}
a:visited{
  	color:inherit;
	background-color: inherit;	
}

a img {
	border:0px none;
}
a .moretext{
color: #CC6633;

}

h1, h2, h3, h4{
	font-family: arial, "Georgia", "Garamond", "Times New Roman", "Bookman Old Style", serif;
	font-weight: normal;
	color: #000000;
}
h3{
	font-size:16px;
}

h1 a, h2 a, h3 a, h4 a{
	font-family: arial,"Georgia", "Garamond", "Times New Roman", "Bookman Old Style", serif;
	font-weight: bold;
	color: #CC6600;
}


/*---------------------------------------------------------*/
/*Custom Classes */

 .date{ 
 font-family: georgia;
 font-size: small;}
.header {

color:#000000;
padding-bottom: 2px;
border-bottom: 1px solid black;
font-size: 18px;
font-weight: bold;
}


.frontpageheader {

color:#000000;
/*border-bottom: 1px solid gray;*/
font-size: 18px;
font-weight: bold;
}

.header a{
color:#000000;
}
.frontpageheader a:hover{
color:white;
background-color: black;
}
/*left handside Header*/
/*--------------------*/
.colheader
{
background-color: #CCCCCC;
color: #000000;
padding-top: 4px;
padding-bottom:4px;
line-height:105%;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
width: 248px;
font-family: arial;
font-size: 16px;
}
.longheader
{
background-color: white;
color: #CC6633;
padding: 4px;
line-height:105%;
border-top: 1px solid black;
border-bottom: 1px dashed gray;
width: 778px;
font-family: Georgia;
font-weight: bold;
font-size: 18px;
}

.leftbox {
width: 244px;
color:#000000;
padding: 2px;
font-weight: normal;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin-bottom: 2px;
display: block;

}

.leftbox p{
		line-height: 130%;
		text-align: justify;
}

.leftbox strong a{
font-size: larger;
font-family: "arial narrow";
background-color: black;
color: white;
padding-left: 1px;
padding-right: 1px;
}

.leftbox strong a:hover{
text-decoration:underline;
}
/*-----Left Box ENDS--------*/



.rightheader {
width: 185px;
/*background-image: url(imagesnew/header.jpg);
background-repeat:repeat-x;*/


background-color: #F8AD47;
color:#FFFFFF;
padding: 1px;
font-weight: bold;
font-size:10px;
/*border-right: 1px solid gray;
border-top:1px solid gray;
border-left: 1px solid gray;*/
}

.rightbox {
width: 185px;
height:auto;
color:#000000;
padding: 1px;
font-weight: normal;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin-bottom: 2px;
display: block;
}
.rightnavbox {
width: 180px;
height:auto;
color:#000000;
padding: 1px;
font-weight: normal;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin-bottom: 2px;
display: block;
}

input
{
font-size: 10px;
}

/*---------------------------------------------------------*/
/*--------------------------------------------------|
| MENU CODE |
|---------------------------------------------------|

|--------------------------------------------------*/

.navigation {
	font-family: Courier, Verdana, Geneva, Helvetica, Arial, sans-serif;
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
	background-color: white;
	color: black;
	width: 150px;
	float:left;
		
}
.navigation a{
/*color: #708090;*/
display:block;
}
/*
color: #ffffff;
display:block;
margin-bottom: 0px;
border-top: 1px solid gray;
padding: 2px;
}*/

.navigation a:hover{
text-decoration: underline;
color: #000000;
}

.navigation img {
	border: 0px;
	vertical-align: middle;
}

.highlight{
  font-size: larger;
}