@charset "utf-8";
/* CSS Document */

/* Original blue #022e83 */

body {
	margin: 0;
	padding: 0;
	background-color: #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

object {
	outline: none;
}

floatRight {
	float: right;
}

a {
	outline: none;
	color: #5283e1;
	text-decoration: none;
}

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

#page {
	width: 960px;
	margin: 0 auto;
	background-image: url(../images/page-bg.png);
	background-repeat: repeat-y;
	overflow: hidden;
	background-color: #333;
	/* persistant header 
	padding: 40px 0 0 0; */
}

#masthead {
	width: 100%;
	margin: 0 auto;
	height: 40px;
	background-color: #022e83;
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	/* persistant header mark up  below 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:2000; */
}

#masthead .logo {
	background-image: url(../images/logo-foochuck.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 181px;
	display: block;
	text-indent: -9999em;
	float: left;
}

#masthead a:hover.logo {
	background-position: 0 -40px;
}

#masthead .tagline {
	background-image: url(../images/masthead-tagline.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 313px;
	text-indent: -9999em;
	float: left;
}

#masthead .navbar {
	/* width: 324px; with photos btn*/
	/* width: 270px; with facebook btn */
	/* width: 200px; */
	float: left;
	padding: 0 20px 0 20px;
}

#masthead .share {
/* 	float: right;
	padding: 18px 20px 0 0; */
	position: absolute;
	top: 18px;
	right: 20px;
}

#content {
	width: 640px;
	float: left;
}

/* featured */

#featuredOneCol {
	width: 640px;
	/* height: 360px; */
}

#featuredOneCol .home {
	width: 640px;
	height: 360px;
/*	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000; */
}

#featuredOneCol #video {
	height: 360px;
/*	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000; */
}

#featuredOneCol h1 {
	font-family: frutiger, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	padding: 9px 0 6px 5px;
	height: 17px;
	color: #5283e1;
}

#featuredOneCol p {
	padding: 10px;
	font-size: 1.2em;
}

#featuredOneCol ul {
	margin: 0 20px;
	padding: 10px;
	list-style: disc;
}

#featuredTwoCol {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	width: 640px;
	clear: both;
}

#featuredTwoCol img {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.box h1 {
	font-size: 1.6em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 9px 0 6px 5px;
}

.box h2 {
	font-size: 1em;
	font-style: italic;
	padding: 0 10px 6px 5px;
	margin: 4px 10px;
}

.box a h2 {
	color: #fff;
}

#featuredTwoCol .box {
	float: left;
	width: 320px;
	display: block;
}

/* carousel */

.carouselWrapper {
	width: 640px;
	height: 75px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.carousel {
	width: 500px;
	height: 75px;
	float: left;
}

.carousel li {
	width: 100px;
	height: 75px;
}

.carousel li img {
	border: 0;
}

a.prev, a.next {
	float: left;
	display: block;
	width: 70px;
	height: 75px;
	z-index: 10;
	background-image: url(../images/carousel-btn-prev.png);
	background-repeat: no-repeat;
}

a.next {
	left: 570px;
	background-image: url(../images/carousel-btn-next.png);	
}

a.prev:hover, a.next:hover {
	background-position: left bottom;
} 

/* sidebar */

#sidebar {
	width: 296px;
	float: left;
	padding: 12px 12px 0 12px;
	color: #022e83;
}

#sidebar .bg1, #sidebar .bg2, #sidebar .bg3, #sidebar .bg4 {
	/*border: 1px dashed #022e83;*/
	height: 74px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999em;
}

#sidebar .bg1 {
	background-image: url(../images/sidebar-img.jpg);
	margin: 0 0 4px 0;
	background-position: 0px 0px;
}

#sidebar a:hover.bg1 {
	background-position: 0px -296px;
}

#sidebar .bg2 {
	background-image: url(../images/sidebar-img.jpg);
	margin: 4px 0;
	background-position: 0px -74px;
}

#sidebar a:hover.bg2 {
	background-position: 0px -370px;
}

#sidebar .bg3 {
	background-image: url(../images/sidebar-img.jpg);
	margin: 4px 0;
	background-position: 0px -148px;
}

#sidebar a:hover.bg3 {
	background-position: 0px -444px;
}

#sidebar .bg4 {
	background-image: url(../images/sidebar-img.jpg);
	margin: 4px 0;
	background-position: 0px -220px;
}

#sidebar a:hover.bg4 {
	background-position: 0px -516px;
}

#sidebar .blogEntries {
	margin: 0;
	padding: 8px 0 10px;
	list-style-type: none;
	font-size: 0.9em;
	overflow: auto;
}

#sidebar .blogEntries li {
	padding: 0;
	border-bottom: 1px solid #022e83;
}

#sidebar .blogEntries a {
	display: block;
	text-decoration: none;
/*	background-color: #ececec; */
/*	background-color: #636363; */
	color: #fff;
	padding: 2px;
}

#sidebar .blogEntries a:hover {
	background-color: #022e83;
	color: #fff;
}

#sidebar h1 {
	font-family: frutiger, "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 1.5em;
}

/* Wedding Videos */

#weddingVideo {
	width: 480px;
	margin: 0 auto;
	padding: 10px 0;
}

#facebookwedding {
	padding: 10px 0 20px;
}

#facebookwedding h1 {
	padding: 0 0 10px 0;
}

#page #sidebar .weddingsocial {
	margin: 0;
	list-style-type: none;
	padding: 10px 0;
	overflow: auto;
}

#page #sidebar .weddingsocial li {
	float: left;
	margin: 0;
	padding: 0;
}


/* Twitter */

.twitted {
	width: 296px;
	padding: 8px 0;
	color: #fff;
}

.twitted a {
	text-decoration: underline;
	color: #e87417;
}

.twitted a:hover {
	color: #022e83;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #022e83;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #e87417;
}

.twitted ul#twitter_update_list li span a:hover {
	/* links in tweet content */
	color: #022e83;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #e87417;
}

.twitted ul#twitter_update_list li a:hover {
	/* timestamp link */
	color: #022e83;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #022e83;
}

/* Pixelpost */

#image-navigate {
	padding:20px;
	height:15px;
	width:70%;
	margin:0px auto;
	}
	
#image-navigate a {
	padding:10px;
	}

.image-previous {
    float:left;
	}

.image-next {
	float:right;
	}

/* Footer */

#footer {
	background-color: #022e83;
	clear: both;
	padding: 10px 10px 10px 0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
}

#footer p {
	text-align: center;
	font-size: .9em;
	color: #fff;
}

#footer a {
	color: #fff;
}

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

/* vimeo badge */

.vimeoBadge { margin: 0; padding: 8px 0; font: normal 11px verdana,sans-serif; width: 296px; height: 210px; overflow: hidden; }
.vimeoBadge img { border: 0; }
.vimeoBadge .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color:#3A75C4; text-decoration:none; cursor:pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 16px 10px 0; width:80px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:80px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; }

/* Blog Styles */

/*  
Theme Name: foochuck
Theme URI: http://www.foochuck.com/blog/
Description: A custom blog design to match the look of foochuck.com
Version: 1.0
Author: foochuck
Author URI: http://www.foochuck.com/

Theme last updated: Nov 13, 2007
*/

/***** Images *****/
.post img {border: 2px solid;}
.post .wp-caption-text {font-size: 0.9em; text-align: center;}
.alignright {float:right; margin:1em 0 1em 1em}
.alignleft {float:left; margin:1em 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* .alignright {float: right; padding: 10px 0 10px 20px;}
.alignleft {float: left; padding: 10px 20px 10px 0;} */

/***** General stuff *****/
body {font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;color : #fff;margin : 0;padding : 0;background:#999;}

/* h1 {margin: 0px 0px 10px 0px;padding-bottom : 1px;font : normal 1.65em Georgia, serif;} */
h2 {margin : 20px 0 10px;padding : 0 0 10px 20px;font : normal 1.65em;}

h3 {color : #5283e1;margin : 10px 0;padding-bottom : 10px;font : bold 1em Arial, Helvetica, sans-serif;}
ul {padding:0;margin:0 0 0 0;list-style: square;}
blockquote {border-left:1px solid #EAEAEA;padding-left: 10px;}

/*** Layout ****/

form p { padding: 6px 4px;}

a .blogHdr {font-family: frutiger, "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.8em;padding: 9px 0 6px 5px;}

/* .post {clear: both; overflow: auto; background: #333; margin: 10px 10px 10px 10px; padding: 0px 10px 10px 10px; border: 1px solid #000;} v1 */
.post {clear: both; overflow: auto; background: #333; margin: 0 0 10px 0; padding: 0 10px 10px 10px; border: 0;}

.post p {padding: .6em; font-size:1em;}
.post h2 { font-size: 1.6em; padding: 0px 0 6px 5px;}
.post h1 { font-size: 1.6em; padding: 6px 0 6px 5px;}
.post a {color: #5283e1; text-decoration: none;}
.post a:hover {color:#fff; text-decoration: underline;}

#wrap {margin : 0 auto;width : 960px;background:white;border-left:1px solid #999;border-right:1px solid #999}

#header {background:transparent url(images/header.png) repeat-x; padding:10px 20px 10px 20px;border-left:1px solid #FFF;border-right:1px solid #FFF;}

#navigation {text-align:right;height:50px;padding:5px 10px 10px 10px;}
#navigation ul {list-style-type:none;padding:0;margin:0;display: inline;}
#navigation li {list-style-type:none;margin:0 20px 0 0;display: inline;}
#navigation a {text-decoration:none;color:white;font-size:1em;}
#navigation a:hover {text-decoration:none;color:white;font-size:1em;border-bottom:1px solid #FFF}


#logo {color:#000;padding-left:10px;}
#logo img {float:left;padding-right:15px;}
#logo a {color:#000;text-decoration:none;font: normal 2.4em Georgia, serif;}
#slogan {font-size:.9em;color:#a1a1a1;}

#main {margin : 0 auto;padding:10px 0px 0px 0px;}

#left-column {width : 640px;float : left;padding-left:0px;}
#left-column ul {padding:0;margin:0 0 0 30px;}
#left-column ol {padding:0;margin:0 0 0 30px;}

.postmeta {padding:3px 5px; color: #5283e1; clear: both;}

#right-column {width : 296px;float : right;min-height: 600px; padding: 12px 12px 0 12px;}

.footnav {padding: 0 20px;}
#wpfooter {background:#FFF url(images/footer.png) repeat-x top center;padding : 50px 40px 5px 40px;clear : both;color:#666;font-size:.8em;}

/*** Comments ***/
#commentform {padding:20px;background-color:#333;border-top: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000;}
/* #postcomment {padding-left:0px} */
#comment {width:85%;}
ol h3  {border:none;padding-bottom:0;}
#commentlist li {padding:5px 10px;color:#fff;font-size:1em;margin: 10px 30px 10px;background-color:#333;border: 1px solid #000;}
#commentlist p {padding: 6px;}
#commentlist li.alt {background-color:#222;}
.commentmeta {font-size:.9em;color:#5283e1;}

/*** Sidebar ***/

#sidebar ul {list-style-type:none;}
#sidebar ul li ul li {list-style-type:none;padding: 0;border-bottom: 1px solid #022e83;}
#sidebar ul li ul li a {display: block; text-decoration: none; color: #fff; padding: 2px;}
#sidebar ul li ul li a:hover {background-color: #022e83; color: #fff;}
#sidebar h2 {padding: 0; margin-bottom: 6px;}
/*#sidebar h2 {color:#000;background:#f9f9f9 url(images/h2.png) repeat-x top left;padding:3px 10px;border-top:1px solid #999} */
.postmeta a { text-decoration: none; color: #5283e1; }
.postmeta a:hover { color: #fff; }
#sidebar a { text-decoration: none; color: #e87417; }
#sidebar a:hover { color: #022e83; }