/* @override http://mendev.fusebox.com/includes/style.css */
/* CSS MENDOLA - revised 01/2009 */
/* @group window size and layout */
html,body { height:99%; margin:0; padding:0; }
body { background: #e0dedf url(../../imgs/if/home-back.jpg) 0 0 repeat-x; color: #8c8c8c; font-family: verdana, arial, sans-serif; font-size: 0.8em; line-height: 1.5em; min-width:1035px; padding: 12px; padding-bottom: 0; text-align:center; }
/* clears */
.clear { clear:both; font-size:0px; height:1px; line-height:1%; margin-bottom:-1px; overflow:hidden; }
* html .clear { height:auto; margin-bottom:0; }
.clrfix { zoom:1; }

.clrfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#fullheightcontainer { height:100%; margin: 0 30px; min-width:850px; position:relative; top:-20px; text-align:left; }
#wrapper { height:auto; min-height:100%; }
#wrapp\65	r { height:auto; }
* html #wrapper { height:100%; }
div#outer { background:#fff; height:100%; position:relative; word-wrap:break-word; z-index:1; }
div#clearheadercenter { height:83px; *height: 110px; overflow:hidden; *width: 1100px; }
div#clearfootercenter { height:25px; overflow:hidden; }
div#gfx_bg_middle { background:#fff; *display:none; height:100%; margin-left:0px; position:absolute; top:0px; overflow:hidden; width:100%; }
/* @end */
a:link,
a:visited { color: #f26f21; text-decoration: none; }
a:hover,
a:active { color: #000; text-decoration: none; }
a, a img, img { border: 0; outline: 0; }
/* General Font Styles  */
h1 { color: #f26f21; font-size: 1.3em; font-weight: normal; }
h2 { color: #999; font-size: 1.2em; font-weight: normal; }
h3 { color: #999; font-size: 1.1em; font-weight: normal; }
h4 { color: #999; font-size: 1em; font-weight: normal; }
h5 { font-size: 1.1em; font-weight: normal; }
/* forms & table cells */
input { background-color: #cecece; color: #666; font-family: verdana, arial, sans-serif; font-size: 1em; text-align: left; }
textarea { margin-left: 0; }
th { font-family: verdana, arial, sans-serif; font-size: 0.8em; font-weight: normal; padding-right: 6px; text-align: right; vertical-align: top; }
td { font-family: verdana, arial, sans-serif; font-size: 0.8em; font-weight: normal; }
table.right td { text-align:right; }
/* header */
div#header { clear:both; height:100px; position:absolute; top:0px; *left: 0px; overflow:none; width:100%; z-index:1; }
div#header div#topmargin { height:20px; }
div#header div.bottomtopmargin { background: #ccc; overflow:hidden; width:100%; }
div#header div#subheader1 { background:#fff; clear: none; color: #8c8c8c; height:43px; margin: 10px; padding: 0; text-align:center;  }
div#header_m { background: url(../imgs/if/top-nav-fade_blue.gif) 0 0 repeat-x; border: 1px solid #bebebe; float:left; height: 43px; margin: 0; padding: 0; text-align:left; width:100%; }
div#header_m a { border: 0; text-decoration: none; }
div#header_m img { border:0 none; float: left; margin: 0; padding: 0; *position: relative; *left: -3px; }
div#header_m ul { list-style:none; margin: 22px 0 0 0; padding: 0; *position: relative; *left: -6px; width:939px; *width:780px; }
div#header_m ul li { border-top: 1px solid #bebebe; border-right: 1px solid #bebebe; color: #000; float:left; margin:0; padding: 0; width: auto; }
div#header_m ul li a { color: #333; display: block; font-size: 0.8em; margin: 0; padding: 2px 0 0 0; text-align: center; text-decoration: none; width: 155px; }
div#header_m ul li a#current,
div#header_m ul li a:hover { background: url(../imgs/if/nav-roll.gif) 0 0 repeat-x; color: #fff; }
/* names - page titles */
div#names { border-bottom: 1px dotted #666; margin: 0px 25px 0 25px; padding: 20px 0 3px 0; text-align: right; }
/* My Comment */
div#names .artistName, 
div#names #artistName { float: left; color: #F26F21; font-size: 1.3em; }
div#names .artistWeb { font-size: .8em; text-align: right; width: 350px; }
div#names #artistWeb { clear:both; padding: 5px 0 0 0; text-align: left; width: 100%; }
div#names .artistWeb form,
div#names .artistWeb form select { margin: 0; }
/* homecontent/adminhomecontent */
div#homecontent { background: url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; height: 100%; line-height: 2em; margin: 10px 25px 15px 25px; min-height: 450px; padding: 20px 20px 30px 20px; text-align: center; }
div#pictures { margin: 0 auto; text-align: center; width: 741px; }
div#pictures div.pic { float: left; height: 310px; margin: 30px 25px 25px 0; width: 222px; }
div#pictures div.pic3 { float: left; height: 310px; margin: 30px 0 25px 0; width: 222px; }
div#pictures div.imgwidth { border: 1px solid #bebebe; height: 261px; margin: 0; padding: 10px; width: 200px; }
div.tab { background: url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; border-top: 0 none; float: left; font-size: 9px; height: 27px; margin:0 0 0 2px; overflow: hidden; width:216px; }
div.tab span.left { float: left; margin: 0 0 0 3px; padding: 0; }
div.tab span.right { float: right; margin: 0 3px 0 0; padding: 0; }
div.tab span.right a { color: #8c8c8c; }
div#pictures p { float: left; font-size: .85em; line-height: 1.6em; margin: 0 0 10px 0; text-align: left; width: 650px; }
div#adminhomecontent { background: #fff url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; font-size: .85em; line-height: 2em; margin: 20px 25px 15px 25px; min-height: 575px; padding: 20px 20px 15px 20px; }
div#adminhomecontent p { line-height: 2.5em; margin-top: 35px; text-align: left; }
div#adminhomecontent .left { float: none; text-align: center; }
div#adminhomecontent select { font-size: 1em; margin: 2px 0 10px 0; width: 175px; }
div#adminhomecontent .pic { height: 100%; padding-right: 25px; }
div#adminhomecontent div#pictures { height: 100%; margin: 0 auto; text-align: center; width: 825px; }
div#adminhomecontent .pic3 { height: 100%; }
/* listcontent */
div#listcontent { background: #fff; color: #8c8c8c; font-size: 0.8em; height: 100%; margin: 20px 0 15px 0; min-height: 475px; padding: 20px 30px 30px 20px; }
div#listcontent div.thumbtile { border-bottom: 1px dotted #bebebe; float: left; height: 143px; margin: 0 0 12px 0; overflow: hidden; padding: 0 6px; text-align: left; width: 145px; *width:155px;  }
div#listcontent div.thumbtile a { border: 1px solid #E3E3E3; float: left; margin: 0; }
div#listcontent div.thumbtile a img {  margin: 1px; xwidth: 111px; }
div#listcontent div.thumbtile a:hover { background-color: #ccc; border: 1px solid #000; opacity: .5; filter: alpha(opacity=50); -khtml-opacity:50; }
div#listcontent div.thumbtile span.thumbname { clear: both; display: block; line-height: 1.2em; padding: 3px 0 0 0; }
/* portfoliocontent */

div.addthis_toolbox.addthis_default_style { padding-bottom: 25px; float: none; margin-top: 25px; display: block;}

div#portfoliocontent { background: #fff; color: #8c8c8c; margin: 0 25px 0 25px; padding: 25px 0 0 0;}
div#portfoliocontent div#thumbsContainer { float: left; padding: 0 0 50px 0; text-align: left; width: 260px; }
div#portfoliocontent div#thumbsContainer div.thumb { float: left; height: 85px; width: 84px; }
div#portfoliocontent div#thumbsContainer div.thumb span { display: block; font-size: 9px; line-height: 1.2em; padding: 0 5px 0 0; }
div#portfoliocontent div.imgInfo { margin: 0 0 10px 270px; text-align: left; }
div#portfoliocontent div.imgInfo a.imgArtist { display: block; font-size: 16px; text-transform: uppercase; }
div#portfoliocontent div#thumbsContainer a { border: 1px solid #E3E3E3; float: left; height: 43px; margin: 0 6px 3px 0; padding: 1px; text-align: center; width: 68px; }
div#portfoliocontent div#thumbsContainer a:hover { border: 1px solid #000; opacity: .5; filter: alpha(opacity=50); -khtml-opacity:50; }

div#portfoliocontent div#imageContainer { border: 5px none #ebebeb; margin: 0 0 20px 270px; text-align: left;}

#artistWeb { margin-left: 25px;}

div.editport { margin-left: 25px;}
div#portfoliocontent div#imageContainer a img { border: 0; height: auto; margin: 0; padding: 0; width: auto; opacity: 1; filter: alpha(opacity=100); -khtml-opacity:100; }
/* searchcontent */
div#searchcontentheader { background: #fff url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; height: 110px; line-height: 2em; margin: 10px 25px 15px 25px; padding: 20px 30px 10px 20px; }
div#searchnav { background: #fff; border: 1px solid #fff; margin: 10px 25px 0 25px; padding: 0; }
div#searchnav ul { background: #fff; float: left; font-size: 9px; list-style:none; margin: 0; padding: 0; }
div#searchnav ul li { background: #fff url(../imgs/if/search-button-off2.gif) 0 0 no-repeat; color: #000; float:left; margin: 0; *margin-right: 5px; padding: 0; }
div#searchnav ul li a { color: #333; display: block; margin: 0; padding: 0 0 0 7px; text-align: left; text-decoration: none; width: 122px; }	 
div#searchnav ul li a:hover { background: url(../imgs/if/search-button-hover.gif) 0 0 no-repeat; }
div#searchnav ul li a#current { background: url(../imgs/if/search-button-on.gif) 0 0 no-repeat; color: #f26f21; }
div#searchby { background: #fff; border: 1px solid #bebebe; clear: both; line-height: 2em; margin: 0 25px 15px 25px; padding: 20px 0 20px 20px; text-align: left; }
div#searchby span.thumbname { float: left; }
div#searchby span.thumbname a { display:block; line-height: 1em; margin: 0 0 10px 0; padding: 0 25px 0 2px; text-align: left; }
/* maincontent */
div#maincontent { background: url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; height: 100%; line-height: 2em; margin: 10px 25px 15px 25px; min-height:350px; padding: 20px 30px 30px 20px; }
div#maincontent div#aboutpic { float: right; margin: 0 0 0 25px; }
div#maincontent div#address { float: left; width: 250px; }
div#maincontent div#contactform { height:100%; margin: 0 0 12px 0; padding: 12px 0 0 0; }
/* admincontent */
div#admincontentheader { background: #fff url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; line-height: 1em; margin: 10px 25px 15px 25px; padding: 20px 30px 10px 20px; }
div#admincontentheader form#form1 { margin: 0 0 8px 0; }
div#admincontentheader span.artistName { display: inline-block; padding-top: 9px; width: 150px; }
div#contactform { height:100%; margin: 0 0 12px 0; padding: 12px 0 0 0; }
div#admincontent { background: #fff url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; clear: both; line-height: 2em; margin: 10px 25px 15px 25px; padding: 20px 20px 10px 20px; }
div#admincontent th { font-family: verdana, arial, sans-serif; font-size: 1em; font-weight: normal; padding: 0 20px 5px 0; vertical-align: text-top; }
div#admincontent td { font-size:1em; padding-bottom:5px; }
div#admincontent div#editprofile { margin: 0 0 12px 0; padding: 12px 0 0 0; }
div#admincontent div#editprofile table { width: 100%; }
div#admincontent div#editprofile table table { width: 500px; }
div#admincontent div#editprofile th { text-align: left; }
div#adminaddcontent { background: #fff url(../imgs/if/top-nav-fade.gif) 0 0 repeat-x; border: 1px solid #bebebe; font-size:.85em; line-height: 2em; margin: 0 25px 15px 25px; padding: 20px 20px 15px 20px; text-align: left; }
div#adminaddcontent span.artistName { float: left; width: 380px; }
div#adminaddcontent span.artistWeb { float: right; text-align: right; width: 350px; }
div#adminaddcontent div#artistlist { clear: both; height: 100%; margin: 0 0 25px 0; width: 100%; }
div#adminaddcontent div#artistlist div.imgRow { border-top: 1px dotted #666; clear: both; margin-bottom:5px; padding-top: 5px; }
div#adminaddcontent div#artistlist div.imgRow img { float:left; margin: 0 25px 5px 3px; }
div#adminmaincontent { background: #fff; border: 1px solid #bebebe; clear: both; font-size:.85em; line-height: 2em; margin: 0 25px 15px 25px; padding: 10px 10px 0 10px; text-align: left; }
div#adminmaincontent span.artistName { float: left; width: 380px; }
div#adminmaincontent span.artistWeb { float: right; text-align: right; width: 350px; }
div#adminmaincontent div#admincontent,
div#names div#admincontent { margin: 30px 0 15px 0; }
div#adminmaincontent div#admincontent div#imagelist { float: left; clear: both; }
div#adminmaincontent div#admincontent div#imagelist div.imgBox { background: #f6f7f8; border: 1px dotted #666; float:left; height:60px; margin: 0 0 5px 5px; padding: 5px 0 5px 2px; width:250px; }
div#adminmaincontent div#admincontent div#imagelist div.imgBox img { float:left; margin: 0 5px 5px 3px; }
div#adminmaincontent div#admincontent div#imagelist span.artistName { float: left; line-height: 1.3em; width: 125px; }
div#adminmaincontent div#admincontent div#editImage { height: 100%; overflow:hidden; }
div#adminmaincontent div#admincontent div#editImage img { border: 1px solid #999; max-height:300px; max-width:250px; padding: 2px; }
div#adminmaincontent div#admincontent div#editImage div#imagespc { float: left; margin-right: 20px; }
div#adminmaincontent div#admincontent div#editImage table { width: 350px; }
div#adminmaincontent div#admincontent div#editImage table.right { width: 350px; }
div#adminmaincontent div#admincontent div#editImage table th { text-align: left; width: 170px; }
div#adminmaincontent div#admincontent div#editImage table td { text-align: left; }
div#adminmaincontent div#admincontent div#editImage table.right th { text-align: left; width: 240px; }
div#adminmaincontent div#admincontent div#editImage table.right th label { margin: 0 10px 0 0; }
div#adminmaincontent div#admincontent div#editImage table.right td { text-align: left; }
/* footer */
div#footer { clear: both; height:36px; margin-top:-36px; position:absolute; overflow:hidden; width:100%; z-index:1; }
div#footer div#subfooter1 { background:#fff; border-top: 1px solid #bebebe; color: #8c8c8c; font-size: 0.75em; height:25px; margin: 0 25px; padding: 2px 0 0 0; text-align:right; }
div#subfooter1 span.foot_left { float: left; font-weight: bold; }
div#subfooter1 span.foot_right { float: right; }
/*dragable lists.css */
ul.boxy { list-style-type: none; margin: 0; padding: 0; }
ul.boxy li { cursor:move; padding: 2px; }
.clickable { cursor: pointer; }
ul.boxy li { margin: 0px; }
#phoneticlong { margin-bottom: 1em; width:100%; }
#phoneticlong li { height:80px; }
#boxes { list-style-type: none; margin: 0; padding: 0; width:100%; }
#boxes li { cursor: move; float:left; height:80px; position: relative; }