@charset "utf-8";
/* CSS Document */

/*

	1. BROWSER RESET STYLES

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

div, ul{ position:relative; }

ol, ul {
	list-style: none;
}

li{
	list-style: none;

}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*

	2. 

*/

body { background-color:#0c0d0d; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}

a {color:#fff; font-size:12px; text-decoration:none; vertical-align:middle; }
h2 {  font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
h3 { font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
h5 { font-size: 11px;}


#container{ width:740px; margin: 0 auto;}

#header { height:180px; width:740px; background:url("images/header.jpg"); }


#header h1 { padding-top:136px; padding-left:25px; background:url("images/blog-heading.gif") no-repeat right bottom; height:42px; width:192px;}

#header h1 strong{display:none;}
#header h1 a {display:block; width:192px; height:42px;}

#visit-portobello{display:block; background:#E27720; width:41px; top:180px; left:-40px; height:203px; position:absolute;}

/* * html #visit-portobello {
	display:none;
}*/

#content{ background:#0c0d0d repeat-x url("images/content-bg.gif"); padding-top:10px; width:740px;}

/*End Left Col*/

#left-col { margin-left:20px; width:490px;}

/*Generic Post Styling*/
.post{ background: url("images/article-bg.png") no-repeat left top; margin-bottom:50px; padding-top:20px; padding-left:20px; overflow:hidden; }
.post h3.storytitle { margin-bottom: 10px; width:78%; line-height:25px;}
.post h3.storytitle a {font-size:18px;}
.post h3.storytitle a:hover{border-bottom:2px solid #ffffff;}
.post div.date {margin-left:5px;}
.post .post-content{ width:90%; color:#FFFFFF !important; }
/*Single Post Styling*/
.single-post{margin-bottom:20px;}

/* Comments Styling */
#comments-container { padding-left:20px; width:90%;}
#comments-container h2{font-style:normal; margin-bottom:10px;}
#comments-container ol#commentlist li{margin-bottom:15px;}
#comments-container ol#commentlist p{font-size:12px;  margin-bottom:5px;}
#comments-container ol#commentlist p cite, #comments-container ol#commentlist p cite a {font-weight:bold; color:#888888;}
#comments-container #postcomment {color:#DC6E16; font-size:14px;}
#comments-container form#commentform table{width:400px; margin-top:10px;}
#comments-container form#commentform td{font-size:12px; padding-bottom:10px; vertical-align:top;}
#comments-container form#commentform input, #comments-container textarea { width:220px; background-color:#CCCCCC;}
#comments-container form#commentform td#submit-td{text-align:right; padding-right:95px;}
#comments-container form#commentform input#submit{width:120px;}


/*Post Content Styling*/
.post .post-content p {padding-top:8px; font-size:13px; line-height:16px; *height:1%;}
.post .post-content h1 {margin:0px; padding-top:10px; font-size:17px; font-style:normal;}
.post .post-content h2 { margin:0px; padding-top:10px; font-size:16px; font-style:normal;}
.post .post-content img, .post .post-content object {border:solid #565252 3px;}
.post-content object{display:block;}
.post .post-content img.alignright {clear:right; float:right; margin:0 0 1em 1em}
.post .post-content img.alignleft {float:left; clear:left; margin:0 1em 1em 0}
.post .post-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.post .post-content a img.alignright {float:right; margin:0 0 1em 1em}
.post .post-content a img.alignleft {float:left; margin:0 1em 1em 0}
.post .post-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/*Define Gallery Items*/
.post .post-content dl{width:120px; float: left; text-align: center; margin-right:20px; margin-top:20px;}
.post .post-content dl a {display:block;}
.post .post-content .gallery-caption { margin-left: 0; }
.post div.post-meta{ font-size:12px; margin-top:10px; line-height:18px;}
.post div.post-meta a {border-bottom:1px solid #ffffff; line-height:18px;}
.post a span {vertical-align:top; position:relative; top:-2px;}

/*Excerpt Only Styling*/

.post .post-content .excerpt-image-table {margin-top: 5px;}
.post .post-content .excerpt-image-table td {vertical-align:top;}
.post .post-content .excerpt-image-table p{padding-top:0px;}
.excerpt-image{ padding-top:10px;}
.excerpt-image a{  width:320px; display:block;}
.excerpt-image a img{border:solid #565252 6px;}




/*End Left Col*/



/*Start Right Col*/

#right-col
{
	float:right;
	width:193px;
	display:inline; /*IE 6*/
	top:-160px;
	margin-right:15px;
}

#right-col h2{font-size:18px; padding-bottom:5px;}

#right-col ul li
{
	margin-top:15px;
	padding-top:12px;
	padding-left:15px;
	background: #141515 repeat-x url("images/sidebar-bg.gif");
	border:1px solid #2d2e2e;

}


#right-col ul li li, #right-col ul li p
{
	border:none;
	background:none;
	padding:0px;
	margin-top:5px;
	font-size:13px;
}

#right-col ul li ul, #right-col ul li p
{
	padding-top:8px;
	padding-bottom:12px;
	*height:1%;
}

#right-col #portobello-logo{ border:none; margin:0px; padding:0px; background:none; margin-bottom:36px;}

#right-col li#cat-name
{
	
	padding:0px;
	text-align:center;

}

#right-col li#cat-name h2
{
	padding:0px;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:9px;
	padding-right:9px;
	
}


#right-col li#categ h2
{
	height:20px;
	padding-bottom:8px;
}

#right-col li#categ div
{
	padding-top:5px;
}

#right-col li#categ div#cat-last
{
	padding-bottom:7px;
}

#right-col #cat-images{background:none; padding:0px; margin-top:10px; border:none; text-align:right; margin-bottom:15px;}

#right-col #cat-images img { border:1px solid #2d2e2e;}

#right-col li#search-box
{
	border:none;
	background:none;
	padding:0px;
	margin:0px;

}

#right-col li#search-box #search-box-box
{
	height: 15px;
	width:157px;
	background-color:#c8c8c9;
	font-size:12px;
}

#right-col li#search-box #search-button
{
	position:relative;
	margin-bottom:-4px;
	padding-left:5px;
	*margin-bottom:-3px;
}


#right-col li#about p {
	width:170px;
	line-height: 1.2em;
}

#right-col li#tag-cloud h2{padding-bottom:15px;}
#right-col li#tag-cloud a{display:block; padding-left:4px;padding-bottom:4px;}

#right-col li#category-archives h2 { height:20px;}
#right-col li#category-archives ul {padding-top:12px;}
#right-col li#category-archives ul li{margin-top:0px; padding-bottom:3px;}

#right-col li#rss 
{
	padding-top: 7px;
	padding-bottom: 4px;
	height:28px;
}

#right-col li#rss h2{
	height: 16px;
	background:url("images/rss-logo.png") no-repeat;
	padding-left: 36px;
	padding-top: 7px;
}

#right-col li#rss a{

}

#right-col li#rss a:hover, #twitter a:hover, #tag-cloud a:hover{
	color:#DC6E16;
}


#right-col li#rss a
{
	font-size: 15px;
}

#right-col #twitter_update_list {}
#right-col #twitter_update_list li {margin-top:8px;}
#right-col #twitter_update_list a {display:block; color:#DC6E16; padding-top:5px; padding-light:8px;}


#categories a:hover{
	color:#DC6E16;
}
/*End Right Col*/



/*Start Footer*/

#footer
{
	height:70px;
	background-color:#393535;
}

#footer-text
{
	width:740px;
	font-size:11px;
	color:#b1b0b0;
	margin: 0 auto;
	padding-top:20px;
	padding-left:75px;
}

#font-text a{	font-size:11px; color:#b1b0b0; }
/*End Footer*/