@charset "UTF-8";
/* HTML Tag Redefinition */
html, body {height: 100%; min-width:320px;  }
body { background-color: #1a1a1a; text-align: center; padding: 0px; margin: 0px !important; }
img {border: 0px}
a { cursor:pointer}
table tr td{vertical-align:top}
form {margin:0px; padding:0px;}
:focus { outline: 0; }f

html > body { margin: 0px !important; }

::selection { background:#427682; color:#ddd; } 
::-moz-selection { background:#427682; color:#ddd; } 
::-webkit-selection { background:#427682; color:#ddd; } 


label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#pageWrap{ width:auto; /*max-width:1000px;*/ min-width:320px; border-left:1px solid #000; border-right:1px solid #2a2a2a; margin:auto;  }
#page{ width:100%; margin:auto; text-align:left; background:#252525; border-right:1px solid #0a0a0a; overflow:hidden; }

/* body.page_type_right_sidebar #pageWrap, body.page_type_left_sidebar #pageWrap, body.page_type_journal_entry #pageWrap, body.page_type_blog  #pageWrap{ width:800px !important; } */ 

#page #headerSpacer{ height:0px; font-size:1px; line-height:1px }
#page #header{ position:relative; background:url(http://inneroptics.net/themes/inneroptics/images/bg_sand.jpg) repeat; padding:28px 0; text-align:center; border-left:#444 1px solid; border-bottom:1px solid #1a1a1a; box-shadow:inset 0px -20px 50px rgba(0,0,0,.2); } 
#page #header #logo{ margin:auto; background:url(http://inneroptics.net/themes/inneroptics/images/logo_v2_high_res.png) no-repeat center; text-align:center; height:80px; width:350px; max-width:80%; background-size:contain; }

#page #header a:hover { color: #333; text-decoration:none; } 

#page #headerNav{ background:#444; /*border-bottom:1px solid #111; border-top:1px solid #444; border-left:1px solid #333;*/ padding:0px !important; text-align:center;  }

#page #headerNav ul.nav-header{ list-style:none; margin:0px auto; padding:0px; width:auto; z-index:2; box-shadow:0px 5px 4px rgba(0, 0, 0, .1); border-right:1px solid #555; border-left:1px solid #111; }
#page #headerNav ul.nav-header > li{ display:inline-block;  padding:4px 0px; margin: 0px; color:#999; margin-top:0px;  
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(8,8,8,0.1) 33%, rgba(0,0,0,0.1) 34%, rgba(0,0,0,0.1) 65%, rgba(7,7,7,0.1) 66%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(8,8,8,0.1) 33%,rgba(0,0,0,0.1) 34%,rgba(0,0,0,0.1) 65%,rgba(7,7,7,0.1) 66%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(8,8,8,0.1) 33%,rgba(0,0,0,0.1) 34%,rgba(0,0,0,0.1) 65%,rgba(7,7,7,0.1) 66%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
#page #headerNav ul.nav-header li a,
#page #header ul.nav-header li a:hover{ text-decoration:none; }
/* #page #headerNav ul.nav-header li.nav-selected{ border:1px solid #7A9076; padding:2px 8px; font-weight:bold } */ 
#page #headerNav #header-area-inside{margin-bottom: 12px;}
#page #headerNav img { display: block}

/* Table style nav-header */ 
#page #headerNav .nav-header { width:100%; max-width:1200px; margin:0px auto; padding:0px; z-index:2; overflow:visible; background:#424242; box-shadow: inset 0 -3px 10px #363636; border-collapse:separate; border-spacing:1px; font-family:Garamond, "Times New Roman", Times, serif;  font-size:15px; line-height:18px; }
@media screen and (min-width:900px) { #page #headerNav .nav-header { font-size:16px; line-height:19px; } }
@media screen and (min-width:1200px) { #page #headerNav .nav-header { font-size:17px; line-height:20px; } }
@media screen and (min-width:1500px) { #page #headerNav .nav-header { font-size:18px; line-height:21px; } }
@media screen and (min-width:1800px) { #page #headerNav .nav-header { font-size:20px; line-height:24px; } }
@media screen and (min-width:2100px) { #page #headerNav .nav-header { font-size:21px; line-height:28px; } }

#page #headerNav .nav-header li{ position:relative; padding:8px 8px; margin-bottom: 0px; color:#999; margin-top:0px; text-align:center; border-left:1px solid #555; border-right:1px solid #111;  text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.5), 1px 2px 2px rgba(0, 0, 0, 0.5); width:16%; width:16.5%; }
#page #headerNav .nav-header li a,#page #header .nav-header li a:hover{ text-decoration:none; display:block; }
#page #headerNav .nav-header > .nav-selected{ /*padding:4px 8px;*/;  } 
#page #headerNav .nav-header .nav-selected > a{ color:#bbb; }
#page #headerNav .nav-header .start_spacer_cell{ border-left:0px none; }
#page #headerNav .nav-header .end_spacer_cell{ border-right:0px none; }
#page #headerNav .nav-header .linkWrap:hover { background:#3a3a3a; } 


#page #headerNav .nav-header .ulWrap { position:relative; } 
#page #headerNav .nav-header ul { visibility: hidden; box-shadow:6px 10px 5px rgba(0, 0, 0, .3); z-index:50; position:absolute; top:0; margin:5px 0 0 0; padding:0; list-style:none; width:100%; min-width:180px; background:#333; border-bottom:1px solid #111; }
#page #headerNav .nav-header ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-shadow:none; text-align:left; padding:0; float:none; width:auto; border:1px solid #2a2a2a; border-width:0 0 1px 0;  border-left:1px solid #555; border-right:1px solid #333; }
#page #headerNav .nav-header ul li a { padding:4px; color:#7A9076; } 
#page #headerNav .nav-header ul li a.moreLink { color:#999; }

#page #headerNav .nav-header ul li.nav-selected, 
#page #headerNav .nav-header ul li:hover { background:#444; } 

@media screen and (max-width:1250px) { 
	#page #headerNav ul.nav-header { border:0 none !important; max-width:none; } 
	#page #headerNav .nav-header li{ width:16.4%; }
	#page #headerNav .nav-header li:last-child {border-right:0 none;} 
	#page #headerNav .nav-header li.first {border-left:0 none;} 
} 



#page #headerNav { margin-top:0px; padding:4px 16px; background:#424242; /*border:1px solid #111;  border-bottom-color:#111; border-top-color:#555; border-right-color:#333; border-left-color:#4d4d4d*/ } 
#page #sectionPaging{ margin-top:0px; border:1px solid #111; padding:4px 16px; background:#424242; border-bottom-color:#111; border-top-color:#555; border-right-color:#333; border-left-color:#4d4d4d }

.sidebarPackageName { margin-bottom:4px; font-size:12px; }

/* Section Paging */
#page #sectionPaging { padding:0px !important; }
#page #sectionPaging table.tonyNextPreviousWrap { width:100%; } 

#page #sectionPaging .tonyNextPrevious_previousLink, #page #sectionPaging .tonyNextPrevious_nextLink { white-space:nowrap; text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.5), 1px 2px 2px rgba(0, 0, 0, 0.5); text-align:center; cursor:pointer; font-family:Garamond, "Times New Roman", Times, serif; font-size:15px; line-height:17px; min-width:100px; }
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_previousLink {  border-right:1px solid #111111; width:18%; padding: 6px 8px 6px 4px }
#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_nextLink { float:none; border-left:1px solid #555555; padding: 6px 4px 6px 8px; width:20%; }
#page #sectionPaging .tonyNextPreviousWrap .tonyNextPrevious_nextLink { float:right; }
#page #sectionPaging table.tonyNextPreviousWrap .centerCell { border-left:1px solid #555555;border-right:1px solid #111111; }
#sectionPaging .tonyNextPrevious_nextLink:hover, #sectionPaging .tonyNextPrevious_previousLink:hover { background:#3a3a3a; } 
@media screen and (min-width:1250px) { 
	#page #sectionPaging table.tonyNextPreviousWrap { width:1200px; border-right:1px solid #555; border-left:1px solid #111; margin:auto; } 
	#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_nextLink { border-right:1px solid #111; }
	#page #sectionPaging table.tonyNextPreviousWrap .tonyNextPrevious_previousLink { border-left:1px solid #555; }
} 

#page #sectionPaging a,
#page #sectionPaging a:link,
#page #sectionPaging a:visited { color:#7A9076; display:block; } 
#page #sectionPaging a:hover, #page #sectionPaging td:hover a { text-decoration:none !important; color:#8AB086; } 

#page #central{/*background:url(http://inneroptics.net/themes/inneroptics/images/nav_sidebar_right_bg.gif) repeat-y center;*/ clear:both; /* border-left:1px solid #333; */ margin:auto; max-width:1200px; }
#page .no-sidebar { background-image: none  }
#page #central.central-left { background:url(http://inneroptics.net/themes/inneroptics/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 72px !important; padding-right: 0px !important; float:right}
 
#page #central #body{ float:left; width:68%;  padding-right: 0px !important; padding-bottom:24px; padding-left:2%; padding-top:0px; margin-top:32px;  }
#page #central #body p { }
#page #central #body #page_icon { float:right; margin:8px 0px 6px 16px; }

#page #central #body #topMsg { padding:4px 6px; border:1px solid #444; background:#111; margin:8px 0 20px 0; } 

#page .no-sidebar #body{ float: none !important; width: auto !important; margin:24px; margin-bottom:8px; padding:0 !important; overflow:none;  }
#page #central #sidebar{ float:right; width:25%; overflow:hidden; margin-top:32px; padding-bottom:24px; padding-right:2%; padding-left:0% !important; }
#page #central #sidebar p{ margin-top:0px; padding-top:0px }
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:12px; font-size:12px; line-height:16px; }
#page #central #sidebar ul.nav li{ margin-bottom:8px; }
#page #central #sidebar ul.nav ul a{ text-decoration:none; color:#777 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top: 8px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:8px; font-size:11px; line-height:13px; }
#page #sidebar .sidebarHeader { color:#427682; font-size: 18px; line-height:21px; margin-top:6px; margin-bottom:0px; padding-bottom:8px }

#page #central #sidebar .ccm-page-list h3 {  font-size:12px; line-height:14px; }

#page #central #sidebar .rssSummaryListTitle { font-weight:bold; font-size:14px; }
#page #central #sidebar .rssItem { margin-bottom:10px; } 

#page #central.navLeft{ background:url(http://inneroptics.net/themes/inneroptics/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none } 
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; } 

.rssFeedBox, .tonyRssLink { background: #2A2A2A; border: 1px solid #3A3A3A; padding: 2px; }

/* FOOTER */

#page #footer{ clear:both; color:#999; font-size:10px;  position:relative; background:url(http://inneroptics.net/themes/inneroptics/images/bg_sand.jpg) repeat; padding-top:8px; padding-bottom:8px; text-align:left; border-left:#444 1px solid; border-top:1px solid #444; border-bottom:1px solid #0a0a0a }
#page #footer #fatFooter { max-width:1200px; width:100%; list-style:none; padding:0px; margin:0 auto !important; margin-bottom:16px;   }
#page #footer #fatFooter > li { width:31%; float:left; background:url(http://inneroptics.net/themes/inneroptics/images/divider_vertical.png) repeat-y right; text-align:left; padding-left:1%; padding-right:1%; padding-top:8px; padding-bottom:8px; margin:0; }


#page #footer #fatFooter > li h3 { font-weight:normal; color:#6C839C; padding-top:0px; margin-top:0px; font-size:16px; line-height:18px; letter-spacing:1px; margin-bottom:0px; padding-bottom:4px; text-shadow:1px 2px 2px rgba(0, 0, 0, 0.4), -1px -1px 6px rgba(0, 0, 0, 0.3); font-family:Garamond, "Times New Roman", Times, serif }
#page #footer #fatFooter > li a h3, #page #footer #fatFooter li a:link h3 { text-decoration:none; }
#page #footer #fatFooter > li a:hover h3 { text-decoration:underline; }
#page #footer #fatFooter > li#anotherCollectionBox h3 {  }
#page #footer #fatFooter > li#subscribeBox{ background:none}
#page #footer #fatFooter .viewAll { color:#6C839C; font-size:11px; } 
#page #footer #fatFooter > li ul{ font-weight:normal; font-size:12px; line-height:14px; letter-spacing:0px; list-style:none; padding-left:0px; margin-top:4px; margin-left:0px; }
#page #footer #fatFooter > li ul li{ margin-bottom:4px; padding-left:0px; margin-left:0px; }
#page #footer #fatFooter > li ul a,
#page #footer #fatFooter > li ul a:link 
#page #footer #fatFooter > li ul a:visited{text-decoration:none;  }
#page #footer #fatFooter > li ul a:hover{text-decoration:underline; color:#8AB086}
#page #footer #fatFooter > li.nav-selected a { font-weight:bold; }

#page #footer #fatFooter #social_icons { margin-top:12px; }
#page #footer #fatFooter #social_icons a { display:inline; padding-right:8px; }
 
/* Search Box */
#page #footer #fatFooter #photoSearchBox .txtField,
.mailing-list-email-wrap input { border: 1px solid #555; margin-right:4px; padding: 4px; background: #262626; width: 150px; max-width:95%; color:#999; margin-bottom:16px; }

#page #footer #fatFooter h3.mailing-list-signup-title { margin-bottom:0px; padding-bottom:0px; }
#page #footer #fatFooter .mailing-list-email-wrap { margin-bottom:0px; padding-bottom:4px; }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-checkboxes { padding-bottom:4px; }

/* Mailing List Box */
#page #footer #fatFooter .MailingListSubscribe { font-size:12px; line-height:14px; }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-email-wrap { margin-top:6px; }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-signup-text { margin-bottom:4px;  }
#page #footer #fatFooter .MailingListSubscribe .mailing-list-group label { line-height:13px; color:#7A9076; display:inline; font-weight:normal; float:none; width:auto;  }


#page #footer #footerLogo { text-align:center; margin-top:20px; padding-right:16px; }
#page #footer #fineprint { margin:auto; padding:0px 16px; margin-top:16px; max-width:1200px; }
#page #footer #fineprint a{ text-decoration:none }
#page #footer #fineprint span.sign-in {margin-left: 20px}
#page #footer #fineprint span.powered-by { float:right; }

/* Home Page */

#body .ccm-image-block { /*border:1px solid #111;*/ }

body.page_path_ .tonyBillboardsWrap { margin-bottom:24px; } 

.tonyBillboardsWrap .indexedImagesImgWrap { /* margin:2px !important; padding:2px !important; */ }
.tonyBillboardsWrap .indexedImage_nav_bar { margin:0 0 0 4px; }
.tonyBillboardsWrap .indexedImageNum { background:#333 !important; color:#ccc !important; border-color:#444 !important; border-radius:4px; font-size:16px !important; padding:4px 8px !important; }

/* .tonyBillboardsWrap .currentNumLink .indexedImageNum { border-color:#3C93bC !important; background-color:#4C739C !important; color:#eee !important; }  */ 

#page .tonyBillboardsWrap .indexedImageNumLink:hover .indexedImageNum, 
#page .tonyBillboardsWrap .currentNumLink .indexedImageNum { 
	background:#4b3e59 !important; color:#eee !important; text-decoration:none; border:1px solid #6a3d99 !important; border-width:0 1px 1px 0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b3e59), to(#322640)) !important;
	background-image: -webkit-linear-gradient(top, #4b3e59, #322640) !important;
	background-image:    -moz-linear-gradient(top, #4b3e59, #322640) !important;
	background-image:     -ms-linear-gradient(top, #4b3e59, #322640) !important;
	background-image:      -o-linear-gradient(top, #4b3e59, #322640) !important;
} 
#page .tonyBillboardsWrap .indexedImageNumLink:hover .indexedImageNum { color:#fff !important; border:1px solid #6924b3 !important; } 
#page .tonyBillboardsWrap .indexedImage_imageTitle { font-size:18px; }  

/* Journal / Blog */
body.page_type_journal_entry #central,
body.page_type_right_sidebar #central { max-width:1200px; }
#blog_page_list_wrap .blog_entry {     padding: 20px 0 20px 0; overflow: hidden; border-bottom: 1px solid #111; border-top: 1px solid #444; overflow:hidden; }
#blog_page_list_wrap .blog_entry .blog_entry_content { float:left; width:75%; } 
#blog_page_list_wrap .blog_entry .blog_entry_title { margin-bottom:2px; padding-bottom:0; margin-top:0; padding-top:0; } 
#blog_page_list_wrap .blog_entry .blog_entry_date { margin-bottom:4px; padding-bottom:0px; color:#999; font-size:12px; font-weight:bold } 
#blog_page_list_wrap .blog_entry .blog_entry_thumb { float:left; margin-right:2%; width:23%;  margin-bottom:20px; }
#blog_page_list_wrap .blog_entry .blog_entry_thumb img { max-width:98%; }
#blog_page_list_wrap .ccm-pagination { border-top:1px solid #444; padding-top:20px; } 
#blog_page_list_wrap .ccm-pagination span.ccm-page-left, 
#blog_page_list_wrap .ccm-pagination span.ccm-page-right { top:20px; } 

@media screen and (max-width:500px) {
	#blog_page_list_wrap .blog_entry .blog_entry_thumb { float:none; width:100%; margin-right:0; } 
	#blog_page_list_wrap .blog_entry .blog_entry_content { width:100%; }
	
}

body.page_type_journal_entry #body { color:#888; font-size:15px; line-height:24px; }
body.page_type_journal_entry #body p { font-size:15px; line-height:24px; margin-bottom:20px; }
@media screen and (min-width:1200px) { body.page_type_journal_entry #body p { font-size:16px; line-height:25px; } }
@media screen and (min-width:1500px) { body.page_type_journal_entry #body p { font-size:17px; line-height:26px; } }
@media screen and (min-width:1800px) { body.page_type_journal_entry #body p { font-size:18px; line-height:28px; } }
@media screen and (min-width:2100px) { body.page_type_journal_entry #body p { font-size:19px; line-height:30px; } }
	
	

/*
#body p:hover, #body blockquote:hover { color:#bbb; }
#body p, #body blockquote  { 
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out; 
}
*/ 

body.page_type_journal_entry h1 { margin-bottom:0; }
body.page_type_journal_entry .blog_entry_date { margin-bottom:20px; font-style:italic; color:#666; font-size:13px; line-height:16px; }
body.page_type_journal_entry h2 { font-size:18px; line-height:22px; color:#aaa; } 

body.page_type_journal_entry .tonyImageSearch h3 { display:none; }  

body.page_type_journal_entry .tonyFileDetails { margin-bottom:40px; } 

.ccmDateNav li a { display:block; margin-bottom:4px; padding-bottom:4px; } 

.readMore { font-size:12px; display:block; padding-top:4px; font-size:12px; } 



.threeColPhotoLayout .ccm-layout-col { width:31.3%; } 
.threeColPhotoLayout .ccm-layout-col-1 { padding-right:2%; } 
.threeColPhotoLayout .ccm-layout-col-2 { padding:0 1%; } 
.threeColPhotoLayout .ccm-layout-col-3 { padding-left:2%; } 
.threeColPhotoLayout .ccm-layout-col img { max-width:100%; } 


/* Collections */

.collections-list .collection { } 
.collections-list .collection-spacer{ height:32px; padding:0 12px; }
.collections-list .collection .collection-image{ float:left; width:125px;  }
.collections-list .collection .collection-image table tr td { border:1px solid #000; border-right:1px solid #333;border-bottom:1px solid #444; padding:0px; }
.collections-list .collection .collection-image table tr td img { border:1px solid #111; }
.collections-list .collection .collection-text{ float:left; width:565px; }
.collections-list .collection .collection-text h3{ margin-top:0px; padding-top:0px;  }
.collections-list .collection .collection-text .view { margin-top:8px }
.collections-list .collection .collection-text .view a{ text-decoration:underline; font-size:12px; color:#6C738C} 

.collections-list.collections-grid .collection { width:32%; float:left; }
.collections-list.collections-grid .collection .collection-image { float:none; width:auto; text-align:center }
.collections-list.collections-grid .collection .collection-image table { margin:auto; }
.collections-list.collections-grid .collection .collection-text { float:none; width:auto; text-align:center; margin-bottom:24px; margin-top:8px; }
.collections-list .collection .collection-text h3 { font-size:15px; line-height:18px; font-weight:normal }
#page #sectionPaging { padding:6px 16px; }

/* Collection / Photo Browser */ 


.proPhotoWrap .mainImageTarget img { min-height:24px; min-width:24px; background:url(http://inneroptics.net/themes/inneroptics/images/throbber_mid_on-black.gif) center no-repeat; }

.proPhotoWrap .mainImage table td.arrowLeftCell{ width:48px }
.proPhotoWrap .mainImage table td.arrowRightCell{ width:48px }
.proPhotoWrap .mainImage table .arrowRight{ background:url(http://inneroptics.net/themes/inneroptics/images/photo_browser_arrow_right.png) no-repeat center left !important; width:44px !important; height:143px !important; float:right; border:none !important; opacity:1!important; filter: alpha(opacity=100) !important; }
.proPhotoWrap .mainImage table .arrowLeft{ background:url(http://inneroptics.net/themes/inneroptics/images/photo_browser_arrow_left.png) no-repeat center right !important; width:44px !important; height:143px !important; float:left; border:none !important; opacity:1!important; filter: alpha(opacity=100) !important; }
.proPhotoWrap .mainImage table a:hover .arrowLeft { background-position:center left !important; }
.proPhotoWrap .mainImage table a:hover .arrowRight { background-position:center right !important; }
.proPhotoWrap .mainImage table .arrowLeft .arrowLeftInner,.proPhotoWrap .mainImage table .arrowRight .arrowRightInner { background:none !important; }

.proPhotoSkin_gray .mainImage .mainImageTarget img { background:none !important; } 

.socialSharing, 
.proPhotoWrap .mainImage .imgInfo { border:1px solid #000; background:#1d1d1d; border-radius:4px; border-color:black #2A2A2A #2F2F2F #111; padding:4px 8px !important; box-shadow:inset 1px 3px 6px #161616; }
.proPhotoWrap .proPhotoImgWrap.selected img, .proPhotoWrap .proPhotoImgWrap a:hover img { border:1px solid #4286a2 !important; }

.proPhotoWrap .showFullScreenGallery { background-color:#333;  box-shadow:1px 2px 2px rgba(0,0,0,.3); border-radius:4px; vertical-align:top;  } 
.proPhotoWrap .detailsLink { background: url(http://inneroptics.net/themes/inneroptics/./images/image_details_icon.png) no-repeat center; text-indent:-999px;  background-color:#333;  box-shadow:1px 2px 2px rgba(0,0,0,.3); border-radius:4px; 
							 overflow:hidden; width: 20px; height: 20px; padding: 4px; margin-left: 4px;display: inline-block !important; opacity: 0.8; filter: alpha(opacity=80); vertical-align:top;  } 

.proPhotoWrap .detailsLink:hover, 
.proPhotoWrap .detailsLink:focus, 
.proPhotoWrap a.showFullScreenGallery:hover,
.proPhotoWrap a.showFullScreenGallery:focus { opacity:1; filter: alpha(opacity=100); background-color:#3f3f3f; } 


/* Image Search */
/*
table#searchResults { margin-bottom:0px; margin-top:24px; }
table#searchResults td { padding-bottom:16px; padding-right:16px; text-align:center }
table#searchResults td.lastCol { padding-right:0px; } 
*/
.tonyImageSearch a .imageSearch_title { color:#777; }
.tonyImageSearch a:hover .imageSearch_title { color:#8AB086; text-align:center; } 
.tonyImageSearch a.imageSearchLink:hover img { border-color:#4286a2; } 
.imageSearch_row .imageSearch_noLabelImage { padding-top:1px; }
.imageSearch_detail_Title .imageSearch_fullRow { display:block !important; } 

div#popularSearches { margin-top:32px; }
div#popularSearches h3 { margin-bottom:8px; padding-bottom:0px; }
div#popularSearches ul {list-style:none; margin:0px; padding:0px;  }
div#popularSearches ul li { margin-bottom:4px; margin-left:0px; padding-left:0px;  }

.imageSearch_detail_Tags { display:none; } 

#sidebar .imageSearchBox .fieldPair { padding-bottom:4px; }
#sidebar .imageSearchBox .fieldPair input,
#sidebar .imageSearchBox .fieldPair select { margin:0 !important; }
#sidebar .imageSearchBox .fieldPair label { padding-top:3px; }

/* Photo Details Page */  
.tonyFileDetails .fileDetails_detail_Description { margin-bottom:20px  !important; }

#relatedImage { margin-top:48px; font-weight:normal; }
.img_thumbs_row { list-style:none; padding:0; margin:8px 0 24px 0; overflow:hidden }
.img_thumbs_row li { float:left; width:24%; width:24.99%; text-align:center; } 
.img_thumbs_row li img { max-width:95%;}
.img_thumbs_row li ul.tags { display:none; }


.relatedTags span.tag { line-height:26px; }
.relatedTags a, 
.fileDetails_detail_Tags a { padding:2px 6px; border-radius:4px; background:#111; border:1px solid #333; border-width:0 1px 1px 0;  white-space:nowrap;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#222));
	background-image: -webkit-linear-gradient(top, #000, #222);
	background-image:    -moz-linear-gradient(top, #000, #222);
	background-image:     -ms-linear-gradient(top, #000, #222);
	background-image:      -o-linear-gradient(top, #000, #222);
}
.relatedTags .comma,  
.fileDetails_detail_Tags .comma { display:none; }
.relatedTags a.highlight, 
.relatedTags a:hover, 
.fileDetails_detail_Tags a.highlight,
.fileDetails_detail_Tags a:hover { background:#4b3e59; color:#fff; text-decoration:none; border:1px solid #000; border-width:0 1px 1px 0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b3e59), to(#322640));
	background-image: -webkit-linear-gradient(top, #4b3e59, #322640);
	background-image:    -moz-linear-gradient(top, #4b3e59, #322640);
	background-image:     -ms-linear-gradient(top, #4b3e59, #322640);
	background-image:      -o-linear-gradient(top, #4b3e59, #322640);
} 


/* Page Elements */
.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

.fieldPair { padding-bottom:16px }
.fieldPair label { color:#6C839C; display:block; padding-bottom:4px; padding-top:0px; font-weight:normal }
.fieldPair input.txtField, #page .fieldPair .ccm-input-text { background:#1a1a1a; border:1px solid #444; color:#ccc; padding:3px; }

.imageSearchResults { font-size:12px; line-height:16px; } 
@media screen and (min-width:1200px) { .imageSearchResults { font-size:13px; line-height:17px; }  }
@media screen and (min-width:1500px) { .imageSearchResults { font-size:14px; line-height:18px; }  }
@media screen and (min-width:1800px) { .imageSearchResults { font-size:15px; line-height:19px; }  } 

.tonyImageSearch .imageSearch_row { margin-bottom:10px; }
img.matted, .indexedImagesImgWrap img, 
.tonyFileDetails .fileDetails_detail_Image img,  
.tonyImageSearch .imageSearch_row img, 
.collection-image img, 
#blog_page_list_wrap .blog_entry .blog_entry_thumb img,
.proPhotoWrap .mainImageTarget img {
	max-width:100%;
	border:1px solid #0a0a0a; 
	
	/* Emboss Resessed: border-color: #000 #333 #444 #0a0a0a; padding:1px; */   

	/* Drop Shadow: */
    border-color: #000;
    padding: 0;  
    box-shadow: 3px 4px 4px rgba(0,0,0,.3); /* 6px 8px 7px rgba(0,0,0,.4); */  
}

body.page_path_photo #page #central { max-width:2000px; } 
body.page_path_photo #page #central h3 { font-weight:normal; } 
body.page_path_photo #page #central .relatedImageName { font-size:11px; line-height:14px; color:#999; margin-top:4px; } 


h4.guestBook-title { border-bottom: 1px solid #555 !important; }

/* Concrete5 Edit Bar */
div#ccm-page-controls { height:20px !important; }
div#ccm-page-detail { top:32px !important; }
ul#ccm-system-nav li a, 
ul#ccm-system-nav li span, 
ul#ccm-main-nav li a, 
ul#ccm-main-nav li span, 
ul#ccm-main-nav li.ccm-nav-rolloversOff:hover a, 
ul#ccm-main-nav li.ccm-nav-rolloversOff:hover li span { background:none !important; padding-top:4px !important; }
div#ccm-logo-wrapper img { width:20px; height:20px; }
div#ccm-logo-wrapper { height:20px !important; }
ul#ccm-system-nav { height:20px !important; } 
div#ccm-page-controls ul#ccm-main-nav { padding-left:20px !important; } 




/* MISC STYLES & SHORTCUTS */

.socialSharing { margin:40px 0; border:1px solid #111; padding:10px 3% 5px 3% !important; background:#222; position:relative; max-width:99%  }
.socialSharing .fb-like { float:left; }
.socialSharing .right { float:right; }
.socialSharing .right > div { display:inline-block; } 
.socialSharing .fb-like, 
.socialSharing .right { opacity:.6; filter: alpha(opacity=60); -webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;	}  
.socialSharing:hover .fb-like, 
.socialSharing:hover .right { opacity:1;filter: alpha(opacity=100); }


div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }

a.download_button_link,form.download_button_link { display:block; margin:auto; width:200px; }
form.download_button_link { padding-top:0px; }
input.download_button { background: url(http://inneroptics.net/themes/inneroptics/./images/download_package_button.png) no-repeat center top; width:200px; height:49px; border:0px none; display:block; margin:auto; font-size:0px; line-height:0px; color:#333333; cursor:pointer; margin:16px auto;  }
input.download_button:hover { background-position: center bottom; }

input[type="button"], input[type="submit"], input[type="reset"] { 
	background:#424242; color:#d8e1eb; cursor:pointer;  
	background:#2a2b30; padding:6px 12px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; 
	box-shadow:2px 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, .2);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44484d), to(#2e3338));
	background-image: -webkit-linear-gradient(top, #44484d, #2e3338);
	background-image:    -moz-linear-gradient(top, #44484d, #2e3338);
	background-image:     -ms-linear-gradient(top, #44484d, #2e3338);
	background-image:      -o-linear-gradient(top, #44484d, #2e3338);
	border:1px solid #27292d;
	border-color: #54595e #27292d #1e2226 #4d5257; 
	text-transform:uppercase; 
	letter-spacing:1px; 

}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { 
	color:#e6effa;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c5057), to(#30373d));
	background-image: -webkit-linear-gradient(top, #4c5057, #30373d);
	background-image:    -moz-linear-gradient(top, #4c5057, #30373d);
	background-image:     -ms-linear-gradient(top, #4c5057, #30373d);
	background-image:      -o-linear-gradient(top, #4c5057, #30373d);
}

.faint, .proPhotoWrap .proPhoto_detailLabel { color:#666 }
.proPhotoWrap .proPhoto_detailLabel {opacity:1 !important; filter: alpha(opacity=100) !important}


.divider{ background:url(http://inneroptics.net/themes/inneroptics/images/divider_horizontal.png) repeat-x top; height:2px; width:auto; clear:both; margin:8px; } 

.hidden { display:none; }

/* customize_miscellaneous */ /* customize_miscellaneous */

/*
@font-face {
	font-family: 'DanielRegular;
	src: url('http://inneroptics.net/themes/inneroptics//font/Daniel/daniel-webfont.eot);
	src: local(),
			 url('http://inneroptics.net/themes/inneroptics//font/Daniel/daniel-webfont.woff') format('woff'),
			 url('http://inneroptics.net/themes/inneroptics//font/Daniel/daniel-webfont.ttf') format('truetype'),
			 url('http://inneroptics.net/themes/inneroptics//font/Daniel/daniel-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/*
@font-face {
font-family: 'DanielRegular';
src: url('http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.eot'); 
src:    local('DanielRegular'),
        url('http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.woff') format("woff"),
        url('http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.ttf') format('truetype'),
        url("http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.svg") format("svg");
font-weight: normal;
font-style: normal; 
}
*/ 

/*@font-face {
	font-family: 'DanielRegular';
	src: url('http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.eot');
	src: local('☺'), url('http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.woff') format('woff'), url('http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.ttf') format('truetype'), url('http://inneroptics.net/themes/inneroptics//fonts/Daniel/daniel-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'JournalRegular';
	src: url('http://inneroptics.net/themes/inneroptics//fonts/Journal/journal-webfont.eot');
	src: local('☺'), url('http://inneroptics.net/themes/inneroptics//fonts/Journal/journal-webfont.woff') format('woff'), url('http://inneroptics.net/themes/inneroptics//fonts/Journal/journal-webfont.ttf') format('truetype'), url('http://inneroptics.net/themes/inneroptics//fonts/Journal/journal-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/ 



/* Mobile Version */ 
@media screen and (max-width:700px) {
	#page #headerNav { background:none; }
    #page #headerNav ul.nav-header li { float:none; display:block; width:auto; border-top:1px solid #555; border-bottom:1px solid #111; padding:8px 0; }
	#page #headerNav .nav-header .start_spacer_cell, 
	#page #headerNav .nav-header .end_spacer_cell{ display:none; }
	
	#page .no-sidebar #body { margin:16px 6px !important; }
	
	#page #footer #fatFooter > li { width:auto; float:none; padding:0 2% 16px 2%; } 
	#subscribeBox ul.nav { display:none; }
	
	body.page_path_journal #sidebar, 
	body.page_type_journal_entry #sidebar { display:none }  
	
	body.page_path_journal #page #central #body,
	body.page_path_photo_search #page #central #body, 
	body.page_type_journal_entry #page #central #body { width:auto; padding-right:2% !important; padding-left:2% !important; float:none; overflow:hidden;  }
	
	body.page_path_photo_search #page #central #sidebar { float:none; width:auto;  padding-right:2% !important; padding-left:2% !important; padding-top:0px; margin-top:10px; }  
	.tonyImageSearch .imageSearchBox { margin-bottom:0 !important; padding-bottom:0 !important; border-top:1px solid #444; padding-top:20px }
	
	/*#blog_page_list_wrap .blog_entry .blog_entry_thumb { display:none; } 
	#blog_page_list_wrap .blog_entry .blog_entry_content { width:100%; }*/   
	
	.collections-list .collection .collection-image img { max-height:130px; }
	
	#page .tonyBillboardsWrap .indexedImage_imageTitle { font-size:14px; } 
	
	/* turn off dropdown menu on small screens, where main menu is stacked vertically */ 
	#page #headerNav ul.nav-header {overflow:hidden; height:auto; }
	#page #headerNav .nav-header ul { display:none; }  
	
	.socialSharing .right { float:none; padding-top:10px; clear:left; }
	
}