/* ---------------------------------------------------- */
    /* DARK COLORS                                            */
    
    body { background:#000 !important }
    #main-container { background:#000 }
    .post-block .thumb-comments .comments { background:url('../graphics/icon_comments_ondark.png') 0 7px no-repeat; }
    
    /* COLORS - Custom Color Elements */
    ul.idTabs li a.selected, ul.idTabs li a.selected:hover,a#contact-block,
    a.next,a.previous,p.twitter-message,.page-button a,.navigation-top li ul,
    .navigation-top li ul ul, .flickr-link { background-color:#A4D6EF !important }
    div.entry h1, div.entry h3, div.entry h6, .custom-color, a, a.twitter-postlink,
    blockquote { color:#A4D6EF !important }
    .windows { border-top:5px solid #A4D6EF }
    .navigation-top a:hover, .navigation-top li.current_page a { border-bottom:5px solid #A4D6EF }
    .twitter-arrow { border-top:10px solid #A4D6EF }
    ul ul a.sf-with-ul .sf-sub-indicator { border-color:#A4D6EF #A4D6EF #A4D6EF #fff }
    
    /* COLORS - Light Grey Elements */
    div.entry h2, div.entry h4, div.entry h5, body, input, ul.idTabs li a, .navigation-top li.current_page a,h5.logo a, a:hover, a:hover.twitter-postlink,
    .post-block .thumb-comments .comments{ color:#e9e9e9 !important }
    .top-slide, .bottom-slide, .top-slide a:hover, .bottom-slide a:hover, .top-slide h3 a { color:#fff !important }
    
    /* COLORS - Black Elements */
    p.twitter-message,.page-button a, a.twitter-link, a.twitter-user,
    #contact-block a:hover, .comments, .navigation-top ul ul a, ul.idTabs li a.selected, #contact-block,
    #blog a.next, #blog a.previous, a.flickr-link, a.flickr-link:hover { color:#000 !important }
    p.twitter-message a, p.twitter-message a:hover { color:#000 }
    #search .button-go { background-color:#000 !important }
    .twitter-arrow { border-left:10px solid #000; border-right:10px solid #000 }
    .navigation-top li ul { border:2px solid #000 }
    
    /* COLORS - Other Grey Colors */
    .top-slide a, .bottom-slide a { color:#ddd !important }
    .post-block { border-bottom:1px solid #444 }
    .wp-caption { border: 1px solid #444; background-color: #3f3f3f; }
    h2, #navigation-top, #footer, ul.sidebar-subpages > a, ul.idTabs li a { background-color:#333 !important }
    #search .textbox, ul.idTabs li a:hover { background-color:#2c2c2c !important }
    h5.logo span.tagline { color:#ddd }
    .single-title-image h2, a.twitter-postlink:hover, .single-title-image a:hover { color:#fff !important }
    .twitter-timestamp { color:#aaa }
    .postmetadata { color:#888 }
    .navigation-top ul ul a { border-bottom:1px dotted #333 }
    .navigation-top ul ul a:hover { border-bottom:1px dashed #333; color:#ddd !important; background:#333 }
    a.sf-with-ul .sf-sub-indicator,ul ul a.sf-with-ul:hover .sf-sub-indicator { border-color:#333 #333 #333 #ddd }
    blockquote { border-top:1px solid #444 !important; border-bottom:1px solid #444 !important }
    
    /* COLORS - Comments */
    #commentform input { border:1px solid #5f5f5f }
    #comment { border:1px solid #5f5f5f }
    #submit { background:#A4D6EF; color:#000 !important }
    .comment { border-bottom:1px solid #222 }
    .reply a { background:#aaa !important; color:#000 !important }
    .reply a:hover { background:#5f5f5f !important }
    .children .comment { border-top:1px solid #222; background:#000 }
    .children .children .comment { background:#000 }
    
    /* COLORS - Error Messages */
    /* These only show up during Foliotastic Setup */
    p.error { background:#FFFCDF; border:1px solid #DFC47D }
    
    /* COLORS - Sidebar */
    .sidebar-subpages ul a { border-bottom:1px solid #444 }
    
    .sidebar-subpages ul li.current_page_item a,
    .sidebar-subpages ul li.current_page_item a:hover,
    .sidebar-subpages ul li.current-cat a,
    .sidebar-subpages ul li.current-cat a:hover { background:#A4D6EF !important; color:#fff !important; border-bottom:1px solid #A4D6EF !important }
    
    .sidebar-subpages ul li.current_page_item ul li a,
    .sidebar-subpages ul li.current-cat ul li a{ background:#fff !important; color:#A4D6EF !important; border-bottom:1px solid #444 !important }
    
    .sidebar-subpages ul a:hover,
    .sidebar-subpages ul li.current_page_item ul li a:hover,
    .sidebar-subpages ul li.current-cat ul li a:hover{ color:#A4D6EF !important; border-color:#444 !important; background:#333 !important }


/* ---------------------------------------------------- */
/* Factory Reset                                        */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input{
	margin:0;padding:0;border:0;outline:0;
	font-size:100%;vertical-align:baseline;
	text-decoration:none;
	background:transparent }

body{line-height:1}
ul{list-style:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
div { position:relative }



/* ---------------------------------------------------- */
/* General                                              */

body,input { font-size:13px; font-family:Arial, Helvetica, sans-serif }
body { margin:70px 0 0 0 }
p { line-height:20px }
.right-side { float:right !important }
.no-border { border:none !important }
p.error { padding:15px; }
.hide { display:none }

/* This is the H2 for the block headers */
h2 {
	display:table;
	letter-spacing:1px;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px 8px 6px;
	margin:0 0 15px 0 }
	
/* General WordPress Styling */
div.entry h1 { font-size:27px; letter-spacing:-1px; line-height:37px; margin:0 0 15px 0; font-weight:normal }
div.entry h2 { font-size:23px !important; line-height:29px; letter-spacing:-1px; font-weight:bold }
div.entry h3 { font-size:17px; line-height:24px; letter-spacing:normal; margin:0 0 10px 0; font-weight:bold }
div.entry h4 { font-size:17px; line-height:24px; font-style:italic; margin:0 0 10px 0; letter-spacing:normal; font-weight:normal }
div.entry h5 { font-size:14px; line-height:20px; letter-spacing:normal; text-transform:uppercase; margin:0 0 7px 0; font-weight:bold }
div.entry h6 { font-size:11px; line-height:15px; letter-spacing:normal; margin:0 0 7px 0; font-weight:bold }

div.entry ul { font-size:15px; list-style:disc; margin:15px 0 15px 30px }
div.entry ul li { line-height:20px; list-style:disc; padding:0 0 0 2px }

div.entry ol { font-size:15px; margin:15px 0 15px 30px }
div.entry ol li { line-height:20px; padding:0 0 0 2px }

blockquote { margin:15px 40px; padding:20px 10px; font-size:16px; font-weight:normal; font-style:italic }
blockquote p { padding:0 !important; margin:0 !important }


/* ---------------------------------------------------- */
/* Main Container                                       */

#main-container { padding:10px 0 0 0 }

/* ---------------------------------------------------- */
/* WP Defaults                                          */

/* Begin Images */
p img { padding: 0; max-width: 100% }
img.centered { display: block; margin-left: auto; margin-right: auto }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline }
.alignright { float: right }
.alignleft { float: left }

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 5px 15px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px }

.wp-caption img { margin: 0; padding: 0; border: 0 none }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 3px 4px 5px !important; margin: 0 !important }



/* ---------------------------------------------------- */
/* Navigation                                           */

#navigation-top {
	margin:0 0 30px;
	position:absolute; left:0; top:0;
	width:100%;
	height:50px }
	
.navigation-top {
	font-size:13px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 }
	
.navigation-top a { font-weight:bold; padding:19px 0 13px; display:block; margin:0 30px 0 0 }
.navigation-top ul li { float:left; position:relative }
.navigation-top li.current_page a { cursor:default }
		
.navigation-top li ul {
	width:200px;
	display:none;
	position:absolute;
	padding:4px 0;
	top:50px;
	left:-2px }
	
.navigation-top li ul ul {
	width:200px;
	display:none;
	position:absolute;
	padding:4px 0;
	top:0 !important;
	left:198px !important }
	
.navigation-top ul ul li {
	display:block;
	position:relative;
	margin:0; padding:0;
	float:none;
}
	
.navigation-top ul ul a {
	position:relative;
	text-transform:none;
	line-height:18px;
	letter-spacing:normal;
	font-weight:normal;
	padding:8px 10px;
	display:block;
	margin:0 4px 
}

a.sf-with-ul { position:relative; padding-right:20px }
a.sf-with-ul .sf-sub-indicator {
	display:block;
	height:0;
	width:0;
	font-size:1px;
	line-height:1px;
	position:absolute;
	right:-5px;
	top:20px;
	border-style:solid;
	border-width:5px }
	
ul ul a.sf-with-ul { position:relative; padding:8px 10px; }
ul ul a.sf-with-ul .sf-sub-indicator {
	display:block;
	height:0;
	width:0;
	font-size:1px;
	line-height:1px;
	position:absolute;
	right:5px;
	top:13px;
	border-style:solid;
	border-width:5px }
	


/* ---------------------------------------------------- */
/* Search                                               */

#search { position:absolute; width:223px; top:10px; right:0 }
#search .textbox { padding:7px 8px; width:164px; margin:0; float:left }
	
#search .button-go {
	padding:6px 8px;
	width:43px;
	height:29px;
	cursor:pointer;
	margin:0;
	float:right }
	
	
	
/* ---------------------------------------------------- */
/* Logo                                                 */

h5.logo { font-size:61px; letter-spacing:-3px; margin:0 0 30px 0; padding:0 }
.logo-img { margin:0 0 20px 0; display:block }
	
h5.logo span.tagline {
	display:block;
	font-size:11px;
	margin:8px 0 0 0;
	text-transform:uppercase;
	letter-spacing:1px }

	
	
/* ---------------------------------------------------- */
/* Introduction (Below Logo)                            */

.introduction h2{ padding:8px 10px; font-size:16px }
.introduction p { margin:0 0 30px 0; padding:0; font-size:16px; line-height:24px }
	
	

/* ---------------------------------------------------- */
/* Flickr Feed                                          */

.flickr { margin:0 0 20px 0 }	
.flickr img { margin:0 9px 7px 0; width:66px; height:66px }
		
.flickr h2 {
	background-position:7px 0;
	background-repeat:no-repeat;
	background-image:url('../graphics/icon_flickr.png');
	padding:7px 8px 6px 42px;
	font-size:13px }
	
a.flickr-link {
	display:inline-block;
	margin:5px 0 10px 0;
	font-size:11px;
	font-weight:bold;
	padding:4px 9px;
	text-transform:uppercase }
	
	
		
/* ---------------------------------------------------- */
/* Twitter Feed                                         */
	
.twitter h2 {
	background-position:7px 0;
	background-repeat:no-repeat;
	background-image:url('../graphics/icon_twitter.png');
	padding:7px 8px 6px 42px;
	font-size:13px }
	
p.twitter-message {
	font-size:12px;
	line-height:17px;
	margin:0 0 25px !important;
	padding:7px 10px;
	position:relative; }
	
	p.twitter-message a { text-decoration:underline }
	p.twitter-message a:hover { text-decoration:none }
	
	.twitter-arrow {
		bottom:-11px;
		display:block;
		height:1px;
		left:13px;
		position:absolute;
		width:1px }
	
	a.twitter-postlink {
		text-decoration:none !important;
		position:absolute;
		bottom:-20px;
		font-size:11px;
		right:10px }
	
	.twitter-timestamp {
		bottom:-20px;
		font-size:11px;
		left:36px;
		position:absolute }

	

/* ---------------------------------------------------- */
/* Tabs                                                 */

ul.idTabs li { float:left; margin:0 1px 0 0; text-transform:uppercase }
ul.idTabs li a { display:block; font-size:13px; font-weight:bold; padding:10px 15px }
	


/* ---------------------------------------------------- */
/* Featured & Blog                                      */

.windows { clear:both; margin:0; padding:1px 0 0 0 }



/* ---------------------------------------------------- */
/* Blog                                                 */

#blog { overflow:hidden; position:relative; height:250px; margin:0 0 20px 0; padding:20px 0 20px 10px; display:none }

/* Pagination */
#blog a.next, #blog a.previous {
	width:60px; height:17px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	cursor:pointer;
	padding:6px 0 0 10px }
	
#blog .blog-holder { position:absolute; top:20px; left:10px }
	
#blog a.next {
	background-position:50px center;
	background-repeat:no-repeat;
	background-image:url('../graphics/arrow_down.png');
	top:-25px; right:0 }
	
#blog a.previous { 
	background-position:50px center;
	background-repeat:no-repeat;
	background-image:url('../graphics/arrow_up.png');
	top:-25px; right:71px }	

/* Blog Posts */
.post-block { height:115px; margin:0 0 20px 0; padding:0 0 11px 0 }
.post-block .thumb-comments { float:left; width:78px; margin:0 20px 0 0 }
.post-block .thumb-comments img { display:block; margin:0 0 10px }
.post-block .post-entry { width:500px; float:left; margin:0 }
.post-block .post-entry small { text-transform:uppercase; font-size:10px }
.post-block .post-entry small a { font-weight:bold }
.post-block .post-entry h3 { font-size:17px; margin:3px 0 10px }
.post-block .post-entry p { font-size:12px; line-height:18px }
	


/* ---------------------------------------------------- */
/* Contact Block                                        */

#contact-block { line-height:20px; display:block; padding:20px; margin:0 0 30px 0 }
#contact-block strong { display:block; font-size:19px; margin:0 0 8px 0; letter-spacing:-1px }



/* ---------------------------------------------------- */
/* Portfolio Featured                                   */

#featured { overflow:hidden; position:relative; height:290px; width:620px; margin:0 0 20px 0; padding:0; clear:both }
.featured-entry { width:100000px; height:290px; position:relative; overflow:hidden }
.slider-block { height:290px; float:left; margin:0; padding:0 }



/* ---------------------------------------------------- */
/* Portfolio                                            */

.portfolio-entry {
	position:relative;
	overflow:hidden;
	float:left;
	margin:0 20px 20px 0;
	width:300px }
	
.portfolio-entry.right { margin:0 }
.portfolio-entry img { display:block; margin:0 }



/* ---------------------------------------------------- */
/* Portfolio Slides                                     */

.top-slide, .bottom-slide {
	background:url('../graphics/slider_bg.png');
	width:596px;
	font-weight:normal;
	position:absolute;
	padding:12px }
	
.portfolio-entry  .top-slide, .portfolio-entry .bottom-slide { width:282px; padding:9px }
.featured-entry .top-slide { height:40px; top:-70px; left:0 }
.featured-entry .bottom-slide { height:37px; line-height:18px; bottom:-61px; left:0; padding:12px 42px 12px 12px; width:566px }
.portfolio-entry .top-slide { top:-53px; left:0 }
.portfolio-entry .bottom-slide { line-height:18px; bottom:-46px; left:0 }

.top-slide h3 {
	font-size:22px;
	letter-spacing:-1px;
	margin:0 0 5px;
	padding:0 }
	
.portfolio-entry .top-slide h3 { font-size:19px !important; margin:0 0 3px !important }
.top-slide h3 a, .top-slide h3 a:hover { text-decoration:none }
.top-slide .cat { font-size:10px; text-transform:uppercase }
.top-slide .catname { font-size:12px }

.top-slide a.lightbox-link { width:20px; height:17px; display:block; position:absolute; top:18px; right:14px;
background:url('../graphics/icon_lightbox.gif') }
.bottom-slide a.lightbox-link { width:20px; height:17px; display:block; position:absolute; bottom:21px; right:21px;
background:url('../graphics/icon_lightbox.gif') }

.comments {
	float:left;
	margin:3px 20px 0 5px;
	font-size:22px;
	font-weight:bold;
	padding:5px 0 5px 25px;
	background:url('../graphics/icon_comments_ondark.png') 0 7px no-repeat }
	
	.portfolio-entry .comments { margin-top:0 }
	.post-block .thumb-comments .comments {
		float:left;
		font-size:18px;
		margin:0 0 0 10px;
		padding:4px 0 5px 22px }

.date-link {
	font-size:12px;
	line-height:18px;
	text-align:right;
	font-size:13px;
	position:absolute;
	bottom:15%; right:2% }
	
	.portfolio-entry .date-link { right:4%; line-height:17px }
	.date-link .date { font-size:11px; text-transform:uppercase }

a.arrow-next, a.arrow-prev {
	bottom:61px;
    cursor:pointer;
    height:165px;
    opacity:0.95; filter: alpha(opacity=95); -moz-opacity:0.95;
    padding:0;
    position:absolute;
    width:40px }

a.arrow-next {
	right:-40px;
	background:#fff url('../graphics/featured_arrow_next.gif') no-repeat center center }
	
a.arrow-prev {
	left:-40px;
	background:#fff url('../graphics/featured_arrow_prev.gif') no-repeat center center }
	
	
	
/* ---------------------------------------------------- */
/* Pages & Single Posts                                 */

#content h2 { font-size:27px; letter-spacing:-1px; margin:0 0 15px 0 }
#content p { margin:0 0 15px 0 }
	
.page-button { max-width:49% }
.page-button a {
	display:block;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 20px 0;
	padding:6px 10px }
	
.single-title-image h2 { margin:1px 0 15px 0 !important; width:96%; padding:2% }
.postmetadata { font-size:11px }
	
.single-title-image img { margin:0; display:block }
.single-title-image h2 .cat { letter-spacing:normal !important; font-size:10px !important; text-transform:uppercase }
.single-title-image h2 .catname { letter-spacing:normal !important; font-size:12px !important }



/* ---------------------------------------------------- */
/* Comments                                             */

ol.commentlist, ol.commentlist li { list-style:none }

h3#comments { margin:0 0 20px 0 }

#commentform input { padding:5px 8px; margin-right:10px }
#comment {
	height:23px;
	display:block !important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:20px;
	padding:7px 10px;
	width:590px }
	
#submit { border:none !important; padding:8px 13px; font-weight:bold }
.comment { margin:0 0 10px; padding:0 0 10px }
.comment p { margin:5px 0 0 0 !important }
.comment-author { font-size:20px; margin:0 0 12px; padding:0 0 13px }
.comment-author img { left:1px; position:absolute; top:1px }
.comment-meta { position:absolute; top:12px; right:0; font-size:12px; font-weight:normal; text-transform:uppercase; margin:0 }
.comment-author cite, .comment-author .says { position:relative; top:7px }
.comment-author cite { font-style:normal; font-weight:bold; margin:0 0 0 45px }
.comment-author .says { font-size:15px; text-transform:uppercase }

#respond { margin:25px 0 0 0 }
	
	.reply a {
		bottom:3px;
		display:inline;
		font-size:11px;
		font-weight:bold;
		padding:3px 5px;
		position:absolute;
		right:0;
		text-transform:uppercase }
		
	#cancel-comment-reply-link {
		font-size:11px;
		font-weight:bold;
		display:block;
		margin:0 0 10px 0;
		text-transform:uppercase }
		
.children .comment {
	border-bottom:none !important;
	padding:10px 0;
	font-size:12px;
	margin:10px 0 0 75px !important }

.children .children .comment { padding:10px 0 0 0; margin:10px 0 0 30px !important }
.children .comment-author { font-size:13px; padding:2px 0 0 }	
.children .comment-author img { width:15px; height:15px }
.children .comment-author cite,
.children .comment-author .says { top:0 }
.children .comment-author cite { margin-left:25px }	
.children .comment-author .says { font-size:10px }
.children .comment-meta { position:absolute; font-size:11px; top:2px; right:0 }
	
	
	
/* ---------------------------------------------------- */
/* Sidebar                                              */

.sidebar-subpages a {
	display:inline-block;
	letter-spacing:1px;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px 8px 6px;
	margin:0 0 10px 0 }
	
	.sidebar-subpages ul a {
		display:block;
		letter-spacing:normal;
		background:none;
		font-weight:normal;
		text-transform:none;
		padding:10px 8px;
		margin:0;
		height:1% }
	
	.sidebar-subpages { margin:0 0 25px 0 !important }
	.sidebar-subpages ul ul { margin:0 0 0 20px }
	.sidebar-subpages ul ul a { font-size:11px; padding:8px 5px 7px 5px }
	
	/* Foliotastic is WIDGET READY! */
	h2.widgettitle { margin:20px 0 10px 0 !important }
	table#wp-calendar { width:250px; height:170px }
	table#wp-calendar a { display:inline; padding:0 }
	#wp-calendar caption { padding:11px 0; font-weight:bold; text-transform:uppercase; font-size:19px }
	#wp-calendar th, #wp-calendar td { padding:5px; text-align:center }
	#wp-calendar thead { font-size:13px }
	#wp-calendar tfoot { font-size:11px; text-transform:uppercase }
	#wp-calendar tbody { font-size:13px }
	ul#recentcomments li { line-height:21px }
	li#tag_cloud a { display:block; text-transform:none; font-weight:normal; margin:0 }
	

	
	
/* ---------------------------------------------------- */
/* 404 Page                                             */

.notfound-column { width:46%; margin:0 2%; float:left }



/* ---------------------------------------------------- */
/* Footer                                               */

#footer { height:90px; font-size:12px; margin:30px 0 0 0 }
.navigation-footer { position:relative; letter-spacing:1px; text-transform:uppercase; padding:30px 0 }
.navigation-footer li { float:left }
.navigation-footer li a { font-weight:bold; display:block; margin:0 20px 0 0; padding:0 }
	
.navigation-footer .copyright {
	text-transform:none;
	text-align:right;
	line-height:20px;
	position:absolute;
	top:25px;
	right:0 }