/*
Theme Name: RYP
Theme URI: http://wordpress.org/
Description: RYP Marketing Blog Theme
Version: 1.0
Author: RYP
Author URI:
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/
@import url(modular/reset.css);
@import url(modular/layout.css);
@import url(header.css);
@import url(footer.css);

/* BLOG */
	.blog div.post, .blog div#comments {float: left; width: 100%; margin-bottom: 4em;}
	.blog a {text-decoration: none;}
	.blog h2, .blog h3 {font-family: Georgia;}
	/* Article*/
	.blog dl.article {margin-top: 1.5em;}
	.blog dl.article .time {background: url(images/icons/time.png) no-repeat; padding-left: 1.8em;}
	.blog dl.article dt {font-family: Georgia; text-align: right; font-size: 1.2em; border-bottom: 1px solid #f3f3f3; padding: 0 0.7em 0.3em 0}
	.blog dl.article dt.date {width: 100%; margin: 2.5em 6% 0 0;font-family: Georgia; padding: 1em 1em 0.5em 1em; color: #000; display:inline-block; text-align: center; background: #f3f3f3; border: 1px solid #e4e4e4;}
	.blog dl.article h2.date {display: inline-block; float: right; background:#F3F3F3; margin: 0 0 0 1em; padding: 1em; text-align:center;}
	.blog dl.article h2.date span.month {font-size: 1.3em;}
	.blog dl.article h2.date span.date {font-size: 3.0em; display: block; font-weight: bold; color: #0d589a;line-height: 70%;}
	.blog dl.article h2.date span.year {font-size: 1.8em; color: #969092; font-weight: bold;line-height: 120%;}
	.blog dl.article h3.title {font-size: 2.5em; color: #969092; display: inline-block; width:84%;}
	.blog dl.article h3.title a:hover {text-decoration: none;}
	.blog dl.article dd  {width: 95%; background: #FFFFFF url(images/comments_odd-bg.gif) repeat-x scroll 0 0; padding-left: 5%;}
	.blog dl.article dd .body {float:left; margin-top:2em;}
	.blog dl.article dd .body  p {font-size: 1.2em; padding-bottom:1.4em;}
	.blog dl.article dd .body  h4 {padding-bottom: 1em;}
	/* Article Meta*/
	.blog div.meta {background: #f3f3f3; border-top: 1px solid #bcbcbc; float: left; width: 98%; padding: 0.6em 0 1em 2%;}
	.blog div.meta ul li {font-size: 1.1em; padding-top: 0.2em}
	.blog div.meta ul li.first-child {color: #666; font-weight: bold; padding-right: 1em;}
	.blog div.meta ul li.category {background: url(images/icons/folder.png) left center no-repeat; padding-left:2em;}
	.blog div.meta  p.feedback {float: right; font-size: 1.1em; background: url(images/icons/comments.png) 0 0.2em no-repeat; padding: 0.2em 0 0 2em; margin-right: 1em;}
	/* Article Styles*/
		.blog a.feed,
		.blog a.trackback  {display:inline-block; /*height:1.6em;*/ text-indent:-9999px; width:1.6em;}
		.blog a.feed {background: url(images/icons/feed.png) no-repeat;}
		.blog a.trackback {background: url(images/icons/trackback.png) no-repeat;}
	
		/* Ordered  List */
		ol {font-size: 1.2em;}
		ol li  {color: #666; font-family: Arial; padding: 0 0 1em; margin:0 0 0 3.5em;}
		/*ol.num {font-family: Georgia; font-size: 2.2em; color: #969092; padding:0 0 1em 2.2em;}
		ol.num li p {color: #000; font-size: 0.6em; font-family: Arial;} */
		
		blockquote {background:transparent url(images/icons/quote.gif) no-repeat scroll 0 0; padding:0 0 0 1.5em; font-size: 1.2em; font-family: Georgia; font-style: italic;}
	
	/* Comments */
	.blog form#commentform  {padding-top: 1.5em; float:left; width: 100%;}
	.blog form#commentform dl,
    .blog  dl#commentlist	{width: 100%;}
	.blog form#commentform dl dt ,
	.blog form#commentform dl dd {margin-bottom: 1em;}
	.blog form#commentform dl dt {width: 30%; padding: 0 1em 0 4.5em;}
	.blog form#commentform dl dd {width: 60%;}
	.blog h2.arrow {margin-top: 2.5em; background: url(images/icons/arrow-grey.png) no-repeat; padding: 0 0 0.2em 2.5em !important; font-size: 1.8em; border-bottom: 1px dotted #969092; color:#0d589a; width:93%; float: left;}
	.blog  dl.commentlist {padding: 1.8em 0 0 0; border: 1px solid #f3f3f3; border-left: none; border-bottom: none; margin: 2.5em 0 0 0; width:100%;}
	.blog  dl.commentlist.even {background: #ffffe5 url(images/comments_even-bg.gif) repeat-x;}
	.blog  dl.commentlist.odd {background: #fff url(images/comments_odd-bg.gif) repeat-x;}
	.blog  dl.commentlist dt {width: 16%; text-align: center;}
	.blog  dl.commentlist dd.comment {width: 80%;font-size: 1.2em; padding: 0 1% 0 3%;}
	.blog  dl.commentlist dd.comment p {padding-bottom: 0.7em;}
	.blog  dl.commentlist dd.meta {font-size: 1.1em; width: 96.5%; background: #fafafa; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 0.3em 1em 0.1em 1em;}
	.blog  dl.commentlist dd.meta cite {display: inline-block; float: right; background: url(images/icons/comment.png) no-repeat; padding: 0.4em 0 0 1.8em;}
	.blog  dl.commentlist dd.meta cite  span.time{height: 1.6em; display: inline-block;}

	.ie7 .i-submit {cursor: pointer; padding-left: 2000px !important; overflow: hidden; text-indent: 0 !important;} 
	
/* GLOBALS */
body {font-size: 62.5%; font-family: Arial; color: #000; background: #fff url(images/body_bg.png) repeat-x 0 0;}
#wrapper {margin: 0 auto; width: /*60%*/ 100em; overflow: hidden; background: #fff;}
#header div.first-child, #nav, #content {border-style: solid; border-width: 0.5em;}
#header, div.nav, div.nav ul li, 
#nav, #nav .holder, #nav dl, #nav dl dt, #nav dl dd, #nav dl dd ul, 
#content, #content .content, #content .aside,
#footer div.copy {float: left;}
div.nav {width: 100%;}

/* COLORS */
.blue {color: #0d589a;}
.black {color: #000 !important;}
.red, em {color: #cc0707; font-family: Georgia;}
.grey {color: #969092;}
.grey2 {color: #666;}
.white {color: #fff;}

/* LINKS */
a {outline: none; color: #1b7bcf;}
a:hover {text-decoration: underline;}
#header a, #footer div.nav a {text-decoration: none; display: block; color: #fff;}
#content a:hover,
#content a:focus,
#content a.active {color: #cc0707;}
a.external {font-family: Arial; color: #0d589a; text-decoration: none; background: url(images/icons/external.gif) right no-repeat; padding-right: 1.8em;}
a.external:hover,
a.external:focus {text-decoration: underline; background: url(images/icons/external-hover.gif) right no-repeat;}	
p.back2top {position:relative; bottom: 0; left: 50%; background: url(images/top_bg.gif) no-repeat; display: inline-block; width: 5.8em; height: 2.8em; padding: 0 !important; text-align: center; vertical-align: middle;}
p.back2top a.back2top {background: url(images/icons/top.png) center no-repeat; display: block; height: 3.2em; text-indent: -9999px;}
/* FORMS */
	em.required {font-size:0.8em; font-weight:normal; margin-left:0.3em; vertical-align:top;}
	dl.form.float-l dt, dl.form.float-l dd,
	ul.form.float-l li {float: left;}
	p.action {display: inline-block;}
	/* Inputs */
	input, textarea, select {border: 1px solid #bcbcbc; font-size: 1.1em;}
	input.i-bg, textarea, select.s-bg, input.no-bg{font-size: 1.2em; padding: 0.2em 0 0.2em 0.6em;}
	input.i-bg1, textarea.i-bg1  {font-size: 1.2em; padding: 0.4em 0 0.4em 0.6em;}
	input.i-bg, select.s-bg {background: url(images/i-bg.png) top repeat-x; margin-bottom: 0.2em;}
	textarea.t-bg {background: #ebebeb url(images/t-bg.png) top repeat-x;}
	select {background: #fff;}
	input.radio {border: none !important;}
	label {font-weight: bold; font-size: 1.2em;}
	input.i-bg1, textarea.t-bg1 {border: 1px solid #c0bcb1; background: url(images/i-bg1.png) bottom repeat-x; width: 98%;}
	.i-submit {background: url(images/i-submit.png); width: 5.2em; height: 2em; display: block;}
	.i-signup {background: url(images/i-signup.png); height: 2.2em; width: 5.2em;} 
	.i-signup, .i-submit {text-indent: -9999px; border: none; cursor: pointer; background-repeat: no-repeat;} 

/* ICONS */
a.youtube {background: url(images/icons/youtube.png);}
a.facebook {background: url(images/icons/facebook.png);}
a.twitter {background: url(images/icons/twitter.png);}
a.sphinn {background: url(images/icons/sphinn.png);}
a.buzz {background: url(images/icons/buzz.png);}
a.linkedin {background: url(images/icons/linkedin.png);}
a.youtube, a.facebook, a.twitter, a.sphinn, a.buzz, a.linkedin {display: inline-block; width: 3.2em; height: 3.2em; background-repeat: no-repeat;}
li.email {background: url(images/icons/email.png); margin-left:1.7em; padding:0.5em 0 0 3em;}
li.phone {background: url(images/phone.png); width: 147px; height: 32px;}
.arrow.style1 {background: url(images/icons/arrow1.gif) 100% 60%; padding-right: 1em; color: #000; font-size: 1.1em;}
.arrow.style1:hover {text-decoration: none;}
.arrow.style2 {background: url(images/icons/arrow2.gif) 0 50%; text-indent: -9999px; display: inline-block; width: 0.5em; height: 1.1em; margin-left: 0.3em;}
.checked {float: right; margin: 0.5em 0.5em 0 0; background: url(images/icons/checked.png) no-repeat; display: inline-block; width: 3.4em; height: 3.3em; text-indent: -9999px;}
.ryp {background: url(images/logo-small.png); width: 3em; height: 1.5em; display: inline-block;}
.mp3 {background: url(images/icons/mp3.png) left; display: inline-block; padding:0 2.2em 0 0; height:1.2em;}
.mp3:hover, .mp3:focus {background: url(images/icons/mp3-hover.png) left;}
.send-email {background:  url(images/icons/email-send.png) left; display: inline-block; padding: 0.2em 0 0 2.2em; font-size: 0.9em;}
.copy {background: url(images/icons/copy.png); }
.pdf {background: url(images/icons/pdf.png); padding: 0 0 0 1.5em;}
.warning {background: url(images/icons/warning.png) 0 0; padding-left: 2.8em !important; display: inline-block;}
.why {background: url(images/icons/question.png) right; padding-right: 2.8em !important; display: inline-block;}
h2.arrow {background: url(images/icons/arrow-blue.png) 0 70% no-repeat; padding-left: 1.5em;}
li.email, li.phone, .arrow, .icon, .pdf {background-repeat: no-repeat !important;}
li.phone, .ryp {text-indent: -9999px;}

/* IMAGES */
img.avatar {border: 1px solid #EAEAEA; padding: 0.1em;}

/* NAVIGATION */
	#nav {width: 99%; border-color: #edf3f9;}
	#nav .holder {margin: 0.1em; background: url(images/body_bg.png) repeat-x; width: 99.8%;}
	#nav dl {width: 30%; margin: 2.2em 0 1.5em 2.5%;}
	#nav dl dt {width: 100%; border: 0.1em solid #a9b8c7; background: url(images/nav_links-title_bg.png) 0 0 repeat-x;}
	#nav dl dt span.text {display: inline-block; text-indent: -9999px; height: 6.5em; float: left; margin: 3em 0 0 2em;}
	#nav dl dt .business {background: url(images/text_business.png) no-repeat; width: 20.7em;}
	#nav dl dt .website {background: url(images/text_website.png) no-repeat; width: 22.6em;}
	#nav dl dt .marketing {background: url(images/text_marketing.png) no-repeat; width: 21.9em;}
	#nav dl dd {width: 93%; min-height: 10em; border-top: 0.7em solid #d0deea; background: url(images/nav_links-bg.png) repeat-x; margin: 0.1em 0 0 0.1em; padding: 1.7em 0 0 2em;}
	#nav dl dd ul.first-child {width: 65%;}
	#nav dl dd ul.last-child {width: 35%;}
	#nav dl dd ul li {line-height: 190%; width: 100%;}
	#nav dl dd ul li a, a.arrow.next {font-size: 1.1em; background: url(images/icons/arrow-blue.gif) 0 50% no-repeat; padding-left: 1em;}
	#nav dl dd ul li a:hover, a.arrow.next:hover {background: url(images/icons/arrow-red.gif) 0 50% no-repeat; color: #cc0707; text-decoration: none;}
	
/* CONTENT */
	#content {width: 99%; border-color: #cdcdcd; border-top: none !important; border-bottom: none !important; background: url(images/content_bg.gif) 0 0 repeat-x;}
	#content h1.title {font-family: Georgia; font-size: 1.8em; font-weight:bold; margin: 0.5em 0.5em 0 1.5em; padding:1.5em 0 0.1em; text-transform:uppercase; border-bottom: 1px dotted; color: #c2c2c2;}
	.content {width: 64%; padding: 1em 2.5em 2em 2.5em;}
	.content .important {font-size: 1.6em; font-family: Georgia; font-weight: bold; padding: 1em 0 0.5em 0; line-height: 140%;}
	.content h3 {padding: 0.5em 0 0.5em 0; line-height: 150%;}
	#content .content p, #content .content ul li {line-height: 140%;}
    #content .body ul {padding: 0 0 1em 3em;}
	#content .body ul li {font-size: 1.2em; background: url(images/icons/dot-red.gif) 0 0.7em no-repeat; padding: 0 0 1em 0.8em;}
	#content .body  h1 {font-weight: bold; padding: 12px 0 8px;}
	#content .case-study {background: url(images/body_bg.png) repeat-x 0 0; float: left; margin:2em 0 0; padding:0 1em 1em; border-top: 1px solid #CDCDCD;}
	#content .case-study h2 {font-size: 2.4em; color: #0d589a; padding: 0.5em 0 0.3em;}
	#content .case-study dl dt {width: 34%; text-align: left; vertical-align: middle;}
	#content .case-study dl dt a {display: block;}
	.case-study a.external {font-size: 0.9em;}
	#content .case-study dl dt img {padding: 0.1em; border: 1px solid #ccc;}
	#content .case-study dl dt img:hover {padding: 0; border: 2px solid #71B5F3;}
	#content .case-study dl dd {font-family: Georgia; border-left: 1px dotted #c2c2c2; padding-left: 1.5em; width: 62%; font-size: 1.2em; line-height: 160%;}
	
/* ASIDE */
	.aside {width: 30%; padding-bottom:1.5em;}
	.aside .section , .aside .widget_recent_entries, .aside .widget_categories {float: left; border: 1px solid #eaeaea; margin-top: 1.5em; padding: 1em; width: 92%;}
	/* Subscribe */
	.aside li#text-3{width: 283px; float: left; margin-top: 15px; background: #FFF6E0; border:1px solid #EAEAEA; padding: 10px 0 10px 10px;}
	.aside li#text-3 .textwidget {position: relative;}
	.aside li#text-3 .textwidget a {margin-top: 10px; display: inline-block;}
	.aside li#text-3 form{border: none !important; text-align: left !important; display: inline-block; width: 230px;}
	.aside li#text-3 form input {position: absolute; top: 18px; right: 15px; text-indent: -9999px; border: none; background: url(images/i-subscribe.png) no-repeat; width: 70px; height: 26px;}
	.aside li#text-3 form p input {width: 145px !important; position: static; padding:0 0 0 5px; border:1px solid #BCBCBC; text-indent: 0; background: #fff;}
	.aside li#text-3 p {font-size: 1.2em; float: left;}
	/* Search */
	.aside .section.search {background: url(images/pattern.gif) repeat 0 0;}
	.aside .section.search input.search {background: #fff url(images/icons/zoom.png) 0.5em center no-repeat; padding: 0.4em 0 0.3em 2.5em; font-size: 1.2em; width:14.5em; font-family: Georgia; color: #969092;}
	.aside .section.search input.i-search {background: url(images/icons/i-search.png) 0 0 no-repeat; text-indent: -9999px; width: 5.2em; height: 2.6em; border: none; margin-left:0.5em; cursor: pointer;}
	.aside .section h2, .aside .widget h2  {font-family: Georgia; font-size: 2em; color: #0d589a; font-weight: normal;}
	/* Share */
	.share {background: #f9f9f9;}
	.share dl dt {font-family: Georgia; font-size: 1.4em; display: inline; padding:0.5em 0.5em 2.5em 0.2em; font-weight: bold;}
	.share dl dd {margin: 0 0.2em;}
	/* Subscribe */
	.aside .section.subscribe h2 {border-bottom: 1px dotted #eaeaea;}
	.aside .section.subscribe p.rss {background: url(images/icons/feed.png) no-repeat; padding: 0.2em 0 0 2em; font-size: 1.2em; font-family: Georgia; margin-top: 1em;}
	/* Recent */
	.aside .widget_recent_entries {background: url(images/icons/news.png) 98% 1em no-repeat;}
	.aside .widget_recent_entries h2 {border-bottom: 1px dotted #eaeaea; margin-right:2.7em;}
	.aside .widget_recent_entries ul  {padding-top: 1.5em;}
	.aside .widget_recent_entries ul li {font-size: 1.2em; font-family: Georgia;line-height:170%;}
	.aside .widget_recent_entries ul li a {background: url(images/icons/arrow2.gif) 0 center no-repeat; padding-left: 1em;}
	.aside .widget_recent_entries ul li a:hover, 
	.aside .widget_recent_entries ul li a.active {background: url(images/icons/arrow2-hover.gif) 0 center no-repeat;}
	/* Categories */
	.aside .widget_categories h2 {border-bottom: 1px dotted #eaeaea;}
	.aside .widget_categories dl {width: 90%; padding: 1em 0 0 2.7em;}
	.aside .widget_categories dl dt {font-size: 1.3em; font-family: Georgia; color: #666; font-weight: bold; padding:0 0 0.1em 1.5em; border-bottom: 1px solid #a7a7a7; background: url(images/icons/folder.png) left center no-repeat; margin-top: 1em;}
	.aside .widget_categories dl dd {width: 100%;}
	.aside .widget_categories ul {width: 100%;}
	.aside .widget_categories ul li {border-bottom: 1px dotted #eaeaea; padding: 0.8em 0 0.4em 0; background: url(images/icons/arrow-blue.gif) 1em 60% no-repeat; color: #666; font-family: Georgia; font-size: 1.2em;}
	.aside .widget_categories ul li:hover, 
	.aside .widget_categories ul li.active {background: #FFF6E0 url(images/icons/arrow-red.gif) 1em 60% no-repeat;}
	.aside .widget_categories ul li a {font-size: 1.2em; padding: 0 0.5em 0 2em; display: inline-block;}
	.aside .widget_categories ul li:hover a, .aside .section.category ul li.active a {color: #cc0707; text-decoration: none;}