/*#grid {background:  url(../img/grid_990.png) 0 0 repeat-y ;  }  */
html {background: url(../img/beige_tile.jpg) repeat 0 0 #dad7d2 ;}

body{color:#453E35;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif; font-weight:400; font-size:14px; line-height:22px; border-top:5px solid #454545; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);text-shadow:0 1px 0 #eee; 

background-image: url(../img/flia_glow_fff.png), url(../img/beige_tile.jpg);
background-position: top center, top center;
background-repeat: no-repeat, repeat;



}



body#about_page  img#top_image {display:none;}
body#about_page  #project_banners{ background-image: url(../img/flia_about_large_top.jpg );  height:400px; background-position:top center; background-repeat: no-repeat; }

body#about_page  h5 {text-transform:uppercase;}
body#about_page .col_main h4:first-child + p {font-size:21px; line-height:24px; font-weight:200; padding-bottom:20px; background:url(../img/light_beige_sep.png) repeat-x 0 100%; line-height: 1.35em;}
body#about_page .col_main h4:first-child{text-transform:uppercase;font-weight:600;}




/*
 		TYPOGRAPHY & ELEMENTS
 
---------------------------------------------------------------------------------------------*/

a{text-decoration:none; color:#6aa3c9; outline:none; }


a:link,
a:visited { color:#4caacc; }
a:hover,
a:focus { color:#9e0307; }


dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:.1em; font-style: normal;}
p{margin-bottom:20px;}
h1{font-size:28px;line-height:22px;}
h2{font-size:22px;line-height:22px }
h3{font-size:20px;line-height:22px}
h4{font-size:18px;line-height:22px}
h5{font-size:16px;line-height:22px}
h6{font-size:12px;line-height:22px}


h2,h3,h4,h5,h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif; font-weight:normal; text-transform:none; text-shadow: 1px 0px 0px #fff;}


ol {	list-style: decimal;}

ul {	list-style: disc;}

li {	margin-left: 0;  margin-bottom:10px; }


.last {margin-right:0;}

li{list-style:none;}
ol{list-style:decimal}
i{ font-style: normal;}


.upper {font-weight: 600}
.light {color: #9e0307; font-weight: 200}
h2.upper { text-transform: uppercase;}



button.def_btn {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; display:block; background:#f5f5f5; border:1px none #f9f8f7; /* -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.9);  -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.9);  */ font-weight:bolder; text-transform:uppercase; font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; letter-spacing:2px; text-shadow:1px 1px 0 #ddd; cursor:pointer; color:#4a5659; padding:3px 10px;}

button.def_btn:hover, button.def_btn:focus { background:#4a5659; color:#fff;text-shadow:1px 1px 0 #4a5655; }
 button.def_btn:active { position:relative;top:1px; }

.backtotop{ text-align:center; margin:0 auto; display:block; font-variant:small-caps; font-size:10px;color:#4a5655; font-weight:700; letter-spacing:1px; background:rgba(190,187,180,.5); padding:5px  0; border:1px solid #bebbb4; border-left:none; border-right:none;}
.backtotop:hover{background:rgba(190,187,180,.75); }
::selection { 	background: #89bacc; color: #fff;	}
::-moz-selection { 	background: #89bacc; color: #fff; }


.backtotop:hover:after{content:  url(../img/arrow_up_small_beige.png);  margin-left:10px;  }
.backtotop:hover:before{content:url(../img/arrow_up_small_beige.png); margin-right:10px;}

/*intro text */

h3.intro  {font-weight:400; margin-left: 5px;    background:url(../img/300_grunge_bar.png) repeat-x  0 100%; padding:20px 0 60px  0}
h3.intro {font-weight:100; margin-left: 5px; font-size: 28px; line-height: 38px;}
h3.intro em, h3.intro strong { color:#993333;}
body#home_page h3.intro{ background: none;}



#project_banners {border-top:#454545 solid 5px; border-bottom:#454545 solid 5px;  background: url(../img/home_project_new_beige.jpg) repeat-x  top center  #bebbb4; height:400px }




/*
 		IMAGES
 
---------------------------------------------------------------------------------------------*/
img {margin: 0 0 20px 0;}
.align_left {float: left; display:inline; margin: 5px 20px 20px 0;}
.align_right {float: right; display:inline; margin: 5px 0px 20px 20px;}

/* .align_left, .align_right{background:#EEEEEE url(../img/diago.png) repeat scroll 0 0; padding:5px;} */
span.amp { ;  font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;  font-size:1.3em; font-style:italic; text-shadow:none; font-weight:normal; }



span.support_heading {font-family: "Lucida Grande", Tahoma; 	font-size: 10px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #777;   margin-bottom:0;  margin-left:0px; letter-spacing: 0.29em; text-shadow: 0 1px 0 #f9f9f9; }


/*
 		NAVIGATION
 
---------------------------------------------------------------------------------------------*/

ul#nav {float:right; display: inline; margin-left:150px; position:absolute; top:0px; right:10px;  }
ul#nav li {float:left; width:130px; margin:0 0px 0 0 ;  display: inline; height:20px;}
ul#nav li a {width: 125px; text-transform:uppercase; letter-spacing:.3em; display:block; text-align:center;  padding: 75px 0 80px 0; font-size:11px; font-weight:600;   
 -webkit-transition: background 0.5s linear; 	-webkit-transition: color .25s linear;padding-left:5px; color:#453E35;   height:20px; -webkit-transition: background-position 0.4s linear; 
 background-position:0 140%; text-shadow:0 1px 0 #eee; }

ul#nav li a:hover,ul#nav li a:active {  color:#9e0307;   background:url(../img/nav_glow_beige.png) no-repeat bottom left ; background-color:rgba(173,170,155,.45); border-right:1px solid #e5e5e5;  }
ul#nav li a.current{  color:#9e0307;  font-size:11px; background:url(../img/nav_glow_beige.png) no-repeat bottom left ;  background-color:rgba(173,170,155,.45);border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; 
}

span.sub {color: #777}

/*
 		BRANDING
 
---------------------------------------------------------------------------------------------*/

#ldentity { overflow:hidden; }
#ldentity h1 a{ background:url(../img/flia_2010_logo_2.png) no-repeat 0 0; text-indent:-9999px; height:150px; margin-left:10px; display:block; width: 130px;}
#ldentity h1 a:hover {background-position:bottom left}


/*
 		STRUCTURE
 
---------------------------------------------------------------------------------------------*/

.hello {margin-top:20px; margin-left:5px; padding-left:150px; padding-bottom:20px; padding-top:0px;   width: 830px;color:#454545; text-shadow:0 1px 0 #ddd}

p#welcome {width:480px;  font-weight:lighter; font-size:32px; line-height:36px; text-shadow: 0 1px 0 #ddd; }



h1#flia_banner_header{ text-transform:uppercase;font-size:84px;font-weight:900; padding-bottom:40px}
h1#flia_banner_header span{font-weight:100}


#latest_news{ font-size:380%; color:#454545;  font-weight:900;  text-transform:uppercase;  width:600px;}
#latest_news small {font-weight:100;}

.page{	width: 990px;  margin: 0 auto; text-align:left; position:relative; overflow: hidden; }


#top_tier{ 	width: 990px; overflow: hidden;  padding:10px 0; margin-left: 0px;   position:relative;   }


#content_wrap{ 	width: 990px; overflow: hidden;  padding-top:20px; margin-left: 10px;   }

.row{overflow:hidden; margin-bottom:20px; position:relative;  }


#content {width:970px; }

.side_project-slug { width:130px; float:left; text-transform:uppercase; font-size:11px; font-weight:500; background:url(../img/beige_sep.png)repeat-x 0 0; padding-top: 20px; }




ul.projects { width:830px;float:right; padding: 0 0  0 10px; padding:0; overflow:hidden;  }


ul.projects li .column:last-child { margin-left:0px ; margin-right:0; }

ul.projects li a span{ 	-webkit-transition: all 0.9s linear;	-moz-transition: all 0.9s linear;    }
ul.projects li a:hover span { color:#A52E63; display:block; opacity:1;

border:20px solid #f0f0f0;

    border-image: url(../img/img_hov_border_beige.png) 10 ;
    -webkit-border-image: url(../img/img_hov_border_beige.png) 10;
    -moz-border-image: url(../img/img_hov_border_beige.png)  10;
}


.col_main {width: 550px; float: left; margin-left:10px; padding-top:20px;/* border-top:double 3px #454545*/ background:url(../img/beige_sep.png)repeat-x 0 0;}

.col_sec{ width: 290px; float: right; background:url(../img/beige_sep.png)repeat-x 0 0;}

#news { background:url(../img/beige_sep.png)repeat-x 0 0 ; float:left; margin-left:10px; width:550px;padding-top: 20px; }
.aside { float:right;  width:270px; padding-top: 20px; margin-right:0px; background:url(../img/beige_sep.png)repeat-x 0 0 }

#news .button { margin:10px 0;}

.date { padding-bottom:25px; }

.date span.day {font-size:12px; font-weight:500; letter-spacing:.2em; margin-left: 2.5px;}
.date span.year{ color:#bebbb4; display:block; font-size:44px; line-height:30px;font-weight:700;text-shadow:0 1px 0 #eee; }

.side_project-slug strong { color:#993333;}



.proj_desc { width:200px; float:left; text-transform:uppercase; font-size:10px; border-top:3px solid #454545; padding-top: 20px;}

.friends {float:left; width:240px; margin:10px 70px 10px 10px}


#site_info_wrap { background:  #dcd9d3; background:  rgba(220,217,211,.5);width: 100%;  }
#site_info{ margin:0 auto; padding:40px 0 20px 0; overflow:hidden; width:970px; background:url(../img/beige_sep.png)repeat-x 0 100%; margin-top:40px; margin-bottom:40px;  }


#site_info .column {width:320px;}

.footer_column {width:310px; float:left;  margin:0 10px 0 0;  }
.footer_column  + .footer_column+ .footer_column  {margin-left:0; }
/* 
        COLUMNS
------------------------------------------------------------------------------- */


.folio .column, body#baron_page .column, .column {	width: 270px; float: left; display: inline;   margin-right:10px;   padding-top:20px; /* border-top:double 3px #454545; */ -webkit-transition: border 0.3s linear;  }

.column  img { border:medium none;  margin-bottom:15px; width:270px; height:100px;}
.column h4 { margin-left: 0px; margin-bottom:0; text-transform: capitalize;}



.column { width:270px; min-height: 180px; height: auto !important; height:180px; position:relative; background:url(../img/beige_sep.png)repeat-x 0 0;}


.details {background: none repeat scroll 0 0; display:block; overflow:hidden; padding-top:0.5em; width:100%;}

.column:hover {/* border-style:solid; */}

body#home_page .aside p { text-indent: -.7em; }
body#home_page .aside p + p { text-indent: 0;}
#site_info .column {border:none;}
/* #site_info .column:hover {background: none;} */


.column:nth-child(3n) {	margin-right: 0;  }




.folio_feedback { width:480px; position:absolute; top:0; right:20px; }
.folio_feedback p {padding-right:20px;}



.column a span {border:20px solid #fff; display:block; height:60px; position:absolute; top:20px; left:0; width:230px; z-index:20000;  -webkit-transition: all 0.3s linear; opacity:.01;  -moz-transition: opacity  0.3s ; -moz-transition: all  0.3s ; opacity:.01;  -moz-transition: opacity 1s ease-in;}

.column:hover h4{ color:#9e0307; text-shadow:2px 2px 40px #fff; }


/*
 		MODULAR LAYOUT MAINLY FOR CUSTOM FOLIO PAGES
 
---------------------------------------------------------------------------------------------*/
.four {width:340px; }
.three {width: 270px; }
.six {width: 620px;background:green;}
.five{width: 540px;background:cyan;}

.left {float:left; display:inline;}

.right {float:right; display:inline; margin-right:0px;}

./* .folio_full_display img {width:550px; } */
.last {margin-right: 0; border:11px dotted yellow}




.view_more {background:#9e0307;height:30px; display:block; width:190px; padding-left:10px; line-height:30px; color:#fff !important;  text-transform:uppercase; letter-spacing:1px; margin-top:40px; -webkit-transition: all 0.9s linear; }
.view_more img{float:right}
.view_more:hover{width:200px;}



/*
		SITE INFO

-----------------------------------------------------------------------------------------------------------------------------*/



#contact_footer { background: url(../img/city_beige.gif) no-repeat right bottom ; padding-bottom:75px;}

.footer_column + .footer_column p {padding-right:20px;}

p.site_signature { font-size: 15px; text-shadow:0px -1px 0px #444;   padding:40px 0 0 0;}

a#eh { background: url(../img/enginehosting_beige.png) no-repeat 0 0; text-indent: -9999px; display: block; height:50px;}


a#ee { background: url(../img/expressionengine_beige.png) no-repeat top left; text-indent: -9999px; display: block; height:50px;}
a#ee:hover , a#eh:hover {background-position:bottom left}



/*
			HOME  PAGES

-----------------------------------------------------------------------------------------------------------------------------*/
#recent_work{positon:relative}
#recent_work p {position:relative}
span.view_project a {color:#000; position:absolute; bottom:30px;left:10px; background:#fff; font-family: "Lucida Grande", Tahoma; 	font-size: 10px; font-weight: bold; font-variant: normal; text-transform: uppercase; color: #993333;   margin-bottom:0;  letter-spacing: 0.29em; text-shadow: 0 1px 0 #f9f9f9; padding:10px;}
body#home_page .col_sec {background:url(../img/300_grunge_bar.png) repeat-x 0 100%; padding-bottom:80px;}
p#intro{background:url(../img/300_grunge_bar.png) repeat-x 0 100%; padding-bottom:100px; font-weight:400;}
body#home_page span.support_heading{margin-left:2px}
blockquote.client_feedback span.client_feedbacker{color:#fff; float:right; font-weight:400; background:#993333; padding:1px 5px; text-transform:uppercase; margin-top:20px; }
#client_feedback {background: url(../img/client_feedback_quote_f5.png) no-repeat 0 70px;}
blockquote.client_feedback p {margin-left:110px;}


/*
			FOLIO PAGES

-----------------------------------------------------------------------------------------------------------------------------*/
.row_folio {margin-top:400px;}

.folio .col_sec ul li, three .col_sec ul li , .four .col_sec ul li {border-bottom:1px dotted ;}



#site_desc {/* background:url(../img/border_340.gif) no-repeat 0 0; */ padding-top:20px; margin-right:20px;}



.folio_full_display {  float:left; background:url(../img/folio_img_shadow.png) 15px 100% no-repeat; padding-bottom:5px;}

.folio_full_display img { width:940px; padding:0; background: #fefefe; padding:14px; border:1px solid #e5e5e5; }



/*
			FOLIO DEFAULT DESC

-----------------------------------------------------------------------------------------------------------------------------*/


.default_desc_container{ width: 100%; padding-top:0px; /* background:rgba(238,238,238,.5) url(../img/diago.png) repeat 0 0; */}


#portfolio_default_desc {padding-top:0px; overflow:hidden; margin: 0 0 40px 0; position:relative;  background:url(../img/beige_sep.png) 0 100% repeat-x;}


#portfolio_default_desc  .col_main { width:620px; margin-left:0; }
#portfolio_default_desc  .col_main, #portfolio_default_desc .aside {padding-top:20px; border:none;}

#portfolio_default_desc .aside {  padding:20px 0 20px 0px ;  }


#portfolio_default_desc  .col_main {padding-left:0px; }
#portfolio_default_desc  .col_main p:first-line {font-weight:bold; }

#portfolio_default_desc  .col_main h3 strong {text-transform: uppercase; font-weight:600;}
#portfolio_default_desc  .col_main h3 {font-weight:100; text-transform: uppercase;}

#portfolio_default_desc  .col_main p:first-letter {font-size:62px; float:left; margin:10px  10px 0px 5px; font-weight:900;}

#portfolio_default_desc  .col_main p + p:first-line, #portfolio_default_desc  .col_main p + p:first-letter {font-weight:normal; font-size:14px; float:none; margin:0;}



#portfolio_default_desc  .aside h5  {text-transform:uppercase; }
#portfolio_default_desc  .aside h5 ~ p {text-transform:capitalize}




/*
			FOLIO DEFAULT DESC BOTTOM BIG HEADING TOGGLE CONTACT

-----------------------------------------------------------------------------------------------------------------------------*/
body#folio_page img#top_image {display:none;}
body#folio_page #project_banners{ background-image: url(../img/2010_folio_project_bg_v2.jpg);  height:400px; background-position:top center; background-repeat: no-repeat; }
body#folio_page .hello , body#folio_page  p#welcome{color:#454545; text-shadow: #ccc}

#bottom_heading  { color:#C2CCCF; opacity:.95;text-transform:uppercase;  text-align:left;  padding:0; clear:both; padding:0px; width:990px;
/* background:rgba(238,238,238,.5) url(../img/diago.png) repeat 0 0; */ ; }


#bottom_heading h3  { color:#C2CCCF; opacity:.95;text-transform:uppercase; font-weight:900; font-size:88px; line-height:72px; text-align:left; margin:60px 0 60px 10px;  }
#bottom_heading a#open , #bottom_heading a#logoutbutton{ color:#89bacc; opacity:.95;text-transform:uppercase; font-weight:900; font-size:88px; letter-spacing:normal; font-family:"proxima nova",helvetica; arial; font-weight:900;   }

p#folio_interest { font-size:32px; line-height: 32px; text-align:justify; padding:20px;  }


/*
 		FOLIO PAGINATION TOP
 
---------------------------------------------------------------------------------------------*/



#pagination_wrap{position:relative; width:970px; margin:0px 0 20px 0px; padding:10px 0 0 0; /*border-bottom:2px solid #454545; border-top:2px solid #454545; background:rgba(245,245,245,.75) url(../img/diago.png);*/ ; /* border-bottom:5px solid #454545;  */}
#pagination_project_title {  width:auto; margin:0 auto; padding:10px 0; }
#pagination_wrap hr {/* border-top:#d5d5d5 2px solid; border-bottom:#FFF solid 1px; */  background: url(../img/beige_sep.png) repeat-x 0 0;  }


#project_name {text-align:center; text-transform:uppercase; color:#454545; font-size:24px;  font-weight:100;position:relative; padding-top:25px; letter-spacing: 1px; font-family: "Hoefler text", georgia, Cambria, serif}


#project_name span { color:#555; font-size:14px; letter-spacing:.2em;position:absolute; top:2px; left:400px; font-weight:400; font-family:"Proxima Nova", helvetica, arial; }

#next{background:url(../img/next_3.png) no-repeat 0 0 ; width:30px; height:30px; display:block; text-indent:-9999px; position:absolute; top:45px; left:925px;  -webkit-transition: background 0.2s linear; -webkit-transition: all 0.9s linear;}

#prev{background:url(../img/prev_3.png) no-repeat 0 0; width:30px; height:30px; display:block; text-indent:-9999px;  position:absolute; top:45px; left:15px; -webkit-transition: background 0.2s linear; -webkit-transition: all 0.2s linear;}

#next:hover{margin-left:2px;}
#prev:hover {margin-left:-2px;}




body#baron #project_banners{ background-image: url(../img/new_baron_project_bg_beige.jpg);  height:400px; background-position:top center; background-repeat: no-repeat; }




/*-------------------------------------------------------------------------------------------------------------
        CONTACT PAGE
----------------------------------------------------------------------------------------------------------- */



body#contact_page   img#top_image {display:none;}
body#contact_page  #project_banners{ background-image: url(../img/contact_large_top_v7.jpg);  height:400px; background-position:top center; background-repeat: no-repeat; }

body#contact_page .col_main{width:440px;}

body#contact_page .col_sec h2, body#contact_page .col_sec p{margin:10px;}
input, textarea {width:423px; padding:8px;   background: #bebbb4 url(../img/input_bg_beige.png) repeat-x 0 -2px ;  border-width:0; border: none; border-width:0px; border: none;  border-radius:5px;  margin:0 0 2.5px 0px;border-width:0px; border: none; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

body#contact_page .col_main { /* border-top: 3px double #f5f5f5; */}
input:hover, textarea:hover { /* -moz-box-shadow:1px 1px 2px rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.4); */ ;background: #fefefe}
input:focus, textarea:focus{ 	 background: #fefefe ; border:1px solid #f5f5f5; }


label {	text-transform: uppercase; letter-spacing: .3em; font-weight: 500; font-size: 10px; margin-left: 2.5px;}
label em {font-weight: 400; color:#9e0307;}
body#contact_page fieldset { padding-top:0px;}


label.error{ top:-20px;  color:#c10207;  font-size:10px; margin-right:110px; font-weight: 600}
label.error:before {color:#c10207}

label:before {content:"*"; font-size:24px; float:left; color:#BEBBB4; font-weight:400;position:relative;top:5px;}


p.no_spec{ background:#bebbb4 ; color:#777; display:block; margin-top:40px; padding:10px 5px; width:430px;  }
p.no_spec a { background:url(../img/beige_tile_quad.jpg);
color:#333333;
font-weight:900;
padding:12px 8px;
text-transform:uppercase;}



#contact_card {  padding:0px  0;  width:340px;float:right; background:url(../img/beige_sep.png) repeat-x 0 0; padding-top:20px;}
#contact_card  hr {margin-bottom: 20px;}
img#vcard_logo { position:absolute; top:225px; right:20px; }


a#microformat_logo {background: url(../img/microformat_logo_beige.png) no-repeat  2px 4px; padding:0 5px 0 30px;  display:block;  }
a.questionnaire {background:url(../img/document_small_beige.png) no-repeat 0 0; padding-left:30px;}

a#email_us {background:url(../img/at_small_beige.png) no-repeat 0 0; padding-left:30px;}
a.rss_feed {background:  url(../img/rss_small_beige.png) no-repeat  0 0; padding:0 5px 0 30px;  display:block; }


li.digits span {background:url(../img/phone_small_beige.png) no-repeat 0 0; padding-left:30px;display:block;font-weight:600;}
.adr ul{margin-top:20px;}
.adr ul li {background:url(../img/light_beige_sep.png) 0 100% repeat-x; padding-bottom:10px;}

/*
        FOOTER CONTACT
---------------------------------------------------------------------------------------------*/
address{text-shadow:0px 1px 0px #FFFFFF;}
address strong{font-weight:bold;}




.overlay{ 	   display: none; 	 overflow:hidden; z-index:10000;   }

a#open { background: url(../img/open_icon.png) no-repeat top right; padding-right:20px; color:#9b9897; font-family: "Lucida Grande", Tahoma; font-size: 10px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #777; padding-bottom:3px;letter-spacing: 0.29em; text-shadow: 0 1px 0 #f9f9f9;}

a#logoutbutton { padding-right:20px;  color:#9b9897;  font-family: "Lucida Grande", Tahoma; font-size: 10px; font-weight: lighter; font-variant: normal; text-transform: uppercase; color: #777; padding-bottom:3px;letter-spacing: 0.29em; text-shadow: 0 1px 0 #f9f9f9;}

a#logoutbutton  {display: none;}

ul#client_list {padding-top:5px;}

ul#client_list li {background:  #bebbb4; background:rgba(190,187,180,.5); width:130px; float:left; margin-right:10px; min-height:50px;  }
ul#client_list li:hover {background:rgba(190,187,180,.9); color:#fff; background-image:none; text-shadow:none;}
ul#client_list li:nth-child(4n) {	margin-right: 0; }


/*
        COmments
---------------------------------------------------------------------------------------------*/

.said{font-style:italic;}
.odd, .even {width:650px; float:left; position:relative;margin-right:10px; margin-bottom: 20px; text-shadow:0 1px 0 #eee; background:url(../img/beige_sep.png) 0 100% repeat-x ;  }
.odd , .even { min-height:210px;}
.odd dl, .even dl  { margin-right:20px;}
.odd dl p, .even dl p {padding:0 40px 20px 140px;}

.even dl p {color:#777;}

img.gravatar{ background:  #ddd; border:solid 1px #eee; padding:10px; float:left;margin:5px 20px 10px 0}
.odd img.gravatar{ background:  #bebbb4; border:solid 1px #ddd; padding:10px; float:left;margin:5px 20px 10px 0}

h2#leave_comment{margin:40px 0 
20px 0; background:url(../img/comments_small_beige.png) no-repeat 0 60%; padding-left:40px;}
dt.comment_meta{ background:#bebbb4; margin:10px 40px 20px 0px; padding:10px 15px; font-size:16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
dt.comment_meta em {font-style:normal;text-transform:capitalize;font-weight:400;}
span.comment_num{color:#bebbb4; position:absolute; top:10px; right:15px;  font-size:40px;  padding:8px 0  0 12px;  }
span.comment_num em {font-style:normal;font-weight:500;}
.aside form input , .aside form textarea {width:254px; color:#999;}

body#home_page .aside p { text-indent: 0em; }

.first_to_comment {font-size:88px; text-transform:uppercase; line-height:68px;font-weight:900; width:540px; background:none; color:#BEBBB4; border-left:20px solid #BEBBB4; text-align:right; display:block;-webkit-transition: all 0.5s linear;}
p.first_to_comment:hover{background:none; border-color:#eee;}



#remember_my_ass {margin-top:40px; position:relative;}

p.select_remember {background:#eee; position:relative; padding:10px 10px 10px 40px; position:relative;}
p.select_remember:hover {background:#f5f5f5;}
p.select_remember input[type=checkbox] {  float: left;  margin-right: 5px; position:absolute; left:-110px; top:15px;  }





/*
        TWITTER
---------------------------------------------------------------------------------------------*/


#twitter_box ul{background: url(../img/beige_sep.png) repeat-x 0 0%;padding-top:10px; margin: 10px 0;}
#twitter_box  ul li {background: url(../img/light_beige_sep.png) repeat-x 0 100%; position:relative;  display:block; text-shadow:0px 1px 0px #f9f9f9; font-weight: normal;  overflow:hidden; }

#twitter_box ul li + li {color:#888;}
#twitter_box ul li span {font-style:normal; margin-left:0; font-weight:bold; clear: both;}
#twitter_box ul li:hover{}
#twitter_box ul li.last{background-image:; }

h2#twitter_h2{ padding-left:30px; position:relative;}

h2#twitter_h2 em a{background:url(../img/twitter_small_beige.png) no-repeat 0 0; height:20px; width:20px; text-indent:-9999px; display:inline-block; position:absolute; left:2.5px; top:1px;}


img.twitter_profile_icon {float:left; display:inline; margin:5px 20px 20px 0;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;background:#cbcbcb ; background:rgba(190,187,180,.85) ;border:1px solid #ddd; border-left:none; border-top:none;padding:5px; }

.banner-shadow {background:url(../img/banner_shadow_wide.png) repeat-x 0 100%; padding-bottom:45px;}




#comments{ overflow:hidden; padding-top:30px;}



body#news_page  #project_banners{ background-image: url(../img/news_top_large_banner.jpg );  height:400px; background-position:top center; background-repeat: no-repeat; }






     a.button, .button{      display: inline-block;  padding: 5px 10px 6px 12px;   color: #fff;   text-decoration: none;   line-height: 1;   -moz- border-radius: 13px;    -moz-border-radius: 13px;   -webkit-border-radius: 13px;    text-shadow: 0 1px 0px #777;     -webkit-transition: all 0.2s linear;  position: relative;    cursor: pointer;     text-transform: uppercase; letter-spacing: 1px; border:none; 
-webkit-transition: background .2s ease-in-out; 	-moz-transition: background .2s ease-in-out; 	-o-transition: background .2s ease-in-out; 	transition: background .2s ease-in-out;
color: #fff; 	background: #3b4147; 	background: rgba(40,40,50,.3)   ; font-size: 80%;  border:1px solid #aaa;}

 a.button:active , .button:active{  position: relative;  top: 1px;  }


    a.button:hover, .button:hover { background: rgba(205,205,205,.5); color:#5785AF; text-shadow:none; border:1px solid #ddd}
    
    
    
    hr {border:0;height:4px;  height: 0;  clear: both;  border-width: 0;  border-top: 2px solid #c4c1ba;  border-bottom: 2px solid #e1dfdc;}
    
#style_switch_wrap{background: (190,187,180,.5);  overflow:hidden;position:absolute; bottom:35px; right:20px; width:310px; padding:10px 5px; border:1px solid #ccc; border-left:none; border-top:none; background: -webkit-gradient(linear, 0% 5%, 0% 100%, from(#BEBBB4), to(#DEDAD3)); -moz-linear-gradient(19% 75% 90deg,#BEBBB4, #DEDAD3);}
li a#default_style{ background:#aaa; -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;}

#map { background:url(../img/map.png) no-repeat 0 0 ; height:250px;width:340px;  }