/*  
Theme Name: Invitation to the Crazytrain
Theme URI: http://wordpress.org/
Description: From my mind to your eyes.  Hope your goggles do something.
Version: 1.0
Author: Sai-Kit Hui
Author URI: http://areyoudesign.com/

*/


:focus {
outline:0;
}

body {
background:transparent url(images/woodtile.jpg);
margin:0;
padding:0;
font-family:Constantia, Georgia, "Times New Roman", Times, serif
}

html, div, h1, h2, h3, h4, ul, ol {
margin:0;
padding:0;
list-style:none;
}

h2 a {
line-height:100%;
font-variant:small-caps;
font-weight:400;
color:#b22222;
letter-spacing:-0.01em;
text-decoration:none;
font-family:"Times New Roman", Times, serif;
}

a {
color:#497d9f;
text-decoration:none;
}

a:hover, a:focus {
color:#ff2400;
}

fieldset {
border:0;
margin:0;
padding:0;
}

img {
border:0;
display:inline-block;
vertical-align:bottom;
}

#container {
width:970px;
background:transparent url(images/container.png) repeat-y;
position:relative;
margin:0 auto;
overflow:hidden;
}

#container_top {
background:transparent url(images/container_top.png) no-repeat;
height:6px;
width:970px;
margin:0 auto;
}

#container_bottom {
background:transparent url(images/container_bottom.png) no-repeat;
height:6px;
width:970px;
margin:0 auto;
}

#header {
position:relative;
}

#container2 {
background:transparent url(images/header.png) no-repeat 0 0;
padding:0 5px 5px 25px;
overflow:hidden;
}


/* header stuff */

#exit {
font-size:11px;
position:absolute;
right:0;
top:0;
padding:5px 5px 0 5px;
font-style:italic;
background:transparent url(images/color.gif) repeat-x;
}

#logo {
background:transparent url(images/logo.gif) no-repeat;
height:93px;
display:inline-block;
width:374px;
margin:30px 0 0;
padding:0;
text-indent:-9999px;
position:relative;
line-height:110px;
}

#logo span {
background:transparent url(images/logo.gif) no-repeat;
height:93px;
display:block;
width:374px;
}

#logo a {
display:block;
height:93px;
}

h1.hover:hover, #logo:focus, #logo span {
background-position:0 -93px;
}

#description {
background:transparent url(images/tagline_01.gif) no-repeat;
width:238px;
height:13px;
display:inline-block;
text-indent:-9999px;
}

#signature {
background:transparent url(images/signature.png) no-repeat;
height:204px;
position:relative;
margin:25px 0 0;
padding:0 0 20px;
}

#signature #feed {
background:transparent url(images/rss_description.gif) no-repeat right 8px;
width:109px;
height:45px;
display:block;
position:absolute;
left:393px;
bottom:14px;
}

#signature #follow {
background:transparent url(images/follow.png) no-repeat 0 0;
width:113px;
height:47px;
position:absolute;
left:520px;
bottom:15px;
}

#signature #follow:hover {
background-position:0 -47px;
}

#search {
background:transparent url(images/search.gif) no-repeat;
padding:0 15px 0 64px;
width:212px;
}

#header #search {
position:absolute;
right:0;
top:210px;
}

#searchinput {
background-image:url(images/searchbar.png);
background-repeat:no-repeat;
border:0;
height:18px;
width:189px;
padding:8px 5px 2px;
position:relative;
top:-6px;
left:10px;
}

#search focus:focus, #search focus:active {
background-position:0 -29px;
}

#searchsubmit {
border:0;
padding:0;
position:relative;
left:100px;
}

/* navigation */
#nav {
width:500px;
margin:0;
padding:0 0 0 25px;
list-style:none;
display:inline-block;
vertical-align:30px;
}

#nav li {
display:inline-block;
}

#nav li a, #nav li a span {
background-image:url(images/navigation.gif);
background-repeat:no-repeat;
height:57px;
display:block;
text-indent:-9999px;
}

#nav_home {
width:112px;
padding:0 27px 0 0;
}

.hover #nav_home:hover, #nav li.active #nav_home, #nav_home span {
background-position:0 -57px;
}

#nav_archives {
width:174px;
background-position:-139px 0;
padding:0 14px 0 0;
}

.hover #nav_archives:hover,  #nav li.active #nav_archives, #nav_archives span {
background-position:-139px -57px;
}

#nav_contact {
width:163px;
background-position:-327px 0;
}

.hover #nav_contact:hover, #nav_contact span {
background-position:-327px -57px;
}

#top_link {
width:93px;
height:16px;
background:transparent url(images/top.png) no-repeat;
text-indent:-9999px;
position:absolute;
left:0;
bottom:5px;
}

#more_link {
width:79px;
height:19px;
background:transparent url(images/more.png) no-repeat;
text-indent:-9999px;
display:inline-block;
position:absolute;
right:20px;
bottom:5px;
}

/* miniblog navigation */

#miniblog {
position:absolute;
right:0;
top:112px;
padding:0;
margin:0;
}

#miniblog .miniblog {
display:block;
position:absolute;
top:0;
left:-28px;
background:transparent url(images/miniblog.gif) no-repeat 100% -32px;
height:32px;
width:95px;
text-indent:-9999px;
}

#miniblog .miniblog span {
background:transparent url(images/miniblog.gif) no-repeat 100% -32px;
height:32px;
width:95px;
display:block;
}

#miniblog .hover:hover, #miniblog .miniblog a span {
background-position:100% 0;
}

#miniblog li a span:hover, #nav li a span:hover {
cursor:pointer;
}

#miniblog .miniblog a {
height:19px;
width:95px;
margin:0 10px 0 0;
display:block;
}

#miniblog li {
display:inline-block;
position:relative;
top:20px;
}


#miniblog li a.minilist {
text-indent:-9999px;
display:block;
background-image:url(images/minilist.gif);
background-repeat:no-repeat;
height:12px;
position:relative;
}

#twitter_link {
width:49px;
background-position:0 -12px;
}

#tumblr_link {
width:49px;
background-position:-49px -12px;
left:-5px;
}

#flickr_link {
width:44px;
background-position:-98px -12px;
left:-10px;
}

#profile_link {
width:74px;
background-position:-142px -12px;
left:-15px;
}

#twitter_link:hover {
background-position:0 0;
}

#tumblr_link:hover {
background-position:-49px 0;
}

#flickr_link:hover {
background-position:-98px 0;
}

#profile_link:hover {
background-position:-142px 0;
}

/* current post */

#content #fresh, #sidebar #older, #sidebar #expiring {
background:transparent url(images/fresh.png) no-repeat;
text-indent:-9999px;
width:109px;
height:32px;
margin:0 0 15px;
}

#sidebar #older {
background:transparent url(images/older.png) no-repeat;
}

#sidebar #expiring {
width:124px;
background:url(images/expiring.png) no-repeat;
}

#content .post {
color:#202020;
font-size:15px;
}

.main .post {
background:transparent url(images/hr.png) no-repeat bottom;
padding:0 0 36px;
margin:0 0 18px;
}

#content {
width:556px;
padding:0 20px 0 0;
display:inline-block;
vertical-align:top;
background:transparent url(images/content_border.gif) repeat-y right;
position:relative;
}

#content object {
margin:0 auto;
display:block;
padding:15px 0 0;
background:url(images/flashvideo.png) no-repeat 100% 0;
}

#content li {
margin:0 0 10px 15px;
}

#content .metadata {
width:432px;
display:inline-block;
vertical-align:top;
}

.main h2 a, .single h2 a {
font-size:34px;
}

#content .entry a img {
max-width:550px;
padding:5px;
background:#b22222;
}

#content .excerpt {
font:18px Corbel, Verdana, Geneva, sans-serif;
color:#646464;
width:50%;
margin:0 0 10px;
}

#content .excerpt p {
margin:0;
}

#content .entry {
line-height:175%;
margin:10px 0 30px;
width:487px;
}

#content .date {
display:inline-block;
width:120px;
}

#content .entry h6 {
font-size:18px;
padding:15px 0 5px;
margin:0;
font-weight:400;
text-transform:uppercase;
letter-spacing:.1em;
color:#000;
}

#content strong {
color:#0C537F;
font-size:16px;
}

#content pre {
margin:0;
display:inline;
background:#f3f3f3;
}

#content code {
font:12px Consolas, "Courier New", Courier, monospace;
}

#content .comment {
font-size:14px;
text-transform:uppercase;
letter-spacing:.1em;
}

#content .comment em {
font-size:24px;
color:#000;
font-style:italic;
background:transparent url(images/comment_large.png) no-repeat;
height:41px;
width:50px;
text-align:center;
display:inline-block;
line-height:36px;
position:relative;
top:-25px;
left:-3px;
letter-spacing:0;
}

#content .comment em span {
display:none;
}

/* categories */

#content .category a {
display:inline-block;
margin:0 5px;
vertical-align:middle;
background-image:url(images/cat.png);
background-repeat:no-repeat;
text-indent:-9999px;
}

#content .category {
text-transform:uppercase;
letter-spacing:1px;
margin:5px 0;
}

#content .category span {
display:inline-block;
height:42px;
background:transparent url(images/category.png) no-repeat;
width:56px;
vertical-align:middle;
}

#content .anger {
width:136px;
height:29px;
background-position: 0 -5px;
}


#content .just-for-fun {
width:112px;
height:38px;
background-position: 0 -110px;
}

#content .webdev {

background-position: 0 -442px;
width:107px;
height:21px;
}

#content .politics {
background-position: 0 -324px;
width:138px;
height:23px;
}

#content .nerd-arts {
background-position: 0 -283px;
width:121px;
height:36px;
}

#content .feature {
background-position: 0 -39px;
width:97px;
height:30px
}

#content .idiot-box {
background-position: 0 -390px;
width:48px;
height:47px;
}

#content .having-a-life {
width:99px;
height:27px;
background-position: 0 -202px;
}

#content .music {
background-position: 0 -234px;
width:113px;
height:44px;
}

#content .god-of-gaming {
background-position: 0 -153px;
width:89px;
height:44px;
}

#content .sports {
background-position: 0 -352px;
width:86px;
height:33px;
}

#content .foodie {
background-position: 0 -74px;
width:99px;
height:31px;
}

/* dates */

#content .date {
background-image:url(images/date.png);
background-repeat:no-repeat;
}

#content .Sunday {
padding:60px 0 25px;
background-position: 12px -610px;
}

#content .Monday {
padding:52px 0 52px;
background-position: 54px -243px;
}

#content .Tuesday {
padding:52px 0 52px;
background-position: 60px -923px;
}


#content .Wednesday {
padding:62px 0 42px;
background-position: 60px -1104px;
}

#content .Thursday {
padding:52px 0;
background-position: 74px -736px;
}

#content .Friday {
padding:52px 0;
background-position: 71px -60px;
}

#content .Saturday {
padding:52px 0;
background-position: 63px -426px;
}

#content .month {
font-style:italic;
font-size:18px;
}

#content .day {
font-style:italic;
font-size:14px;
color:#ff2400;
}

#content .postmetadata {
text-align:right;
margin:0;
}

#content blockquote {
color:#2c2c2c;
font-style:italic;
letter-spacing:.02em;
}

#content .content_hr hr {
background:transparent url(images/hr.png) no-repeat;
height:36px;
border:0;
margin:0 0 20px;
}

#content .more-link {
background:transparent url(images/jump.png) no-repeat right;
line-height:53px;
padding:0 60px 0 0;
display:inline-block;
text-transform:uppercase;
letter-spacing:0.1em;
}

/* Category Box */

#cat2 p {
font-size:14px;
text-transform:uppercase;
margin:0 0 15px;
}

#cat2 ul {
list-style:none;
margin:0;
padding:0;
}

#cat2 ul li {
margin:0 0 15px 50px;
}

#cat2 ul li a {
display:block;
background-image:url(images/categories1.png);
background-repeat:no-repeat;
height:28px;
text-indent:-9999px;
}

#cat2 ul li a:hover {
background-image:url(images/categories2.png);
}

#cat2 p a {
text-align:right;
text-transform:none;
color:#b22222;
display:block;
font-style:italic;
padding:0 0 10px;
}

#css2 {
background-position:0 -41px;
}

#css3 {
background-position:0 -82px;
}

/* main sidebar */

#sidebar h2 {
line-height:100%;
}

#sidebar h2 a {
font-size:18px;
}

#sidebar li {
margin:0 0 0 20px;
}

#menu {
width:346px;
height:216px;
background:transparent url(images/menu.png) no-repeat;
position:relative;
}

#menu a {
color:#fff;
position:absolute;
bottom:2px;
right:8px;
}

.old_top {
background:url(images/old_top.png) no-repeat;
height:30px;
}

.old_bottom {
background:url(images/old_bottom.png) no-repeat;
height:30px;
margin:0 0 20px;
}

#old, #cat2, #widgets {
background:transparent url(images/sidebar_hr.png) no-repeat bottom;
padding:0 0 30px;
margin:0 0 10px;
}

#old h2 a {
font-size:21px;
}

#old .month {
font-size:14px;
font-style:italic;
}

#old .day {
font-size:13px;
font-style:italic;
color:#ff2400;
}

#sidebar .old_post {
background:url(images/old.png) repeat-y;
}

#sidebar #old .post {
color:#303030;
padding:0 10px;
margin:-20px 0;
position:relative;
}

#old .entry {
font:12px/175% Georgia, "Times New Roman", Times, serif;
width:267px;
}

#old .postmetadata {
text-align:right;
margin:0;
}

#old .categories, #archives .categories {
color:#fff;
background:#b22222;
font-size:11px;
padding:1px 3px;
margin:0 0 0 5px;
}

#old .categories:hover {
background-color:#ff2400;
}

#old .comment {
font-size:18px;
color:#000;
font-style:italic;
background:transparent url(images/comment_medium.png) no-repeat;
height:31px;
width:38px;
text-align:center;
display:inline-block;
line-height:32px;
margin:0 0 0 5px;
z-index:100;
}

#old .comment span {
display:none;
}

#sidebar {
width:325px;
display:inline-block;
padding:0 10px 227px;
background:transparent url(images/sidebar.png) no-repeat bottom;
}

#really_old h2 a {
font-size:16px;
}

#sidebar .jump_link {
font-style:italic;
}

#sidebar .archive_link, #sidebar .archive_link span {
background:transparent url(images/viewarchives.png) no-repeat;
display:block;
text-indent:-9999px;
height:19px;
width:119px;
}

#sidebar .hover:hover, #sidebar .archive_link span {
background-position:0 -19px;
}

#sidebar .post {
margin:0 0 20px;
}

#really_old .day {
font-style:italic;
font-size:11px;
color:#ff2400;
}

#really_old .month {
font-style:italic;
font-size:12px;
}

#really_old .comment {
font-size:12px;
color:#000;
font-style:italic;
background:transparent url(images/comment_small.png) no-repeat;
height:21px;
width:26px;
text-align:center;
display:inline-block;
line-height:21px;
margin:0 0 0 5px;
}

#really_old .comment span {
display:none;
}


/* single post */

.single, .categories, .page404, #archives, #profiles {
margin:40px 0 0;
}

.single h4 {
font:italic 18px Georgia, "Times New Roman", Times, serif;
margin:0 0 10px;
letter-spacing:.02em;
}

.single #search, .page404 #search {
margin:7px auto;
}

.single #searchsubmit {
left:20px;
}

.single h4 span {
background:transparent url(images/reading.png) no-repeat;
height:31px;
width:149px;
text-indent:-9999px;
display:inline-block;
}

.single h4 a {
font-size:14px;
}

.single .navigation {
display:inline-block;
width:474px;
}

.single #home_link {
display:inline-block;
width:76px;
height:19px;
background:url(images/gohome.png) no-repeat 0 0;
text-indent:-9999px;
vertical-align:10px;
}

.single #home_link:hover {
background-position:0 -19px;
}

.single p.list {
font:italic 14px Georgia, "Times New Roman", Times, serif;
text-align:center;
margin:0 0 10px;
}

.single .day {
font-style:italic;
font-size:13px;
color:#ff2400;
}

.single .month {
font-style:italic;
font-size:14px;
}

.single .post {
margin:0 0 20px;
}

.single .comment {
font-size:12px;
color:#000;
font-style:italic;
background:transparent url(images/comment_small.png) no-repeat;
height:21px;
width:26px;
text-align:center;
display:inline-block;
line-height:18px;
margin:0 0 0 5px;
}

.single .list a {
font-size:16px;
text-transform:uppercase;
letter-spacing:2px;
font-style:normal;
}

#content.single .entry, .single #metadata {
margin:0 0 10px;
}

.single #metadata {
border:1px solid #e4e4e4;
padding:5px;
}

#content.single .postmetadata {
text-align:left;
width:425px;
display:inline-block;
margin:0 5px;
font-size:13px;
line-height:180%;
}

.single #comment_feed {
background:transparent url(images/commentmon.png) no-repeat 0 3px;
width:105px;
height:40px;
display:inline-block;
}

#content #comment_feed img {
background:none;
padding:0;
}

.navigation a {
color:#b22222;
font-variant:small-caps;
font-size:16px;
}

/* bottom section */

#bottom {
background:transparent url(images/bottom.png) no-repeat;
width:960px;
padding:5px;
margin:20px auto;
height:593px;
font-family:Candara, Arial, Helvetica, sans-serif;
}

#bottom a {
color:#b22222;
font-size:14px;
font-style:italic;
}

#bottom a:hover, #tumblr a:hover {
color:#ff2400;
}

#bottom_left {
width:396px;
display:inline-block;
vertical-align:top;
}

#bottom_center {
width:192px;
display:inline-block;
}

#bottom_right {
width:364px;
display:inline-block;
vertical-align:top;
}

#twitter {
width:283px;
height:71px;
background:transparent url(images/twitter.png) no-repeat;
padding:36px 10px 0 86px;
font-size:12px;
margin:0 0 0 12px;
position:relative;
top:-5px;
}

#twitter abbr {
font:12px Constantia, Georgia, "Times New Roman", Times, serif;
color:#939393;
}

#tumblr {
width:354px;
height:314px;
background:transparent url(images/tumblr.gif) no-repeat;
padding:15px 0 0 12px;
margin:0 0 0 25px;
}

#tumblr p {
padding:0 0 10px;
line-height:100%;
margin:0;
}

#tumblr a {
color:#18a5ff;
font-size:14px;
font-style:normal;
}

#tumblr small {
font-family:Constantia, Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#fff;
}

#title_tumblr {
background:transparent url(images/title_tumblr.gif) no-repeat;
width:305px;
height:24px;
text-indent:-9999px;
margin:3px 0 8px 30px;
}

#title_twitter {
background:transparent url(images/title_twitter.gif) no-repeat;
width:264px;
height:53px;
text-indent:-9999px;
margin:20px 0 0 30px;
}

#flickr {
background:transparent url(images/title_flickr.gif) no-repeat top right;
margin:20px 0 0;
}

#flickr img {
width:152px;
height:115px;
padding:5px;
margin:0 0 5px;
background:transparent url(images/flickr.gif) no-repeat;
}

#flickr img:hover {
background-position:0 -125px;
}

#profile {
width:330px;
height:330px;
background:transparent url(images/profile.gif) no-repeat;
margin:22px auto 0;
position:relative;
}

#profile a {
position:absolute;
bottom:8px;
left:19px;
}

/* 404 page */

.page404 img {
padding:0 0 20px;
}

.page404 ul {
margin:0;
padding:0;
list-style:none;
}

.page404 ul li {
color:#303030;
font-size:14px;
padding:0 0 10px;
}

.page404 h2 {
background:transparent url(images/404_title.png) no-repeat;
text-indent:-9999px;
width:308px;
height:31px;
margin:0 0 20px;
}

/* Archives */
#archives #cat {
margin:0 0 20px;
}

#archives #cat .cat-item {
list-style:none;
display:inline-block;
width:49%;
line-height:150%;
}

#archives .comment {
font-size:14px;
text-transform:uppercase;
}

#archives h2 {
margin:0 10px 0 0;
}

#archives .comment em {
font-size:12px;
color:#000;
font-style:italic;
background:transparent url(images/comment_small.png) no-repeat;
height:21px;
width:26px;
text-align:center;
display:inline-block;
line-height:21px;
position:relative;
top:-15px;
left:0;
}

#archives .post {
width:300px;
display:inline-block;
vertical-align:top;
}

#archives .postmetadata {
text-align:right;
margin:10px 25px 10px 0;
}

#archives .categories {
margin:0;
}

#archives h4 {
font-weight:400;
font-style:italic;
}

#archives h4 .day {
font-size:21px;
color:#ff2400;
}

#archives h4 .month {
font-size:24px;
}

#archives .entry {
font:14px/18px Georgia, "Times New Roman", Times, serif;
margin:0 10px 10px 0;
color:#303030;
}

.search .month {
font-size:18px;
font-style:italic;
}

.search .day {
font-size:16px;
color:#ff2400;
font-style:italic;
}

/* categories */

.categories h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
font-style:italic;
font-size:18px;
margin:0 0 10px;
}

.categories h2 a {
font-size:30px;
}

.cat_list {
list-style:none;
margin:0;
padding:0 10px;
}

.cat_list li {
margin:0 0 5px;
}

.cat_list li a {
letter-spacing:.02em;
}

/* comments section */

#respond {
background:transparent url(images/speakup.png) no-repeat;
height:31px;
width:113px;
text-indent:-9999px;
display:inline-block;
}

#commentlist {
font:18px/20px Georgia, "Times New Roman", Times, serif;
color:#303030;
padding:0 0 0 20px;
}

#commentlist li {
font-size:14px;
padding:0 0 9px;
background:transparent url(images/comment_hr.png) no-repeat bottom center;
}

#commentlist h5 {
font-size:18px;
margin:0;
font-weight:400;
font-style:italic;
width:444px;
display:inline-block;
margin:21px 0 0 10px;
vertical-align:top;
}

#commentlist a img {
display:inline-block;
}

#comments em {
font-size:24px;
color:#000;
font-style:italic;
background:transparent url(images/comment_large.png) no-repeat;
height:41px;
width:50px;
text-align:center;
display:inline-block;
line-height:36px;
position:relative;
top:-25px;
left:-3px;
letter-spacing:0;
margin:20px 0 0;
}

#commentlist .sk h5 {
background:transparent url(images/admin.png) no-repeat top right;
}

#commentlist .sk p {
font:14px Cambria, "Times New Roman", Times, serif;
line-height:150%;
}

#commentlist .sk h5 a {
color:#b22222;
}

#commentform {
font-size:14px;
line-height:150%;
}

#commentform .info {
width:244px;
padding:4px;
height:22px;
background:url(images/commentinput.png) no-repeat;
border:0;
}

#commentform textarea {
width:556px;
}

/* footer */

#footer {
width:960px;
background:url(images/footer.png) no-repeat;
margin:0 auto;
text-align:center;
font-style:italic;
padding:15px 4px;
height:40px;
}

#footer p {
margin:0;
}

#footer a {
color:#b22222;
}

/* gallery */

/* Gallery css */

.gallery {margin:20px 0;}
.gallery #largeImg {max-width:560px; padding:0 10px 0 0; display:inline-block;}
.gallery .caption {margin:0; display:inline-block; vertical-align:top; font-size:12px;}
.gallery .thumbs {padding:0;}
.gallery .thumbs a {display:inline-block; margin:0 14px 0 0;}
.gallery .thumbs img {width:125px;}

/* WP-caption */

.wp-caption-text {
font-size:12px;
font-style:italic;
margin:5px 0;
}

.cap span {
font-size:21px;
color:#ff2400;
font-family:"Times New Roman", Times, serif;
line-height:120%;
}

#content .cap span {
font-size:30px;
}

/* Facebook connect */

#widgets ul {
margin:0;
padding:0 0 30px;
}

#widgets #facebookconnector {
list-style:none;
}

/* jquery crap */

.exit {
position:absolute;
display:block;
}

#popups div {
position:absolute;
top:150px;
right:0;
z-index:100;
display:none;
}

#twitter_popup {
width:287px;
height:62px;
background:transparent url(images/mini_twitter.png) no-repeat;
padding:25px 10px 0;
font:11px/14px Verdana, Geneva, sans-serif;
}

#twitter_popup a.exit {
right:7px;
width:17px;
height:22px;
bottom:6px;
}

#tumblr_popup {
width:329px;
height:63px;
background:transparent url(images/tumblr_popup.png) no-repeat;
padding:10px;
font:14px/18px Verdana, Geneva, sans-serif;
}

#tumblr_popup small {
font-family:Georgia, "Times New Roman", Times, serif;
}

#tumblr_popup a.exit {
right:7px;
width:17px;
height:22px;
bottom:6px;
}

#flickr_popup {
width:240px;
height:188px;
padding:14px;
background:transparent url(images/flickr_popup.png) no-repeat;
}

#flickr_popup a.exit {
right:7px;
width:10px;
height:10px;
bottom:6px;
}

#profile_popup {
width:239px;
height:131px;
background:transparent url(images/profile_popup.png) no-repeat;
padding:10px;
}

#profile_popup p {
margin:0;
font:11px Corbel, "Times New Roman", Times, serif;
}

#profile_popup .title {
font:32px/20% Calibri, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#000;
position:absolute;
right:5px;
top:5px;
}

#profile_popup .title em {
font:75% Cambria, "Times New Roman", Georgia, Times, serif;
text-transform:none;
font-style:italic;
color:#6b6b6b;
}

#profile_popup .title span {
line-height:100%;
font-size:11px;
}

#profile_popup .title span em {
font:11px Cambria, "Times New Roman", Georgia, Times, serif;
color:#000;
position:relative;
bottom:5px;
margin:0 0 0 95px;
}

#profile_popup .title em strong {
font-weight:400;
color:#000;
}

#profile_popup .info {
position:absolute;
bottom:6px;
left:7px;
}

#profile_popup .exit {
bottom:6px;
right:7px;
width:15px;
height:19px;
}

/* profile page */

#profiles #portrait h1 {
font:24px Georgia, "Times New Roman", Times, serif;
background:transparent url(images/portrait_bg.png);
padding:5px 10px;
color:#fff;
position:absolute;
bottom:0;
left:0;
width:364px;
}

#profiles h1 em {
font-size:14px;
}

#profiles h2 {
font:18px Georgia, "Times New Roman", Times, serif;
}

#profiles p {
font:12px/150% Corbel, Verdana, Geneva, sans-serif;
text-align:justify;
}

#profiles #portrait {
background:url(images/self.jpg) no-repeat;
height:288px;
position:relative;
margin:0 0 10px;
}

#profiles .column {
width:180px;
display:inline-block;
vertical-align:top;
margin:0 5px;
}

#twocolumn {
width:384px;
display:inline-block;
vertical-align:top;
}

#profiles h4 {
font-size:18px;
font-weight:400;
margin:0 0 10px;
}

#bio thead {
font-size:24px;
}

#bio table {
font:14px/150% Corbel, Verdana, Geneva, sans-serif;
width:180px;
margin:0 0 20px;
}

#bio td {
vertical-align:top;
}