/*  
Theme Name: Rick Desloge Layout
Theme URI: http://www.rickdesloge.com
Description: Grid aligned custom layout for rickdesloge.com. Tons of help from Mike Gee. Modified from theme by Derek Punsalan.
Version: 1.0
Author: Rick Desloge.
Author URI: http://www.rickdesloge.com
*/

*{margin:0;padding:0;}
html,body{
	color:#CCC;
	text-align:center;
	background-color: #000;
} 
body{font:12px arial,helvetica,verdana,sans-serif;}
h1{	font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{
	color:#FFF;
	text-decoration:none;
}
a:hover{color:#666;}
a img{
	border:none;
}
#wrapper{
	text-align:left;
	width:960px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
} 

/* masthead / footer - navigation and categories */
#menu {
	list-style-type: none;
	display: inline;
	position: relative;
	top: 8px;
}
#menu ul{
	margin-right: 5px;
	margin-bottom: 35px;
}
#menu li{
	display: inline;
}

#menu a{
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
}
#menu ul li:before {
	content: "  //  ";
	color: #FFF;
	}
#menu ul li:first-child:before {
	content: " ";
	}
#searchWrap{
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	bottom: 8px;
}
#searchWrap,
.middle_links{margin-bottom:20px;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:160px;}

#main_logo {
	height: 506px;
	width: 960px;
	background-image: url(images/mainbg.jpg);
	background-repeat: no-repeat;
	float: left;
	z-index: -10;
}
#main_logo img {
	position: relative;
	top: 35px;
	left: 440px;
}
#menu{
	float: left;
	margin-right: 5px;
	text-align: right;
	width: 100%;
}

/* main - middle content and columns */
#mid{
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	margin-top: 15px;
}
#mainCol{
	float:left;
	width:535px;
	margin-bottom: 10px;
}
#sharethis_0{
	position: relative;
	left: 2px;
}
.stico_default {
background:#000000 url(http://w.sharethis.com/images/share-icon-12x12.png?CXNID=1000014.0NXC) no-repeat scroll 2px 50% !important;
bottom:2px;
margin-left:7px;
position:relative;
}
.stbuttontext {
	position: relative;
	top: 1.6px;
	line-height: 0px
}
a.stbutton {
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 17px;
}
/* style individual sidebars */
#sidebar_wrapper {
	float: left;
	width: 390px;
	margin-left: 25px
}
#sidebar_top {
	height: auto;
	width: 390px;
	float: left;
}
.textwidget{
	text-align: justify;
	font-size: 11px;
}
.textwidget img{
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
}

li.widget {
	list-style: none;
!important;
}
li.widget h3{margin-top:20px}

.float_feed_button img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	bottom: 10px;
}
.subscribe_me_text p {margin-left:10px}
/*-flickrRSS*/
#flickrrss .widgettitle{
	background-image: url(images/flickr_logo.png);
	background-repeat: no-repeat;
	height: 15px;
	padding-bottom: 8px;
}

li.sb-flickr {
	padding: 0px;
	text-indent: none;
	list-style-type:none;
	display:inline;
}
li.sb-flickr a, li.sb-flickr a:hover, li.sb-flickr a:visited {
	text-decoration: none;
	border: none !important;
	padding:0px;
	background:transparent !important;
}
li.sb-flickr a img {
	border: 1px solid #333;
	margin: 0 4px 12px 12px;
}
li.sb-flickr a:hover img {
	border: 1px solid #FFFFFF;
}
 
/*-twitter*/
.twitter{
	list-style-type: none;
}
.twitter-item{
	margin-top: 10px;
	margin-left: 10px;
}
twitter_title_link{}
#twitter-1 .widgettitle{
	background-image: url(images/twitter_icon.png);
	background-repeat: no-repeat;
	height: 15px;
	padding-bottom: 8px;
	text-indent: 20px;
	vertical-align: bottom;
	background-position: 4px;
}

#sidebar_left{
	float:left;
	width:190px;
	line-height:1.3em;
}
#sidebar_left p{color:#777;}
#sidebar_left a{font-weight:bold;}
#sidebar_left ul{list-style:none;margin:8px 0 4px;}

.middle_links h3{margin-bottom:7px;}

.middle_links ul li{
color:#7F7F7F;
line-height:1.2em;
padding:3px 0 3px 10px;
}
#sidebar_right{
	float:left;
	width:190px;
	margin-left: 10px;
	height: auto;
}
#sidebar_right p{color:#777;}

/* wordpress entries styling - main content column */
.postMeta{
	background:url(images/dot.gif) repeat-x left center;
	text-transform:uppercase;
	font-size:11px;
	text-align:right;
	margin-bottom:5px;
}
.postMeta a{	color: #7f7f7f;}
.postMeta span.date{
	color:#7F7F7F;
	padding:0 2px 0 4px;
	background-color: #000;
}

.postMeta span.comments{
	padding-left:15px;
	margin-left:10px;
	padding-right: 1px;
	background-color: #000;
	background-image: url(images/chat_grey.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}

.postMeta span.sharethis{
	margin-left:10px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1px;
	vertical-align: middle;
}
#share{
	background-color:#000000;
	background-image:url(images/share-icon-12x12.png);
	background-position:3px 1px;
	background-repeat:no-repeat;
	margin-left:7px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 17px;
	background-attachment: scroll;
	height: 100%;
	width: 100%;
}

.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;}

.entry h3{margin:1em 0;}
.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{margin:1em 0;}
.post .entry p a{font-weight:bold;}
.entry blockquote{margin:0 1.3em 0;}
.entry ul{margin:0 1.3em 0;list-style:none;}
.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.entry ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
#comments{width:550px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{
	list-style:none;
	margin:5px 0 12px;
}
.commentslist li{margin-bottom:7px;padding:7px 0;}
.commentslist li a{
	font-weight:bold;
}
.commentslist li.alt{}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}
/*#comment_meta{
	width: 100%;
}*/
p.author_meta{
	font-weight:bold;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
	float: left;
}
p.post_meta{
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 0;
	float: right;
}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{
	color:#ddd;
	font-weight:bold;
	text-decoration:underline;
}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{
	width:350px;
	overflow:auto;
	margin-left: 38px;
}
#submit{margin-left: 38px;}
#commentform p small{
	font-size:10px;
	color:#7F7F7F;
	margin-right: 8px;
}
.commentslist code{background:transparent;}

/* footer - text string and links */
#footer{
	width: 100%;
	text-align: center;
	text-transform:uppercase;
	font-size:10px;
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	padding-top: 13px;
	padding-bottom: 13px;
}

/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}
.more-link {
	display:block;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	line-height:normal;
	margin:0;
	padding:0;
	text-align:right;
	text-transform: uppercase;
}
.alignright{
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 8px;
	text-align: center;
}
.alignleft{
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
	text-align: center;
}
/*Contact Form*/



/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */

.cform {
	width: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.cform label{
	color:#7F7F7F;
	font-size:10px;
}
.cform fieldset	{ 
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	display:none;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
}

ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	background:#F0F0F0 !important;
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:90px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
}

.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label.cf-after 	{
	margin:4px 15px 0pt 6px;
	text-align:left;
	width:115px;
}

label.cf-after span {
	width:115px;
	display:block;
}

label.cf-group-after {
	margin:3px 4px 0 2px;
	width:72px;
	text-align:left;
}
label.cf-group-after span {
	width:72px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
-x-system-font:none;
border:1px solid #BBBBBB;
font-family:arial,helvetica,verdana,sans-serif;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:175px; 
}
.cform textarea,
.cform input #Message{
	width:350px; 
}
.cform select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 0 0 100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 100px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:3px 0 0 3px;
	font-size:0.9em;
	display: -moz-inline-box; 
	vertical-align:top;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	text-align:left;
	padding: 0!important;
	margin-left: 350!important;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{
	width:50px;
        height:20px
	padding:5px; 
	margin: 0px 0 0 99px;
	background-image: url(http://www.rickdesloge.com/wp-content/themes/rickdesloge/images/btn_submit.gif);
	background-repeat: no-repeat;
	border: none;
}
#sendbutton{
	background-color: #000;
}
.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:none!important;
	border:none;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#FFF;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:none;
	color:#FFF;
	display:block;
	font-weight: bold;
}
div.failure {
	display:block;
	background:none!important;
	border:none;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	display:none;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}