/*
Theme Name: FolioShowcaseNEW
THEME URI: http://folioBlogger.pixel8tion.net
DESCRIPTION: FolioShowcase is a WordPress Portfolio theme with full Blogging capabilities and is ideal for photographers, artists or designers. It was created to be VERY easy to maintain using simple WordPress posting and writing capabilities and has numerouse php and jquery enhancements.
VERSION: 1.1
Author: Mark Landry
Author URI: http://pixel8tion.net
TAGS:two columns,fixed width, widget ready, valid xhtml, valid css, superfish menu, 1024, jquery, portfolio image slider, featured category slider, gravatars
.
*/


/*====================== Defaults ======================*/

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 10px 0;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

p {
	font-size:100%;
	letter-spacing:normal;
	line-height:1.8em;
}

h1, h2, h3, h4,  h5, h6 {color:#4d4d4d}


 h1{
font-size: 220%;
padding:15px 0 15px;
}

h2{
font-size: 200%;
padding: 15px 0 15px;
}

h3{
font-size: 160%;
padding:15px 0 15px;
}

h4{
font-size: 140%;
padding: 15px 0 15px;
}

h5{
font-size: 120%;
padding: 10px 0 10px;
}

h6{
font-size: 120%;
padding:10px 0 10px;
}


#posts  ul, #single ul, .blog ul,#posts  ol, #single ol, .blog ol{
	display:block;
	border-top: none!important;
	margin:18px 0;
	}

#posts li, #single li, .blog li{
color:#999999;
font-weight:normal;
line-height:2em;
list-style-position:outside;
list-style-type:square;
margin-left:40px;
padding-left:10px;
	
}

#posts ol li, #single ol li, .blog ol li{
	color:#999;
	padding-left: 10px;
	list-style: outside decimal;
	display: list-item;
}



a {
	/*color: #59799F;*/
	color:#59799F;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
	
}
blockquote {
background:#F4F4F4 url(images/quote.gif) no-repeat scroll 475px 5px;
font-style:italic;
margin:10px 10px 25px 0;
padding:10px 55px 5px 30px;
}

code {
	color: #3366cc;
	font-style: italic;
}
strong { font-size: 110%; }
body {
	background:#000000 url(images/bg3.jpg) repeat scroll center 0;
	border-top:4px solid #000;
	margin:0;
	min-width:980px;
	padding:0 0 0;
	text-align:center;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Arial ;
	line-height: 18px;

}


/* =============== divs======================*/

.container_16
{ margin-bottom: 0px;
text-align:left; }


#topNav {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #000;
}


#header {
	position:relative;
	z-index:99;
	padding:0;
	
}

#headerwrap{
	border-top:1px solid #333;
}
/*#mid-wrap{
background:transparent url(images/bg-shadow.png) repeat-x scroll center bottom;
margin:20px 0 0;
}*/
.inner{
margin:90px 0 0!important;
}

#feature{
clear:both;
margin:0;
position:relative;
}

#main {
/*margin:0 20px;*/
}
.home {
	padding:20px 0 50px !important;
}

.sidebar-wrap{
margin:0;
padding:0;
float:right;
}


#main .sidebar{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#8B8B8B;
float:right;
margin:0 0 20px;
padding:0 10px 8px;
}
#main .sidebar2{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#8B8B8B;
float:right;
margin:20px 0 30px;
padding:10px 20px 8px;
width:100px;
}

#main .sidebar ul{

}



#main .sidebar-home{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#8B8B8B;
float:right;
margin:30px 0 30px;
padding:0 10px 8px;
}

#main .grid_8 {
padding:0!important;
}

#main .sidebar h3, #main .sidebar-home h3{
/*background:#414960 url(images/bg2.jpg) no-repeat scroll center 0;*/
border-bottom:1px solid #ddd;
color:#59799F;
display:block;
font-size:180%;
padding:18px 0 10px;
text-indent:10px;
text-transform:capitalize;
}






/*#posts h2 a{
background:transparent url(images/icon-check.gif) no-repeat scroll -1px 3px;
display:block;
padding:0 0 5px 22px;
}*/

#single {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:0 0 30px;
padding:10px 20px 20px;
width:710px;

}




#single .meta{
background:transparent none repeat scroll 0 0 !important;
border:medium none !important;
line-height:1em !important;
margin-top:-20px !important;
padding:10px 5px !important;

}


#btmWrap{
background:#f7f7f7 url(images/bg-gray2.gif) repeat-x scroll center bottom;
border-bottom:1px solid #FFFFFF;
padding: 60px 0 0;
}
.paper{
background:transparent url(images/bg-paper.png) repeat-x scroll center 0;
height:20px;
}

.bg-none{
background:none !important;
}


#footer {
background:#000000 url(images/bg3.jpg) repeat scroll center 0;
border-top:4px solid #000000;
clear:both;
margin:0;
padding:40px 0;
}

.black{
background:#000000 none !important;
border-top:4px solid #222!important;
margin:40px 0 0!important;

}

#footer h3 {
color:#fff;
}

/* =============== Theme Color ======================*/
#bg{
	position:absolute;
	top:0;
	width:1080px;
	height: 350px;
	margin: 0 auto;
	
}
ul#portfolio li img{
	float:none;
	text-align:left;
	margin:0;
	padding:0;
	width:980px;
	height: 350px;
	display:inline-block;
}
.innerfade{
text-align:left;
}


#header-wrap, #BtmWrap {
		
}



/* ===============  HEADER, LOGO and Tagline ======================*/

#logo{
display:inline;
top:0;
margin:25px 0 0 10px;
width:300px;

}
#header h1, #logo h1 {
	margin:0;
	padding:0;
	text-indent:-9999em;
}
#header h1 a, #logo h1 a  {
	color:#555;
	cursor:pointer;
	display:block;
	width:300px;
	height:110px;
	background:transparent url(images/logo.png) no-repeat scroll left top;

}
#header .tagline, #logo .tagline{      /* This controls the WordPress Tagline that you type in your admin */
	color:#FFFFFF;
	line-height:1%;
	margin:0 0 0 5px;
	text-indent:-9999em;
	display:none;
}


#logo-foot{
display:inline;
float:right;
margin:0;

}
#logo-foot h1 {
	margin:0;
	padding:0;
	text-indent:-9999em;
}
#logo-foot h1 a  {
background:transparent url(images/logo-small.png) no-repeat scroll right top;
color:#555555;
cursor:pointer;
display:block;
height:40px;
width:100%;

}
#logo-foot .tagline{      /* This controls the WordPress Tagline that you type in your admin */
	color:#FFFFFF;
	line-height:1%;
	margin:0 0 0 5px;
	text-indent:-9999em;
	display:none;
}



/* =================  Menu and navigation  ======================== */
.head-rgt {
Position: relative;
}

.urhere{
background:transparent url(images/bg-trans.png) repeat scroll 0 0;
color:#6299AF;
font-size:95% !important;
letter-spacing:normal;
padding:8px 20px;
text-transform:uppercase !important;
top:100px;
margin:25px 20px;
}






/* =================  Menu and navigation  ======================== */

#page-nav {
float:right;
margin:55px 0 0;
z-index:90;
}

#page-nav ul {
list-style-image:none;
list-style-type:none;
margin:0;
padding-left:0;
float:right;

}

#page-nav ul ul{
margin:6px 0 0 0 !important;
width: 150px; 
}




#page-nav ul li {
background:#181818 none repeat scroll 0 0;
border-color:#232323 #232323 #000000 #000000;
border-style:solid;
border-width:1px;
display:block;
float:left;
height:30px;
letter-spacing:normal;
padding:0 0 7px;

}

#page-nav ul li li {
border:none;
float: left; 
display: block; 
padding-left: 0px; 
height: 20px;
margin-right:0px;
letter-spacing:normal;
}

#page-nav ul li a:link,#page-nav ul li a:visited, #page-nav ul li a:active  {
color:#FFFFFF;
display:block;
float:left;
font-size:14px;
line-height:1.5em;
margin:0;
padding:8px 10px;
text-transform:uppercase;
letter-spacing:normal;
}

#page-nav ul li a:hover, .current_page_item a {
background:#999 none repeat scroll 0 0;
color:#fff;
text-decoration:none;

}


#page-nav li li {
display: block;
padding: 0px;
height: auto !important;
width: 130px; 
}

#page-nav li:hover, .current_page_item {
background:#111111 url(images/bg-nav-blk.jpg) repeat-x !important;

}

#page-nav li li a:link, #page-nav li li a:visited {
background-color:#999;
color:#fff;
display:block;
font-size:11px;
height:auto !important;
width:130px;
}

#page-nav li li a:hover {
background-color: #888 !important;
}


#page-nav  li:hover ul,#page-nav ul.nav li.sfHover ul {
left:0px!important;
top:31px!important;
}

#page-nav li:hover li ul,#page-nav ul.nav li.sfHover li ul {
left:150px!important;
top:0px!important;
background:#9d9d9d!important;
padding:0;
margin:0;
}

#page-nav  .sfHover  .sf-with-ul{
background:#999!important;
}

#page-nav .children{
margin:0 0 0 213px;
}






.nav, .nav * {margin:0;padding:0;list-style:none;}

.nav ul {
	position:absolute;
	top:-999em;

}
.nav ul ul{  }

.nav li {float:left;position:relative;z-index:90;}


.nav a {display:block;}

.nav ul li{width: 100%;}


.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}


.sf-shadow ul {
background:transparent url(script/images/shadow.png) no-repeat scroll right bottom;
padding:0 8px 9px 0;
}






/* =============== Main Content ======================*/

.more a{
background:#6dcff6; 
padding:5px !important;
color:#fff!important;
line-height: 24px}

#main .grid_8 {
padding: 0 20px;
width: 420px;
}

#main .thumb-img{
border:4px solid #DDDDDD;
float:left;
height:70px;
margin:0 25px 0 0;
width:100px;
}

#main h2, #main h2 a{
margin-bottom:18px;
padding:0;
text-transform:capitalize;

}

#main p{
	color:#8b8b8b;
	margin:5px 0;
	padding:0 0 10px;
}


.meta {
background:#DDDDDD url(images/bg-glow2.png) no-repeat scroll -50px 0;
color:#555555;
font-size:10px;
letter-spacing:normal;
margin:0 0 20px;
padding:5px 20px;
text-transform:capitalize;
}
#main .meta {
background:#F5F5F5 none repeat scroll 0 0;
border-color:#FFFFFF #CCCCCC #CCCCCC;
border-style:solid;
border-width:1px;
line-height:3em;
text-align:right;

}

.meta a{
padding:5px 0 0;
text-transform:capitalize;

}

.meta a:hover{ 
}
.more a{
background:#8BBF0B none repeat scroll 0 0;
padding:5px !important;
color:#fff!important;
line-height: 24px;

}
.meta .readmore{
display:inline;
float:right;
}
.meta .readmore a{
background:#999999 none repeat scroll 0 0;
border-color:#FFFFFF #888888 #888888 #FFFFFF;
border-style:solid;
border-width:1px;
color:#FFFFFF;
padding:3px 8px;
}
.meta .readmore a:hover{
background:#59799F none repeat scroll 0 0;
border-color:#FFFFFF #555 #555 #FFFFFF;
border-style:solid;
border-width:1px;
color:#FFFFFF;

}

.meta .dates{
display:inline;
float:left;
color:#888;
}

.meta .tags{
display:inline;
float:right;
padding:0 0 4px 25px;
color:#ccc;
}

.meta .dates a{
color:#888;
}
.meta .dates a:hover{
}



/* ============ section titles ============*/


.section-title {
 	/*padding:0 0 15px!important;*/
	margin: 0 0 20px !important;
	display:block;
	/*height:34px;*/
	width:100%;
}
.blog-title, .search-title, .archive-title, .about-title{
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
color:#C7C7C7 !important;
display:block;
font-size:160% !important;
margin:30px 0 10px;
padding:2px 0 0;
text-transform:capitalize;
}
.sponsors-title{
	
}

.sidebar .sponsors-title{
	margin:0 !important;
}



/* ========================== mid Content ======================= */

#BtmContent .cat_nav {
	margin: 0;
}

#main li a {
background:transparent url(images/bullet1.gif) no-repeat scroll 5px 9px;
border-bottom:1px dashed #ddd;
color:#999999;
display:block;
font-size:110%;
padding:8px 10px 8px 35px;
text-transform:capitalize;
}
#main li a:hover { 
background:#f9f9f9 url(images/bullet.gif) no-repeat scroll 5px 9px;
color:#59799F;
}

#main ul{
display:block;
margin:0 0 18px;
padding:0;
	}
.blog{
margin:0;
}
.blog-post{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
padding:10px 20px 20px;
}




#single h3{text-transform:capitalize!important;  }

/* ============== Welcome section ======================= */

#welcome {
	margin: 0 0 15px 0;
}
#welcome h2 {
	margin:0;
	padding: 0 0 8px;
	text-transform:capitalize;
	font-size:140%;
}

#welcome a {

}
#welcome a:hover {  }
#welcome form {
	margin: -5px 0 0 0;
	background: transparent; /* required for IE */
}

#welcome #feedbox {
	border: 1px solid #ccc;
	padding: 2px 1px;
	width: 180px;
}

.submitbutton {
background:#555555 none repeat scroll 0 0;
border:0 solid #111111;
color:#FFFFFF;
font-size:8pt;
margin:0 0 1px 5px;
padding:6px 6px 5px;
}
.submitbutton:hover {
	cursor: pointer;
	background: #59799F;
}
.rss{
border-bottom:1px dotted #5D5D5D;
clear:both;

 }

.rss a{
	background:transparent url(images/rss.png) no-repeat scroll right 0;
	display:block;
	font-size:14px;
	height:32px;
	padding:7px 50px 0;	
  	 
 }

.rss a:hover{
 }





/* ========================== Bottom Content - footer ======================= */


#morefootWrap {
	background-color:#101010;
	background-repeat:repeat-x;
	border-top:1px solid #333333;
	text-align:left;
	padding:20px 0;
}


#footer p {
	color:#ddd;
	font-size:90%;
	text-align:right;
}

#footer h2, #footer h2 a {
color:#59799F;
font-size:140%;
line-height:1.35em;
padding:0 0 10px;
text-transform:capitalize;
}


#footer a {color: #fff;
	
}
#footer a:hover { color: #fff; }



#footer li a  {
background:transparent url(images/bullet1.png) no-repeat scroll 5px 10px;
border-bottom:1px dotted #5D5D5D;
color:#999999;
display:block;
font-size:110%;
padding:8px 10px 8px 35px;
text-transform:capitalize;
}
#footer li a:hover { 
background:#F9F9F9 url(images/bullet.gif) no-repeat scroll 5px 10px;
border-bottom:1px solid;
color:#59799F;
}

#footer ul{
display:block;
margin:0;
padding:0 0 20px;
	}
	
#footer ul.children {
display:block;
margin:0;
padding:0;
}
.decription {
	font-size: 80%;
	color: #D3D2CC
}

.textrght{ text-align:right;}


/* ========================== Comments ======================= */

.comments a {
	height: 34px !important;
	width: 34px;
	color: #333333;
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	float: right;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: -10px;
	margin-right: -8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#comment {
	margin-bottom:40px;
	padding:10px 15px;
	
}
#comment p{
	color:#ccc;
}
#comment a {  }
/*#comment a:hover { color: #fff; }*/
#numberofcomments {
	border-top:1px solid #DDDDDD;
	color:#999999;
	font-size:10pt;
	margin:80px 0 20px;
	padding-top:60px;
	text-transform:uppercase;
}
ol#commentlist {
	list-style: none;
	margin: 10px 0;
	font-size: 9pt;
}
#commentlist li {
	margin: 0 0 15px 0;
	padding: 10px!important;
	display:block;
	list-style-type:none!important;
}
#commentlist li.alt {
	background: #F4F4F4 none repeat scroll 0 0;
	border: 1px solid #010101;
	border: none;
	list-style-type:none;
}
#commentlist li.cleared {
	background: transparent;
	border: none;
	
}
#commentlist li a {
	background: transparent;
	border: none;
	display:inline;
	padding:0;
}

#commentlist li a:hover{
	border:none;
	display:inline;
	background:none;
}

#commentlist .gravatar, #commentlist  .avatar{ 
border:none!important;

}
#commentlist a:hover { color: #eee; }
#commentlist a.gravatar {
float:left;
padding:0;
margin:0 20px 5px 0;
width:69px;
}



#commentlist .commentbody {
	margin: 0;
	padding: 0 5px 0 0;
	float: right;
	width: 380px;
}
#commentlist .commentbody p a { text-decoration: underline; }
#commentlist cite {
	font-size: 10pt;
	font-style: normal;
	text-transform:capitalize;
	font-weight: normal;
}
#commentlist cite span{
	font-size: 10px!important;
	font-style: normal;
	text-transform:none;
	font-weight: normal;
}
/*#commentlist small.commentmetadata a { color: #fff; }*/
#commentlist p { 
	color: #000;
	line-height:1.5em;
	font-weight: normal;
}
#comment h3 {
	border-bottom:medium none;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:normal;
	margin:5px 0 0;
	padding:0 0 15px;
}
textarea#comment {
border:medium solid #CCCCCC;
color:#111111;
width:95%;
}
#comment #submit {
	margin-left: 0px;
	margin-top: -25px;
}

.commentmetadata{
font-size:10px !important;
font-weight:normal;
}

/* ====================== Misc ======================  */

			/* ===== ads=====  */
.ads{
/*background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;*/
}

.ad-block {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#8B8B8B;
float:right;
margin:0 0 30px;
padding:0 10px 8px;

}
.ad-block .banner-img {
margin:5px 0px 5px 9px;
}

.ad-block-home .banner-img {
margin:5px;

}

.ad-block-home {
margin:18px 0!important;

}

.extra-margin-left{
margin-left: 50px;

}
.wp-caption-text, p.wp-caption-text{
color:#61BBDF!important;
font-size:90%!important;
padding:3px!important;
text-transform:capitalize;
}


#recentcomments li{
line-height:1.5;
padding:5px 10px; 
border-bottom:1px dashed #DDDDDD;
	
}
#recentcomments li a{
	border-bottom:none;
	background:none; 
	  
}
#recentcomments li a:hover{
	  background:none;
	  color:#59799F;
	  text-decoration:none;
	  background:none;  
}
.textwidget{
font-size:90%;
letter-spacing:normal;
line-height:1.8em;
padding:10px 5px 20px;
}



.tag a{
line-height: 1.5em;
}

#calendar_wrap{
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#111111;
margin:0 0 30px;
}
#wp-calendar tfoot{
text-transform:uppercase;
padding:5px 0;
}

#wp-calendar #prev{
padding:10px 0 5px 5px;
text-align:left;

}
#wp-calendar #next{
padding:10px 5px;
text-align:right;

}
#wp-calendar #pad a:hover{
background:none;
}

#wp-calendar {
empty-cells: show;
font-size: 14px;
margin:0;
width: 100%;

} 
#wp-calendar td:hover, #wp-calendar #today {
background: #59799F;
color: #fff;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar td {
color: #999;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar th {
color:#59799F;
font-style:normal;
padding:10px 0;
text-align:center;
text-transform:capitalize;
} 
#wp-calendar caption{
color:#59799F;
letter-spacing:normal;
padding:20px 0;
text-transform:uppercase;
}


.highlight {
	color: #222;
	font-weight: bold;
}

.cleared {
	margin: 0;
	padding: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}

.aligncenter, div.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
/*
img.post_alignleft {
	float: left;
	margin: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 8px solid #F5F5F5;
	max-width: 150px; 
	
}

img.page_alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 8px solid #F5F5F5;
	max-width: 300px; 
}*/
#single img{
border:1px solid #ccc;
}

img.size-large {
margin:0 0 20px 0 !important;
}



img.alignleft {
	float: left;
	margin: 12px 20px 0px 0;
	border: 4px solid #F5F5F5;
}
#single img.alignleft{
	margin: 1px 20px 0px 0;
}

img.alignright {
	float: right;
	margin: 12px 0 10px 20px;
	border: 4px solid #F5F5F5;
}

#single img.alignright{
	margin: 8px 0 10px 20px;
}

.FeaturedPhoto {  /* This is the container for the Featured Posts Image backgound  */
	float: right;
	background-image: url(images/photo.gif);
	background-repeat: no-repeat;
	height: 264px;
	width: 330px;
	margin-left: 20px;
}

.FeatureCaption {  /* This controls the caption for the image in the featured post scroller */
	color:#577DAF;
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	height:30px;
	left:658px;
	line-height:100%;
	padding:5px 10px;
	position:absolute;
	top:253px;
	width:230px;
	z-index:2;
}
img.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	color: #111;
}

#searchform{
	float:right;
	margin:10px 0 10px;
	padding:0;
	
}
#searchbox {
background:#EEEEEE url(images/bg-glow.png) repeat scroll center 0;
border:1px solid #232323;
color:#777777;
font-size:90%;
padding-bottom:5px;
padding-left:10px;
padding-top:9px;
width:205px;
}

.img-left{
float:left;
margin:-2px 0 0;
}


.float-right{
float:right;
}


/* ========================== SLIDER ======================= */

.hover-click{
background:transparent url(images/hover.png) no-repeat scroll 0 0;
display:block;
height:18px;
left:350px;
position:absolute;
top:400px;
width:120px;
}

#page {
	margin:0 auto;
	height: 435px;
	width:960px;
}

.featured {
	background-image: url(images/Featured.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	height: 101px;
	width: 104px;
	left: 856px;
	top: 0;
}

#slider {
	margin:0 auto;
	position:relative;
}

#slider .topPost p.topMeta { 
font-size: 90%;
border-bottom:1px solid #555555;
padding:0 0 10px ;
}
 
#slider .topPost { 
padding:0 10px;
width:600px;
}
#slider p { 
padding:0 20px 0 3px;
}

.folio-nav {
display:block;
float:left;
/*height:366px;*/
margin:0;
width:100%;
}




#page .navigation {
display:block;
float:left;
/*height:366px;*/
margin:0;
width:310px;
}

#page .navigation li {
background:transparent none repeat scroll 0 0;
display:inline;
list-style-image:url(none);
list-style-position:outside;
list-style-type:none;
padding:0;
}

#page .navigation li a:hover {
background:#333333 none repeat scroll 0 0 !important;
border:1px solid transparent;
list-style-image:url(none);
list-style-position:outside;
list-style-type:none;
	
}

/*#page .navigation a {
	color: #000;
	background:#777777 none repeat scroll 0 0;
	border-top:4px solid #000;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 10px 10px 0;
	padding:0;
	text-transform:uppercase;
	width:80px;
	height:49px;
	overflow:hidden;
}
*/
#page .navigation a {
border:6px solid #000;
margin:6px;
overflow:hidden;
padding:0;
}


.thumb-wrap{
/*background:transparent url(images/shadowAlpha.png) repeat-x scroll right bottom;
*/}

.viewing{
border-top:2px solid #000000;
color:#DDDDDD;
font-size:18px;
margin:0 0 0 5px;
padding:15px 0 0 5px;
width:295px;
}

#page .navigation a:hover, #page .navigation a.selected {
background:#444444 none repeat scroll 0 0;
border:6px solid #FFFFFF !important;
color:#FFFFFF;
	
}
#page .navigation a:hover span, #page .navigation a.selected span { background:url(images/page_navigation_span.png) left top no-repeat; }
#page .navigation a:focus { outline:none; }


#page .scroll {
background:transparent url(images/shadowAlpha.png) no-repeat 10px bottom;
border:medium none;
float:right;
height:399px;
margin-bottom:-10px;
margin-left:-10px;
margin-right:-15px;
overflow:auto;
padding:0 10px 0 0;
position:relative;
width:620px;
overflow-x: hidden;

}
#page .scrollContainer .panel {
	overflow:hidden;
	padding:0;
	width:660px;
}
#page .panel em { font-style:italic; }
#page .panel a { 
border-bottom:medium none;
font-weight:normal;
}
#page .panel a:hover { text-decoration:none; }
#page .panel .gallery img {
	padding:2px;
	border:solid 1px #c0c5d6;
}
#page .readMore {
	font-size: 90%;
	margin-right: 20px;
}
#page .readMore a {
	padding-left: 3px;
	padding-right: 3px;
}
#page .panel blockquote,  #page .panel ol, #page .panel pre {
	font-size:12px;
	margin:1em 2em 2em 2em;
	padding:10px 15px;
	background:#ecedf3;
}

#page .panel pre {
	line-height:1em;
	color:#1C194C;
	font-size:13px;
	overflow:auto;
	background:#f8f8f8;
	border:solid 1px #e5e5e5;
}
#page .panel code {
	padding:0 3px;
	color:#33333e;
	background:#f8f8f8;
	border:solid 1px #e5e5e5;
	font-size:13px !important;
}
#page .panel h2{
color:#eee;
font-size:180%;
margin-bottom:5px !important;
padding:10px 0 0 !important;

}
#page .panel .gallery { text-align:center; }

.scrollButtons.right {
background:#f7f7f7 url(images/left_right.gif) no-repeat scroll 0 0;
cursor:pointer;
height:37px;
left:31px;
position:absolute;
top:460px;
width:31px;
border:none!important;
text-decoration:none;
}

.scrollButtons.left{
background:#f7f7f7 url(images/left.gif) no-repeat scroll 0 0;
cursor:pointer;
height:37px;
left:0;
position:absolute;
top:460px;
width:31px;
z-index:2;
}

.scrollButtons.right:hover{
background:#f7f7f7 url(images/left_right.gif) no-repeat scroll -31px 0;
border:none!important;
}
.scrollButtons.left:hover{
background:#f7f7f7 url(images/left.gif) no-repeat scroll -31px 0;
}

.scrollButtons span { display:none; }

.post-image {
border:4px solid #333333;
float:left;
}





.post-image2 {
background:#FFFFFF url(images/bg-gray.gif) repeat-x scroll right top;
border:2px solid #999;
float:right;
margin:30px 0 20px 20px;
}

.slide-img{
border:4px solid #000
}

.prev-next{
padding:30px 10px 5px;
text-transform:uppercase;
}

/* ========================== hover block ======================= */

ul.hover_block{
background: transparent;
margin:0!important;
padding:0!important;
}

ul.hover_block li{
background:#111111 url(images/bg-glow.png) no-repeat scroll -200px 0;
border:2px solid #000;
float:left;
height:386px;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin:0 !important;
padding:0 !important;
position:relative;
width:616px;
}

		ul.hover_block li a {
			background: none!important;
			list-style:none !important;
			display: block;
			position: relative;
			overflow: hidden;
			height: 370px;
			padding: 0px;
			color: #000;
			font: 1.6em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a { 
		text-decoration: none; 
		background: none; 
		}

		ul.hover_block li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 8px solid #000;
		}
.hover_block p{

}
