/*
Theme Name: PortBlog001
Theme URI: http://www.timscheman.com
Description: Portfolio/Blog theme for WordPress.
Author: Tim Scheman
Author URI: http://www.timscheman.com
Tags: two-columns, fixed-width, blog, portfolio
Version: 0.1

PortBlog001
http://www.timscheman.com/


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/



/*////////// GENERAL //////////*/




* { padding:0; margin:0; outline:0; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 16, 2010 */


@font-face {
	font-family: 'MuseoSans500Regular';
	src: url('http://timscheman.com/type/museosans_500-webfont.eot');
	src: local('Museo Sans 500'),
	local('☺'),
	url('http://timscheman.com/type/museosans_500-webfont.woff') format('woff'),
	url('http://timscheman.com/type/museosans_500-webfont.ttf') format('truetype'),
	url('http://timscheman.com/type/museosans_500-webfont.svg#webfontTXkUDKwE') format('svg');
	font-weight: normal;
	font-style: normal;
}


body  {
      margin: 0px;
      background-image: url(images/background2.jpg);
      background-attachment: fixed;
}

#wrapper {
        width:960px;
	margin:0 auto;



}

#bg {
	min-height:900px;
	position:relative;
	width:100%;

}

a img  { border:0;}

.cl {
        font-size:0;
	line-height:0;
	height:0;
	display:block;
	clear:both;
}




a {     font-family: 'MuseoSans500Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3399cc;
	text-decoration: none;
	cursor:pointer;
}
a:hover{ color:#00aaff;}

h1 {	font-family: 'MuseoSans500Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #005d88;
        font-weight: 200;
	font-size: 30px;
	line-height: 30px;
        text-shadow: 1px 1px 1px rgba(0,102,102,.1);
}
h2 {	font-family: 'MuseoSans500Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #0e98cc;
        font-weight: 200;
	font-size: 25px;
	line-height: 30px;
        text-shadow: 1px 1px 1px rgba(0,102,102,.1);
}

h3{	font-family: 'MuseoSans500Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3399cc;
	font-weight: 200;
	font-size: 18px;
	line-height: 20px;
	margin: 25px 0 5px 0;

}
h4{	font-family: 'MuseoSans500Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3399cc;
	font-weight: 200;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 5px 0;
 	text-shadow: 0px 1px 0px #ccc;

}
p{	font-family: 'MuseoSans500Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	font-size:15px;
	line-height:20px;
	font-weight: 500;
        color:#999;
	margin-bottom: 10px;
}
p.home{

	font-size:15px;
	line-height:20px;
	font-weight: 500;
        color:#999;
}
p.form{

	font-size:14px;
	line-height:18px;
	font-weight: 500;
        color:#3d7076;

}
.jobtitle{
	text-align: left;
	font-size: 17px;
	line-height: 18px;
	color: #666;
}
.jobdate{
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #3399cc;
}






/* //// Header //// */
#header{
	height:250px;
	position:relative;
        -webkit-box-shadow: 0 3px 10px rgba(0,102,153,.7);
	-moz-box-shadow: 0 3px 10px rgba(0,102,153,.7);
	box-shadow: 0 10px 3px rgba(0,102,153,.7);
}
#header p, #header h1, #header h2/**/ { 
   display: none;
}
#headerimg{
	height:250px;
	width: 100%;
   	background: url("images/head_background.jpg") no-repeat;

}



/* //// Main Navigation //// */
#navigation {
	margin-top: -40px;
	font-family: 'MuseoSans500Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 25px;
 	text-align: right;
	text-shadow: 0px -1px 0px #374683;
	color: #333366;
}
#navigation ul{}
#navigation li{ }
#navigation a { color:#2f9ed8; text-decoration: none; padding-right: 20px;}
#navigation a.active{ color: #fff;}
#navigation a:hover{ color: #39b7f9;}






/*////////// GENERAL ARCHITECTURE//////////*/

.box {
		
	margin-bottom:0;
	position:relative;
	width:100%;
	border-radius:15px;


}

.box-a {
	
        margin-top:300px;	
	position:relative;
	width:100%;

}
.box-c {
        background-color: #fff;
        width:100%;
	-webkit-box-shadow: 0 3px 10px rgba(0,102,153,.8);
	-moz-box-shadow: 0 3px 10px rgba(0,102,153,.8);
	box-shadow: 0 10px 3px rgba(0,102,153,.8);
}

.box-d {
	background-color: #fff;
        width:100%;
	-webkit-box-shadow: 0 3px 10px rgba(0,102,153,.8);
	-moz-box-shadow: 0 3px 10px rgba(0,102,153,.8);
	box-shadow: 0 10px 3px rgba(0,102,153,.8);
}

.box-cnt {padding: 35px 10px;}
.box-cnt2 {padding: 35px 50px 0 50px;}


.side-left { float:left; width:550px; margin-top: 6px;}
.side-right { float:right; width:280px;  margin-top: 60px; padding: 0 0 25px 15px; border-left: 1px dotted #ccc; }
.side-eq{ float:left; display:inline; width:450px; }
.side-center{ margin:0 5px; }

.more { padding-top:10px; }
.more a{ color:#ccc; text-decoration: none; padding-left:20px; }
.more a span{ border-bottom:solid 1px #3399cc; margin-right:10px;}
.more a:hover { color:#3399cc; }
.more a:hover span{}


/*////////// POSTS //////////*/
.post {margin: 50px 0 0 5px;}
.post h2 a{ color: #005d88; text-decoration: none;}
.post h2 a:hover{ color:#3399cc;}
.entry {overflow: hidden}
.post .entry p{ padding-top:15px; }
.post .postmeta { padding-top:15px; }
.post .entry ul,
.post .entry ol {margin-top:2px;}
.post .entry li { padding-bottom:3px;}
.post .entry blockquote { padding-left:45px;}


.post2 {margin: 50px 0 0 5px;}
.post2 h2 a{ color:#666; text-decoration: none;}
.post2 h2 a:hover{ color:#3399cc;}
.entry2 {overflow: hidden}
.post2 .entry p{ padding-top:15px; }
.post2 .postmeta { padding-top:15px; }
.post2 .entry ul,
.post2 .entry ol {margin-top:2px;}
.post2 .entry li { padding-bottom:3px;}
.post2 .entry blockquote { padding-left:45px;}

small {color: #3399cc; font-size:12px; display:block; line-height:15px;}


















.two-columns { background:url(images/dash2.png) repeat-y 640px 0}
.three-columns { background:url(images/dash-three.png) repeat-y 323px 0;}

.posts { padding-top:2px; }<!-- padding at the top of the content -->
.hidden { display:none;}

#sidebar {margin-left 30px;}
#sidebar p  { color:#666;}
#sidebar h2  { padding-left:30px;}
#sidebar ul { list-style-type: none;}
#sidebar ul li{ padding-bottom:30px; padding-top: 10px; }
#sidebar ul li ul{ padding-left:30px; font-size:14px; }
#sidebar ul li ul ul{ padding-left:30px; font-size:14px; }
#sidebar ul li a {font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#666; text-decoration: none; border-bottom:solid 1px #3399cc;font-size:14px;line-height:10px;}
#sidebar ul li a:hover {color:#3399cc; }
#sidebar ul li li{ padding-bottom:2px;  }

.posts .post { padding-bottom:31px; margin-bottom:30px; border-bottom:dashed 1px #333366; }





.nav {height: 10px; font-size: 13px; }
.alignleft { float:left; margin-bottom: 25px; }
.alignright { float:right; }

.single { padding: 0 50px 25px 50px; }
.port {}
.gallery { padding-bottom: 25px; }




#respond { padding-top:31px; margin-top:5px; border-top:dashed 1px #003366; }
#respond p { padding-bottom:10px; }
#respond small { display:inline; }
#respond input, #respond textarea{ border:solid 1px #003366; color:#003366; }
#respond input { width:200px;}
#respond input#submit { cursor:pointer;}
#respond textarea { width:600px; height:170px; }
#respond h3, h3#comments {color:#fff;padding-bottom:15px;}

ol.commentlist {list-style-type: none;}
ol.commentlist li{padding-bottom:35px; }
ol.commentlist li ul.children {list-style-type: none;margin-left: 15px;padding-left: 15px;margin-top: 15px;}
ol.commentlist li ul.children li {padding-bottom: 0; font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
ol.commentlist li p{ padding-top:10px; }
ol.commentlist .commentmetadata{ font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; font-size:11px;}
ol.commentlist .says{ font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; font-size:15px; font-style: italic;}

.nobrd { border:0 !important;}

/* ///// Contact Form //// */
#contact {margin-top: 20px;}
#wpcf label {clear: both; display: block; float: left; width: 200px;}
#wpcf input {float: left; width: 250px; margin: 3px 6px 3px 1px; border:solid 1px #003366; color:#003366; }
#wpcf textarea {width: 400px; height:100px; margin: 1px 6px 11px 1px; border:solid 1px #003366; color:#003366; }
#wpcf #contactsubmit {margin-left: 200px;width: 250px;}



/*////////// PORTFOLIO FORMATTING //////////*/
#port{width:850px; margin: 0 45px;}




.gallery {margin: 0 2px;}
.gallery ul {list-style-type: none;}
.gallery li{ display:inline;}
.gallery a{}
.gallery a:hover{}

.gallery2 {}
.gallery2 img {margin: 0 10px;}
.gallery2 ul {list-style-type: none;}
.gallery2 li{ display:inline; float: left; margin: 0 10px;}
.gallery2 a{font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#3399cc; text-decoration: none; font-size:15px; line-height: 375px;}
.gallery2 a:hover{color:#666;}

.screen-reader-text { display:none;}



 

/*////////// CLIENT LIST //////////*/

#client {margin-left 30px;}
#client p  { color:#666;}
#client h3  {line-height:5px;}
#client span { color: #999; font-size:14px; line-height:5px;}
#client ul { list-style-type: none;}
#client ul li{ padding-bottom:30px; padding-top: 10px; }
#client ul li ul{ padding-left:30px; font-size:14px; }
#client ul li ul ul{ padding-left:30px; font-size:14px; }
#client ul li a {color:#666; text-decoration: none; border-bottom:solid 1px #3399cc;font-size:14px;line-height:10px;}
#client ul li a:hover {color:#3399cc; }
#client ul li li{ padding-bottom:2px;  }






/*////////// FOOTER //////////*/
#footer {
        margin: 0 0 100px 0;
	padding-top: 10px;
	background: url("images/footer_background.jpg");
        width:100%;
	height:225px;
        -webkit-box-shadow: 0 3px 10px rgba(0,102,153,.9);
	-moz-box-shadow: 0 3px 10px rgba(0,102,153,.9);
	box-shadow: 0 10px 3px rgba(0,102,153,.9);
border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
border-top: 1px solid #b0dbf7;

}

#footer-content {width: 950px; margin: 5px auto;}
#footer-content p {font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #99b8cf; }
#footer-content ul { list-style-type: none;}
#footer-content ul li {display: inline; padding-right: 15px; }
#footer-content a {font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color:#99b8cf; text-decoration:none; line-height:15px;}
#footer-content a:hover { color:#2c81ab; }

#footer-containerL {float:  left; margin: 10px 0 0 50px; width: 530px;}
#footer-containerL_01 {float:  left; margin: 0 5px 0 0; width: 254px;}
#footer-containerL_02 {float:  right; margin: 0 0 0 5px; width: 254px;}
#footer-containerR {float: right; margin: 10px 50px 0 20px; width: 290px;}