/*  
Theme Name: CharneyMagri
Theme URI: http://www.CharneyMagri.com
Description: A custom WordPress theme for CharneyMagri
Version: 1.0
Author: New Stream Design & iLightning
Author URI: http://www.ilightning.us


  


/* ---------- @ Inherited Styles -----------*/
@import url('css/nav.css'); 

/*------------- Resets ---------------------*/
body, html, h1, h2, h3, h4, form, fieldset, img a, a img, a, ul, li{border:none; padding:0; margin:0}

/*----------------General ------------------*/
body{background:#000 url(images/stripes.gif) 0 100px repeat-x; margin:42px auto; font:normal 14px  "Century Gothic","Futura Lt","Futura Md",Arial,Verdana; width:970px; color:#d8d8d8; overflow-x:hidden;}

body/*,html*/{height:100%}

h1, h1 a{background:transparent url(images/logo.gif) no-repeat scroll 0 0;display:block;height:38px;text-indent:-999em;width:193px;float:left;/*floated to the left in order to have the social icons div come into place*/}

h2{color:#F6C}
p#descrip{text-indent:-999em; clear:both}
a:focus{outline:none}
a{color:#AF4082; text-decoration:none}
.hide{display:none}
/*Used after the header &before the content*/
.clearFloat{margin-top:0; padding:0; clear:both; margin-bottom:29px; /*Since the description is was not shown,this is needed top push down the content.*/}
#port #footerPush{min-height:607px}
map{border:0;}
img[usemap] {border:0; color:transparent; border:none;}
/*
Social Icons
*********************/
ul#icons{float:right; list-style:none; padding:0; margin:0; margin-top:20px}

ul#icons li{float:left; margin-left:8px}

ul#icons li img{filter:alpha(opacity=50);  -khtml-opacity:0.5;  -moz-opacity:0.5;  opacity:0.5}

ul#icons li img:hover{filter:alpha(opacity=100);  -khtml-opacity:1;  -moz-opacity:1;  opacity:1}

/*
Preloader CSS
********************/
#preLoader{padding-top:130px}

#loadingBar{height:24px; width:280px; margin-left:auto; margin-right:auto}

#loadingText{width:350px; margin-top:70px; margin-left:auto; margin-right:auto; display:none; /*hides bio on page load adding hid class didn't work for some reason*/}

#textScroller{width:350px; height:300px}

#loadingText p{color:white; font-size:14px; font-family:"Century Gothic","Futura Lt","Futura Md",Arial,Verdana; margin-top:0}

#loadingText .static, #cacheText p, #imgsLoaded p{color:#d24d9c; font-size:16px}

#cacheText, #imgsLoaded{margin-top:75px; width:200px; margin-left:auto; margin-right:auto}

#cacheText p, #imgsLoaded p{text-align:center}

/* Progress Bar CSS
----------------------------------*/
.ui-widget{font-family:Verdana,Arial,sans-serif; font-size:1.1em}

.ui-widget-content{border:1px solid #666; background:#333 url(images/ui-bg_flat_100_333333_40x100.png) 50% 50% repeat-x; color:#222}

.ui-widget-header{background:#D24D9C /*url(images/progBarBack.png) repeat scroll 50% 50%*/; border:1px solid #D24D9C; color:#222; font-weight:bold}

.ui-corner-left{-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px}

.ui-corner-all{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}

.ui-progressbar{height:2em; text-align:left}

.ui-progressbar .ui-progressbar-value{margin:-1px; height:100%}

/* Scroll CSS
----------------------------------*/
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1}

.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#666}

.jScrollPaneDrag{position:absolute; background:#333; cursor:pointer; overflow:hidden}

.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden}

.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}

/*------------- Galleria -----------------------*/
.items{height:62px; margin:0 auto; width:858px!important; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; background:transparent}
::selection{background:transparent}/*Makes selection clear in Chrome &Safari.  This CSS3 selector may be fully supported in the future*/

.wrap{overflow:hidden; margin:0 auto; position:relative}

.arrow{width:28px; height:28px; display:block; position:absolute; top:15px; cursor:pointer}
.prev{background:url(images/arr-left.gif); left:0}
.next{background:url(images/arr-right.gif); right:0}

.galleria{list-style:none; width:200px}
.galleria li{display:block; width:77px; height:60px; overflow:hidden; float:left; margin:0 1px 0 0}
.galleria li a{display:none}
.galleria li div{position:absolute; display:none; top:0; left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img, .galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto}
.galleria li .caption{display:block; padding-top:.5em}
* html .galleria li div span{width:400px}/* MSIE bug */

.photoWrap{margin:15px 0 40px; min-height:360px; /*Used in place of sticky footer.  If the thumbs are sticking to the bottom of the window we can't have the site navication under the thumbs.  I think we need a ie6 and/or ie7 fix for minheight*/}

#photoHolder{text-align:center}
.galleria li:first-child, .galleria p.firstChild{margin-left:0; width:77px; height:60px; float:left}
.galleria li:last-child, .galleria p.lastChild{width:77px; height:60px; float:left}

.clear{clear:both}

.thumbs{width:980px}
.caption{display:none !important}

/*--------------- More General --------------------------*/
p.fineprint{font-size:11px; color:#323133; padding:45px 0 0 100px}
.hidden{display:none}

h2{margin-bottom:30px; margin-top:12px}
.inner-content{margin-left:100px; border-bottom:1px solid #323133; min-height:263px}
.left{float:left}
div.left{padding-left:80px; width:560px}
img.left{margin-top:22px; *margin-top:5px; margin-bottom:50px}
h2{height:28px; text-indent:-999em}
h2.h-about{background:url(images/h-about.gif) no-repeat}
h2.h-contact{background:url(images/h-contact.gif) no-repeat}
h2.h-cs{background:url(images/comingsoon.gif) no-repeat}

/* -------------- clearfix -----------------------*/
.clearfix:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
* html .clearfix{zoom:1}/* IE6 */

*:first-child+html .clearfix{zoom:1}/* IE7 */

/* ----------------- WP specific ---------------- */
.post{margin-top:50px}

#login{left:10px; position:relative;text-transform: lowercase; }

.smoothInit .items{display:none}

/*.smoothInit #photoHolder img{display:none}
*/
/*------------------ To Hide Coming Soon Content ----------------------------*/
/*body id = 'comingSoon' on the coming soon page*/
#comingSoon{background-image:none}

#comingSoon h1{display:none}

#comingSoon #footer #nav{display:none}

#comingSoon .content{margin-top:140px}

#comingSoon p.fineprint{padding-top:110px}

/*
 Registration form
 ******************/
 #modal {
	 padding-left:2px;
	 padding-right:2px;
 }
 
 #iframe-src {
	 background-image:none; 
	 background: #000000;
	 overflow:none;
	 margin:0;
	 padding:0;
 }
 
 #helper .galleria_wrapper img {
	 cursor: pointer;
 }
 
 #helper .galleria_wrapper img {
	 border: solid 2px #000;
 }
 
 #helper .galleria_wrapper img:hover {
	 border: solid 2px #D24D9C;
 }
 

/*
 * jQuery UI Dialog @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding:0 1em 0; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; overflow: hidden; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=D24D9C&bgTextureHeader=01_flat.png&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=333333&bgTextureHover=01_flat.png&bgImgOpacityHover=40&borderColorHover=333333&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=02_glass.png&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Segoe UI, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #666666; background: #000000 url(images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; color: #ffffff; }
.ui-widget-content a { color: #ffffff; }
.ui-widget-header { border: 1px solid #333333; background: #d24d9c url(images/ui-bg_flat_25_d24d9c_40x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #333333; background: #333333 url(images/ui-bg_flat_40_333333_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffaf0f; background: #f58400 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #eeeeee url(images/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #2e7db2; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ffb73d; background: #ffc73d url(images/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #111111; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #111111; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */

.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }


/* positioning */

.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }

/* Overlays */
.ui-widget-overlay { background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }