/*
Theme Name: Riot Riot
Theme URI: http://riotriot.net
Description: A nicely modded theme based on blankSlate
Version: 1.0
Author: Philip Scheffer & Jon Christensen
Author URI: http://riotriot.net
Tags: Riot Riot
*/

@import "style/reset.css";

/*Utility Styles************************/
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.aligncenter {
	display:block;
	margin:0 auto;
}

/*
	possibility?: f7f7f7;
	white #FFFFFF;
	grey #acb3bb;
	grey #70767c; nav links
	dark grey #232527;
	green ;
	teal ;
	
	green: #A2CD5A;

*/

* {margin:0;padding:0;}
.clear-both {clear:both;}

body {
	font-size: 1em; 
	font-family: Helvetica; 
	background: transparent url(/images/riot.gif);
	text-align: center;
}

a {text-decoration: none; color: #4781AA;}
a:hover {text-decoration: underline;}
a:visited {color: #4781AA;}

#sidebar a, .post h2 a, .post h3 a, .information-boxes p a {color: #2b2b2b;}


div.entry a {font-weight: bold;}

p {
	font-size:0.8em;
	line-height:1.2em;
	margin-top: 2px;
	margin-bottom: 10px;
}

p a {line-height: 1.2em;}

h1,h2,h3,h4,h5 { 
	font-family: Arial Black;
	font-style: none;
	color: #232527;
}

h1{letter-spacing: -0.06em; font-size: 2em;}
h2{font-size: 1.3em;letter-spacing: -0.05em;}
h3{font-size: 1.1em;}
h4{font-size: 0.9em;}
	
	
input, textarea {
	border: 0px; 
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/trans-black.png);	
	font-size: 1.1em;
	padding: 3px 2px;
	font-family: Georgia;
	font-style: italic;
}

input[type="submit"] {
	padding: 9px 10px 8px 10px;
	background: #232527;
	color: #EFEFEF;
	border: 0px;
	float: left;
	cursor: pointer;
	font-size: 16px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;	
}

input[type="submit"]:hover {
 	background: #333333;
 	color: #709139;
}

form.commentform input, form.commentform label {
	float: left;
}
span.required {
	display: inline-block;
	height: 26px;
	text-indent: -9999em;
	width: 128px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/required.png) no-repeat;
}

.post, .content {
	padding: 15px;
	background-color: #E4DBC9;
}


.all-rounded {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;	
}
	
.top-rounded {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
}

.top-left-rounded {
	-webkit-border-top-left-radius:10px;
	-khtml-border-radius-topleft:10px;
	-moz-border-radius-topleft:10px;
}


.top-right-rounded {
	-webkit-border-top-right-radius:10px;
	-khtml-border-radius-topright:10px;
	-moz-border-radius-topright:10px;			
}


.bottom-rounded {
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;	
}

.bottom-left-rounded {
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-radius-bottomleft:10px;
	-moz-border-radius-bottomleft:10px;
}

.bottom-right-rounded {
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-bottomright:10px;	
	-moz-border-radius-bottomright:10px;	
}


#page {
	width: 100%;
	background: #FFFFFF url(/wordpress/wp-content/themes/riotriot/images/riot-po.gif) no-repeat center bottom; 
	text-align: center; 
	padding: 20px 0 20px 0;
}

#page-inner {
	width: 960px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header { margin-bottom: 0px; }

#nav-block {
	width: 670px;
	height: 110px;
	background: #e2e2e2;
	padding: 15px;
	float:left;			
}

#logo {
	width:160px;
	height:110px;
	float:left;
}

#logo a {
	display: block;
	width: 142px;
	height: 110px;
	text-indent: -9999em;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/riotriot-new.png) 0px 0px no-repeat;
	border: 0px;
	opacity: 1;
}

#logo a:hover {	opacity: 0.6; }

#navigation {
	float:left;
	width:495px;
	height:110px;
	margin-left: 15px;
}

#navigation ul li.page_item.page-item-386 {list-style: none;}

#navigation ul.nav-wrap {
	width: 495px;
	float:left;
}

#navigation ul.nav-wrap li {
	width: 163px; 
	float:left;
}

#navigation ul.nav-wrap li ul li {width: 100%;}

#navigation ul.nav-wrap li {
	list-style: none;
	padding:5px 0px 0px 1px;
}
#navigation ul li.nav-h3 {padding: 0px;}

#navigation ul li.page_item.page-item-386, 
#navigation ul li.page_item.page-item-396, 
#navigation ul li.page_item.page-item-397 {padding: 0px;}

#navigation ul li.page_item.page-item-386 a, 
#navigation ul li.page_item.page-item-396 a, 
#navigation ul li.page_item.page-item-397 a {
	font-size: 1.1em;
	padding: 0px;
	font-family: Arial Black;
	font-style: none;
	color: #232527;
}

#navigation ul li.page_item.page-item-386 a:hover, 
#navigation ul li.page_item.page-item-396 a:hover, 
#navigation ul li.page_item.page-item-397 a:hover {text-decoration: none;}

#navigation ul.nav-wrap li ul li a,
#navigation ul li.page_item.page-item-386 ul li a,
#navigation ul li.page_item.page-item-396 ul li a, 
#navigation ul li.page_item.page-item-397 ul li a {
	font-size: 0.85em;
	color:#70767c;
	font-family: Helvetica;
}

#navigation ul.nav-wrap li ul li a:hover,
#navigation ul li.page_item.page-item-386 ul li a:hover,
#navigation ul li.page_item.page-item-396 ul li a:hover, 
#navigation ul li.page_item.page-item-397 ul li a:hover {text-decoration: underline;}

#randomizer {
	width: 220px;
	height: 120px;
	background: #A2CD5A url(/images/twitter-bird.png) no-repeat right bottom;
	padding: 10px;
	float:left;
	margin-left: 20px;		
}

#randomizer h3 {font-style: italic;padding-top: 2px;}

#tweet {
	width:120px;
	height: 115px;
	background: #FFFFFF;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;			
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	padding: 0px 5px 5px 5px;
	float:left;
}

#twitter_update_list li {
	list-style: none;
	padding-left: 2px;
}

#twitter_update_list li span {
	line-height: 110%;
}

#twitter_update_list li a {display: none;}
#twitter_update_list li span a {display: inline;}

#featured {
	margin:20px 0px 0px 0px;
	background: #FFFFFF url(/wordpress/wp-content/themes/riotriot/images/mf-rr-mainpage.jpg) no-repeat; 
	height: 300px;
	display: block;	
}

a#view-port {
	width:960px;
	height:300px;
	opacity:0;
	display:block;
	position: relative;
	background: transparent url(/images/white.png) 0 0;
	text-decoration: none;
	font-family: Arial Black; 
	font-size: 1.3em;
	line-height: 300px;
	text-align: center;
}
	
a#view-port:hover {
	opacity:1;
	z-index: 10;
}

a#view-port span {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	padding: 20px;
	background: #232527;
	color: #EFEFEF;
	border: 0px;
}

#featured-view{background: blue;}

#main {
	padding: 15px;
	margin:0px 0px 0px 0px;
	background: #E4DBC9;
}

#main-splash {background: transparent;}

.information-boxes {
	float: left; 
	width: 290px; 
	display: block; 
	margin-right:20px;
}

.last-information-box, .first-information-box {width:295px;}
.last-information-box {margin-right:0px;}

	.information-boxes p {
		padding-left:1px;
		margin-bottom: 0; 
		font-size: 0.9em; 
		line-height: 1.4em;
	}
	.information-boxes a {
		font-family: Arial Black;
		font-style: italic;
		font-weight: bold;
		font-size:0.89em;
	}
	
	.information-boxes ul {
		list-style-type: none; 
		padding: 0px; 
		margin: 0px;
	}
	
	.information-boxes li {font-size: 0.75em;}

#pepperidge-farms-breadcrumbs {}
 
#footer{
	margin: 20px 0px 0px;
	background: transparent;
	padding: 0 0 20px 0;
}

#footer-inner {
	width: 960px;
	background: transparent url(/images/white.png);
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#footer-inner ul li {
	list-style: none;
	padding: 5px 0px 0px;
}

#footer-inner ul li span {
	font-size: 0.85em;
}

#footer-inner ul li a {
	font-size: 0.85em;
	color: #e08e18;
}

#footer-inner ul#useful li a {
	color: #709139;
}


#footer-inner ul#recentpostshome li a {
	color: #666666;
}

#footer-inner div#current ul li a {
	font-size: 0.85em;
	color: #70767c;
}

#footer-inner #searchform {
	margin-top: 20px;
}

#rss-feed {
	text-indent: -9999em;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/rss.png) 0 0 no-repeat;
	display: inline-block;
	width: 15px;
	height: 15px;
}

#rss-feed:hover {
	background-position: 0 -15px;
}

input.default-value {
	float:left; 
	padding: 10px 4px; 
	line-height: 18px; 
	font-size: 17px;
	width: 325px;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/trans-black.png);
}

.input-shadow-wrapper {
	padding: 4px;
	margin-left: -4px;
	width: 333px;
	height: 41px;
	float: left;
}

.input-shadow {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/input.png) no-repeat;
}

.input-shadow-on {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/input.png) no-repeat;
}

.textarea-shadow-wrapper {
	padding: 4px;
	margin-left: -4px;
	width: 333px;
	height: 208px;
	float: left;
}

.textarea-default-value {
	float:left; 
	padding: 10px 4px; 
	font-size: 17px;
	width: 325px;
	height: 178px;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/trans-black.png);
}

.textarea-shadow {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/textarea.png) no-repeat;
}

.textarea-shadow-on {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/textarea.png) no-repeat;
}

#sidebar .input-shadow-wrapper {
	width: 208px;
	margin-left: 0px;
}

#sidebar .input-shadow {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/input-small.png) no-repeat;
}

#sidebar .input-shadow-on {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/input-small.png) no-repeat;
}

span.wpcf7-form-control-wrap.input-shadow-wrapper {
	clear: both;
}

.wpcf7-form {
	width: 341px;
}

#request-info {
	float: left;
	width: 228px;
	padding-right: 20px;
	margin-top: 20px;
}

#request-quote div.wpcf7, #request-quote .wpcf7-form {
	width:682px;
	float: left;
}

#request-quote div.wpcf7 {
	margin-top: 20px;
}

input.float-right {
	float: right;
	margin: 0px 10px 0px 0px;
}

.form-col {
	width: 341px; 
	float: left;
}

.wpcf7-form span.input-shadow-wrapper {
	margin-bottom: 10px;
}

h5#games {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/games.png) left 2px no-repeat;
	padding-left: 25px;
}
/* posts page */
#error-content {
	margin-top: 20px;
	padding:15px;
	width: 585px;
	float:left;
	background: transparent;
	color: #f5010a;
}

#error-content h2 {
	color: #f5010a;
}

#content {
	width: 615px;
	float:left;
	/* background: transparent url(/images/riot.gif); */
}

div.post-image {
}

div.post-image img {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;	
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

#blog-landing-page {
	padding-top: 20px;
}

.post {
	padding: 15px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	margin-bottom: 20px;
}

.post ul {margin-bottom: 10px;}

.post ul li {
	padding: 4px 0px;
	font-size: .9em;
}

.post p a img {
	margin: 10px auto;
	padding: 4px; 
	background: #efefef; 
	border: 1px solid #CCCCCC;
}

.post img.framed {
	padding: 4px; 
	background: #efefef; 
	border: 1px solid #CCCCCC;
}

#sidebar {
	float:left;
	margin-left:20px;
}

#content #rr-code {
	background: transparent url(http://riotriot.net/wordpress/wp-content/themes/riotriot/images/trans-black.png);
	/*margin-left: 20px;*/
	padding: 15px;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
	/*float: left;*/
	font-style: italic;
}


#content ul, #faq ul {margin-left: 30px;}
#content ul li, #faq ul li {
font-size: 13px;
list-style-image:url("/wordpress/wp-content/themes/riotriot/images/raquo.gif");
}


/* wordpress search */
#sidebar form#searchform input {
	float:left;
}
#sidebar input#s {
	width:200px;
}

#sidebar input#go {

}

#sidebar form#searchform div {
	margin-left: -3px;
}

#sidebar ul li {
	width: 295px;
	background: transparent url(/images/riot.gif);
	padding: 15px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	margin-bottom: 10px;
}

#sidebar ul li ul li, #sidebar ul li ul li ul li {
	background: transparent none;
	padding: 0px;
	margin-bottom: 0px;
	width: auto;
}

/* sidebar */
.recent-comments {
	margin-bottom: 5px;
}

.recent-comments li	a {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/trans-black.png) repeat scroll 0 0;
	padding:15px;
	font-size: 0.8em;
	margin-top: 10px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;			
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	display: block;	
	font-weight: bold;
}

.recent-comments li	a span.recent-comment-actual {
	font-family: Georgia;
	font-weight: 400;
}

.recent-comments li a:hover {
	background: #C9DFDD url();
}


.categories ul, .related_post {
	padding-left: 25px;

}


.categories ul li.cat-item, .related_post li {
	margin-top: 5px;
	font-style: italic;
	font-family: Georgia;
	list-style-image:url(/wordpress/wp-content/themes/riotriot/images/raquo.gif);
}

#flickr h2 {
	margin-bottom: 10px;
}

#flickr a {margin:0;padding:0;float:left;}

/* who we are */
#bio-wrap {
	width:960px; 
	float:left;
	background: #FFFFFF url() right top repeat-y;
	margin:0px 0px 0px 0px;
}

.bio {
	width: 615px;
	float:left;
}

.bio-extra {
	float:left;
	width:314px;
	margin: 0px 0px 0px 0px;
	padding: 15px;
	border:1px solid #E2E2E2;
	border-left: none;
	background: transparent url() repeat-y;
}

#bio-details .details {
	font-size:0.8em;
	margin: 5px 0px 10px 0px;
	font-style: italic;
}

#bio-details {
	padding: 15px;
	width: 315px;
	height: 270px;
	margin:0px 0px 0px 0px;
	background-color:#E4DBC9;
	float: left;
	/*border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
}

#bio-details p {
}

#jon {
	background: #FFFFFF url(/wordpress/wp-content/themes/riotriot/images/jon-dark.jpg) no-repeat; 
	height: 300px;
	width: 615px;
	display: block;	
}

#phil {
	background: #FFFFFF url(/wordpress/wp-content/themes/riotriot/images/phil-large.jpg) no-repeat; 
	width: 615px;
	height: 300px;
	display: block;	
}

#marco {
	background: #FFFFFF url(/wordpress/wp-content/themes/riotriot/images/marco-large.jpg) no-repeat; 
	height: 300px;
	width: 615px;
	display: block;	
}

#justin {
	background: #FFFFFF url(/wordpress/wp-content/themes/riotriot/images/justin-large.jpg) no-repeat; 
	width: 615px;
	height: 300px;
	display: block;	
}

ul.social {
	margin: 10px 0px 20px 0px;
}


ul#recentposts {
	margin-bottom: 20px;
}

ul#recentposts li {
	font-size: .8em;
	padding: 8px 0px 8px 15px;
}

ul#recentcomments {}
ul#recentcomments li {
	font-size: .8em;
	padding: 8px 0px 8px 15px;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/quotes.png) no-repeat; 
}


ul#recentcomments li a {
}

.bio-thumbs {
	margin-left: 30px;
	margin-top: -5px;
	margin-right: -10px;
	float:left;
	width:577px;
}

.bio-thumb {
	float:left;
}

div#phil-bio {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/phil-outline.gif) no-repeat;
	height:400px;
	width:200px;
	display: block;
}

div#jon-bio {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/jon-outline.gif) -120px 0px no-repeat;
	height:400px;
	width:220px;
	display: block;
}

div#marco-bio {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/marco.jpg) no-repeat;
	height:200px;
	width:960px;
	display: block;
}

div#justin-bio {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/justin.jpg) no-repeat;
	height:200px;
	width:960px;
	display: block;
}

a.bio-over {
	width:200px;
	height:400px;
	opacity:0;
	display:block;
	position: relative;
	background: transparent url(/images/white.png) 0 0;
	text-decoration: none;
	font-family: Arial Black; 
	font-size: 1.3em;
	line-height: 400px;
	text-align: center;
}

div#jon-bio a.bio-over {
	width:230px;
}
	
a.bio-over:hover {
	opacity:1;
}

a.bio-over span {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	padding: 20px;
	background: #232527;
	color: #EFEFEF;
}

#who-we-are {
	width: 440px;
	float:left;
	margin: 0 30px;
}

/* portfolio pages */
#portfolio-wrap {
	width: 960px;
	height: auto;
}

#portfolio-wrap #ajax-loader {
	width: 960px;
	height: auto;
	text-align: center;
	display: inline-block;
}

#portfolio-wrap #ajax-loader img {margin-top: 350px;}	

#featured-port {
	margin:0px 0px 0px 0px;
	background: #FFFFFF url(/images/portfolio/mf.jpg) no-repeat; 
	height: 298px;
	display: block;	
	border: 1px solid #CCCCCC;
}

#featured-port a {height: 298px;}

a#view-port-small-with-label {
	width:308px;
	height:233px;
	opacity:0;
	display:block;
	position: relative;
	background: transparent url(/images/white.png) 0 0;
	text-decoration: none;
	font-family: Arial Black; 
	font-size: 1.3em;
	line-height: 235px;
	text-align: center;
}

a#view-port-small {
	width:308px;
	height:233px;
	opacity:0;
	display:block;
	position: absolute;
	background: transparent url(/images/white.png) 0 0;
	text-decoration: none;
	font-family: Arial Black; 
	font-size: 1.3em;
	line-height: 233px;
	text-align: center;
	z-index: 1;
}

a#view-port-small:hover {
	opacity:1;
	z-index: 1;
}

a#view-port-small span {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	padding: 20px;
	background: #232527;
	color: #EFEFEF;
	border: 0px;
}

.featured-label {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/featured.png) no-repeat;
	width: 104px;
	height: 106px;
	display:block;
	margin:-4px 0 0 858px;
	padding: 4px 4px 0 0;
	z-index: 9999999;
	position: absolute;
	float: right;
}

.new-label {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/new.png) right top no-repeat;
	width: 104px;
	height: 106px;
	display:block;
	margin: -4px 0 0 204px;
	padding: 4px 5px 0 0;
	z-index: 9999999;
	position: absolute;
	float: right;
}

.port { margin-top: 15px; }
.port.middle { margin: 15px 15px 0px 15px; }

#jm {
	background: #EFEFEF url(/wordpress/wp-content/themes/riotriot/images/jjs.jpg) 4px 4px no-repeat; 
	height: 233px;
	width: 308px;
	display: inline block;
	float: left;
 	border: 1px solid #CCCCCC;
}

#rsp {
	background: #FFFFFF url(/images/portfolio/rsp.jpg) no-repeat; 
	height: 233px;
	width: 308px;
	display: inline block;
	float: left;
 	border: 1px solid #CCCCCC;
}

#xjc {
	background: #FFFFFF url(/images/portfolio/xjc.jpg) no-repeat; 
	height: 233px;
	width: 308px;
	display: inline block;
	float: left;
 	border: 1px solid #CCCCCC;
}

#ps {
	background: #FFFFFF url(/images/portfolio/ps.jpg) no-repeat; 
	height: 233px;
	width: 308px;
	display: inline block;
	float: left;
 	border: 1px solid #CCCCCC;
}

#ds {
	background: #EFEFEF url(/wordpress/wp-content/themes/riotriot/images/ds.jpg) 4px 4px no-repeat; 
	height: 233px;
	width: 308px;
	display: inline block;
	float: left;
 	border: 1px solid #CCCCCC;
}


#gg {
	background: #EFEFEF url(/wordpress/wp-content/themes/riotriot/images/gg.jpg) 4px 4px no-repeat; 
	height: 233px;
	width: 308px;
	display: inline block;
	float: left;
 	border: 1px solid #CCCCCC;
}


#friendo {
	background: #FFFFFF url(/images/portfolio/friendo.jpg) no-repeat; 
	height: 233px;
	width: 308px;
	display: inline block;
	float: left;
 	border: 1px solid #CCCCCC;
}

div.clearer {clear: both;}

/* ------------------------------------ gallery ---------------- */


#port-main-container {
	width: 960px;
	margin: 0;
}

#left {
	float: left;
	width: 660px;
}

#port-site-links {margin: 10px 0 10px 0;}
#port-site-links ul {list-style-type: none;}

#port-site-links li {
	display: inline;
	font-size: .8em;
	margin-right: 10px;
}
			
#left-rotater {
	height: 400px;
	background: #cccccc;
}

#left-rotator-controls ul {list-style-type: none;}
#left-rotator-controls li {display: inline;}
			
#left-rotator-controls a {
	text-decoration: none; 
	color: #232527; 
	font-weight: bold; 
	padding: 2px 10px 4px 10px; 
	background: #efefef;font: .7em arial black; 
	font-weight: bold;
}

#left-rotator-controls a:hover {color: #709139;}
				
#port-gallery {height: 339px;}	
		
#port-gallery #ajax-loader {
	width: 960px; 
	height: 339px; 
	text-align: center; 
	display: inline-block;
	line-height: 339px;
}

#port-gallery #ajax-loader img {margin-top: 120px;}	
#port-gallery #left {height: 339px;}

#port-gallery #main-gallery img {
	width: 650px;
	padding: 4px;
	background: #efefef;
	border: 1px solid #CCCCCC;
}

#port-gallery #right {}

#port-gallery #right ul {
	list-style-type: none;
	width: 300px;
}
	
#port-gallery #right ul li {
	margin-left: 15px;
	margin-bottom: 15px;
	float: left;
	width: 132px;
	height: 101px;
	border: 1px solid #cccccc;
	background: #efefef;
}

#port-gallery #right ul li.no-bottom-margin {margin-bottom: 0;}

#port-gallery #right ul li a { 
	width: 135px; 
	height: 103px; 
	opacity: 0; 
	background: transparent url(/images/white.png); 
	display: inline-block;
	text-decoration: none;
	font-family: Arial Black; 
	font-size: 1.3em;
	line-height: 103px;
	text-align: center;
	z-index: 1;
	margin-left: -1px;
	margin-top: -1px;
}

#port-gallery #right ul li a span {	
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	padding: 10px 20px;
	background: #232527;
	color: #EFEFEF;
	border: 0px;
}		
#port-gallery #right ul li a:hover {opacity: 1;}

#port-gallery #right ul li a.active {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/darker-trans-black.png);
	opacity: 1;
	cursor: default;
}

#port-gallery #right ul li a.active span {
	display: none;
}

#right {
	float: left;
	width: 300px;
}

#right h2 { margin-bottom: 2px;}

#right p {
	color: #6d6b6a;
	margin-bottom: 5px;
}

#right ul {list-style-type: none; color: #6d6b6a;}
	
#right-title {font-size-: .9em;}

#right-title h1 {margin-top: -5px;}

#right-title ul {
	position: relative;
	top: 5px;
}

#right-title li {display: inline;}

#right-title li a {
	font: 9px georgia; 
	font-weight: bold; 
	text-decoration: none; 
	padding: 2px 5px 2px 5px; 
	background: #cccccc; 
	color: #000000;
}

#right-title li a:hover {background: #f2f2f2;}

#right-title, 
#right-description, 
#right-technologies, 
#right-tags, 
#right-relatedtags {margin-bottom: 20px;}

#port-description {
	background-color: #E4DBC9;
	padding: 15px;
	margin-top: 20px;
}

#port-description #left {width: 645px;}

#port-description #left p {margin: 10px 0;}

#port-description #right {
	width: 235px; 
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/trans-black.png);
	padding: 15px; 
	margin-left: 20px;
}

#new-site-links {}
#new-site-links ul {margin: 10px;}
#new-site-links a {font-size: .9em;}
#technologies-used {}
#technologies-used ul {margin: 10px;}
#technologies-used li {font-size: .9em;}

#tags-used {margin-top: 15px;}	

/* ------------------------------------ end of the gallery ---------------- */

/* galleries.. yuck */

#port-gallery #right ul li#mf1 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/mf-gallery-thumb-1.jpg) center center no-repeat;}
#port-gallery #right ul li#mf2 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/mf-gallery-thumb-2.jpg) center center no-repeat;}
#port-gallery #right ul li#mf3 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/mf-gallery-thumb-3.jpg) center center no-repeat;}
#port-gallery #right ul li#mf4 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/mf-gallery-thumb-4.jpg) center center no-repeat;}
#port-gallery #right ul li#mf5 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/mf-gallery-thumb-5.jpg) center center no-repeat;}
#port-gallery #right ul li#mf6 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/mf-gallery-thumb-6.jpg) center center no-repeat;}

#port-gallery #right ul li#gg1 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/gg-thumbnail-1.jpg) center center no-repeat;}
#port-gallery #right ul li#gg2 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/gg-thumbnail-2.jpg) center center no-repeat;}
#port-gallery #right ul li#gg3 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/gg-thumbnail-3.jpg) center center no-repeat;}
#port-gallery #right ul li#gg4 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/gg-thumbnail-4.jpg) center center no-repeat;}
#port-gallery #right ul li#gg5 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/gg-thumbnail-5.jpg) center center no-repeat;}

#port-gallery #right ul li#ds1 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/ds-thumbnail-1.jpg) center center no-repeat;}
#port-gallery #right ul li#ds2 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/ds-thumbnail-2.jpg) center center no-repeat;}
#port-gallery #right ul li#ds3 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/ds-thumbnail-3.jpg) center center no-repeat;}

#port-gallery #right ul li#jjs1 {background: #efefef url(/wordpress/wp-content/themes/riotriot/images/portfolio/jjs-thumbnail-1.jpg) center center no-repeat;}

/* follow page */
h2.follow-title {font-family: georgia; font-size: 30px; font-style: italic; font-weight: bold; color: #A2CD5A;}

#social-link {
	background: transparent url(http://riotriot.net/wordpress/wp-content/themes/riotriot/images/trans-black.png);
	padding: 15px;
	margin-bottom: 20px;
	float: left;
}

#follow-us-container {
	margin-bottom: 10px;
}

.follow-us-link {
	float: left;
}

.follow-us-link a img {
	border: 0px;
}

.follow-us-link a img:hover {
    opacity:0.50; /* firefox, opera, safari, chrome */
}

/*-------------- technologies page ---------*/

#top-tech {
	display: block;
	width: 960px;
	margin-top: 0px;
	padding-top: 0px;
}

#top-tech-overflow {
	width: 1000px;
}

/* each box should be 306px wide with 20px margin between boxes.*/
#top-tech div.tech-top-featured {
	float: left;
	width: 306px;
	height: 372px;
	-moz-border-radius: 10px;
	background: #E4DBC9 /* #f2f2f2 */;
}

#top-tech div.tech-top-featured#tech-wordpress { 
	margin: 0 20px;
}

.tech-header {
	padding: 15px;
	-moz-border-radius: 10px;
	background: #232323 /* #cccccc */;
}

#tech-wordpress .tech-header {
	padding-left: 83px;
}

#tech-drupal .tech-header {
	padding-left: 110px;
}

#tech-rrframework .tech-header {
	padding-left: 55px;
}
	

.tech-category {
	font: 11px georgia;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	line-height: 11px;
}

.tech-name {
	color: #4781aa;
	font: 24px arial black;
	text-align: left;
	line-height: 24px;
}

.tech-body {
	padding: 15px;
	-moz-border-radius: 10px;
}

.tech-info p {
	font: 0.8em georgia;
}

.tech-top-featured ul {
 padding-left: 40px;
}

.tech-top-featured ul li {
	list-style: none url(/wordpress/wp-content/themes/riotriot/images/bullet.png);
	list-style-position: 0px 10px;
	font-size: 0.8em;
	margin: 5px 0 2px 0;
	font-family: georgia;
}

#tech-cloud {
	margin: 30px 40px;
	font: 18px georgia;
	line-height: 30px;
}

#tech-cloud span.cloud-specialword {
	color: #4781aa;
	font-size: 24px;
	font-style: italic;
}

#more-tech {
	//margin: 0 40px;
	font: 18px georgia;
}

#more-tech-buttons {
	margin-top: 20px;
}

.tech-button {
	float: left;
	margin-right: 10px;
	background: #232323 url(/wordpress/wp-content/themes/riotriot/images/question.png) 8px 8px no-repeat;
	padding: 15px 15px 15px 50px;
	font-family: Georgia;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: 200;
}


/* ------------- contact page ------------- */
#contact-page {
	background: #e4dbc9;
}	
	
#ajax-loader-tan {
	width: 341px;
	padding: 15px;
	height: 451px;
	text-align: center;
	float: left;
}

#ajax-loader-tan img { margin-top: 175px;}	
	
#contact-page-form {
	float: left;
	width: 341px;
	padding:15px;
	background-color: transparent;
}

#contact-page-info {
	float: left;
	width: 539px;
	padding:15px;
	margin-right: 20px;
	background-color: transparent;
}

#contact-page-info ul li {
	font-size: 0.9em;
	padding: 3px 0px;
	line-height: 1.2em;
}

#fax-pdf {
	padding-left: 17px;
	padding-top: 2px;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/pdf.gif) 0 0 no-repeat;
	font-weight: bold;
	font-size: .9em;
}

#emergency {
	background-color: #232323;
	color: #777777;
	width: 250px;
	padding: 15px 15px 5px 15px;
	float: left;
	margin: 86px 0px 0px 0px;
}

#emergency p {
	font-size: 0.85em;
}

#emergency-number {
	font-size: 2em;
	color: #f1f1f1;
	line-height: 1.5em;
}
/* ----------- end of contact page -----------*/

/* ------------- breadcrumbs ------------- */	
#breadcrumbs {
	color: #cccccc;
	font-size: 0.7em;
	padding: 5px 0 4px 16px;
	display: block;
	float: left;
	text-transform: uppercase;
	min-height: 11px;
}

#breadcrumbs a {
	color: #cccccc;
}

#home-crumb {
	display: inline-block;
	width: 14px;
	height: 10px;
	text-indent: -999999em;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/home.png) no-repeat;
}

#home-crumb:hover {
	background-position-y: -10px;
}

/* ------------- end of breadcrumbs ------------- */

/* privacy poilicy */
#privacy-policy ul {
	margin-bottom: 10px;
}

#privacy-policy ul li {
	font-size: 0.9em;
	padding: 3px 0px;
}


/* ------------ faq -------------------- */
#faq ol li {
	margin-bottom: 15px;
}

#faq ol li.last {
	margin-bottom: 0;
}

.faq-question {
}

.faq-question p {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
}

.faq-answer {
}

.faq-answer p {
	font-size: .8em;
	color: #2b2b2b;
}

/* ------------ comments ------------ */
.comment-wrapper {
	margin-top: 20px;
}

.comment-actual-wrapper {
	padding-left: 15px;
}

.comment-ish {
	width: 130px;
	text-align: right;
	float: left;
	padding-right: 25px;
	padding-top: 10px;
	font-size: 0.9em;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/comment.png) no-repeat right 15px;
}

.comment-author .fn {
	font-style: normal;
	font-weight: bold;
	color: 232527;
}

.commentmetadata {
	font-size: 0.85em;
	color: #929292;
	margin-top: 5px;
}

.comment-actual {
	width: 415px;
	float: left;
	background: #c9dfdd;
	padding: 15px;
	font-family: Georgia;
}

ol li.comment {
	margin-bottom: 20px;
}

.comment-wrapper .navigation {
	width: 585px;
	padding-right: 15px;
}

.comment-wrapper .navigation div.text-align-left {
	width: 282px;
	float: right;
	text-align: left;
}

.comment-wrapper .navigation div.text-align-right {
	width: 282px;
	float: left; 
	text-align: right;
}

.comment-wrapper .navigation div a {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	padding: 5px;
	background: #232527;
	color: #EFEFEF;
	border: 0px;
	font-size: 0.85em;
}

#respond {
	margin-top: 20px;
}

.textarea-shadow-wrapper.comment {
	padding: 4px;
	margin-left: -4px;
	width: 593px;
	height: 208px;
	float: left;
}

.textarea-default-value.comment {
	float:left; 
	padding: 10px 4px; 
	font-size: 17px;
	width: 577px;
	height: 178px;
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/trans-black.png);
}

.textarea-shadow-wrapper.comment.textarea-shadow { background: transparent url(/wordpress/wp-content/themes/riotriot/images/textarea-comment.png) no-repeat; }

.textarea-shadow-wrapper.comment.textarea-shadow-on { background: transparent url(/wordpress/wp-content/themes/riotriot/images/textarea-comment.png) no-repeat; }

div.input-shadow-wrapper, div.textarea-shadow-wrapper { margin-bottom: 10px; }

.awaiting-mod {color: red;}


/* search page */
#search-page {
	width: 960px;
}

#search-results {
	padding: 15px;
	background-color: #E4DBC9;
	float: left;
	width: 584px;
	min-height: 49px;
}

#search-page #sidebar {
	float: left;
}

h1.pagetitle {
	margin-bottom: 20px;
}

#search-page .post {
	margin: 0;
	padding: 0;
}

#search-page span {
	margin-bottom: 5px;
	display: block;
}

#search-page span a {font-weight: bold;}

#search-page small {
	font-size: 0.75em;
	color: #709139;
}

#search-page p.postmetadata {
	font-size: 0.75em;
	color: #929292;
	margin-top:0px;
}

#archive {padding-top: 20px;}
#archive .post {padding-left: 0;padding-right:0;margin-bottom: 0;}

/* ---------------- blog list items and style ----------- */
p.postmetadata {
	font-size: 9px;
}

ol.listed-steps {
	font: 30px georgia;
	list-style: decimal;
	margin-left: 40px;
}

.listed-steps li {
	padding-bottom: 10px;
}

.listed-steps li p {
	font: 13px helvetica;
}

.listed-steps li a img {
	width: 98%;
}


/* technologies page */
#technologies-page {
	padding: 15px;
	background-color: #E4DBC9;
	width: 930px;
}

.author-tagline {
	font-style: italic;
	font-family: Georgia;
	font-size: 0.85em;
	padding: 5px 0px 10px 0px;
}

#download-list, .navigation-page {
	width: 400px;
	float: left;
}

#download-list ul li a, .navigation-page ul li {
	margin-top: 10px;
}

#download-list ul li a, #download-info, .navigation-page ul li a {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-radius-topleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomleft:10px;
	-khtml-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;			
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;	
	background-color: #c1baab;
	border:0 none;
	padding:20px;
	color: #232323;
	display: block;
}

#download-list {
	float: left;
}

#download-info {
	float: left;
	width: 470px;
	margin-top: 10px;
	margin-left: 20px;
}

#download-list ul li a:hover, .navigation-page ul li a:hover {
	background-color: #232527;
	color: #FFFFFF;
	text-decoration: none;
}

.navigation-page-image {
	width: 530px;
	float: left;
}

#what-navigation-page {height: 329px;}

#what-navigation-image {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/comp-02.jpg) no-repeat;
	height: 359px;
}

#who-navigation { 
	height: 359px;
}

#who-navigation p { 
	font-size: 0.78em;
}

#who-navigation-image {
	background: transparent url(/images/comp-01.jpg) no-repeat;
	height: 389px;
}

#important-navigation-page {
	height: 247px;
}

#important-navigation-image {
	background: transparent url(/wordpress/wp-content/themes/riotriot/images/mug-01.jpg) 0px -100px no-repeat;
	height: 278px;
}

#emergency.emergency-custom {
	float:left;
	margin-left:20px;
	margin-top: 0px;
}

#customer-service {
	width: 630px;
	float: left;
}

#hosting {
	width: 630px;
	float: left;
	height: 195px;
}

#hosting ul {
	padding-left: 30px;
}

#hosting ul li {
	font-size:13px;
	list-style-image:url(/wordpress/wp-content/themes/riotriot/images/raquo.gif);
}

#faq {}

dl {}

dt {
	font-style: italic;
	font-family: Georgia;
	font-size: 1em;
	margin: 25px 0px 15px 0px;
}

dt span {
	text-decoration: underline;
}

dd {
	margin-left: 10px;
	font-size: 0.85em;
}

dt:before {
	content: "Q: ";
}

dd:before {
	content: "A: ";
}

#design-dev {
	width: 530px;
	float: left;
	height: 315px;
}

#design-dev ol {
	padding-left: 25px;
}

#design-dev ol li{
	list-style: decimal;
	margin: 5px 0px 5px 0px;
	font-family: Georgia;
	font-style: italic;
	font-size: 13px;
}


/* this is for the whole modal */
#notifier-grey-cloud {
	background: #F2f2f2;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: .8;
}

#notifier-container {
	background: transparent;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
}

#notifier-message-window {
	position: relative;
	background: #FFF;
	padding: 15px;
	width: 400px;
	margin: 200px auto 0;
	-webkit-box-shadow: 1px 1px 2px #ccc;  
	z-index: -1;
	text-align: left;
}

#notifier-message-window h3 {
	font-family: georgia;
	font-size: 15px;
	color: #1b1b1b;
	margin-bottom: 10px;
	font-style: italic;
}

#notifier-message-window p {
	margin-bottom: 5px;
	font-family: verdana;
	font-size: 10px;
}

#notifier-message-window a, #notifier-message-window a:visited {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 5px;
	padding: 10px 10px;
	background: #f2f2f2;
	font-family: verdana;
	font-size: 10px;
}

#notifier-message-window a:hover {
	color: #FFF;
	background: #2b2b2b;
}

#notifier-message-window .no-bottom-margin {
	margin-bottom: 0;
	font-style: italic;
	color: #ccc;
}

.notifier-continue {
	margin: 20px 0;
}

.stepped-outline {
	list-style-type: upper-roman;
	margin-left: 30px;
	font-size: 13px;
	margin-bottom: 20px;
}

.stepped-outline li {
	margin-bottom: 5px;
}

.stepped-outline li ol {
	margin-top: 5px;
	list-style-type: circle;
	margin-left: 40px;
}

.stepped-outline li ol li ol {
	list-style-type: square;
}

.stepped-outline li ol li ol li ol {
	list-style-type: disc;
}