/*
THEME NAME: Upstart Blogger Futurosity Magazine Theme
THEME URI: http://www.upstartblogger.com/wordpress-theme-upstart-blogger-futurosity-altera
DESCRIPTION: Magazine-style theme. For updates, please <a href="http://feeds.feedburner.com/UpstartBlogger">subscribe to Upstart Blogger</a>.
VERSION: 0.2
AUTHOR: Robert Ellis
AUTHOR URI: http://www.upstartblogger.com/
*/

#applesearch{float:right;margin-bottom:5;padding-bottom:5px;padding-right:160px;vertical-align:bottom;}
#comments{border-top:1px solid silver;margin-top:24px;width:565px;}
#comments-list,#trackbacks-list{clear:both;font-size:18px;}
#content{display:inline;float:left; margin:0;width:960px;}
#content li.list-time{font-size:9px;font-variant:small-caps;text-transform:uppercase;}
#content ul li{list-style-type:none;margin:0;padding:0;}
#content ul li.list-title {
        font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
        margin-left: 5px;
        margin-top: 4px;
        margin-bottom: 4px;
	text-align: left!important;
	letter-spacing: 0.2em;
}
#content ul li.list-title-kustom{font-family:Georgia, serif;font-size:12px;font-weight:700;line-height:14px;padding:0 0 2px;}
#footer{border-top:1px solid silver;clear:both;display:inline;float:left;font-size:10px;margin-top:20px;padding:10px 0 25px;width:945px;}
#footer a:link{color:#ffffff;} li a:visited{color:#ffffff;}
#footer a:hover{color: #ffffff;}
#header{height:160px;background: url(images/logo44.png) no-repeat;width:880px;position: relative; padding-top:25px;padding-left:230px;margin-left:-50;}
#header img{float:bottom;margin:0px;padding-left:30px;margin-bottom:0px;padding-bottom:0px;}

#nav-above{padding:24px 0;}
#nav-above .nav-next{clear:both;float:right;}
#nav-above h3{clear:both;font-size:16px;padding-top:25px;}
#nav-below h3{clear:both;font-size:16px;padding-top:15px;}
#nav-below,.comment-link,#respond{clear:both;}
#pages li{float:right;font-family:Georgia, Helvetica, Arial, sans-serif;font-size:10px;font-weight:700;list-style-type:none;padding-right:160px;text-transform:uppercase;}
#pages li a:link{color:#333333;} li a:visited{color:#333333;}
#pages li a:hover{color: #259212;}
#pages,#nav-above .nav-previous{float:right;}

*{margin:0;padding:0;}
* html .single .entry-content blockquote,*html .single .entry-content code{overflow:scroll;width:417px;}
.alignleft{float:left;margin:0 15px 10px 0;}
.alignright{float:right;margin:0 0 10px 15px;}
.author-desc{font-size:12px;font-style:italic;}
.author-links{font-size:11px;font-style:normal;}
.center{text-align:center;}
.clear{clear:both;margin-top:10px;padding-top:8px;}
.comment-meta,#trackbacks-list .comment-author{font:16px/24px Georgia, serif;padding-bottom:12px;width:417px;}
.entry-content{display:inline;font:14px/21px Georgia, serif;margin-right:15px;padding-top:15px;text-align:right;width:565px;}
.entry-meta{border-top:1px solid silver;display:inline;float:left;margin-top:24px;padding:12px 0;width:565px;}
.entry-title{color:silver;float:right;margin-top:0px;padding-top:25px;text-align:right;font-size:35px;margin-right:0;width:305px;}
.four04 #content .entry-content ul{padding-top:24px;}
.four04 #content .entry-content ul li{padding-bottom:24px;}
.four04 #content .entry-content ul li a{font-size:22px;padding-bottom: .2em;}
.futurosity{padding:12px 0;}
.home{font-size:12px;}
.home #content .recent-comments ul li{font:12px/18px Georgia, serif;width:305px;}
#content ul li.latest-excerpt{font:11px/12px Helvetica, Arial, sans-serif;list-style-type:none;margin:0;padding:0;width:145px;}
.home .entry-content,.home #nav-above,.home #categories{display:none;}
.home #index .entry-content{display: block;}
.home .recent-comments{border-top:1px solid silver;display:inline;float:left;margin:20px 15px 20px 0;padding:10px 0;width:305px;}
.home .sited{border-top:1px solid silver;display:inline;float:left;margin:20px 0;padding:0;width:625px;}
.home .sited a,.home #content .recent-comments ul li a{font-family:Helvetica, Arial, sans-serif;}
.home ul.sited {float:left; border: 0;margin:0; padding: 0;display: inline;width:305px;}
.home ul.sited li, .home ul.sited li p {display: inline;}
.home ul.sited li p a{font-family: Georgia, serif;}
.home .sited img {width: 299px; float: left; margin: 0 15px 10px 0;}
.latest-excerpt{padding-bottom:12px;padding-top:20px;}
.latest-excerpt p{line-height:14px;font-family: Helvetica, Arial, sans-serif;}
.left-col{border-top:1px solid silver;display:inline;float:left;margin-right:15px;text-align:right;width:205px;}
.nav-next{clear:both;float:left;padding-bottom:12px;}
.nav-previous{float:left;}
.navigation{font-family:Georgia, serif;}
.one-col{border-top:1px solid silver;display:inline;float:left;margin-right:20px;width:140px;}
.page #content li{font-size:14px;line-height:21px;}
.page #content ul{padding-bottom:20px;}
.page #content.links {width: 960px;border: 0;}
.page #content.links ul li.linkcat {float:left;display:inline;width:145px;margin-right: 15px; border-top:1px solid silver;}
.page #content.links li.linkcat ul li {font: 11px/14px Helvetica, Arial, sans-serif;padding-top:12px;line-height: 14px;}
.page #content.links li.linkcat li a{font: 12px/14px Georgia, serif;font-weight: 700;}
.page #content.links li.linkcat h2 {font: 18px Georgia, serif;font-weight:565;margin-bottom:-12px;}
.page .entry-content {display:inline;float:left;font:14px/18px Georgia, serif;margin:0 15px 20px 0;padding-top:12px;text-align:left;width: 100%;}
.page .left-col,.archive .left-col, #index .left-col{color:gray;text-align:right;}
.sidebar{border-top:1px solid silver;float:left;font:11px/15px Helvetica, Arial, sans-serif;width:145px;}
.sidebar h3{font-family:Georgia, serif;font-size:16px;margin-top:12px;padding-top:0;}
.sidebar li{list-style-type:none;}
.single #content ul.post-categories li{font:16px Georgia, serif;margin-bottom:-12px;padding-top:12px;text-align:right;width:305px;}
.single .author{font-size:18px;padding:12px 0 36px;}
.single .entry-content {border-top:1px solid silver;display:inline;float:left;font:14px/18px Georgia, serif;margin:0 15px 24px 0;padding-top:12px;text-align:left;width:665px;}
.single .entry-content blockquote p:first-child:first-letter{color:inherit;float:none;font-size:1em;text-transform:uppercase;line-height:18px;margin-right:0;}
.single .entry-content blockquote p:first-child:first-line{font-variant:normal;text-transform:lowercase;line-height:18px;}
.single .entry-content h3 {color: #444;margin-bottom: -.5em;font: 14px/21px Helvetica, Arial, sans-serif;}
.single .entry-content ol li,.single .entry-content ul li{list-style-position:inside;margin-left:1em;}
.single .entry-content p:first-child:first-letter,.page .entry-content p:first-child:first-letter,.four04 .entry-content p:first-child:first-letter{color:silver;display:inline;float:left;font-size:78px;line-height:68px;margin-right:10px;}
.single .entry-content p:first-child:first-line,.page .entry-content p:first-child:first-line,.four04 
.six-col{border-top:1px solid silver;display:inline;float:left;margin-right:20px;width:700;}
.entry-content p:first-child:first-line{font-variant:small-caps;text-transform:uppercase;}
.single .entry-title,.author .entry-title{color:gray;line-height:1em;margin-top:25;padding-top:25;width: 100%;}
.single .excerpt{color:silver;font-size:20px;margin-top:20;line-height: 24px;}
.single .post,.archive .post,.page .post{display:inline;float:left;margin-right:15px;width:565px;}
.single blockquote{background:#f3f3f3 url('images/quotes.gif') no-repeat top right;background-position:95% -12px;margin:0 0 24px;padding:12px 24px;}
.skip-link{margin-left:-99999px;line-height:0.1em}
.three-col{border-top:1px solid silver;float:left;width:620px;}
.two-col{border-top:1px solid silver;display:inline;float:left;margin-right:15px;width:305px;}
.timeline{border-top:1px solid silver;clear:both;padding:12px 0;width:945px;}
a:link,a:visited{color:#333333;text-decoration:none;}
a:hover{color: #259212;}
acronym,abbr{border-bottom:1px dotted;cursor:help;}
blockquote{font:14px/21px Georgia, serif;padding:12px;}
body{background:#fff;color:#444;font:12px/18px Georgia, serif;margin:auto;width:960px;}
code,pre{overflow:auto;padding:4px;}

h1#blog-title a{display:inline;font-size:30px;padding:0;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:400;padding:8px 0 11px;}
h4{font-size:18px;text-align: center;
        font-weight: normal;}
h4.latest{border-top:1px solid silver;font-weight:400;}
h4.page-title{color:gray;display:inline;float:left;font-size:30px;line-height:1em;padding:25px 15px 20px 0;width:305px;}
h4.entry-title{color:gray;display:inline;float:left;padding-top:20;margin-top:20;font-size:30px;line-height:1em;width:305px;}
h4.translate{margin-bottom:-17px;}
h3{font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
        margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;
}
h2{font-family: "Lucida Grande", Tahoma;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
	text-align: left;
	letter-spacing: 0.1em;
}
img{border:1px solid silver;padding:2px;}
img.post-image{border:1px solid silver;margin:0 0 5px;padding:2px;width:134px;}
label{cursor:pointer;}
li#categories ul li{border-bottom:1px solid silver;display:inline;float:right;font-size:18px;margin-right:15px;width:145px;}
li.comment,#trackbacks-list ol li{background-color:#fbfbfb;font:12px/18px Helvetica, Arial, sans-serif;list-style-type:none;margin:12px 0;padding:24px;width:417px;}
li.comment.alt,#trackbacks-list ol li.alt{background-color:#f3f3f3;border:none;}
li.comment.bypostauthor{background:#eff6ff;}
p{padding:0 0 14px;}
small{font-size:0.85em;}
strong{font-weight:700;}
sub{bottom:-0.2em;position:relative;vertical-align:baseline;}
sup{bottom:0.3em;position:relative;vertical-align:baseline;}
ul#archives-page li h3{margin-top:0;padding-top:0;}
ul.etc li{display:inline;list-style-type:none;padding-right:10px;}
ul.latest{float:left;padding-right:15px;width:145px;}
ul.post-categories li a,#comments h3{font-size:16px;}


//jquery slider//

#swrapper {
    width: 660px;
    margin: 0;
    
    
}

#intro {
    padding-bottom: 10px;
    
}


#slider {
    width: 580px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 260px;
    width: 580px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
    border-left:1px solid silver;
    border-right:1px solid silver;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 540px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    width:580px;
    height: 50px;
    border-bottom:1px solid silver;
    border-right:1px solid silver;
    border-left:1px solid silver;
}

ul.navigation {
    list-style: none;
    border-top:1px solid silver;
    border-left:1px solid silver;
    border-right:1px solid silver;
    
font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
        margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;




padding: 0;
    padding-bottom: 5px;
    padding-top: 5px
    margin-left: auto;
    margin-right: auto;
    border-bottom:1px solid silver;
    width: 580px;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: clear;
}

ul.navigation a.selected {
    background-color: clear
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    border:0px;
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -31px;
}

.hide {
    display: none;
}


//contact form//

.contactcontainer {
	width:960px; 
	margin:0px auto; 
	position:relative;
	z-index:12;
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:368px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(../images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(../images/contact_me.png); 
	position:absolute; 
	left:368px; bottom:-44px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(../images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}