@import url(reset.css);

/* Some Typography */

.comment_shortcut{
padding:12px;
background-image:url(../../images/interface/bubble3.png);
background-repeat:no-repeat;
background-position: 30% 60%;
margin-left:3px;
}

.comment_shortcut a:hover{
text-decoration:underline;
}

.strike {text-decoration: line-through;}

strong{
font-weight:bold;
}

em{
font-style:italic;
}

/* Home Style */

.home_right{
width:200px;
float: left;
margin:55px 0 0 0;
}

.home_right h2{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
color: #444;
font-size: 20px;
line-height: 30px;
border-bottom: 1px solid #ccc;
}

a {
color: #006699;
}

.home_right ul {
margin: 19px 0 0 15px;
}

.home_right ul img {
width:40px;
height:40px;
margin:0 6px 6px 0;
float:left;
opacity:0.85;
filter:alpha(opacity=85);
}

.home_right ul img:hover {
opacity:1;
filter:alpha(opacity=100);
}

.home_search{
margin: 19px 0 0 15px;
width:80%;
}

.home_search_button{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:14px;
line-height:18px;
background: #F9F8DA;
margin: 5px 0 0 15px;
}

.article_summary {
font-size:21px;
line-height:30px;
}

#home_articles {
background: #fff;
overflow: hidden;
margin-bottom:20px;
width:600px;
margin: 0 auto;
float: left;
}

#home_articles ul {
margin: 0 0 0 0;
/*padding: 32px 32px 16px 32px;*/
list-style-type: none;
}

#home_articles h2{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
color: #444;
font-size: 20px;
line-height: 30px;
border-bottom: 1px solid #ccc;
margin-left:15px;
}

#home_articles li {
float: left;
overflow: hidden;
padding: 15px 15px 15px 15px;
clear:left;
}


#home_articles ul li h3 {
color: #333;
font-size: 40px;
line-height: 50px;
font-family: Georgia, Times, serif;
border: none;
margin:5px 0 5px 0;
}

#home_articles li h3 a{
text-decoration: none;
color: #333
}

#home_articles li:hover h3 a {
color: #000;
text-decoration:underline;
}
#home_articles li p a:hover,#articles li.hover p a {
color: #000;
}

#home_articles li:hover
{
background-color: #ffffd1;
}

/* Home Photos */
.home_gallery{
width:600px;
}

.home_gallery ul{
padding: 15px 15px 15px 15px;
}

.home_gallery ul{
}

.home_gallery h2{
width:600px;
}

/* Tag Cloud & Tags */
.tag_cloud{
margin:20px 0 20px 0;
}

.popular_tags_table{
width:100%;
}
.popular_tags_table th{
font-size: 14px;
line-height: 16px;
font-family: Georgia, Times, serif;
color:#333;
}


.first_tag_col{
width:30%;
}

.second_tag_col{
font-size:16px;
line-height:20px;
}

.third_tag_col{
width:7%;
}


.tagtitle{
margin: 0;
color: #333;
font-size: 40px;
line-height: 50px;
font-family: Georgia, Times, serif;
}

.popular_tag{
color: #000;
font-family:arial, helvetica, sans-serif;
padding:2px;
background-color:#F7F099;
text-decoration:none;
font-size:16px;
line-height:20px;
}

.popular_tag:hover{
text-decoration:underline;
}


.individual_tag{
color: #000;
font-family:arial, helvetica, sans-serif;
padding:2px;
background-color:#F7F099;
text-decoration:none;
font-size:15px;
line-height:21px;
}

.big_tag{
font-style:italic;
}


.individual_tag:hover {
text-decoration:underline;
}

.meta_tag{
font-family:arial, helvetica, sans-serif;
background-color:#eee;
color:#666;
font-size:13px;
padding:4px;
margin-left:3px;
}

.meta_tag:hover {
text-decoration:underline;
}




/* Basics */

body{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size: 18px;
background:#FFFFFF;
}

/* Container */
.container_holder {
overflow: hidden;
}

#container {
text-align: left;
width:620px;
margin:0 auto;
}

#container_wide {
text-align: left;
width:900px;
margin:0 auto;
}

.home_container {
text-align: left;
width:850px;
margin:0 auto;
}


/* Header */
.header_holder {
text-align:center;
background:#F1E665 url(../../images/head_repeater_slim.gif) 50% bottom 
repeat-x;
margin-bottom:30px;
height:60px;
}

#persistent_header {
width:990px;
margin:0 auto;
}


/* Very Top */

.tweetie span {
display:none;
}

.very_top_holder {
background-color:#000;
text-align:center;
}

#very_top {
font-family:arial, helvetica, sans-serif;
margin:0 auto;
text-align:left;
width:990px;
color:#fff;
overflow:hidden;
height:50px;
}


#very_top ul#secondary_navigation {
margin:12px 0 7px;
padding:0;
float:right;
}

#very_top ul#secondary_navigation li {
display:inline;
padding:1px 4px;
list-style:none;
}

#very_top ul#secondary_navigation li a {
color:#999;
text-decoration:none;
font-size:18px;
line-height:22px;
}

#very_top ul#secondary_navigation li a:hover {
text-decoration:underline;
color:#fff;
}



#very_top ul#home_navigation {
margin:12px 0 7px;
padding:0;
float:left;
}

#very_top ul#home_navigation li {
display:inline;
padding:1px 4px;
list-style:none;
}

#very_top ul#home_navigation li a {
color:#fff;
text-decoration:none;
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:20px;
line-height:24px;
}

#very_top ul#home_navigation li a:hover {
text-decoration:underline;
}


/* Single Article */

.single_article_summary {
font-size: 28px;
line-height: 34px;
margin: 20px 0 20px 0;
}

.single_article{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:18px;
line-height:24px;
}

.single_article p{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:18px;
line-height:28px;
margin-bottom:18px;
}

h3{
border-bottom:1px solid #CCCCCC;
color:#000000;
font-family:Georgia,times,"Times New Roman",times-roman,georgia,serif;
font-size:30px;
line-height:40px;
margin:10px 0 10px 0;
}

.single_article h2{
margin: 15px 0 15px 0;
color: #333;
font-size: 50px;
line-height: 60px;
font-family: Georgia, Times, serif;
border: none;
}

.single_article ol{
list-style-type: decimal;
margin:0 0 1.5em 30px;
}

.single_article ul{
list-style-type: circle;
margin:0 0 1.5em 30px;
}

.single_article q{
padding-left: 30px;
font-style:italic;
padding-right: 30px;
margin: 0 0 18px 0;
}
.single_article blockquote{
padding-left: 30px;
padding-right: 30px;
margin: 24px 0 24px 0;
font-style:italic;
}

.flickr {
width: 600px;
border: 5px solid #F1E665;
margin:10px 0 10px 0;
}

.smallflickr {
border: 3px solid #F1E665;
margin: 0 10px 10px 0;
float:left;
}


.next_article{
background-color: transparent;
background-image: url(/images/interface/arrow_right_active.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
margin-right: 500px;
width: 35px;
height: 35px;
text-indent: -5000px;
overflow: hidden;
position:absolute;
left:1050px;
top:140px;
}

.previous_article{
background-color: transparent;
background-image: url(/images/interface/arrow_left_active.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
margin-right: 500px;
width: 35px;
height: 35px;
text-indent: -5000px;
overflow: hidden;
position:absolute;
left:160px;
top:140px;
}

.previous_article:hover{
background-image: url(/images/interface/arrow_left_inactive.gif);
}
.next_article:hover{
background-image: url(/images/interface/arrow_right_inactive.gif);
}


/* Comments */

.comments li{
margin:10px 0 10px 0;
background: #F9F8DA;
border-bottom: 3px solid #F1E665;
padding:10px;
}

.gravatar_image {
width:60px;
height:60px;
float:left;
padding:0 10px 0 0;
}

.comment_text{
margin-bottom:5px;
}

.comments{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:18px;
line-height:24px;
clear:both;
}

.comments p{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:18px;
line-height:24px;
margin-bottom:18px;
}

.comments h3{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
color: #000;
font-size: 24px;
line-height: 32px;
border-bottom: 1px solid #ccc;
}

.comments h2{
margin: 0;
color: #333;
font-size: 30px;
line-height: 40px;
font-family: Georgia, Times, serif;
}

.comments ol{
list-style-type: decimal;
margin:0 0 1.5em 30px;
}

.comment_meta{
font-size: 0.8em;
line-height:1.3em;
color: #999999;
}

/* Right */

#stuffontheright {
	float: right;
	width: 100px;
	margin: 0;	
	padding: 0px;
	text-align: left;
}

/* Footer */

.footer_holder {
background:#000 url(../../images/foot_top_repeat.jpg) 50% 0 repeat-x;
text-align:center;
height: 37px;
margin:60px 0 0 0;
}

/* -- Photo Strip --*/

.black_photo_top{
background: #000 url(../../images/foot_top_repeat.jpg) repeat-x;
height: 15px;
width: 100%;
bottom: 0;
}

.black_photo_body{
background: #000;
text-align: center;
}
.black_photo_bottom {
background: #000 url(../../images/foot_bottom_repeat.jpg) repeat-x;
height: 37px;
width: 100%;
bottom: 0;
}

.white_photo_top{
background: #000 url(../../images/dotted_repeater_top.gif) repeat-x;
height: 25px;
width: 100%;
bottom: 0;
}

.white_photo_body{
background: #fff;
text-align: center;
padding: 20px;
}
.white_photo_bottom {
background: #000 url(../../images/dotted_repeater_bottom.gif) repeat-x;
height: 25px;
width: 100%;
bottom: 0;
}


/* -- Last Word -- */

.last_word_holder {
background:#fff url(../../images/foot_bottom_repeat.jpg) 50% 0 repeat-x;
text-align:center;
}

.last_word {
width:780px;
padding:0px 0 40px;
margin:0 auto;
text-align:center;
color:#666;
font-size:14px;
line-height: 18px;
margin-bottom:10px;
}


/* Headings */

h1{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
color: #222;
font-size: 40px;
line-height: 54px;
margin:0 0 20px 0;
text-transform:capitalize;
}

.capitalize{
text-transform:capitalize;
}

h2{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
color: #444;
font-size: 30px;
line-height: 40px;
border-bottom: 1px solid #ccc;
margin-left:15px;
margin-top:10px;
clear:left;
}

/* Articles List Typography */

.clear {
clear:both;
}

#articles_list {
background: #fff;
margin-bottom:20px;
}

#articles_list ul {
margin: 0 0 0 0;
}

#articles_list ul li {
width: 100%;
padding: 15px 15px 15px 15px;
list-style-type: none;
margin-bottom:15px;
}

.nudge{
margin: 0 0 0 15px;
}

#articles_list ul li h3 {
color: #333;
font-size: 40px;
line-height: 50px;
font-family: Georgia, Times, serif;
border: none;
margin:5px 0 5px 0;
}

#articles_list ul li h3 a{
text-decoration: none;
color: #333
}

#articles_list ul li:hover h3 a {
color: #000;
text-decoration:underline;
}
#articles_list ul li p a:hover,#articles li.hover p a {
color: #000;
}

#articles_list ul li:hover
{
background-color: #ffffd1;
}

/* photos in the main column - tags page */


.maincol_photolist ul {
margin:15px 0 0 15px;
background-color:#f00;
}

.maincol_photolist ul li {
float:left;
overflow: hidden;
margin:0 9px 7px 0;
list-style-type: none;
}

/*

.maincol_photolist ul img {
opacity:0.90;
filter:alpha(opacity=90);
}

.maincol_photolist ul img:hover {
opacity:1;
filter:alpha(opacity=100);
}

/* Tweets in the main column - tags page */



.maincol_tweetlist ul {
margin: 0 0 0 0;
}

.maincol_tweetlist ul li {
list-style-type: none;
/*float: left;*/
width:100%;
padding: 15px 15px 15px 15px;
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:18px;
line-height:24px;
}

/*.maincol_tweetlist ul li p {

}*/

.maincol_tweetlist  ul li h3 {
margin: 0;
color: #333;
font-size: 1.8em;
font-family: Georgia, Times, serif;
}

.maincol_tweetlist  ul li h3 a{
text-decoration: none;
color: #333
}

.maincol_tweetlist ul li:hover h3 a {
color: #000;
text-decoration:underline;
}
.maincol_tweetlist ul li p a:hover {
color: #000;
}

.maincol_tweetlist ul li:hover
{
background-color: #ffffd1;
}


/* article meta */


.unstyled_list{
list-style: none;
}

.article_meta{
margin-top:3px;
font-size: 0.8em;
line-height:1.3em;
color: #666;
}
.article_meta a{
text-decoration: none;
font-color: #666;
}

.tweet_date a{
text-decoration: none;
margin-top:3px;
font-size: 0.8em;
line-height:1.3em;
color: #999999;
}



/* Forms */

.single_input{
width: 40%;
}

.textarea_input{
width: 98%;
}

.button{
font-family: Georgia, times, "Times New Roman", times-roman, georgia, serif;
font-size:14px;
line-height:18px;
background: #F9F8DA;
}


.smaller{
font-size: 75%;
}

.tiny{
font-size: 50%;
}

.debug {
border:2px dashed red;
}

/* About */

.biog_photo{
float:left;
margin: 10px 10px 10px 0;
}

/* Breadcrumb */

#breadcrumb {
	color: #ccc;
	background-color: #006;
	padding: 3px;
	margin-bottom: 25px;
	}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

/* Portfolio */
.portfolio_slug{
clear:none;
float:left;
margin:0;
padding:10px;
width:200px;
}

.portfolio_slug:first-child{
margin:0 0 0 -10px;
}

.portfolio_slug a{
font-size:16px;
line-height:20px;
text-decoration:none;
color:#333;
}

.portfolio_slug:hover{
background-color: #ffffd1;
font-color:#f00;
}

.portfolio_slug img{
margin:10px 0 0 0;
border-bottom: 5px solid #F1E665;
}

.portfolio_row{
clear:left;
padding:1em 0 1em 0;
}

.portfolio_genre{
margin:2em 0 0 0;
clear:left;
}