/* @override http://judsonlmoore.com/r/c/screen.css */

/*------------------------------------------------
==================================================

JudsonLMoore.com Screen Styles
Copyright PLARS LLC, All Rights Reserved

Contributors:
	Judson L Moore, 210 LLC. (Project Lead)

Contents:
	1.  Global

Color Codes:
	Off-Black:	#010101
	Off-White	#d1d1d1
	Yellow:		#C78200
	Text:		#484848

==================================================
------------------------------------------------*/

@import url(reset.css);

/* @group GLOBAL ------------------------------------------------*/

body { 
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	background: #f7f7f7; }

#inner {
	margin: 0px auto 0px auto;
	padding: 0px 0; }

#inner-inner { 
	margin:30px auto; 
	width: 800px; 
	padding: 15px 15px;
	color: #666; }

a { 
	text-decoration: none; 
	color: #2d5c73; }

a:hover { 
	-webkit-transition: color 0.1s ease-in-out;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: initial;
	color: #C78200;
	text-decoration: none; }

h1 { font-size: 2em ; }
h2 { font-size: 1.6em ; }
h3 { font-size: 1.1em ; }
.height25 {	line-height:25px; }
mark.blue, h3.blue { color: #00aeef; }
mark.bold {	font-weight: bold; }
mark.shadow { text-shadow: 1px -1px 0 rgba(0,0,0,0.4); }
.group:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.left { float: left; }
.right { float: right; }
.ohoh { width: 100%; }
.sixty { width: 60%; }
.fifty { width: 52%; }
.funf { width: 47%; }
.forty { width: 42%; }
.thirty { width: 32%; }
p {	margin: 0 0 10px 0; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-left { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.orange { color: #1c5972; }
.offwhite {color: #d1d1d1; }
.orange_ { border-bottom: dotted 1px #C78200; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }
.allround { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.pad10 { border: solid 2px #fff; }
.button { padding: 3px 10px; margin: 0 0 0 20px; font-size: .6em; background-color: #000; text-decoration: none; border: none; color: #fff; display: inline; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button:hover { color: #C78200; }
mark.note {	-moz-border-radius: 2px; -webkit-border-radius: 4px; background-color: #777; display: inline; padding: 3px 7px; color: #fff; }
div.hide, a.hide { display: none; margin: 0; }

/* @end */

/* @group MENU ------------------------------------------------*/

#menu { 
	width: 100%; 
	height: 120px;
	font-size: 12px;
	font-family: 'Josefin Sans Std Light';
	color: #d9d7d0;
	background: #303232; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010', endColorstr='#2b2b2b'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#101010), to(#2b2b2b)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #101010,  #2b2b2b); /* for firefox 3.6+ */ }

#menu-wrapper { 
	width: 800px; 
	margin: 0 auto; }

#menu-wrapper li {
	line-height: 16px;
	padding: 10px 20px 5px 10px;
	color: #b0b1b1;
	display: block;
	margin: 30px 0;
	color: #b0b1b1;
	text-decoration: none; 
	border-bottom: none;
	width: 129px;
	float: left; }

#menu a { 
	border-left: solid 1px #2e2e2d;
	padding: 10px 20px 5px 10px;
	color: #b0b1b1;
	display: block;
	color: #b0b1b1;
	text-decoration: none; 
	border-bottom: none;
	width: 129px;
	float: left; }

#menu a:hover { 
	-webkit-transition: background 0.1s ease-in-out;
	-webkit-transition-property: background, color;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: initial;
	background-color: #242424;
	color: #C78200;
	text-decoration: none; }

#menu a:hover p { 
	-webkit-transition: color 0.1s ease-in-out;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: initial;
	color: #fff;
	text-decoration: none; }

#menu a.active { 
	color: #C78200;
	background-color: #232323; }

#menu .active p {
	color: #fff; }

ul#logo {
	width: 159px;
	float: left;
	margin-right: 0px; }

li#judson {
	text-align: right;
	font-size: 40px;
	line-height: 20px;
	margin: 0; }

li#moore {
	font-size: 20px;
	line-height: 0px;
	text-align: right;
	margin: 0px; }

/* @end */

/* @group HOME -----------------------------------*/

#hometop {
	padding: 30px; }

#hometop p {
	font-size: 15px;
	width: 500px;
	float: left; }
	
#hometop img { 
	margin: 0px; }

/* @end */

/* @group BLOG ------------------------------------------------*/

#inner-blog { 
	margin: 30px auto 20px auto;
	width: 800px; }

#inner-inner-blog { 
	margin: 0 auto;
	width: 800px;
	padding: 10px 10px;
	color: #3b3b3b;
	display: inline-block; }

#content {
	width: 570px;	
	float: left; }

#post {
	background-color: #fff;
	border: 1px solid #9f9f9f;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	margin-bottom: 40px;
	padding: 20px 20px 0px 20px;
	font-size: 14px;
	line-height: 24px; }

#post_title {
	width: 465px;
	float: right;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	margin: 0; }

#post_header {
	height: 50px;
	margin-bottom: 10px;
	padding-bottom: 10px; }

#post_date {
	float: left;
	height: 50px;
	width: 47px;
	font-size: 12px;
	text-align: center;
	background: url(http://judsonlmoore.com/r/i/calendar.gif) no-repeat;
	list-style-type: none; }

ul#post_date li#post_month {
	border-bottom: none;
	display: inline-block;
	color: #fff; }

ul#post_date li#post_day {
	border-bottom: none;
	color: #7f7f7f;
	font-size: 20px; }

ul#post_date li#post_year {
	border-bottom: none;
	display: none; }

#post_tags {
	width: 465px;
	float: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin: 0; }

#post_tags a {
	margin: 0 4px 0 0px; }

#post p img {
	display: block;
	margin: 0 auto; }

#post li.post.video {
	list-style-type: none;
	margin: 0 auto;
	text-align: center; }

#post li.post.photo {
	list-style-type: none;
	margin: 0 auto;
	text-align: center; }

ul#share  {
	margin: 20px 0;
	height: 30px;
	width: 100%; }

ul#share li {
	width: 150px;
	height: 20px;
	display: inline-block; }

li#disqus a {
	color: #3b5998;
	font-size: 10px;
	text-align: center;
	background: #eceef5;
	padding: 6px 5px;
	border: solid #cad4e7 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }

#dsq-content div.dsq-options {
	display: none; }

#dsq-content div.dsq-item-trackback {
		display: none; }

div#dsq-global-toolbar.dsq-community-preview {
	display: none;	 }

#previouspage {
	float: left; }

#nextpage {
	float: right; }

#sidebar {
	font-size: 14px;
	line-height: 24px; 
	display: inline-block;
	width: 200px;
	margin: 0px 0 0 28px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }

#blog_sidebar_region {
    background: #eee;
	font-size: 1em ;
	margin: 0 0 20px 0;
	padding: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: 1px solid #b9bdbd; }

#blog_sidebar_region #title {
	width: 188px;
	padding: 5px;
	margin: -5px -5px 0 -5px;
	color: #fff;
	background: #000;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	list-style-type: none; }

#blog_sidebar_region li {
	list-style-type: disc;
	list-style-position: inside; }

div#button-rss.rssbutton a {
	font-size: 18px;
	line-height: 30px;
	border-bottom: none; }

#button-rss a img {
	float: left; }

/* @group TAG CLOUD */
.min-tag-size {
    font-size:50%; }
    
.max-tag-size {
    font-size:400%; }

#tag_cloud {
	font-size: 1em; }
    
#tag_cloud #tag_list a {
    border:0;
    text-decoration:none;
    font-weight:normal; }

#tag_cloud #tag_list a:hover {
    text-decoration:underline; }

#tag_cloud #tag_list {
    list-style:none; }

#tag_cloud #tag_list li {
    display:inline;
    line-height:1.2; }

/* @end */

/* @group TWITTER ------------------------------------------------*/
#twitter_div {
	display: none;
	background: #eee no-repeat;
	font-size: 1em ;
	margin: 20px 0;
	padding: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: 1px solid #b9bdbd; }

#search-form input.query {
	width: 180px;
	margin: 10px 0; }

a#twitter-link {
	height: 50px;
	background: url(http://judsonmoore.210.bz/r/i/twitter2.png) no-repeat center;
	border-bottom: none; }
 
#twitter_div ul li {
	color: #484848;
	border-bottom: 1px solid #b9bdbd;
	margin: 5px 0;
	padding: 5px 0; }
 
#twitter_div ul li a {
	text-decoration: none;
	color: #C78200;` }
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #D78E42; }

/* @end */

/* @end */

/* @group RESUME ------------------------------------------------*/

ul#resume {
	width: 270px;
	margin: 0  60px ;
	text-align: center; 
	display: inline-block; }

#resume a {
	border-bottom: none; }

ul#cv {
	width: 270px;
	margin: 0 60px;
	text-align: center;
	display: inline-block; }

#cv a {
	border-bottom: none; }

/* @end */


/* @group CONTACT ------------------------------------------------*/

#social li {
	display: inline-block;
	width: 200px;
	text-indent: -9999px;
	margin-left: 50px; }

#social li a.twitter {
	background: url(http://judsonlmoore.com/r/i/twitter.png) no-repeat; }

#social li a.facebook {
	background: url(http://judsonlmoore.com/r/i/fb.png) no-repeat; }

#social li a.linkedin {
	background: url(http://judsonlmoore.com/r/i/linkedin.png) no-repeat; }

#social li a.twitter, #social li a.facebook, #social li a.linkedin {
	-webkit-transition: opacity 0.3s ease-in-out;
	display: block;
	height: 60px;
	opacity: 0.6;
	text-indent: -9999px; }

#social li a.twitter:hover, #social li a.facebook:hover, #social li a.linkedin:hover {
	opacity: 1; }

ul#contact {
	width: 100%;
	margin: 30px auto 0 auto;
	float: left;
	text-align: center; }

ul#contact li {
	line-height: 30px; }

#askform div.group {
	display: block;
	width: 800px;
	margin: 50px auto 0 auto;
	display: inline-block; }

section#form {
	display: block;
	width: 280px;
	float: left; }

input#name.text {
	width: 280px;
	line-height: 25px;
	font-size: 24px;
	margin: 0 0 15px 0;
	background: transparent;
	border: none;
	border-bottom: 2px solid #666;
	color: #666;
	font-family: 'Reenie Beanie'; }

input#email.text {
	width: 280px;
	line-height: 25px;
	font-size: 24px;
	margin: 0 0 15px 0;
	background: transparent;
	border: none;
	border-bottom: 2px solid #666;
	color: #666;
	font-family: 'Reenie Beanie'; }

input#website.text {
	width: 280px;
	line-height: 25px;
	font-size: 24px;
	margin: 0 0 15px 0;
	background: transparent;
	border: none;
	border-bottom: 2px solid #666;
	color: #666;
	font-family: 'Reenie Beanie'; }

input#verify.text {
	width: 280px;
	line-height: 25px;
	font-size: 24px;
	margin: 0 0 15px 0;
	background: transparent;
	border: none;
	border-bottom: 2px solid #666;
	color: #666;
	font-family: 'Reenie Beanie'; }

section#message {
	display: block;
	width: 450px;
	float: right; }

textarea#message {
	float: right;
	width: 450px;
	line-height: 25px;
	font-size: 24px;
	background: #fff;
	border: none;
	padding: 10px;
	font-family: 'Reenie Beanie'; }

input#submit.submit_button {
	float: right;
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
	font-size: 16px;
	width: 80px;
	height: 35px;
	margin-top: 10px; }

/* @end */

/* @group GALLERY ------------------------------------------------*/

#photogallery-wrapper {
	color: #666;
	width: 800px;
	padding: 0 0 30px 0;
	margin-bottom: 60px;
	border-bottom: 1px solid #666; }

.pwi_loader {
	height: 20px;
	width: auto;
	border: 2px solid #666; }

.pwi_container {
	padding: 10px;
	margin: 0 auto;
	min-height: 20px;
	height: auto; }

.pwi_container a {
	text-decoration: none; }

.pwi_albums { }

.pwi_album_description {
	height: 100px;
	text-align: left;
	color:#666;
	margin-bottom: 20px;
	padding: 0 30px;
	border-bottom: 1px solid #666;
	border-color: #666; }

.pwi_album_description .title {
	line-height: 10px;
	text-indent: -9999px; }

.pwi_album_description .details {
	margin: -75px 0 0 0;
	text-align: right; }

.pwi_album_description .description {
	color: #666;
	width: 500px;
	padding: 15px 0;
	margin: 0 0 0 0px; }

.pwi_album_description .sslink {
	float: right;
	margin: -35px 0 0 122px;
    display: inline-block;
    padding: 6px 9px;
    border: 1px solid #bbbabb;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ddd;
    font-weight: normal;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); }

.pwi_album_description .sslink:hover {
    cursor: pointer;
    background: #ddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); }

.pwi_album {
	width: 150px;
	height: 150px;
	margin: 0 22px 60px 23px;
	float: left;
	padding: 0px;
	text-align: center; }

.pwi_album img {
	border: 1px solid #666;
	margin-bottom: 5px; }

.pwi_photo {
	width: 160px;
	display: inline-block;
	padding: 5px;
	text-align: center;
	margin: 0 0 30px 25px; }

.pwi_photo img {
	border: 1px solid #666;
	float: left; }

.pwi_pager {
	clear: both; }
	
.pwi_pager_current {
	font-weight: bold; }

.pwi_album a {
	border-bottom: none; }

#clients {
	width: 160px; 
	float: left; 
	margin: 0 20px 0 0; 
	padding: 10px; 
	background-color: #fff; 
	color: #000; }
	
#gallery_all { 
	width: auto; }
	
#gallery_image {
	float:left; 
	margin: 0 20px 40px 0; 
	height: 250px; 
	min-width: 160px; }
	
div.spacer { 
	clear: both; }

/* @end */

/* @group PORTFOLIO */

#portfolio_item {
	height: 360px;
	width: 780px;
	margin-bottom: 50px;
	color: #666;	
	background-color: #fff;
	border: 1px solid #9f9f9f;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	line-height: 24px; }

.work-item-large {
	float: left;
	clear: both; }

.work-thumb-large-single {
	background: url(/r/i/browser-large-single.png) no-repeat top;
	float: left;
	margin: 0 0px;
	padding: 31px 0 0px;
	width: 500px;
	height: 329px;
	border: 1px solid #cdcdcd;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }

.work-thumb-large img, .work-thumb-large-single img {
	margin: 0;
	width: 500px; }

.work-thumb-large a img, .work-thumb-large-single a img {
	transition: opacity linear 250ms;
    -o-transition: opacity linear 250ms;
    -moz-transition: -moz-opacity linear 250ms;
    -webkit-transition: opacity linear 250ms; }

.work-thumb-large a img:hover, .work-thumb-large-single a img:hover {
	opacity: .09;
	-moz-opacity: .5;
	filter:alpha(opacity=5); }

.work-item-info {
	float: right;
	height: auto;
	margin: 0 0 0 20px;
	width: 258px; }

.work-item-info h4 {
	font-size: 29px;
	line-height: 30px;
	font-weight: bold;
	padding: 0 0 6px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #808080; }

.work-item-info h4 span.shadow {
	display: none;
	color: #1F1F1F;
	left: 0;
	position: absolute;
	top: 0;
	text-shadow: 2px 2px 0px #cdcdcd;
	text-transform: uppercase; }

.work-item-info h5 {
	font-size: 20px;
	font-weight: normal;
	margin: 13px 0 0; }

p.work-item-duties {	
	color: #9C9C9C;
	font-size: 12px;
	line-height: 22px;
	margin: 9px 0 0 0; }

.work-item-description {
	color: #9C9C9C;
	line-height: 22px;
	margin: 20px 0 0; }

.work-item-button {
	display: inline-block;
	margin: 20px 60px;
	padding: 7px 15px 7px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
	background: #125f8a;
	border: 1px solid #363737;
	border-radius: 5px;
	cursor: pointer;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	position: relative;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	transition: background linear 300ms;
    -o-transition: background linear 300ms;
    -moz-transition: background linear 300ms;
    -webkit-transition: background linear 300ms; }

.work-item-button:hover {
	color: #d9d7d0; }

/* @end */

/* @group FOOTER ------------------------------------------------*/
#footer { 
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background: #d9d7d0;
	border-top: 1px solid #c6c4c1; }

#footertop { 
	color: #000;
	width: 800px;
	margin: 0 auto;
	padding: 20px 0;
	line-height: 20px; 
	font-weight: bold; }

h2.orange.title {
	font-size: 12px; }

#footertop li { 
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #000; }

#footertop a {
	display: inline-block;
	padding-top: 0px; }

.title { 
	margin: 20px 0 30px 70px; }

#blogshort { 
	width: 245px;
	margin-right: 30px;
	background: url(/r/i/logo_book.png) no-repeat 0px 0px; }
	
#short_blog_entry {
	height: 55px; }

#blogshort p {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	list-style-image: none;
	list-style-type: none;
	border-bottom: none; }

#twitter {
	background: url(/r/i/logo_bird.png) no-repeat 0px 0px; }

#tweet {
	width: 245px;
	margin-right: 30px;
	font-size: 12px; }

#tweet_text {
	height: 36px; }

#track { 
	width: 245px;
	font-size: 12px;
	background: url(/r/i/logo_note.png) no-repeat 0px 0px; }
	
#footerbottom {
	height: 20px;
	background: #000;
	color: #6e6e6e;
	font-size: 10px;
	font-weight: normal;
	padding: 20px 0; }

#copyright {
	width: 100%;
	text-align: center; }

#rotary p {
	float: right;
	margin: -32px 105px 0 0px; }

#rotary span img {
	float: right;
	margin: -37px 65px 0 0; }

/* @end */


/* @group SLIDER */

#slider_bg {
	width: 100%;
	height: 417px;
	margin: 0 auto;
	text-align: center;
	background: #000; }

#slider_container {
	width: 800px;
	margin: 0 auto;
	background: #000; }

#slider {
	margin: 0 auto;
	text-align: center;
	background: #000;
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; }

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none; }
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	background: #000; }

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	width:800px;
	height:100%;
	border:0;
	padding:0;
	margin:0 auto;
	z-index:60;
	display:none; }

/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
	max-width: 800px; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89; }

.nivo-caption p {
	padding:5px;
	margin:0; }
	
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer; }

.nivo-prevNav {
	left:0px; }

.nivo-nextNav {
	right:0px; }
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer; }

.nivo-controlNav a.active {
	font-weight:bold; }

/* @end */