/*
Theme Name: RoniNoone.com
Theme URI: http://roninoone.com/
Description: Theme for RoniNoone.com
Version: 1.0
Author: Jennette Fulda at Make My Blog Pretty
Author URI: http://makemyblogpretty.com/
*/

/* Color code notes
Dark blue: #3e606f
Pale yellow: #e8dc88
Bright orange: #ff9000
/*

/* Reset all browser CSS */
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, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}




/* Global styles */
.clear {clear:both;}
.left, .alignleft {float:left;}
.right, .alignright {float:right;}

.r5 {margin-right:5px;}
.r10 {margin-right:10px;}
.r15 {margin-right:15px;}
.r20 {margin-right:20px;}
.r40 {margin-right:40px;}
.r60 {margin-right:60px;}
.t5 {margin-top:5px;}
.t7 {margin-top:7px;}
.t10 {margin-top:10px;}
.t15 {margin-top:15px;}
.t20 {margin-top:20px;}
.b3 {margin-bottom:3px;}
.b5 {padding-bottom:10px;}
.b20 {margin-bottom:20px;}

ul.nobullets {list-style:none;margin:0;padding:0;}
ul.nobullets li {padding-bottom:2px;}
ul.horiz li {float:left;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}

strong, b {font-weight:bold;}
em, i {font-style:italic;}

blockquote {margin:20px 20px; background-color:#eee;border:solid 1px #CCC;border-left:none;border-right:none;padding:5px 10px 5px 20px;}

body {font-family: Tahoma,sans-serif;color:#333;font-size:14px;line-height:1.5;background:url('images/menu_bg.jpg') top center repeat-x #fff;}

a {color:#ff9000;text-decoration:none;}
a:hover {text-decoration:none;color:#fff;background-color:#999;}
a:focus {outline: none;}
a:visited {}

h1 {font-size:24px;color:#666;border-bottom:solid 1px #ccc;padding-bottom:20px;}
h2 {font-size:24px;color:#666;margin:15px 0}
h3 {font-size:18px;color:#666;margin:10px 0;}
h4 {font-size:16px;color:#666;}
h5 {font-size:14px;}
h6 {font-size:12px;font-weight:normal;}

.post ul {
margin-left:30px;
}
.post ul li {
margin-bottom:2px;
}

#header-wrap, #content-wrap, #footer-content {width:850px;margin:0 auto;}

/* Floating menu */
#floatMenu {position:absolute;top:200px;left:0;height:200px;width:50px;background:url('images/social-media-bar-bg.png') no-repeat;}
#floatMenu ul {margin:13px 0 0 10px;list-style:none;}
#floatMenu ul li {padding-bottom:5px;}
#floatMenu ul li a {display:block;text-decoration:none;width:16px;height:16px;background:url('images/float_nav_icons.png') no-repeat;}
#floatMenu ul li a span {display:none;}
#floatMenu ul li a#icon-twitter {background-position:0 -16px;}
#floatMenu ul li a#icon-facebook {background-position:0 -32px;}
#floatMenu ul li a#icon-blip {background-position:0 -48px;}
#floatMenu ul li a#icon-viddler {background-position:0 -64px;}
#floatMenu ul li a#icon-dailybooth {background-position:0 -80px;}
#floatMenu ul li a#icon-twitpic {background-position:0 -96px;}
#floatMenu ul li a#icon-podcast {background-position:0 -112px;}

/* Header and search bar */
#header-wrap {height:175px;}
#logo a {display:block;width:345px;height:120px;background:url('images/logo.png') no-repeat;}
#logo a:hover {background-position:0 -120px;}
#logo a span {display:none;}

#search-stuff {width:245px;float:right;margin-top:15px;}
#search-stuff input.search-text {color:#999;width:180px;float:left;padding:2px;margin:0 5px 0 0;border:none;height:19px;}
#search-stuff input.search-button, .comment-button {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url('images/but_bg.png') no-repeat scroll 0 0;border:0 none;cursor:pointer;overflow:hidden;padding:0;text-transform:uppercase;color:#fff;font-weight:bold;height:24px;}
#search-stuff input.search-button {width:43px;}

/* Slogan slideshow */
#slogan {width:505px;height:120px;color:#3e606f;font-size:24px;font-weight:normal;}
#slideshow {position:relative;}
#slidshow ul {list-style:none;margin:0;padding:0;}
#slideshow li {list-style:none;position:absolute;top:0;left:0;z-index:8;opacity:0.0;background-color:#fff;width:505px;height:120px;cursor:pointer;}
#slideshow li.active {z-index:10;opacity:1.0;}
#slideshow li.last-active {z-index:9;}
#slideshow p {margin-top:63px;line-height:1;}

/* Columns */
#content-wrap {padding:20px 0;min-height:400px;}
#col1 {float:left;width:585px;margin-right:20px;}
#col2 {float:left;width:240px;}

/* Posts  */
#col1 p {margin-bottom:10px;}
.postmetadata {font-size:12px;color:#999;}
.date-col {width:35px;margin-right:15px;text-align:center;font-weight:bold;color:#666;line-height:1.2;padding-top:5px;}
.month {text-transform:uppercase;font-size:15px;}
.day {font-size:22px;}
.year {font-size:11px;}
.post-col {width:535px;}
.post-col h2, .post-col h3 {

margin-bottom:5px;


}
.post-col h3 {

margin:15px 0;


}

.post-col img {border:solid #ccc 1px;}
.post-col ul, .post-col ol {margin:0 0 10px 30px;}

.post-col li {
margin-bottom:15px;
}
/* Trackbacks */
#trackbacks {border-top:solid 1px #ccc;padding-top:20px;margin-bottom:20px;color:#666;}
#trackbacks h4, #comments h4, #respond h4  {margin-bottom:10px;}
#trackbacks ul {list-style:none;}

/* Comments */
#comments {border-top:solid 1px #ccc;padding-top:20px;margin-bottom:20px;color:#666;}
ul#comments-list {list-style:none;}
ul#comments-list li {padding:15px;}
.comment-avatar {width:40px;margin-right:15px;}
.comment-main {width:500px;color:#000;}
.comment-meta {color:#666;margin-bottom:6px;}
ul#comments-list .even {background-color:#fff;}
ul#comments-list .odd {background-color:#f5f5f5;}
span.comment-date a {color:#666;}
span.comment-date a:hover {background-color:#666;color:#fff;}

ul#comments-list .highlight {background-color:#3e606f;color:#fff;}
ul#comments-list .highlight .comment-meta {color:#ddd;}
ul#comments-list .highlight .comment-date a {color:#fff;}
ul#comments-list .highlight .comment-main {color:#fff;}
ul#comments-list .highlight a {color:#e8dc88;}



ul#comments-list .bypostauthor {background-color:#3e606f;color:#fff;}
ul#comments-list .bypostauthor .comment-meta {color:#ddd;}
ul#comments-list .bypostauthor .comment-date a {color:#fff;}
ul#comments-list .bypostauthor .comment-main {color:#fff;}
ul#comments-list .bypostauthor a {color:#e8dc88;}

#respond {border-bottom:solid 1px #ccc;margin-bottom:20px;padding-bottom:20px;}
#respond label {color:#666;}
.smaller {font-size:85%;}
textarea {font-family:Tahoma, sans-serif;font-size:14px;border:solid 1px #ccc;padding:3px;}
.comment-button {width:66px;}
#respond input {border:solid 1px #ccc;padding:3px;}

/* Navigation */
div.navigation {color:#666;}
div.navigation div.alignleft, div.navigation div.alignright {width:48%;}
div.navigation div.alignright {text-align:right;}

/* Override styles in WP-Pagenavi plugin */
.wp-pagenavi span {border:none !important;}
.wp-pagenavi span.current {border:solid 1px #fff !important;color:#999 !important;padding:5px !important;}
.wp-pagenavi a {padding:5px !important;}
.wp-pagenavi a:hover {text-decoration:none !important;color:#fff !important;background-color:#999 !important;border:solid 1px #ccc !important;}

/* Archives */
.archive {border-bottom:solid 1px #ccc;padding-bottom:20px;}

/* Callouts */
.ht60 {height:60px;}
.ht75 {height:75px;}
.callout-borders {border:solid 1px #ccc;border-left:none;border-right:none;}
.callout-logo {width:185px;}
.callout-image {float:left;}
.callout-image img, .callout-image .left {float:left;border:solid 1px #ccc;width:50px;margin:0;padding:0;}
 .callout-image p {display:none;}
.callout-text a {color:#3e606f;font-size:14px;}
.callout-text a:hover {background-color:#3e606f;color:#fff;font-size:14px;}
.callout-text {font-size:11px;color:#999;}
.span183 {width:183px;}
.span185 {width:185px;}
.span400 {width:400px;}
.span350 {width:340px;padding-left:10px;}

/* Sidebar */
.font12 {font-size:12px;line-height:1.3;}
.border {border:solid 1px #CCC;}
.border-dark {border:solid 1px #666;}
.center {text-align:center;}
	
#blogherads-block {background:url('images/ad_bg.jpg') #cfd9d8;padding:20px 0 15px 38px;color:#333;font-size:12px;}
#blogherads-block a {color:#333;}

/* Blogher styles. Names coded into their javascript */
#blogherads ul li {font-size:11px;margin-bottom:3px;}
#blogherads a.bhaheadlines {color:#3e606f !important;}
#blogherads a:hover {background-color:#666 !important;color:#fff !important;}

/* Footer */
#footer-wrap a {color:#e8dc88;}
#footer-wrap a:hover {color:#fff;}
#footer-wrap {background:url('images/footer_bg.jpg') #3e606f;min-height:380px;color:#fff;}
#footer-content {padding:20px 0;}
#foot1, #foot2 {width:200px;}
#foot3 {width:205px;}
ul.double {width:230px;}
ul.double li {width:100px;float:left;}

/* Menu */
ul#nav {margin:0;padding:0;list-style:none;float:left;font-size:18px;line-height:1.0;}
ul#nav li {float:left;}
ul#nav li a {display:block;float:left;color:#fff;height:37px;padding:18px 15px 0;font-weight:normal;}
ul#nav li a:hover {color:#e8dc88;text-decoration:none;background:url('images/menu_rollover.png') bottom center no-repeat;}
ul#nav li.first a {padding-left:0;}
ul#nav li.first a:hover {background-position: 4px 42px;}







.posts img {
background-color:#fff;
}

img.center{
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	margin-bottom:5px;
	border: 1px solid #ccc;
	background-color:#fff;

}

.center {

text-align:center;

}


img.right {
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 10px;
	background-color:#fff;

float:right;}

img.left {
	padding: 2px;
	border: 1px solid #eee;
	margin: 0 8px 0 8px;
	background-color:#fff;

float:left;}

.strike {
text-decoration:line-through;
}



#contactform {

}
#contactform label {
width:150px;
margin-bottom:25px;
float:left;
display:block;
}

#contactform input, #contactform textarea {
margin-bottom:25px;
clear:right;
width:200px;
vertical-align:top;
}

.code{
	background-color:#fafbf9;
	background-repeat: no-repeat;
	border:1px dotted #d1dbbd;
		font-family:"Courier New", Courier, monospace;
		margin:10px;
		padding:10px;
	
	
}

.code2{
	background-color:#fafbf9;
	background-repeat: no-repeat;
	border:1px dotted #d1dbbd;
		font-family:"Courier New", Courier, monospace;
		margin:15px 0px;
		padding:3px;
		font-size:75%;
	
	
}



table{border-spacing:1px;border:1px solid #f7f4d6;width:100%;margin:10px 0 15px 0;}
td, th{padding:4px;}
th{text-align:center;background-color:#f7f4d6;color:#666666;border:0;}
tr{background-color:#faf9f3;text-align:left;border:0}


.video {
text-align:center;
margin:auto;
padding-bottom:20px;

}

dl {
margin:10px 0;
background-color:#fafbf9;
padding:15px;
border:1px solid #d1dbbd;
}

dd {
padding-left:25px;
}

dt {
font-weight:bold;
margin:5px 0;
}

small {
color:#666;
font-style:italic;
}





#smmtop {
position:absolute;
width:100%;
top:0;
background-color:#426372;
text-align:center;
border-bottom:1px solid #1e3239;
color:#ff9000;
z-index:1000;
font-size:x-small;
}

#smmtop a{
color:#d3f0ff;
text-decoration:none;
}

#smmtop a:hover{
color:#f1fbf1;
text-decoration:underline;
background-color:transparent;
}


 .sep {
 width:100%;
 border-bottom:1px dotted #ccc;
 }
 
 
 

.RSSexcerpt, .callout-image div {
display:none;
}
