@charset utf-8;

/*

Theme Name: Whiteboard

Theme URI: http://whiteboardframework.com/

Author: Bold Perspective

Author URI: http://boldperspective.com/

Description: The Whiteboard Famework for Wordpress is built to speed up the process of developing a Wordpress theme. Whiteboard does so by eliminating the time spent on Wordpress' backend PHP by including what is common to all Wordpress powered Web sites with nothing extra.

Version: 3.1.3



 * Built on the Whiteboard Framework

 * http://whiteboardframework.com

 */



/*

 * The Whiteboard Framework is licensed under the GPL license.

 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.

 * We require a link in the CSS file and request a link on the website

*/



/*

List of divs in Whiteboard

Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc

*/



@font-face {

font-family: 'Sanuk';

src: url('fonts/Sanuk-Thin.otf') format('truetype');

}



@font-face {

font-family: 'Sanuk Thin';

src: url('fonts/Sanuk-Thin.otf') format('truetype');

}



@font-face {

font-family: 'Sanuk-Regular';

src: url('fonts/Sanuk-Regular.otf') format('truetype');

}



@font-face {

font-family: 'Din';

src: url('fonts/DIN-Light.otf') format('truetype');

}



img.alignright {float:right;

margin: 0px 0px 20px 20px;

}



.alignleft {float:left !important;

margin:0px 40px 20px 0px !important;

padding:0px !important;



}



a img{

border-top-width: 0pt;

border-right-width-value: 0pt;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0pt;

border-left-width-value: 0pt;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}





.alignleft img, img.alignleft {

margin-top: 1em;

margin-right: 1em;

margin-bottom: 1em;

margin-left: 0pt;

}



.wp-caption img {

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

border-top-width: 0pt;

border-right-width-value: 0pt;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0pt;

border-left-width-value: 0pt;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}





.wp-caption p.wp-caption-text {



line-height: 17px;

padding-top: 0pt;

padding-right: 4px;

padding-bottom: 5px;

padding-left: 4px;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

}



body.blog, body.single, body.archive

{

	background: #000;

	color: #616161;

	padding: 0px 0;

        font-family: Arial, Sans-Serif !important;

}

body {

	background: #000;

	color: #616161;

	padding: 0px 0;

        font-family: 'Sanuk Thin', Arial, Sans-Serif;

}







a {color: #722d31; text-decoration:none;}

a:hover {text-decoration:underline;}



#main {width:949px;

margin: 0 auto;

background:#fff;

}

#header {width:949px;

height:142px;

}



#header-stripes {

background: url(images/header1.jpg);

width:949px;

height:76px;

}



.container {

	background: #fff;

}

	#header .container {

		padding-top: 80px;

		padding-bottom: 40px;

      

	}

		

			#logo,

			#tagline {

				position: absolute;

				bottom: 0;

			}

			#logo {

				left: 0;

				font-size: 72px;

				line-height: 72px;

				letter-spacing: 0;

			}

			#tagline {

				font-size: 18px;

				right: 0;

				line-height: 36px;

			}

			#header-image.container {

				padding: 0;

			}

#header2 {

width:949px;

}

	#nav-primary {

		clear: both;

		width: 650px;

                float:left;

                 font-family: 'Sanuk', Arial, Sans-Serif;

		

	}

		#nav-primary ul,

		#nav-primary li {

			list-style: none;

                        float:left;

		}



#nav-primary ul {

margin-top:27px;

padding-left:30px;

text-transform:lowercase;

}

			#nav-primary a {

				float: left;

				display: block;

				padding: 0 10px;

				color: #ab9e9a;

                                text-decoration:none;

                                font-size:19px;

                                font-weight:600;

                                }



#nav-primary a:hover, #nav-primary .current_page_item a {

color: #722d31;

 text-decoration:none;

}







#title {

float:right;

padding-right:30px;

margin-top:22px;





}



	#widget-header {

		clear: both;

	}

	

	#content {

		border-top: 0px #ccc solid;

font-size:13px;

	}



#content-home {

		border-top: 0px #ccc solid;

                width:949px;

margin:0 auto;

font-size:13px;



	}



#content-full {

		border-top: 0px #ccc solid;

                width:800px;

                margin:0 auto;

                font-size:13px;

	}

		#widget-alert {

			background: #C6D8CD;

			border: 1px #5b816a solid;

			padding: 24px;

			margin-bottom: 24px;

		}

		.post-single {

			padding-bottom: 20px;

			margin-bottom: 20px;

			border-bottom: 0px #dedede solid;

		}

	#sidebar {

		border-top: 1px #ccc solid;

	}

		#sidebar .widget-area {

			padding-bottom: 20px;

			margin-bottom: 20px;

			border-bottom: 1px #dedede solid;

		}

			#siebar ul,

			#sidebar li {

				padding: 0;

				margin: 0;

				list-style: none;

			}

				#sidebar .children {

					padding-left: 10px;

				}

					#sidebar .children .children {

						padding-left: 10px;

					}

#footer {

width:949px;

margin: 10px auto 0px auto;

height:60px;

background: #fff;

border-top:1px #939393 dashed;

padding-bottom: 5px;





}

	#footer .container {

		padding:5px 0px;

		background: #fff;

		 font-family: 'Din', Arial, Sans-Serif;

		border-top: 0px #696969 solid;

                 font-size:9px;

                 color: #939393;

               

	}

		#footer-content {

			padding: 5px 30px;

		}

			#footer ul,

			#footer li {

				display: inline;

				list-style: none;

			}

				#footer li a {

					padding: 0 10px;

				}







/*	13-column layout

	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)

	---------------------------------------------------------------------------------------

	1     2      3      4      5      6      7      8      9      10     11     12     13

	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/



@media only screen and (min-width: 1212px) {

	

	.container {

		

	}

		#content {

			

		}

		#sidebar {

			

		}

	

}





/*	5-column layout

	60 px columns, 24 px gutters, 42 px margins, 480 px total

	---------------------------------------------------------

	1     2      3      4      5

	60px  144px  228px  312px  396px	*/



@media only screen and (max-width: 767px) and (min-width: 480px) {

	

	.container {

		

	}

		#logo,

		#tagline {

			position: relative;

			line-height: 30px;

		}

		#logo {

			font-size: 42px;

		}

		

		#content {

			float: none;

		}

		#sidebar {

			float: none;

			background: #eee;

			margin-left: -42px;

			margin-right: -42px;

			padding-left: 52px;

			padding-right: 52px;

			width: 376px;

			border-bottom: 1px #ccc solid;

		}

		#footer .container {

			padding-top: 0;

		}

			#footer-content {

				border: 0;

				padding: 10px;

			}

	

}





/*	3-column layout

	60 px columns, 24 px gutters, 46 px margins, 320 px total

	---------------------------------------------------------

	1     2      3

	60px  144px  228px	*/



@media only screen and (max-width: 479px) {



	#if-logged-in {

		height: 40px;

		line-height: 20px;

	}

		#if-logged-in .right {

			float: left;

			clear: left;

		}

	

	.container {

		

	}

		#logo,

		#tagline {

			position: relative;

			line-height: 30px;

		}

		#logo {

			font-size: 42px;

		}

		#tagline {

			font-size: 16px;

		}

		

		#content {

			float: none;

		}

		#sidebar {

			float: none;

			background: #eee;

			margin-left: -42px;

			margin-right: -42px;

			padding-left: 52px;

			padding-right: 52px;

			width: 212px;

			border-bottom: 1px #ccc solid;

		}

		#footer .container {

			padding-top: 0;

                       

		}

			#footer-content {

				border: 0;

				padding: 10px;

                               

			}



	

}



.ngg-galleryoverview {

margin-left:18px;

}



.post-meta1 {font-size:11px; color: #939393; text-transform:uppercase;}

.post-meta2 {font-size:11px; border:1px solid #ccc; color: #939393; padding:5px 5px; }

.post-meta2 a {color:#939393; text-decoration:underline;}

.post-meta2 a:hover {color:#939393; text-decoration:none;}





/* Always remember to compress your live stylesheet and keep an uncompressed backup */



#content {

	

}

	article {

		

	}

		.featured-thumbnail {

			

		}

		.post-content {

			

		}

			.pagination {

				

			}

	.post-meta {

		

	}

	.post-navigation {

		

	}



#comments {

	

}

	li.comment {

		

	}

		.odd {

			

		}

		.even {

			

		}

		.author-comment {

			

		}

		.comment-text {

			

		}

		.comment-meta {

			

		}

			p.gravatar {

				

			}

		.waiting-for-approval {

			

		}

	#trackbacks {

		

	}

		li.trackback {

			

		}

	p#no-comments {

		

	}

	#comments-form {

		

	}

		#respond {

			

		}

		.cancel-comment-reply {

			

		}



.page {

	

}

	#page-content {

		

	}

	#page-meta {

		

	}



.post {

	

}

	.postContent {

		

	}

	.post-excerpt {

		

	}



nav.oldernewer {

	

}

	.older {

		

	}

	.newer {

		

	}



.search {

	

}



.author {

	

}

#recent-author-posts {

	

}

#recent-author-comments {

	

}



#error404 {

	

}



#sidebar {

	

}

	#widget-sidebar {

		

	}

		#sidebar-search {

			

		}

		#sidebar-nav {

			

		}

		#sidebar-archives {

			

		}

		#sidebar-meta {

			

		}

		.widget {

			

		}



#footer {

	

}

	#widget-footer {

		

	}

	#footer-nav {

		

	}

	

.no-results {

	

}



.widget-area {

	

}



.hide { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */

	display: none;

}

.clear {

	clear: both;

}

.left {

	float: left;

}

.right {

	float: right;

}



/* Always remember to compress your live stylesheet and keep an uncompressed backup */



#ngg-slideshow-2-5-1 {float:left;

margin-left:178px;

}



.resumeleft {float:left;

margin: 0px 10px 0px 0px;

}



.resumerright {

float:left;

padding-top:7px;

}



ul.press {

margin-top: 0px;

}



li.press {width:200px;

float:left;

padding:0px 10px;

text-align:center;

height:225px;

list-style-type: none;

}



img.press {

border: 1px #ccc solid;

padding:4px;

width:150px;

}



img.socialmedia {

margin-right:20px;

width:30px;

}



img.mail {

margin-right:20px;

height:32px;

}



.ngg-gallery-thumbnail {

margin-bottom:10px;

}



#lightbox-caption-title {

font-size:20px;

font-weight:normal !important;

vertical-align:bottom !important;

}



#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {

text-decoration: none !important;

color: #999999;

}



input#author {margin-left:102px;}

input#url {margin-left:141px;}





.clearfix:after {

 content: ".";

 display: block;

 clear: both;

 height: 0;

 visibility: hidden;

}



.clearfix {

 display: inline-block;

}



/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */