/* COLORS: */
/* text: #555 */
/* headings, links, accent: #4176c4 */
/* backgrounds, other accent: #ffb83b */

/* the basics! */


* { margin: 0; padding: 0; }
body { 
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", Futura, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

font-size: .85em; color: #333; }

#cont { background: url('newbg.jpg') no-repeat top; margin-top: 5px; }

p { margin-top: .8em; margin-bottom: .8em; clear: left; }

ul { list-style-position: inside; }

a:link, a:visited { color: #4176c4;  font-weight: bold; text-decoration: none; }
h3 a:link, h3 a:visited, h3 a:hover { font-weight: normal !important; }

a:hover { color: #ffb83b; text-decoration: none; }

.clearing { clear: both; }

img { border: 0; }

.featured img { float: left; margin-right: 15px; }
.featured { float: left; width: 520px; padding: 0; margin: 0; }



/* headings */

h1, h2, h3, h4, h5, .nav, .nav * {font-family: 'LeagueGothicRegular', Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
font-weight: normal;}

h2, h3, h4, h5 { color: #4176c4; }
h3, h4, h5, .gr h2 {
clear: both; text-transform: lowercase; margin-bottom: 10px; margin-top: 15px;
}

h1 { font-size: 45px; font-weight: normal; text-transform: uppercase}
h1 a { color: #333 !important; }

h2 { 
font-size: 36px;
}
h2 span { font-size: 30px; color: #666; }
h2.top { text-transform: lowercase; }
h2 { text-transform: uppercase; }

h3 { font-size: 32px; }
h4 { font-size: 28px; }
h5 { font-size: 20px; }

.gr h2 a { font-weight: normal !important; }

/* structural stuff */

#alldesigns .singledesign { float: left; clear: none; padding-right: 5px; width: 313px; padding-bottom: 8px; }
#alldesigns .right { padding-right: 0px !important; }
#alldesigns .singledesign img { width: 312px; }
.singledesign h4 span { color: #555; font-size: 18px; }


#container { width: 950px; margin: auto; padding-bottom: 100px; }

.smallercol { width: 400px; float: left; }
.largercol { width: 525px; float: left; margin-right: 25px; }

#footer h3 { margin-top: 0; font-size: 150%; font-weight: normal; }

#footer { background: #ffb83b; color: #fff; margin: auto; padding: 15px; margintop: 50px;  }
#footer p { margin: 0; }
#footersub { width: 950px; margin: auto; }

#header a:link, #header a:hover, #header a:visited, #footer a:link, #footer a:hover, #footer a:visited { color: #fff; }

#header { background: #ffb83b; color: #fff; margin: auto; padding: 5px 15px 5px 15px; margin-top: 0px; margin-bottom: 20px; }

#header p { width: 950px; margin: auto; }

.intro { font-size: 1.2em; margin-bottom: 2em; }
.smallercol #recs p { font-weight: bold; margin: 0; }

.project-headers { width: 125px; float: left; }
.projects { width: 825px; float: left; margin-bottom: 15px; }

.singleproject { width: 400px; margin-left: 5px; float: left; clear: none; font-size: 13px; }
.singleproject img { float: left; margin-right: 5px; margin-bottom: 8px; }

.projects h4 {clear: none; margin-bottom: 0px; margin-top: 2px; }
.projects h4 span { color: #555; font-size: 20px; }

.featured { margin-top: 1em; margin-bottom: 2em; }

/* navigation! */ 

.nav, .nav * { text-transform: uppercase; }
.nav a { font-weight: normal !important; }

.nav { 
height: 2.5em;
width: 935px; 
padding-right: 15px; 
margin: auto; 
margin-top: 15px; 
margin-bottom: 0px; 
background: #ffb83b;
}

.nav ul li { display: inline; }

.nav ul a {
float: left;  
padding-top: 5px;
padding-bottom: 5px; 
padding-right: 15px; 
margin-right: 2px; 
padding-left: 15px; 
text-decoration: none; 
font-size: 168%;
color: #fff; 
}

.nav li a:hover, .nav li.current a { background: transparent; }

.nav li a:hover, .nav li.current a:link, .nav li.current a:hover, .nav li.current a:visited { color: #555; }


/* style some unique elements */

#casestudy img { float: left; margin-right: 10px; }
#casestudy p { float: left; clear: none;  }
#casestudy ul { float: left; }

#casestudy .smallercol p { margin-top: 0; }

.more { display: block; font-size: .9em; margin-top: 5px; }

.required, .message { color: #4176c4; }
.message { background: #ffb83b; padding: 5px; }

span.lquo { height: 1.5em; float: left; width: 20px; font-size: 3.5em; font-family: "LeagueGothicRegular", Arial, sans-serif;  color: #4176c4; }
span.attr { display: block; font-size: 1.8em !important; font-family: "LeagueGothicRegular"; margin-top: 0; margin-bottom: 1em; }

.smallercol span.attr { margin-bottom: 10px !important; }


.smallercol #recs p { clear: both !important; }
.smallercol #recs { margin-bottom: 2em; }
.smallercol span.lquo { height: 2em; }





.gr_grid_book_container { float: left; padding-right: 5px; padding-bottom: 5px; }
.gr_grid_book_container img { margin: auto !important; width: 87px; height: 135px; }
.gr_grid_branding { display: none; }
;


#social { float: left; padding-left: 20px !important; margin-left: 20px !important;  }

.photo { float: right; margin-left: 5px; }


#dopplr-blog-badge-for-clararaubertas { width: 250px; float: left; margin-right: 20px; }
.dopplr-badge a:link, .dopplr-badge a:visited { color: #4176c4 !important; }
.dopplr-badge a:hover { color: #ffb83b !important; background: transparent !important; }

.project-headers h3 { margin: 0; padding: 0; }
.project-headers h3 a:hover { color: #4176c4; }

.projects ul { list-style-position: inside; margin-bottom: 3em; }

/* bloggy stuff */

.blogsmallercol { width: 250px; float: left; }
.bloglargercol { width: 675px; float: left; margin-right: 25px; }

#sidebar h2, #sidebar h3 { 
clear: both; text-transform: lowercase; margin-bottom: 10px; margin-top: 15px;
font-size: 32px; 
}


.date { display: block; font-weight: bold;  margin-top: 0; text-transform: lowercase; border-bottom: 3px solid #ffb83b; margin-bottom: 10px; }

.postmetadata { border: 3px solid #ffb83b; padding: 5px; clear: both; }

.commentauthor { width: 100px; float: left; padding-top: 10px; padding-right: 10px; }
.commenttext { width: 450px; float: left; }

.commentlist { list-style: none; margin-left: 0 !important; padding-left: 0 !important; }
.commentlist li { margin-bottom: 2em; }
.author { font-weight: bold; }

.topleft, .topright { margin-bottom: 2em; margin-top: 1em; }
.alignleft, .topleft { float: left; }
.alignright, .topright { float: right; }

img.alignright { margin-left: 10px; margin-right: 0 !important; margin-bottom: 10px; }
img.alignleft { margin-right: 10px; margin-left: 0 !important; margin-bottom: 10px; }

.wp-caption p { margin-top: 0; margin-bottom: 1em; font-weight: bold; clear: none; }

.post { margin-bottom: 3em; }

.postfooter ul li { margin-bottom: 0 !important; }

.similar { padding-top: 1em !important; }

#comments img, .postmetadata a img, .postmetadata img { text-decoration: none; border: none; padding-top: 3px; float: left; width: 25px; margin-right: 5px; }


.widgetul li { list-style-type: none; }

.post ul li { margin-bottom: .5em; }