/* @override http://from10to300mm.com/resource/Fancygray.css */


/* ------------------------
 * pixyBlog.com
 *
 * Theme:   Mangosteen
 * Style:   Light
 * Updated: 31-07-07
 *
 * ------------------------ */

/* -----------BODY------------- */

body {
    background: #252525;
    background-image: url('http://uploads.pixyblog.com/from10to300mm/graintest.png');
    margin:0px;
    padding:0px;
    font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
   font-size:13px;
   letter-spacing:0.02em;  
   line-height:1.4em;
   color: #999;
}



/* ----------Content----------- */

#centercontent_wrap {
	margin-top: -5px;
    width: 70%;
    float: left;
    display: inline;
    background-color: #303030;
    background-image: url('http://uploads.pixyblog.com/from10to300mm/grain2.png');
    -webkit-box-shadow: 5px 5px 10px #101010;
    -moz-box-shadow: 5px 5px 10px #101010;
    box-shadow: 5px 5px 10px #101010;

}
#rightcontent_wrap {
	margin-top: -5px;
    width: 30%;
    float: right;
    display: inline;
    background-color: #303030;
    background-image: url('http://uploads.pixyblog.com/from10to300mm/grain2.png');
     -webkit-box-shadow: 5px 5px 6px #202020;
    -moz-box-shadow: 5px 5px 6px #101010;
    box-shadow: 5px 5px 6px #101010;

    
}

#centercontent {
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    margin: 10px;
}


#rightcontent {
    margin: 10px;
}

#Content {
    padding:22px;
}

#centered {
	width: 880px;
	margin: auto;
	}

#centeredfull {
		background-color: #303030;
    background-image: url('http://uploads.pixyblog.com/from10to300mm/grain2.png');
     -webkit-box-shadow: 5px 5px 6px #202020;
    -moz-box-shadow: 5px 5px 6px #101010;
    box-shadow: 5px 5px 6px #101010;

	}

#centeredfullup {
	margin-top: -5px;
	padding-top: 30px;
		background-color: #303030;
    background-image: url('http://uploads.pixyblog.com/from10to300mm/grain2.png');
     -webkit-box-shadow: 5px 5px 6px #202020;
    -moz-box-shadow: 5px 5px 6px #101010;
    box-shadow: 5px 5px 6px #101010;

	}

td {
    font-size: 11px;
}
th {
    font-size: 11px;
}

#searchAgain {
    padding: 10px;
}

/* --------- Front Page  -------- */


#frontpage 	{ margin-top: 15%;}
}

/* -------Content Navigation-------- */

.next-previous {
    text-align: center;
}

.bottom-next-prev {
    padding: 20px;
    text-align: center;
    clear:both;
}



/* ------Portrait Photo-------- */

.portraitPhoto {
background:#252525;
padding: 5px;
margin-right:10px;
margin-bottom:10px;
border: #353535 solid 1px;

}

#phone {
	padding: 15px;
	
}

#flickr img, #twitter img            { width: 100px; margin: 10px; }


/* ---------Sidebar---------- */

.sidebarLogo {
    height:120px;
    background-image:url('http://from10to300mm.pixyblog.com/blog/17mm/resource/images/SidebarImage.png');
    background-repeat:no-repeat;
    background-position:center;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    margin-bottom:5px;

}
.sidebarBodyHeadpre{
    font-size:9px;
    color:#888;
}


.sidebarBodyHead {
    padding: 9px;
    font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.3em;
    color: #999;
    text-align: center;
    text-transform: uppercase;
        border-left: dotted 1px #444;
    
}

.sidebarBody {
    font-family: "Arial", sans-serif;
    font-size:11px;
    letter-spacing:0.02em;  
    line-height:1.4em;
    padding: 10px;
    
    border-left: dotted 1px #444;
    border-bottom: dotted 1px #444;
    
    
}

/* @group 17mm Blog */

.dayBox {
      
            
}

div.entrydayBox a, div.entrydayBox a:link, div.entrydayBox a:visited, div.entrydayBox a:hover, div.entrydayBox a:active{
    color: #AB5B35;
}

.entryTitle {
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-size:24px;
    font-weight: normal;
    text-align:left;
    color: #6C96CC;
    margin-bottom:7px;
    line-height:1.1em;
    letter-spacing:0.05em; 
}

div.entrydayBox { 
   font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
   font-size:13px;
   letter-spacing:0.02em;  
   line-height:1.4em;
   text-align: justify;
   margin-left: 10px;
   
}

.posthead {
	
	border-bottom: 1px dotted #444;
    }

.entryContent {
   
  
}

div.next-previous {
    
    text-align: center;
    padding: .5em 0 .5em 0;
    font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    letter-spacing:0.1em;
    text-transform:uppercase;

}



/* @end */




/* ---------Twitter Widget------------ */

.twitter{
      text-align:left;
      font-size:12px; 
      line-height:1.3em;   
}

.twitter a {
      a:link; a:hover; a:visited; color: #AB5B35 !important;
text-decoration: none;
}

/* --------- Live Page ---------- */


#socialcentercontent {
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    margin: 10px;
    }


.liveintro {
    font-family: "Trebuchet MS", verdana, arial, sans-serif;
    font-size: 14px;
    color: #999;        
    text-transform: uppercase;
    margin-left:110px;
    margin-top:-60px;
    margin-bottom:25px;

}



/* ---------Twitter Live Page Widget------------ */

.twitterlive{
      
      float:left;
      width:46%;
      padding-top:5px;
      padding-right:10px;
      
      text-align:left;
      font-size:12px; 
      line-height:1.3em;  
      border: dotted 1px #444;
}


.twitterlive a {
      a:link; a:hover; a:visited; color: #AB5B35 !important;
text-decoration: none;
}

/* ---------Twitter Images Live Page Widget------------ */

.piclive{ 
      
      float:right;
      width:46%;  
      margin-top:0px;    
      text-align:left;
      font-size:12px; 
      line-height:1.3em;
      padding-top:5px;
      padding-right:10px;
      padding-bottom:10px;
      margin-bottom:10px;
      border: dotted 1px #444;
      
        
}


/* ----------Header------------- */




/* ---------17mm SubHeader-------------- */

#SubHeader {
     background:#202020;
     padding-left:8px;
     padding-right:5px;
     height:21px;
     float:right;     
     margin-right:55px;
     border-bottom: solid 1px #353535;
     border-left: solid 1px #353535;
     border-right: solid 1px #353535;
     -moz-border-radius-bottomleft:8px;
     -moz-border-radius-bottomright:8px;
     -webkit-border-bottom-left-radius:8px;
     -webkit-border-bottom-right-radius:8px;
    -webkit-box-shadow: 5px 5px 10px #101010;
    -moz-box-shadow: 5px 5px 10px #101010;
    box-shadow: 5px 5px 10px #101010;
     
        
}

.SubBannerNav {
    padding-top:3px;
    color: #888;
    text-align: right;
    float:right;
    display:inline;
}


div.SubBannerNav a, div.SubBannerNav a:link, div.SubBannerNav a:visited, div.SubBannerNav a:active {
    font-family: "Trebuchet MS",verdana, arial, sans-serif;
    font-size: 9px;
    text-transform:uppercase;
    color: #888;
}
div.SubBannerNav a:hover {
    color: #6C96CC;
}


/* ---------Footer-------------- */

#Footer {

    font-family: "Trebuchet MS",verdana, arial, sans-serif;
    
    clear: both;
    padding: 10px;
        
    text-align: center;

}

#copyright {
    padding: 10px;
    font-size: 10px;
    color:#888;
}



/* ---------Links------------ */

a {
    color:#888;
    text-decoration:none;
}
a:link {color:#888;}
a:visited {color:#888;}
a:hover {color:#AB5B35;}

a.lightboxLink {
    font-weight:bold;
    text-decoration:underline;
}



/* --------Photoblog Entry Page------------ */

#entry {
    padding:5px;
}

.entryimage {
    text-align: center;
}

.imageContainer {
    padding:2px;
    background-color:#111;
    margin:25px auto 16px auto;
    -webkit-box-shadow: 5px 5px 10px #101010;
    -moz-box-shadow: 5px 5px 10px #101010;
    box-shadow: 5px 5px 10px #101010;
}

.entrybar {
    font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform:uppercase;
    letter-spacing:0.1em;
    padding:10px;
    text-align: center;
}

.entrytext {
    
    padding:10px 10px 0px 0px;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}
.trackbackUrl {
    padding:10px 10px 0px 0px;
}


/* --------Photoblog Collapse Entry------------ */

.commenttextday {
      font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
      font-size:13px;
      letter-spacing:0.02em;  
      line-height:1.4em;
      text-transform: none;
      margin-top: 20px;
      margin-left: 5%;
      margin-right: 5%;
      padding-left: 15px;
      padding-top: 5px;
      padding-right: 15px;
      padding-bottom: 5px;
      background-color: #202020;
      text-align: left;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -webkit-box-shadow: 5px 5px 10px #101010;
      -moz-box-shadow: 5px 5px 10px #101010;
      box-shadow: 5px 5px 10px #101010;
      width: 600px;
      position: relative;
	  margin: 0 auto;
	  background-image: url('http://uploads.pixyblog.com/from10to300mm/grain2.png');
	  

        }
div.commenttextday a, div.commenttextday a:link, div.commenttextday a:visited, div.commenttextday a:hover, div.commenttextday a:active{
    color: #AB5B35;
}


/* --------------Tooltip------------- */

.popupimg {
    margin:0px;
    padding:1px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    border: 1px solid #151515;
    background-color: #151515;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    opacity: .60;
    width:200px;
    -webkit-box-shadow: 5px 5px 10px #101010;
    -moz-box-shadow: 5px 5px 10px #101010;
    box-shadow: 5px 5px 10px #101010;
}

.popuptitle {
    text-align: center;
    padding:2px;
    font-weight: bold;
    color: #888;
}

.popupsummary {
    color: #888;
    padding:5px;
    font-style:italic;
    
}

.popupcontent {
    color: #000000;
    background-color:#252525;



}



/* ------------Thumbnails------------- */

.thumbnails {
    padding: 12px;
    width: 800px;
    text-align: center;
}

.thumbs {
    text-align:center;
}

.thumbimage img {
    padding: 2px;
    margin: 5px;
    background-color:#202020;
}



/* ----------Archive Page-------------- */

.archiveimage {
    width: 220px;
    float: left;
}

.archiveThumb {
    padding:3px;
    background-color:#252525;
}

.archiveentry {
      font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
      font-size:12px;
      letter-spacing:0.02em;  
      line-height:1.4em;    
      padding: 5px;
      margin: 5px 5px 5px 5px;
}

.archiveentrytitle a {
    font-family: Georgia, “Times New Roman”, Times, serif;
    
    font-size: 14px;
    font-weight: normal;
}


/*
 * Thanks to
 * http://www.positioniseverything.net/easyclearing.html
 * for this fix
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End Holly Hack */


/* ----------Gallery--------------- */

.gallery {
    width:170px;
    padding: 4px;
    background-color:#252525;
    display: inline;
    float:left;
    margin:14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 3px 3px 10px #151515;
    -moz-box-shadow: 3px 3px 10px #151515;
   

}

.gallery p {
    text-align:center;
}

.galleryFeed {
	margin-top: -30px;
	margin-bottom: 20px;
	margin-right: 50px;
	float:right;}



/* -------------Comments Pop-Up--------------- */

li.rExifItem {
    font-size:11px;
}

.comments-head {
    padding: 5px;
}

.comments {
    margin: 0px 5px 10px 5px;
    padding: 5px;
}

div.comments-form {
    margin: 10px;
}

.commenttitle {
    padding:8px;
    background-color: #484848;
    background-image: url(http://from10to300mm.pixyblog.com/resource/ng/headerbkg.png);
    border-bottom:1px solid #151515;
    font-weight:normal;
    text-align: center;
    color:#888;
}

.commentsentrythumb {
    padding: 10px;
    float: right;
}

.commentsentrythumb img {
    padding: 2px;
    background-color:#111;
}

.commenttext {
    padding: 15px;
}

.commentsentryexif {
    clear: both;
    padding: 0px;
    padding-bottom: 10px;

}

.comment {
    margin:5px;
    padding:5px;
    background-color: #151516;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


p.comment-details {
    margin:0px !important;
	padding-top:10px;
	color:#696969;
}

/* Forms (for the pop-up comments) */
input, select, option {
    font: verdana, arial, sans-serif;
    color:black;
    font-size: 12px;
}


/* ------------------------
 * Tag cloud 
 * ------------------------ */
 
div.tagcloud>a:link {text-decoration: none; }
div.tagcloud>a:visited {text-decoration: none; }
div.tagcloud>a:active { text-decoration: none; }
div.tagcloud>a:hover { text-decoration: none; filter:alpha(opacity=100); opacity:1.0; }
div.tagcloud { line-height:18px; }

.s0 {
     font-size:11px;
     filter:alpha(opacity=20); 
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
     opacity:.20;
}
.s1 {
     font-size:14px;
     filter:alpha(opacity=30); 
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
     opacity:.30;
}
.s2 {
     font-size:18px;
     filter:alpha(opacity=40); 
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
     opacity:.40;
}
.s3 {
     font-size:22px;
     filter:alpha(opacity=45); 
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=45);
     opacity:.45;
}
.s4 {
     font-size:26px;
     filter:alpha(opacity=50); 
     opacity:.50;
}
.s5 {
     font-size:27px;
     filter:alpha(opacity=55); 
     opacity:.55;
} 
.s6 {
     font-size:28px;
     filter:alpha(opacity=60); 
     opacity:.60;
} 
.s7 {
     font-size:29px;
     filter:alpha(opacity=70); 
     opacity:.70;
} 
.s8 {
     font-size:30px;
     filter:alpha(opacity=80); 
     opacity:.80;
} 
.s9 {
     font-size:31px;
     filter:alpha(opacity=90); 
     opacity:.90;
} 
.s10 {
     font-size:32px;
}


/* -------------Carousel--------------- */

.carousel-list li img {
    display:block;
    width: 170px;
    height: 170px;
    padding-top:5px;
    padding-bottom:5px;
    background-color: #ccc;
}

.carousel-component {
    float: left;
    width: 170px;
    height: 180px;
    background-color: #ccc;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}

.prev-arrow-container, .next-arrow-container {
    float:left;
    height:182px;
}

.prev-arrow-component {
    width:15px;
    height:180px;
    background-color:#ccc;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    font-weight:bold;
    font-size:110%;
}

.next-arrow-component {
    width:15px;
    height:180px;
    background-color:#ccc;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-right:1px solid #999;
    font-weight:bold;
    font-size:110%;
}

/* This is the end */

/* @group Header */

#wrap {
	margin-left: auto;  
    margin-right: auto; 
	float:right;
	width: 600px;
	position: relative;
	min-height: 50px;
}
#body-image {
	margin-top: 60px;
}
#main-nav {
	margin: 0px 0px 0px 2px;
	text-align: right;
	min-height: 25px;
	padding-top: 10px;
	padding-right: 50px;
}
#main-handle {
	width: 605px;
	float: right;
	margin-top: -1px;
}
#main-nav li {
	display: inline;
	list-style: none;
}
#main-nav li a {
	margin-right: 5px;
	font-size: 11px;
	text-decoration: none;
	color: #999;
	font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 10px;
	outline: 0;
	position: relative;
	top: -2px;
}
#main-nav li a:hover, #main-nav li a.active {
	background: #3b3b3b;
}
#sub-link-bar {
	min-height: 10px;
	border-bottom: #444 1px solid;
	background-color: #3b3b3b;
	
}
.sub-links {
	display: none;
	position: absolute;
	width: 100%;
	top: -30px;
	text-align:center;
	left: 0px;
}
#main-nav li .sub-links li a:hover{
	color: #6C96CC;
}
#main-nav li a.close{
	display: none;	
	position: absolute;
}
#main-nav li a.close:hover{
	background: #900;
	
}

/* @end */