/*
Theme Name: SC October 2009 Redesign
Theme URI: http://www.studiocypher.com/
Description: Temporary
Author: Ian Pottmeyer
Author URI: http://www.studiocypher.com/
Tags: none

 * PT Sans Bold font provided by:
 *
 * Vendor:     Paratype
 * Url:        http://fonts.ru
 * License:    http://www.fontsquirrel.com/license/PT-Sans
 * 
 */

@font-face {
	font-family: 'PTSansBold';
	src: url('fonts/PT_Sans_Bold.eot');
	src: local('PT Sans Bold'), local('PTSans-Bold'), url('fonts/PT_Sans_Bold.ttf') format('truetype');
}

* { padding:0; margin:0; outline:0; }
body {
	background:#004f83 url(images/top.jpg) repeat-x center top;
	font-family: "Trebuchet MS", Trebuchet, sans-serif;
	font-size:16px;
	line-height:28px;
	color:#fff;
	text-align: justify;
}

input[type="submit"]{ padding: 4px; }

h1, h2, h3, h4, h5, h6{font-family:'PTSansBold',"Trebuchet MS", Trebuchet, sans-serif;}

a img { border:0; }

p{ margin-bottom: 28px; }

blockquote.pullright{ float: right; padding: 14px 0 14px 28px; }
blockquote.pullleft{ float: left; padding: 14px 28px 14px 0; }
blockquote.pullright, blockquote.pullleft{width: 343px; font: italic 20px/28px Georgia, Times, "Times New Roman", serif;}
blockquote p{ margin: 0; padding: 0 0 14px 0; }
blockquote cite{font: 12px Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-style: normal; text-transform: uppercase; float: right;}

.alignleft { float:left; display:block; margin: 0 15px 0 0;}
.alignright { float:right; display:block; margin: 0 0 0 15px;}

a { color:#fff; text-decoration: underline;}
a:hover { text-decoration: none; }

h2{ font-size:67px; line-height:84px; text-transform: uppercase;}
h3{ font-size: 24px; line-height: 56px; text-transform: uppercase; letter-spacing: 1px;}
h4{ font-size: 18px; line-height: 28px; text-transform: none; font-weight: bold;}

li>ul, li>ol{margin-left: 1em;}

header { height:365px; width:900px; margin: 0 auto; position:relative; display: block;}

#logo {position: absolute; top: 70px; left: -15px; z-index: 10;}
.site-info { position: absolute; top: 180px; left: 4px; z-index: 11; color:#468bb6; font-size:14px; text-transform: uppercase; font-weight: bold; letter-spacing: 3px;}

#nav{
	position: absolute;
	top:0; left: 140px; 
	font-size: 14px; 
	list-style-type: none; 
}
#nav li{ float: left; border-right: solid #018ad8 1px;}
/*#nav li.lastnav*/ .page-item-12{border-right: none !important;}
#nav a:link, #nav a:visited{ background: rgb(109, 188, 232); background: rgba(29, 143, 213, 0.5); display: block; color: #eee; padding: 5px 0.75em; text-transform: uppercase; font-weight: bold; text-decoration: none;}
#nav a:hover{ display: block; color: #eee; padding: 5px 0.75em; text-transform: uppercase; font-weight: bold; text-decoration: none; background: rgb(5,136,198);}
#nav li:first-child a{-moz-border-radius-bottomleft:15px;-webkit-border-bottom-left-radius:15px; border-bottom-left-radius: 15px;}
/*.lastnav a*/ .page-item-12 a{-moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; border-bottom-right-radius: 15px; color: #ddd;}
li.current_page_item a{ background: rgb(5,136,198) !important; }

.island { position:absolute; background-image:url(images/interiorisland2.jpg); width:658px; height:144px; top:155px; left:136px;}
.turtle { position:absolute; z-index: -1; background-image:url(images/animal2.png); width:201px; height:119px; right: 78%; top:341px; }
.turtle img{ position: absolute; top:-45px; left: 108px; }
.blimp { position: absolute; background-image:url(images/dirblank.png); width:118px; height:53px; top:32px; left:727px;}
#globe{ position:absolute; z-index:9; top: 40px; right: -50px; height: 300px; width: 833px; overflow: hidden;}
.bubbles {position:absolute; z-index:-2; width: 150px; height: 300px; top:100px; left: -150px;}

#container{ position: relative; width:800px; min-height: 885px; height: auto !important; height: 885px; margin: 0 auto;}

#content{width:550px; margin-right: 30px; float: left;}
#content h2{font-size: 30px; line-height: 36px;}
#content h2 a:link{text-decoration: none;}
#content h2 a:hover{text-decoration: underline;}
#content h2#big { font-size:67px; line-height:84px;}

#sidebar{width: 220px; float: left; list-style-type: none; font-size: 14px;}
#sidebar h2{font-size: 20px; line-height: 28px;}
#sidebar ul{list-style-type: none;}
#sidebar > li{margin-bottom: 28px;}
#sidebar > li:first-child{margin-top: 28px;}
#sidebar form{height:28px;}

.article .postMeta p{letter-spacing: 0.05em; margin: 0 0 7px 0; padding: 0 0 7px 0;text-transform: uppercase; font-size: 12px; line-height: 14px; border-bottom: 1px dotted white;}

#frontPageBlurb{ width: 374px; margin-right: 50px; float: left;}
#servicesList{ list-style-type:none; clear: both; padding: 10px 0 0 0;}
#servicesList a:link, #servicesList a:visited{ display: block; float: left; width: 180px; margin-right: 26px; background: url(images/button.png); color: #004878; font-weight: bold;text-align: center; font-size: 19px; line-height: 45px; text-decoration: none;}
#servicesList a:hover{ color: #0185d0; }
.slideshowCaption{ position: relative; float: right; bottom: 38px; padding: 0 5px; background: rgb(33,33,33); background: rgba(0,0,0,0.7); font-size: 12px; color: #eee;}

.scbio img{ padding:6px; border: double 4px #ddd; }

.serviceBox, .portfolioClient{ width: 375px; float: left; margin: 0 50px 28px 0; }
#servicesContactBox{ font-size: 20px; }
/*.portfolioClient{width: 354px; float: left; padding: 0 15px 28px; margin: 0 15px 18px 0; background: rgb(45, 175, 236); background: rgba(0, 140, 215, 0.7);border: 4px solid rgb(224, 242, 252); border: 4px solid rgba(224, 242, 252, 0.7); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}*/

#liveGames{ list-style-type: none; }
.portfolioGame{ clear: both; padding: 0 0 28px; width: 800px;}
.portfolioGameDesc, .patBadaniDesc{margin: 0 0 0 185px; padding: 0 15px 1px; }
.portfolioGameImg, .patBadaniImg{ float: left; margin-top: 65px;}
.portfolioGameTitle, .patBadaniTitle{ margin: 0 0 0 200px; }

#the-field-museum #container{ width: 850px; }
.ancientAmericasVideo{ width: 400px; float: left; margin-right: 50px; }

.contactItem{width: 253px; min-height: 224px; float: left; margin-right: 20px;}
#contactEmail ul li{ margin-bottom: 28px; }
#contactMeebo{ float: right; }


#footer{ width:100%; height: 158px; padding-top: 660px; background:url(images/bottom.jpg) repeat-x bottom; text-align: center;  clear: both;}
#footerQuip{ width: 400px; margin: 0 auto 28px; }
#footerQuip a:link, #footerQuip a:visited{text-decoration: none; font-style: italic;}
#footerQuip a:hover{text-decoration: underline;}

.addthis_toolbox{line-height:16px;}

.last{ margin-right: 0 !important; }
.clear{clear:both;}