/*   
Theme Name: Jessica Ricco Photography
Theme URI: http:/www.jessicaricco.com
Description: 
Author: Jessica Ricco
Author URI: http://www.coraleau.com
Template: 
Version: 1

*/

html{
	margin:0px;
	padding:0px;
	height:100%;
}
body{
	background:#000000 url(images/background4.jpg) repeat-x;
	font-family:'century gothic',tahoma,arial;
	font-weight:lighter;
	margin:0px;
	padding:0px;
	height:100%;
}

img{
border:none;
}

a, a:visited{
	text-decoration:none;
	color:#07b2ed;
}

a:hover, #footer h3 a:hover{
	text-decoration:underline;
	color:#07b2ed;
}

.clear{
	clear:both;
	min-height:1px;
	}

#wrapper {
	width:960px;
	min-height:100%;
	margin:8px auto 0px auto;
	position:relative;
	
	
}

input, textarea{
	background-color:#ffffff;
	border:1px solid #666666;
}

.alignleft{
	float:left;
	text-align:left;
}

.alignright{
	float:right;
	text-align:right;
}

.piclenselink{
	display:none;
}
/********************************Forms***************************************/
span.mmf-list-item{
				clear:both;
				display:block;
				width:260px;
				}

/********************************Header**************************************/
#header{
	
	margin-bottom:12px;
}

#category{
	width:100%;
	height:143px;
	margin-bottom:5px;

	
}

#category a{
	color:#ffffff;
}

#category #lftlinks{ 
	width: 700px;
	float:left;
} 

#category #rtlinks{
	text-align:right;
	padding-top:12px;
	float:right;
	width:240px;
	height:20px;
	font-size:12px;
	color:#FFFFFF;
}

#category h2{ 

	color:#FFFFFF;
	font-size:13px;
	font-weight:lighter;
}

#bounce{
	width:960px;
	height:112px;
	overflow:hidden;
}

#w_pic, #cou_pic, #com_pic, #p_pic, .pic{
	width:125px;
	height:144px;
	position:relative;
	bottom:-5px;
	left:0px;
	/*overflow:hidden;*/
}

.rtpad{
	padding-right:40px;
}

#banner{
	margin-top:15px;
	height:104px;
	width:960px;
	background:url(images/header3.png) no-repeat;
	margin-bottom:12px;
}

#banner #links {
	text-align:right;
	padding-top:4px;
	float:right;
	width:240px;
	height:20px;
	font-size:12px;
}
	

/********************************Index**************************************/

.block{
	min-height:40px;
	background: #111;
	border-top: 1px solid #000;
	width:100%;
	position:relative;
	bottom:45px;
	left:0px;
	overflow:hidden;
}

#b1, #b2, #b3, #b4, #b5, #b6, #b7{
	min-height:40px;
	background: #111;
	border-top: 1px solid #000;
	width:100%;
	position:relative;
	bottom:45px;
	left:0px;
	overflow:hidden;
}

.image{
	position: relative;
	overflow: hidden;
	/*z-index:-1*/

}

.block h2{
	margin:3px 0;
	color:#ffffff;
	font-size:13px;
	padding-left:5px;
}

.block small{
	font-size:12px;
	color:#ffffff;
	padding-left:5px;
}

#left{
	width:590px;
	padding-right:8px;
	float:left;
}

#one{
	width:590px;
	height:394px;
	float:left;
	padding-bottom:8px;
	overflow:hidden;
}

#five{
	width:356px;
	height:241px;
	float:left;
	padding-right:8px;
	overflow:hidden;
}

#six{
	width:226px;
	height:241px;
	float:right;
	overflow:hidden;
}


#right{
	width:362px;
	float:right;
}

#two{
	width:177px;
	height:275px;
	float:left;
	padding-right:8px;
	overflow:hidden;
}

#three{
	width:177px;
	height:275px;
	float:right;
	overflow:hidden;
}

#four{
	width:362px;
	height:111px;
	float:right;
	padding:9px 0px 8px 0px;
	overflow:hidden;
}

#seven{
	width:362px;
	height:241px;
	float:right;
	overflow:hidden;
}

#footer{
	padding-top:10px;
	width:100%;
	height:50px;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	clear:both;
}
#footer h3{
	margin: 3px 0px;
	font-size:11px;
	font-weight:lighter;
}

/********************************single**************************************/
#content_container{
	
	width:590px;
	margin-right:5px;
	float:left;
	color:#000000;
	background: url();
	background-color:#ffffff;
	min-height:500px;
	
}

#content{
	margin:2px;
	padding:6px;
	border:1px solid #000000;
	
}

.ngg-singlepic{
	margin:3px;
}

.galleries{
	color:ffffff;
	background-color:#000000;
	color:#FFFFFF;
}

#content .heading{
	height:100%;
	width:380px;
	margin-bottom:10px;
	margin-top:0px;
	float:right;
}


img.entry-homethumb{
	padding:3px;
	border:1px solid #999999;
	float:left;
	width:175px;
	margin-right:6px;
}

#content h1{
	font-size:24px;
	font-weight:lighter;
	 
}

#content h2{
	font-size:18px;
	font-weight:lighter;
	
	
}

#content p{
	font-size:14px;
}

.details{
	font-size:12px;
	width:100%;
	text-align:center;
	border:1px dotted #cccccc;
	padding:3px;
		
}

.details a, a:visited{
	
}

/*Comments*/

h3#comments-count{
	color:#666666;
	border-top:1px solid #666666;	
	font-weight:lighter;
	font-size:14px;
}

.comments

#comments

.comments ul{
	margin:0px;
	padding:0px;
}

.comments img.avatar{
	float:left;
	border:5px solid #333333;
	margin-right:5px;
}
.comments ul li{
	
	padding-top:10px;
	width:100%;
	list-style-type:none;
	border-bottom:1px solid #666666;
	margin-bottom:10px;
}

.comments ul li:last-child{
	border:none;
}

.comments ol li.alt{
	background:#666666;
}

p.comment-meta{
	margin:0 0 4px 0;
	padding:0px;
}

h2#respond

.comments p{
	
}

.respond{
	background:#cccccc;
	border-top:1px solid #666666;
	padding:10px;
}

.quotes{
	width:35px;
	height:35px;
	background-image:url(images/quotes.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	
}

.comment-text{
	
	width:440px;
	float:right;
	text-align:left;
	
}


#comment{
	width:100%;
}

/*navigation*/

#navigation{
	height:30px;
	margin-top:10px;
	border-top: 1px solid #666666;
	font-size:14px;
	font-weight:bold;
}

/*archive*/

.archive_item{
	border-bottom:1px solid #666666;
	margin-bottom:10px;
	padding-bottom:10px;
}

.archive_item h2{
	margin-top:0px;
	padding-top:0px;
}

/********************************sidebar**************************************/
#sidebar_container{
	width:353px;
	float:right;
	background:#212121;
}

#sidebar{
	width:339px;
	margin:2px;
	border:1px solid #000000;
	padding:4px;
}

#sidebar ul{
	width:339px;
	list-style-type:none;
	margin: 10px 0px;
	padding:0px;
}

#sidebar a, #sidebar a:visited{
	color:#FFFFFF;
}

#sidebar a:hover{
	color:#07b2ed;
}

#sidebar ul li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#sidebar ul li ul, #sidebar ul li ul li{
	margin:0px;
	padding:0px;
}

#sidebar h2{
	color:#666666;
	border-top:1px solid #666666;	
	font-weight:lighter;
	font-size:13px;
	
}

.tabber{display:none;}

#services{
	color:#FFFFFF;
	font-size:12px;
}

#services a{
	text-decoration:underline;
}
#services ul li{
	list-style-type:circle;
	margin-left:10px;
}
/*SEARCH*/

#searchform{
	height:23px;
	margin:10px 0 25px 0;
}

*:focus {
	outline: 0;
	
}

#s, #log, #pwd{
	width:200px;
	height:20px;
	background:#ffffff;
	border:none;
	color:#07b2ed;
	padding-top:3px;
	margin:0px;
	
}

#s:focus, #log:focus, #pwd:focus, input:focus, textarea:focus{
	border:3px double #07b2ed;
}

#searchsubmit{
	padding:0px;
	position:relative;
	top:3px;
	width:25px;
	height:25px;
	border:1px solid #07b2ed;
	background:#333333;
	
	color:#FFFFFF;
}

#searchsubmit:hover{
	background:#07b2ed;
	color:#000000;
}

/*login*/

ul#admin{
	font-size:13px;
}

ul#admin li{
	color:#FFFFFF;
}
 ul#admin li a, ul#admin li a:visited{
 	color:#FFFFFF;
	text-decoration:underline;
 }

ul#admin li a:hover{
	color:#07b2ed;
	text-decoration:underline;
}

ul#login{
	color:#FFFFFF;
}

#loginsubmit, #submitcomment{
	border:1px solid #07b2ed;
	background:#333333;
	color:#07b2ed;
}

#loginsubmit:hover, #submitcomment:hover{
	border:1px solid #07b2ed;
	background:#07b2ed;
	color:#000000;
}

.form-item{
	margin-bottom:5px;
}

.form-but{
	margin-bottom:5px;
}

.form-opt{
	font-size:12px;
}

/*RECENT*/
.recentbox{
	
	width:321px;
	padding:5px;
	border:1px solid #333333;
	margin-bottom:8px;
	
}

.recentbox:hover{
	border:1px solid #07b2ed;
	
}

.recentimg{
	width:100px;
	border:1px solid #333333;
	padding:2px;
	float:left;
}

.recentimg a img{
	width:100px;
	border:none;
	cursor:pointer;
}

.recenttext{
	float:right;
	width:200px;
}

.recentbox h4{
	margin:0 0 4px 0;
	padding:0px;
	font-weight:lighter;
	font-size:13px;
	cursor:pointer;
}

.recentbox p{
	font-size:12px;
	color:#CCCCCC;
}

.details2{
	border:1px solid #333333;
	font-size:11px;
	color:#CCCCCC;
	padding:2px;
}

/*Sponsors*/

.ad{
	margin:0 0 0 25px;
}


/*Widgets*/
div.flickr{
	/*background-image:url(images/photostream.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:105px;*/
}

div.flickr img{
	margin-right:3px;
	margin-bottom:3px;
	padding:2px;
	border:1px solid #333333;
	
}

div.flickr img:hover{
	border:1px solid #07b2ed;
}

div.textwidget{
	margin-top:0px;
	padding-top:0px;
}



#bio{
	background:url(images/wp_damask_005.gif) repeat;
	padding:5px;
	width:345px;
	height:auto;
}

#bio img{
	margin-bottom:10px;
	border:2px solid #000000;
	width:341px;
	
}

#bio #text{
	width:331px;
	height:100%;
	background:url(images/black_trans.png) repeat;
	padding:5px;
	border:2px solid #000000;
	
}

#bio #text p{
	color:#ffffff;
	font-size:12px;
	margin:0px;
}

/********************************footer**************************************/
#footer{
	width:100%;
	height:160px;
	margin:0px auto 0px auto;
	bottom:-52px;
	background:#000000 url(images/footer.jpg) no-repeat top center;
	position:relative;
	clear:both;
}

#footer #footlinks{
	clear:both;
	padding-top:60px;
	width:670px;
	margin:auto;
	
}

#footer h3 a{
	font-size:11px;
	color:#FFFFFF;
	/*color:#a32b31;*/
	
}

#footer h2{
	padding-bottom:5px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
}
.clearfooter {
	height: 230px;
	clear: both;
}

/*****************************************************PLUGINS AND OTHERWISE EXTERNAL SHEETS******************************/
galleria_thumb{
	width:100%;
	padding:0px;
}

/**TABBER*?
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;

}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {


}
.tabberlive {
/* margin-top:6px;
 margin-left:0px;
 margin-right:5px;*/
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 5px;
 height:25px;
 border-bottom:1px solid #666666;
}

ul.tabbernav li
{
 list-style: none;
 
 display: inline;

}

ul.tabbernav li a
{
 
 border-bottom: none;
 margin-right:5px;
 padding:4px 25px;
 line-height:20px;
 text-decoration: none;
 background:#333333;
 color:#333333;
}



ul.tabbernav li a:hover{
background:#666666;

 

}

ul.tabbernav li.tabberactive a
{
background:#666666;
}

ul.tabbernav li.tabberactive a:hover
{

 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	
	

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 	/*height:150px;*/

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
.tabberlive .tabbertab a{
	

}
.tabberlive .tabbertab p{
	margin:0px 0;

}
.tabberlive .tabbertab a:hover{
	

}
.tabberlive .tabbertab li {
	list-style:none !important;
	list-style:outside;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	}

.tabberlive .tabbertab ul {
	list-style:none;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;	
	}

.tabberlive .tabbertab ul li {
	list-style:none;
	padding:5px 0px 5px 5px;
	
	margin-top:1px;
	}
.tabberlive .tabbertab ul li:hover{
	list-style:none;
	padding:5px 0px 5px 5px;
	color:#fff;
	
	margin-top:1px;
	}

.tabberlive .tabbertab ul li a {
	
	padding:0px 0px 0px 5px;
	}

.tabberlive .tabbertab ul li a:hover {
	
	padding:0px 0px 0px 5px;
	
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: white;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;
}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
	background: white;
	margin-bottom: 10px;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	color: #333;
	border: 1px solid #bfbfbf;
}

#wp_page_numbers li a:hover {
	border-color: #BA0000;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border-color: #0075b8;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	text-decoration: underline;
	border-color: #BA0000;
}

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	color: #666;
	font-size: 11px;
	border: 1px solid #bfbfbf;
}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}