/*

Theme Name: J-Alt

Theme URI: http://squonkstudios.com/wordpressage/themes/j-alt

Description: Theme Developed for JoeAlterio.com by <a href="www.squonkstudios.com">Squonk Studios</a>.

Version: 1.0

Author: Matt Glaser

Author URI: http://squonkstudios.com/









*/







body {

	font-family: Geneva, Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
	color: #7b7879;
        background-color: #ffffff;
        background-image: url(/images/bg_top_repeat.gif);
        background-repeat: repeat-x;
        background-position: top center;
}



a:link, a:visited {

	text-decoration:none;

	color: #00AEEF;

        border:0;

	}

a:hover{

	color:#00AEEF;

	text-decoration:underline;

	}

#nav a:hover {text-decoration:none;}

#blogtitle a:hover {border:0;text-decoration:none;}

a:active {

outline: none;

}

a:focus { outline: none; }	

h1 {

       font-size:36px;

       color:#908e85;

       margin: 0 0 20px 0;

}

small {font-size:11px;}

#good_work {

       font-size:27px;

       color:#908e85;

       margin: 5px 0 0px 110px;  

}

h1.joe{

font-family: 'nevisBold',"Trebuchet MS", "Lucida Sans", "Lucida Console", Tahoma, Verdana, monospace, sans-serif;;

       font-size: 16px;

       margin:0px 5px 0 0;

       float:left;

       line-height:1.1em;

}

h1,h2, h3, h4 {   font-family: 'nevisBold',"Trebuchet MS", "Lucida Sans", "Lucida Console", Tahoma, Verdana, monospace, sans-serif;}

h2 {

       font-size:30px;

       margin: 0 0 15px 0;

       font-weight:normal;

       color:#908e85;

}
#sidebar h2 {
    text-transform: uppercase;
    font-size: 24px;
}
h3 {

       font-size:16px;

       margin:0;

}

ul {

      padding:0;

      margin:0 0 15px 0;

}

#everything {

	width: 1280px;

	margin-right: auto;

	margin-left: auto;

}



#header {

	border: 0px;

	margin: 0 0 9px 0;

        width: 1280px;
        height: 246px;
        display:block;
        background:#ffffff;
        border-right: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
}

body.parent-pageid-26 #header, body.blog #header {
    height: 300px
}

#site-title a:link, #site-title a:visited {
    background-image: url(/images/logo.png);
    display:block;
    width:1280px;
    height:141px;
    text-indent: -9999px;
}
h1#site-title {
    margin:0;
}
ul#menu-main-menu {
    list-style: none;
    margin:0;
    padding:0;
    display:block;
    clear:both;
    font-family: 'nevisBold',"Trebuchet MS", "Lucida Sans", "Lucida Console", Tahoma, Verdana, monospace, sans-serif;;
}
ul#menu-main-menu li {
    float:left;
    margin:2px 2px 0 0;
    padding:0;

}
ul#menu-main-menu li a:link, ul#menu-main-menu li a:visited {
    color:#ffffff;
}
ul#menu-main-menu li a:hover, ul#menu-main-menu li.current-menu-ancestor a:link, ul#menu-main-menu li.current-menu-item a:link, ul#menu-main-menu li.current-menu-ancestor a:visited, ul#menu-main-menu li.current-menu-item a:visited {
    color:#cf4900;
    text-decoration: none;
}
ul#menu-main-menu li.current-menu-item ul.sub-menu li a:link, ul#menu-main-menu li.current-menu-item ul.sub-menu li a:visited, ul#menu-main-menu li.current-menu-ancestor ul.sub-menu li a:link, ul#menu-main-menu li.current-menu-ancestor ul.sub-menu li a:visited {
    color:#ffffff;
}

ul.sub-menu li.current-menu-item a:link, ul.sub-menu li.current-menu-item a:visited {
    color:#00aeef!important;
}
ul.sub-menu li a:hover {
    color:#00aeef!important;
}
ul#menu-main-menu li a {
    background-image: url(/images/nav_block.gif);
    display:block;
    width:249px;
    height:38px;
    font-size:36px;
    text-align:center;
    line-height:36px;
    padding:20px 0 19px 0;
    text-transform: uppercase;
}
ul#menu-main-menu li.menu-item-750 a, ul#menu-main-menu li.menu-item-751 a, ul#menu-main-menu li.menu-item-752 a {
    text-indent: -9999px;
    padding:0;
    background:none;
    display:block;
    height:77px;
    margin:0;
}
ul#menu-main-menu li.menu-item-750 a {
    background-image: url(/images/twit.png);
    width:88px;
}
ul#menu-main-menu li.menu-item-751 a {
    background-image: url(/images/flickr.png);
    width:88px;
}
ul#menu-main-menu li.menu-item-752 a {
    background-image: url(/images/linkedin.png);
    width:96px;
}
ul#menu-main-menu li.menu-item-752 {
    margin:2px 0 0 0;
}
ul#menu-main-menu .sub-menu {
   display:none;

}
ul#menu-main-menu li.current-menu-ancestor .sub-menu, ul#menu-main-menu li.current-menu-item .sub-menu {
   display:block;
}
ul#menu-main-menu li ul.sub-menu {
    background-image: url(/images/secondary_nav_bg.gif);
    background-position: top center;
    list-style: none;
    margin:0 20px;
    padding:0 0 0 57px;
    position:absolute;
    width:1184px;
    height:54px;
    clear:both;


}

ul#menu-main-menu li ul.sub-menu li {
    float:left;
    margin:0 43px 0 0;
    padding:0;
    
}
ul#menu-main-menu li ul.sub-menu li a {
    background: none;
    width: auto;
    height:auto;
    font-size:18px;
    padding:20px 0 0 0;
    line-height:18px;
    color:#ffffff;
}
ul#menu-main-menu li ul.sub-menu li.menu-item-747 {
    position:absolute;
    right:0px;
    margin:0;
}
ul#menu-main-menu li ul.sub-menu li.menu-item-747 a {
    display:block;
    width:210px;
    text-align: center;
}
#content {

	width: 1280px;
        position:relative;
       clear: both;
       display: block;

}

#content p {

	font-family: Trebuchet, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;

	font-size: 15px;

	margin-top:0px;

}

img {

	border:0;

}



#content li {

        list-style:none;

        margin: 0 0 4px 0;

}



img.footerbutton {

	float: right;

	margin: 5px 0;

	padding: 0px;

}



#left {

	height: 100%;

	width: 345px;

	float: left;

	padding: 0 40px;

        overflow-x:hidden;

        overflow-y:auto;

}
#leftblog {

	height: 100%;

	width: 370px;

	float: left;

	padding: 0 0 0 40px;

        overflow-x:hidden;

        overflow-y:auto;

}

#frontbox {

	/* border: 1px solid #7d7d7d; */

	padding: 0;

        margin:0;

	height:326px;

        overflow:auto;

}

#frontbox p {font-size:14px;}

#frontbox div.story{margin-bottom:10px;}

#showbox {

	/* border: 1px solid #7d7d7d; */

	margin: auto;

	height:auto;

	width: 800px;

}

#showbox a:hover {

       border:0;

       }

#showbox img {

       margin: 0px 0 20px 20px;

       }

#stills img, #vidthumbs img {margin:0 0 20px 20px;}

#stills h2, #vidthumbs h2 {margin-left:20px;}



#blogbox {

	/* border: 1px solid #7d7d7d; */

	margin: 0 0 0 0;

        padding: 0 15px 0 0;

	height:480px;

        width:565px; 

        overflow:auto;

}



#blogbox p {font-size:14px;}



#sidebar {

        width:235px;

        float:left;

        margin: 0;

        padding: 0 15px 0 0;

}

#sidebar p {font-size:15px;}

#sidebar_2 {

       float:left;

       padding: 0 15px;

       margin: 15px 0 0 0;

}

#sidebar ul, #sidebar_2 ul {

       font-size:12px;

}

ul h2 {

       margin:0;

}

#right {

	width: 820px;

	float: right;

	margin-right:30px;

	}
#rightblog {

	width: 725px;

	float: right;

	margin-right:50px;

	}

div.meta{

        font-size: 10px;

        margin-bottom:8px;

}

#nav {

	list-style-type: none;

	margin: 0;

	padding: 0;

	width: 950px;

	height: 90px;

	position: relative;

	left:1px;

	background:no-repeat url(/images/nav_sprite.gif);

}

#nav a:link, #nav a:visited {

	color:#7d7d7d;	

	}



#nav a:hover {

	color:#908e85;

	border: none;

}



#nav li p {

	font-size: 24px;

	color: #908e85;

	margin:0;

	

}



#footer a:hover {border:0}





#nav li {

	float:left;

	font-size: 20px;

	text-align: center;

	position:absolute;

	}

#nav li, #nav a {

	height: 90px;

	display:block;

	}

li.divider {

	z-index:50;

}



#hoverNav a:hover, #bottomNav a:hover { border:0}



	

/* nav link positioning */

#link_1 {left:0; width:95px;}

#link_2 {left:96px; width:103px;}

#link_3 {left:200px; width:160px;}

#link_4 {left:361px; width:128px;}

#link_5 {left:490px; width:108px;}

#link_6 {left:599px; width:124px;}

#link_7 {left:724px; width:105px;}

#link_8 {left:830px; width:120px;}



#link_1 a:hover {background: transparent url(/images/nav_sprite.gif) 0 -720px no-repeat;}

#link_2 a:hover {background: transparent url(/images/nav_sprite.gif) -96px -810px no-repeat;}

#link_3 a:hover {background: transparent url(/images/nav_sprite.gif) -200px -900px no-repeat;}

#link_4 a:hover {background: transparent url(/images/nav_sprite.gif) -361px -990px no-repeat;}

#link_5 a:hover {background: transparent url(/images/nav_sprite.gif) -490px -1080px no-repeat;}

#link_6 a:hover {background: transparent url(/images/nav_sprite.gif) -599px -1170px no-repeat;}

#link_7 a:hover {background: transparent url(/images/nav_sprite.gif) -724px -1260px no-repeat;}

#link_8 a:hover {background: transparent url(/images/nav_sprite.gif) -830px -1350px no-repeat;}



/* dividers */

#divider_1 {left:96px}

#divider_2 {left:200px}

#divider_3 {left:361px}

#divider_4 {left:483px}

#divider_5 {left:599px}

#divider_6 {left:724px}

#divider_7 {left:830px}





textarea {

        border: 1px #908e85 dotted;

        background: #ffffff;

        width: 95%;

        overflow: auto;

        height:150px;

        color: #666666;

        margin-bottom: 15px;

       

}



input:hover, textarea:hover {background:#f2b7a9;}

input:focus, textarea:focus {background:#f5dfda;}

 

input {

        border: 1px #908e85 dotted;

        background: #ffffff;

        color: #666666;

        margin-bottom: 15px;

        height:16px;

} 

input.submit, #sendbutton2 {

        border: 0;

        font-size:13px;

        cursor:pointer;

        float:right;

        clear:both;

        margin-right: 20px;

}

label.text {

        vertical-align:top;

}

#comment-form {

        padding:0;

        margin:25px 0;

        clear:both;

}

#fancy-archives-list {margin:15px 0;font-weight:bold; font-size:18px;}

#fancy-archives-list ul {margin-left:15px; font-weight:bold;}

#fancy-archives-list ul li {font-weight:bold;font-size:15px;}

#fancy-archives-list ul li li {font-weight:normal;font-size:12px}



.blogger-post-footer {display:none}



div.story {
	margin:0 0 60px 0;
	clear:both;
	}



#footer {
    display: block;
    clear: both;
       margin:5px 0 0 0;

}

#footer img {float:right; margin-left:15px;}

#footer p {

       font-size:11px;

       display:block;

       text-align: center;

}



div.flickrTag_container {

       width:auto;

       clear:none;

       float:left;

}



.reqtxt, .emailreqtxt {

       font-size:10px;

       vertical-align:top;

       margin-left:8px;

}

.cf-ol {padding:0;margin:0;}



.cf_hidden, .linklove {display:none}

#cforms2form {width:330px;}

/* image alignment in posts */

.alignright {
	float:right;
	padding:0 0 20px 20px;
	}
.alignleft {
	float:left;
	padding:0 20px 20px 0;
	}
.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.wp-caption-text {
	text-align:center;
	font-size:10px  !important;
	padding-top:10px;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 21, 2011 */

p.flickrTag_container {
    display:block;
    text-align: center;
}

@font-face {
    font-family: 'nevisBold';
    src: url('nevis-webfont.eot?') format('eot'),
         url('nevis-webfont.woff') format('woff'),
         url('nevis-webfont.ttf') format('truetype'),
         url('nevis-webfont.svg#webfont5gmRlokY') format('svg');
    font-weight: normal;
    font-style: normal;

}
