/*
Theme Name: Reflection-Mod Photoblog
Theme URI: http://www.sudeepmandal.com/projects/reflection-mod-photoblog-theme-wordpress/
Description: AJAX and DHTML theme for YAPB-enabled photoblogs with support for Categories, Tags and Lightbox. Based on David Moxey's excellent Reflection Theme (http://xyloid.org/projects/reflection/)
Version: 1.2
Author: Sudeep Mandal
Author URI: http://www.sudeepmandal.com
*/
/*
Copyright 2009, 2010 Sudeep Mandal

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


html {
	overflow-y: scroll;
}

body {
margin:0;
padding:0;
background:#F0F0F1;
font-family:"Trade Gothic LT Std","Helvetica","Trebuchet MS",Arial;
font-size:12px;
}
p img{
	border:7px solid #fff;
	margin-right:8px;
	}
#topcontainer {
margin:0;
padding:0;
color:white;
height:70px;
padding:20px;
padding-top:20px;
overflow:hidden;
}

#header{
width:280px;
overflow:hidden;

float:left;
margin-bottom:5px;


}
#pagecontent{
width:900px;
color:#999;
line-height:1.6em;
overflow:hidden;
float:left;
}
.entry p{
	width:900px;
color:#999;
line-height:1.6em;
font-size:12px;
overflow:hidden;
	}
	.title_x{
		overflow:hidden;
		height:30px;
		font-family:"Trade Gothic LT Std","Helvetica","Trebuchet MS",Arial;
		font-size:16px;
		font-weight:lighter;
		letter-spacing:-1px;
		text-align:right;
		}
	#container small{
		color:#999999;
		font-size:14px;
		font-weight:normal;
		padding-left:8px;
		padding-top:2px;	
		float:left;	
		}
	#container h2{
		float:left;
		font-size:16px;
		margin:0px;
		font-weight:lighter;
		color:#14BFFC;
		}
#navbar, #navbar2{
text-transform:uppercase;
font-weight: normal;

text-decoration: none;
z-index:5;
}
#navbar ul li{
	display:block;
	width:200px;
	text-align:right;
	margin-top:20px;
	}
	#navbar ul li a{
		border-bottom:0 solid #363636;
		color:#CCCCCC;
		font-family:"Trade Gothic LT Std","Helvetica","Trebuchet MS",Arial;
		font-size:20px;
		font-weight:normal;

		text-decoration:none;
		text-transform:uppercase;
		}
		#navbar ul li a.active{
			color:#14BFFC;
			}
#navbar2{
bottom:0px;
z-index:4;
}
#titlebits li{
display:inline;
list-style-type: none;
margin:0;
padding:0 0 0 20px;
font-size:12px;
}

#titlebits ul{
padding:0;
margin:0;
}


#topcontent{
margin:0 auto;
padding:0px 0 0 0;
}
#main_row{
	overflow:hidden;
	width:1200px;
	}
#container{
	float:left;
	overflow:hidden;
	width:870px;
	min-height:500px;
	padding-top:20px;
	margin:auto;
	}
	#container table{
		margin:auto;
		overflow:hidden;
		display:block;
		}




#pagecontent h3, #regularinfo h3, #pagecontent h2{
color:#14BFFC;
}

#container h2 a{
	color:#14BFFC;
	text-decoration:none;	
	}
	


#pagecontent a:hover {
;
}

#footer{
text-align:center;
color:#999;
padding-top:0px;
font-size:12px;
height:auto;
overflow:hidden;
display:block;
}

#footer a{
color:#777;
text-decoration:none;
}

#footer a:hover{
color:#999;
}

#title{
margin:0 auto;
position:relative;
padding: 0 0 5px 0;
}

#texttitle{
font-family:"Trade Gothic LT Std","Helvetica","Trebuchet MS",Arial;
font-size:16px;
font-weight:lighter;
letter-spacing:-1px;
margin:0px;
padding:5px 0 0;
text-align:right;
width:100%;
}
#texttitle a:hover {
color:#14BFFC;
}

#texttitle a {
color:#03AFEB;
text-decoration:none;
}


#inlinedate{
color:#999999;
font-size:14px;
font-weight:normal;
padding-left:8px;
}



#titlebits{
text-align:right;
right:0;
top:0.5em;
font:0.7em Verdana, Arial;
}

#titlebits a{
color: #ccc;
text-decoration: none;
}

#titlebits a:hover{
color:#ccc;
}

#titlebits li{
padding-left:10px;
color:#ccc;
}

#imageholder{
border:7px solid #fff;
margin: 0;
padding:0;
overflow:hidden;
position:relative;
top:0;
left:0;
}


#imageholder img{
		}

#mainimage{
display:block;
}

#exif_panel{
background-color:#aaa;
width:350px;
border:2px solid #fff;
border-top:none;
color:black;
font:0.8em Verdana;
}

#exif_panel ul{
margin:0;
padding:0;
}

#exif_panel li{
padding: 3px;
display:block;
padding-left: 120px;
clear:left;
}

#exif_panel li label{
margin-left: -130px;
width:120px;
float:left;
text-align:right;
padding-right:10px;
color:#666;
text-transform:lowercase;
}

#comment_panel{
background-color:#ccc;
border:2px solid #fff;
border-top:none;
color:black;
}

#info_panel{
background:black;
border:2px solid #fff;
padding:5px;
font:0.8em Verdana;
}

#info_panel a{
color:#888;
text-decoration:none;
}

#info_panel a:hover{
text-decoration:underline;
}

.overlay{
display:none;
position:absolute;
z-index:3;
}

#theoverlay_panel{
background:white url(images/loading.gif) no-repeat center center;
}

#overlaynav{
position:absolute;
left:0;
top:0;
z-index:101;
width:100%;

background:transparent url(images/1px.gif);
}

#overNextLink,#overPrevLink{

display:block;


outline:none;
top:0px;

}
#overNextLink img,#overPrevLink img{
	border:0px;
	}
#overNextLink{right:0;}
#overPrevLink{left:0;}

#overNextLink:hover{

}

#overPrevLink:hover{

}

.mosaic{
border:1px solid #777;
padding:1px;
background:#bbb;
display:block;
float:left;
margin:2px;
}

h2.mosaicheader{
clear:left;
font-size:22px;
padding-top:15px;
padding-bottom:5px;
margin:0px;
margin-bottom:20px;
color:#14BFFC;
font-weight:lighter;
}

#comments,#coms,#content{
width:100%;
padding-top:10px;
padding-bottom:10px;
margin:0 auto;

}

#comments a,#coms a,#pagecontent a,#content a{
color:#9AB19E;
}


#comments a,#coms a,#pagecontent a:hover,#content a:hover{
text-decoration:none;
}

#comments a:hover,#coms a:hover{
color:#999;
}

#comments ol,#coms ol{
list-style:none;
padding-right:40px;
}

#comments li,#coms li{
background:#191919;
border:1px solid #333;
display:block;
margin-bottom:10px;
padding: 10px;
}

#comments li.alt, #coms li.alt{
background:#111
}

.commentcount{
font:3em Georgia, Arial;
float:right;
color:#222;
}

.commenttext{
padding: 0 25px 0 0;
text-align:justify;
color:#e0e0e0;
font-size:0.9em;
}

#comments cite, #coms cite{
font-size:100%;
}

#comments small.commentmetadata, #coms small.commentmetadata{
display:block;
text-align:right;
color:#777;
font-size:0.7em;
}

#comments input, #coms input, #comments textarea, #coms textarea{
background:#111;
border: 1px solid #444;
color:#ccc;
padding: 3px;
}

#comments textarea, #coms textarea{
width:95%;
}


#pagecontent li{
font:0.9em "Trebuchet MS";
margin:0;
padding:0 0 0 5px;
color:#fff;
}

#pagecontent a{
color:#aaaaaa;
font:0.9em "Trebuchet MS";
font-weight: bold;
text-decoration: none;
border-bottom: 0px solid #363636;
padding:0;
margin:0;
}

/* testing is the id for all info displayed dynamically below the image (ie post content & categories) */

#tp, #regularinfo {

width:100%;
margin:0 auto;
padding:0;

color:#888888;
line-height:1.6em;
}

#tp a, #regularinfo a{



color: #883311;
line-height:1.4em;
text-decoration: none;
}

#tp a:hover, #regularinfo a:hover{


color: #ee5500;
line-height:1.4em;
}

#tp h3{

width:800px;
margin:0 auto;
padding:0;
font-size:15px;
color:#14BFFC;
line-height:2em;
}

#cats li{

margin:0;
padding:0 0 0 5px;
color:#fff;
padding-left:10px;
}

#cats a, #tags a{
color:#aaaaaa;

font-weight: bold;
letter-spacing:1px;
text-decoration: none;
border-bottom: 0px solid #363636;
padding:0;
}

#cats a:hover, #tags a:hover{
color: #bb6633;
}

#cats, #tags{

color:#bbb;
line-height:1.6em;
margin: 5px auto;
padding: 0 0 30px 0;
background:#191919;
border:1px solid #333;
visibility:hidden;
}

.randthumbs {
height:150px;
width:770px;
margin:0 auto;
padding: 10px 0 0 0;
}

#tp,#coms_holder,#v-menu{
visibility:hidden;
}
#tp p{
	margin-top:0px;
	margin-bottom:5px;
	}
a { outline:none; }

#recentcomments a {
color: #646464;
}
#sidebar, #sidebar a{
list-style-type:none;
font:0.8em Verdana;
text-decoration: none;
padding:5;
color: #999999;
}
#sidebar h2{
color: #883311;
font-size: 1em;
}

#sidebar ul li {
   list-style-type: none;
   list-style-image: none;
   margin-left:-35px;
   margin-bottom:0px;
   padding-bottom:5px;
}

#entrynavigation {
font:0.8em "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
letter-spacing:2px;
text-align: center;
padding: 20px 0 10px 0;
clear:left;
}

#entrynavigation a, #entrynavigation a:hover{
text-decoration:none;
border-bottom: 0px;
font-variant: small-caps;
}

/*DropDown Menu CSS*/
#suckerfishnav {
  /*  background:#000 repeat-x; */
    font-size:10px;

    font-weight:normal;
    width:100%;
    }



#suckerfishnav, #suckerfishnav ul {
overflow:hidden;
    list-style:none;
    line-height:22px;
    padding:0;
  /*  border:1px solid #000;*/ 
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#bbb;
    text-decoration:none;
    padding:0px 0px;
    padding-bottom: 5px;
    }
#suckerfishnav a:hover {

}

#navbar #suckerfishnav > li, #navbar2 #suckerfishnav > li  {
padding-left:20px;
}

#suckerfishnav li li a:hover {

/* text-transform:none; */
letter-spacing:normal;
}

#suckerfishnav li {
    float:left;
    padding:2px 0;
font-size: 10px;

    }

#suckerfishnav>li {
    padding:0 0;
    }

#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;

 /*   text-transform:none; */
    letter-spacing:normal;
    }
#suckerfishnav li li a {

    width:80px;
    font-size:9px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-22px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#D1D1D1;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li li:hover a {

    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#03AFEB;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    padding-bottom: 5px;
    border-bottom: 0px solid #666;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    margin:0px;
    text-indent:0px;
    left:225px;
    margin-top:-20px;
    padding:0px;
    background:#333;
    }


/* Highlight Current Active Page Ancestor in Navbar */
#suckerfishnav li.current_page_ancestor a, #suckerfishnav li.current_page_item a{
color: #14BFFC;
}
#suckerfishnav li.current_page_ancestor a:hover, #suckerfishnav li.current_page_item a:hover{
color: #14BFFC;
}
#suckerfishnav li.current_page_ancestor li a:hover, #suckerfishnav li.current_page_item li a:hover{
color: #333;
}
#contact_left{
	overflow:hidden;
	width:300px;
	float:left;
	margin-top:8px;
	}
#contact_right{
	overflow:hidden;
	width:300px;
	float:left;
	margin-left:20px;
	margin-top:23px;
	}
	input#si_contact_name1, input#si_contact_email1{
		border:1px solid #ccc;
		height:20px;
		width:291px;
		}
	textarea#si_contact_message1{
		border:1px solid #ccc;
		width:291px;
		}
	input#contact_submit{
		background:#999;
		color:#fff;
		height:30px;
		width:50px;
		border:0px;
		}
	#icone_social{
	overflow:hidden;
	right:0px;
	margin-left:150px;
	margin-top:30px;
	}
	#icone_social_big{
	overflow:hidden;
	}
	a.icona_social{
		float:left;
		display:block;
		width:16px;
		height:16px;
		margin-left:5px;
		}
	a.icona_social_big{
		float:left;
		display:block;
		width:32px;
		height:32px;
		}
		a#flickr{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/icona_flickr.jpg) no-repeat;
			}
		a#twitter{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/icona_twitter.jpg) no-repeat;
			}
		a#facebook{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/icona_facebook.jpg) no-repeat;
			}
		a#rss{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/icona_rss.png) no-repeat;
			}
			
		a#linkedin{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/icona_linkedin.png) no-repeat;
			}
			
		a#flickr_big{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/flikr32.png) no-repeat;
			padding-left:5px;
			}
		a#twitter_big{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/twitter32.png) no-repeat;
			padding-left:5px;
			}
		a#facebook_big{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/facebook32.png) no-repeat;
			padding-left:5px;
			}
		a#rss_big{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/rss32.png) no-repeat;
			padding-left:5px;
			}
		a#linkedin_big{
			background:url(http://alessandrotripodi.it/wp-content/themes/reflectionmod/images/linkedin32.png) no-repeat;
			padding-left:5px;
			}