@charset "utf-8";
/*------------------------------------------------------------------------------------
Author: p-p-ponies
Date :  When hell freezes over
--------------------------------------------------------------------------------------
CONTENT:
   1. SETUP
	1.1. DEFAULTS
	1.2. HYPERLINKS
   2. SITE STRUCTURE & APPEREANCE
    2.1. CONTAINERS & COLUMNS
	2.2. NAVIGATION
	 2.2.1. DROP-DOWN MENUS
	 2.2.2. TOP NAVIGATION
	2.3. HEADER
	2.4. CONTENT
	2.5. SIDEBAR
	2.6. FOOTER
	2.7. HOMEPAGE
   3. POSTS
    3.1. TYPOGRAPHIC ELEMENTS
   4. WIDGETS
    4.1. GENERIC WIDGETS
   5. MISC
    5.1. IE SPECIFIC STYLING
	5.2. DIVIDERS + UNSORTED STUFF
-------------------------------------------------------------------------------------*/
body,html{height:100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body{line-height:1;overflow-x: hidden;}
ol,ul{list-style:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;width:100px;border:0;}

/* Floating & Alignment  */
.fl{float:left;}
.fr{position:absolute;left:28%;top:68px;}
.ac{text-align:center;}
.ar{text-align:right;}

/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 12px/1.8em sans-serif; color: #3f454b; background:url(../images/bg.png) repeat scroll 0 0 transparent; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family:Georgia, serif; color: #3f454b; font-weight:normal; }
h1  {font-size: 2em; } h2  {font-size: 1.8em; } h3  {font-size: 1.6em; } h4  {font-size: 1.2em;} h5  {font-size: 1em;} h6  {font-size: 0.8em;}

p {margin: 0; }

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; }

/* 1.2 Hyperlinks */

a { color: #004080; text-decoration:none;}
a:hover,
.post-meta a:hover,
.post-more a:hover { color:#DB213B; text-decoration:none; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: none;}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#wrapper  { background:url(../images/bg-grid.png) repeat scroll 0 0 transparent; }

#main { width:580px; border-right:1px dashed #e5e5e5; padding-right:20px; }
#main.fullwidth, #main.col-full, .layout-full #main { border: none; width:909px; }
.col-full {width: 960px; margin:0 auto; top:0px;}

#sidebar{width:285px;}
#sidebar .secondary { width:140px; } 

.col-left { float: left; }
.col-middle { text-align:center; }
.col-right { float: right; }
.col-ssl { float: right; margin-top:-14px; }
.col-none { float: none; }

.layout-right-content #main { float:right; }
.layout-right-content #sidebar { float:left; }

/* 2.2 Navigation */
#navigation { font:bold 13px/1em sans-serif; }

#navigation ul.rss { margin:2px 0 0 0; }
#navigation ul.rss li{display:inline;padding:0;}
#navigation ul.rss li a{color:#d75418;text-decoration:none; padding:5px 12px; line-height: 18px; display: inline-block; position: relative;}
#navigation ul.rss li.sub-email {color:#dedede;}
#navigation ul.rss li a:hover{text-decoration:underline;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a  { position:relative; color:#DB213B; display:block; z-index:100; padding:2px 15px 8px; line-height:18px; text-decoration:none;  }
.nav li  { background:url(../images/seperator.png) no-repeat scroll right 5px transparent; float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:30px; }

.nav a:hover,
.nav li.current_page_item a, 
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.current-menu-item a,
	.nav li.sfHover { color:#FFFFFF; }

/* Optional Styling */
#navigation { }
#navigation .nav li ul li { background: none; }
#navigation .nav li a { }
#navigation .nav li:first-child a { border-left:none; }

	/* 2.2.1 Drop-down menus */
	.nav li ul  { background: #FAFAFA; margin:0; padding:10px 15px; position: absolute; left: -999em; width: 180px; border: 1px solid #e3e3e3; z-index:9999; } 
	.nav li ul li a  { padding:8px 0px; width:180px; color:#666; background: none; font-size:0.9em;}
	.nav li ul li a:hover  { text-decoration: underline; }
	.nav li ul li a.sf-with-ul { padding-right:0; }
	.nav li ul ul  { margin: -37px 0 0 140px; }
	
	.nav li ul li a:hover, 
	.nav li.current_page_item ul li a, 
	.nav li.current_page_parent ul li a,
	.nav li.current-menu-ancestor ul li a,
	.nav li.current-cat a ul li,
	.nav li.current-menu-item ul li a,
	.nav li.sfHover ul li { background:none;}
	
	.nav li:hover,.nav li.hover  { position:static; }
	.nav li:hover ul ul, .nav li.sfhover ul ul,
	.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
	.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
	.nav li:hover ul, .nav li.sfhover ul,
	.nav li li:hover ul, .nav li li.sfhover ul,
	.nav li li li:hover ul, .nav li li li.sfhover ul,
	.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }
	
	.nav .sf-sub-indicator {background:url(../images/arrow.png) no-repeat;position:absolute;display:block;right:1em;top:30%;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
	.nav li ul .sf-sub-indicator {background:url(../images/bullet.png) no-repeat; top:38%; }
	#top-nav.nav .sf-sub-indicator {background:url(..images/arrow-topnav.png) no-repeat;right:0.5em;top:42%;}
	#top-nav.nav li ul .sf-sub-indicator {background:url(../images/bullet-topnav.png) no-repeat;right:0.5em;top:35%;}
	
	/* Optional Styling */
	#navigation .nav li ul  { 
		/* Border Radius */
		border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; 
	
		/* Box Shadow */
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03);
		box-shadow: 0 2px 2px rgba(0,0,0,.03);
	}
	#navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
	#navigation .nav li ul li a { border:0; border-bottom:1px solid #eaedef; color:#848d9a; font-weight: normal;  }
	#navigation .nav li ul li a:hover { color:#3f454b; text-decoration:none; }
	#navigation .nav li ul li:first-child a { border-top:none; }
	#navigation .nav li ul li:last-child a { border-bottom:none; }

	/* 2.2.2 Top Navigation (optional) */
	#top { position: relative; z-index: 9450; background: #000; }
	#top .nav { }
	#top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; font-family: sans-serif; }
	#top .nav li:first-child  {  }
	#top .nav li a.sf-with-ul { padding-right:20px; }
	
	#top .nav a:hover, 
	#top .nav li.current_page_item a, 
	#top .nav li.current_page_parent a,
	#top .nav li.current-menu-ancestor a,
	#top .nav li.current-cat a,
	#top .nav li.current-menu-item a,
	#top .nav li.sfHover { background: #222; }
	
	#top .nav li ul  { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999;
		/* Box Shadow */
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		box-shadow: 0 2px 2px rgba(0,0,0,.1);
	}
	#top .nav li ul, #top .nav li ul li:last-child a {
		/* Border Radius */
		border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; 
	}
	#top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
	#top .nav li ul li a  { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;}
	#top .nav li ul li a:hover  { background: #000; }
	#top .nav li ul li a.sf-with-ul { padding-right:10px; }
	#top .nav li ul ul  { margin: -34px 0 0 180px; }
	
	#top .nav li:hover, #top .nav li.hover  { position:static; }
	#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
	#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
	#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
	#top .nav li:hover ul, #top .nav li.sfhover ul,
	#top .nav li li:hover ul, #top .nav li li.sfhover ul,
	#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
	#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul  { left:auto; }

/* 2.3 Header */
#header-container { position: relative; z-index: 9400; background: url(../images/diagonal-bg1.png) repeat scroll 0 0 #fff}
#header{padding:25px 0 0;clear:both;position:relative;}

#logo  { float:left; padding-bottom: 18px; }
#logo-max  { float:left; padding-bottom: 12px; }
#logo img  { }
#logo .site-title, #logo .site-description  { font-family:Georgia, serif; color: #000; display:none;  }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }
#logo-max .site-title, #logo-max .site-description  { font-family:Georgia, serif; color: #000; display:none;  }
#logo-max .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo-max .site-title a:hover { text-decoration:underline; }
#logo-max .site-description { color:#999; font:italic 14px Georgia, serif; }

#topad {float:right;}

/* 2.4 Content */
#content{ background:	url("../images/diagonal-bg.png") repeat scroll 0 0 #f9f9f9; border: 1px solid #D7DADE; border-radius: 3px 3px 3px 3px; padding:0; }
#content-header { background: url("../images/diagonal-bg.png") repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #EAEBEC; margin:4px; padding: 15px 20px; line-height:1.4em;  }
#content #inner { background: url("../images/diagonal-bg.png") repeat scroll 0 0 #fff; clear:both; margin: 4px; padding: 30px 20px; width: auto; }

/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; } 
#sidebar .secondary.last { margin:0; } 

/* 2.6 Footer */
#footer  { position: relative; padding: 15px 0 30px;border-top: 0px solid #e6e6e6; color:#848d9a; font-size: 11px; }
#footer p { color:#DB213B; }
#footer p:hover {color:#FFF; text-decoration:none;}
#footer #credit img  { vertical-align:middle; }
#footer #credit span{display:none;}

#footer-widgets { border-top:1px solid #e6e6e6; padding:10px 0; position: relative; }
#footer-widgets .widget { border-bottom:0; margin:0; }
#footer-widgets .block { padding:20px 10px 0 10px; width:210px; float:left; }
#footer-widgets.col-1 .block { width:100%; padding-left:0; }
#footer-widgets.col-2 .block { width:460px;  }
#footer-widgets.col-3 .block { width:300px;  }
#footer-widgets.col-4 .block { width:220px;  }

/* 2.7 Homepage */
#main-page1 { margin:0 0 30px; }
#main-page2 { margin:0 0 15px; }

#mini-features {  }
#mini-features .block { width:275px; margin:0 30px 30px 0; float:left; }
#mini-features .block.last { margin-right:0; }
#mini-features .feature { margin-left:50px; }
#mini-features .home-icon { float:left; }
#mini-features h3 { font-size: 13px; font-weight:bold; color: #3f454b; line-height: 1em; padding-bottom:10px; }
#mini-features p { padding-bottom:15px; }

#latest-blog-posts { padding-top:35px; border-top:1px solid #e9ebed; }
#latest-blog-posts h3 { margin-bottom:25px; }
#latest-blog-posts .post h2.title a { font-size: 13px; font-weight:bold; color: #3f454b; line-height: 1em; }
#latest-blog-posts .post h2.title a:hover { color:#DB213B; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post .video { margin:1.5em 0;}

.archive_header  { display: block; float: left; font:bold 24px/1.5em sans-serif; }
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 28px; }
.catrss {clear: both; margin-right: 30px; margin-top: 5px;}

.post  { margin: 0 0 3em;}
.post .title, .page .title, .portfolio .title  { margin: 0 0 15px; position:relative; }
.single .post .title {text-align: center; line-height:1.2em; }
.post .title a, .portfolio .title a { color:#3f454b; }
.post-meta { font-size: 11px; color: #848d9a; line-height: 1.5em; margin:1em 0 1.5em; }
.post-meta a { text-decoration:none; }
.single .post-meta { text-align: center; }
.post-more { clear:both; margin:1em 0; color:#999;}
.post p.tags, .portfolio p.tags {color:#999; background:url(../images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px; line-height: 1.4em; }
.post-meta a, .post-more a, .post p.tags a { text-decoration: none; color:#888; }
.post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:none; }
#post-entries {float: right; font-style: italic; font-size:11px; }
#post-entries a { color: #bdc4ce; }
.nav-prev {background:url(../images/seperator.png) no-repeat scroll right 3px transparent; margin-right: 15px; padding-right: 15px;}
#title-container { margin:0 auto; padding:30px 0; }
#title-container .search_main {float:right; margin-right: 26px; width: 285px;}
#title-container .title, .archive_header {float:left; margin: 0 0 0 26px;}
#title-container .blog-title-sep { color: #BDC4CE; line-height: 2em; margin:0 10px; }
#title-container .description { color:#BDC4CE; }

/* 3.1 Typographic Elements */
.entry, .entry p  { font:12px/1.8em sans-serif; }
.single .entry { border-top: 1px solid #e9ebed; margin-top: 30px; padding-top: 30px; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
.entry p  { margin-bottom: 1.2em; }

.entry ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul ul li  { list-style-type: circle; }

.entry ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: lower-latin; }
.discnav ul li { list-style-type: disc; }

.alignleft  { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright  { float: right; height: auto; margin: 0px 0 10px 20px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background: url("../images/widget-bg-grid.png") repeat scroll 0 0 #FBFDFE;border-color: #DCE0E4 #D7DBDE #D7DBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

.ico-day { font-size: 14px; padding: 13px 0 7px; text-align: center; width: 33px; line-height:1.1em; font-weight:bold; }
.ico-month {font-size: 10px;text-align:center;text-transform: uppercase; font-family: sans-serif; line-height:2em;}

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Generic Widgets */
.widget  { margin-bottom: 2em; padding-bottom:1em; border-bottom:1px dashed #e5e5e5; }
.widget h3  { margin: 0 0 1em 0; font:normal bold 14px sans-serif; color:#3f454b; }
.widget p { margin-bottom: 1em; }
.widget a {color: #848d9a; }

.widget ul  { clear:both; list-style-type: none; padding: 0px; margin: 0px; }
.widget ul li  { background-image: url(bullet.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 20px; }
.widget ul li a  { line-height: 22px; text-decoration: none; color:#555b63; }
.widget ul li a:hover  { color:#ff6633; text-decoration:none; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

/*-------------------------------------------------------------------------------------------*/
/* 5. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 IE specific styling */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#3f454b !important; font-weight:normal; } .reply a {color:#3f454b !important; }
.ie7 .nav li a {height: 0;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited {  padding:7px 6px; margin:0; }
.ie7 .slide .slide-content.entry  { position: relative; margin-bottom: -250px; top: 150px; bottom: auto; }
.ie7 .slide .slide-content.entry, .ie8 .slide .slide-content.entry  { background: url(../images/ie-transparency.png) repeat left top; }
.ie7 .rss  { float: left; }
.ie7 .quotes *, .ie8 .quotes *  { background-color: transparent!important; }
.ie7 #connect .newsletter-form .submit  { padding: 0!important; }
.ie7 #connect .newsletter-form .email  { padding-left: 10px; }
.ie7 .slide .styledtext  {margin-top: -50px;display: inline-block; line-height: 10px; }
.ie8 .button, .ie8 .button:visited {  padding:10px 15px; margin:0; }

/* 5.2 Dividers + unsorted stuff */
.woo-sc-hr { border-bottom:1px solid #e6e6e6; }
.woo-sc-hr, .woo-sc-divider { clear:both; display:block; margin-bottom:15px; padding-top:15px; width:100%; }
.woo-sc-hr, .woo-sc-dividertwo { clear:both; display:block; margin-bottom:10px; padding-top:10px; width:100%; }
.woo-sc-hr, .woo-sc-dividerthree { clear:both; display:block; margin-bottom:5px; padding-top:10px; width:100%; }
.woo-sc-divider.flat { padding:0; margin:0; }

p#gotop {
	float:right;
	height:16px;
	font:bold 12px/1.8em sans-serif;
	line-height:0px;
	display:block;
	padding-left:16px;
	margin:5px 15px 0 0 !important;
	margin:5px 8px 0 0;
	text-decoration:none;
}

#gotop {
    cursor:pointer;
}

#aup a {
	float:right;
	height:16px;
	font:bold 12px/1.8em sans-serif;
	line-height:0px;
	display:block;
	padding-left:16px;
	margin:5px 15px 0 0 !important;
	margin:5px 8px 0 0;
	text-decoration:none;
	color: #DB213B;
}

#aup a:hover {
	color:#FFF;
	text-decoration:none;
}

a.hiddenTab {visibility:hidden; display:none;}

#ssl {
	text-align:center;
	}