/* Simon Hudson web design */
/* August 2009 */

#container {width:70em; padding:0.5em 2em 2em 2em; margin:0 auto;}
#header {width:100%; border-top:4px solid #92b2ad;  margin:0 0 2em 0; padding:1em 0 0 0;}
.item-wrap {width:100%; clear:both; float:left;}
.item-side {width:22em; float:left; padding:0 0 1em 0; border-top:2px solid #625E51;}
.item-content {width:46em; float:right; padding:1.5em 0 1.2em 0; border-top:2px solid #625E51;}
#footer {width:100%; clear:both; text-align:right; padding:1em 0 0 0; border-top:1px solid #e2e2e2;}
.noborder {border:0 !important;}
.border {border-bottom:1px dotted #e2e2e2 !important; padding:0 0 1em 0;}

.rightalign {float:right; margin:0 0 0 1em; border:4px solid #f2efea;}
abbr:hover {cursor: help;}

.grab {border:0.4em solid #edeae0; margin:0 0 0.5em 0; width:452px; height:227px; background-repeat:no-repeat; background-position:center; display:block; background-image:url(../imgs/portfolio/port-sprite.jpg);}
.grab.nucleus {background-position:0 0;}
.grab.manheimpt {background-position:0 -227px;}
.grab.cms {background-position:0 -454px;}
.grab.concepts {background-position:0 -681px;}
.grab.jealous {background-position:0 -924px;}
.grab.buxton {background-position:0 -1151px;}
.grab.udsuprint {background-position:0 -2107px;}
.grab.intrigue {background-position:0 -1378px;}
.grab.dougtodd {background-position:0 -1634px;}
.grab.ipod {background-position:0 -1865px;}

.col {width:48%; float:left;}
.centertext {text-align:center;}
.clear {clear:both;}

#twitter {width:22em; padding:0.5em 0 0 0; margin:-1.5em 0 0 0;}
#twitter p {background:url(../imgs/twitter-bottom.gif) no-repeat bottom left transparent; padding:0 0 3.3em 0;}
#twitter span {display:block; background:url(../imgs/twitter-top.gif) top left no-repeat; padding:2em 1.5em 0 2.8em;}
#twitter a {float:right; padding-right:3.2em; font-size:0.9em; text-decoration:none; padding-top:0.5em;}
#twitter span a {padding:0; float:none; font-size:inherit; text-decoration:underline;}

img.smile {vertical-align:middle;}