/*  
Theme Name: RM-Ideas.com Theme
Theme URI: http://rm-ideas.com
Description: Designed for Ryan Martin of RM-Ideas.com (October 2008)
Version: 0.1 2008
Author: Timothy Hoover
Author URI: http://www.timothyhoover.com 

/*
*************************************************
Ryan Smoker Design

Author:		Timothy Hoover tim@timothyhoover.com
Updated:	November 1, 2008
Notes:		None

*************************************************
*/

/*---------------------------------
	1. CSS RESET
---------------------------------*/
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,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*---------------------------------
	2. GENERAL SELECTORS
---------------------------------*/
body {background-image:url(images/rmBack.gif);
	background-repeat:repeat-y;
	color:#666;font:9pt "Lucida Grande", Helvetica, Arial, Sans-serif;
	text-align:center;}
a {color:#963f2b;text-decoration:none;}
a:hover {color:#333;}

h1, h2, h3 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 12pt;
	text-align: center;
	}
	
h2{color:#963f2b; font-size:10pt; margin:16px 0 6px 0px;}



/*hr {display:none;}*/



/*---------------------------------
	LAYOUT
---------------------------------*/
#container {/*only role is to center entire site and align text left*/
	margin: 0 auto;
	padding: 0;
	width: 700px;
	text-align: left;
}

/*- HEADER -*/
#header {
	background: url('images/rmheader5.png') no-repeat bottom center;
	margin: 0 0 0 0px; 
	padding: 0; 
	height: 200px; 
	width: 700px;
	}
#header ul {float:right;padding:75px 20px 0 0;}
#header li {display:inline;margin:0 0 0 15px;}
#header li a {color:#FFF;font:10pt}
#header li a:hover {color:#CCCCCC; text-decoration:none;}
				
/* MAIN */

#main{background-image:url(images/bg_main.gif);
background-repeat:repeat-y top right;
width:700px;
min-height:100px;
overflow:hidden;
text-align:left;
padding:0;
margin:0;}


/* CONTENT */
#content {float:left;width:460px;}
#content h2 {color:#963f2b; font-size:10pt; margin:10px 0 0px 10px;}
#content h3 {color:#63958c;font-size:10pt;margin:0 0 10px 0;}
#content p {font-size:8pt; line-height:1.6; padding-right: 20px; margin:0 0 15px 0;}



/* intro */
/*#content #intro {background:url(../images/bg_intro.gif) no-repeat;border-bottom:#e6e6dd 1px solid;padding:30px;}*/

/* featured project */
#content #featured-project {background-color:#fff; padding:0px 10px 10px 0px; min-height:400px;}
#content #featured-project h2 {font-size:12pt;padding:0px 0px 10px 0px;}
#featured-project .post{border-bottom:none;}

/* news */
#news .post{border-bottom:#e6e6dd 1px solid;padding:0px 0px 0px 0; margin:0 10px 0 0;}
#news h2 {color:#963f2b; font-size:11pt; margin:10px 0 14px 0;}
#news h3 {color:#63958c;font-size:9pt;margin:15px 0 6px 0;}
#news h3 a {color:#63958c;font-size:9pt;margin:15px 0 6px 0;}
#news h3 a:hover {color:#333333;}
#news p {font-size:7.5pt; line-height:1.7; padding-right: 20px; margin:0 0 15px 0;}
#news .more-link {color:#963f2b;display:block;font-size:8pt;font-weight:bold;margin:14px 0 0 0px;}
#news .more-link:hover {color:#963f2b;}

/* WORK excerpts */
#work{width:600px; margin-left:14px;}
#work h2{color:#963f2b; padding:0px 0 0px 148px;}
#work h2 a{color:#963f2b;}
#work h2 a:hover{color:#CC3300; }
#work .thumb {float: left;margin: -26px 20px 0 0px;}
#work .post {
	min-height:160px;
	margin:0px 0 0 20px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	border-bottom:#e6e6dd 1px solid;}
#work #posts .meta{margin: -10px 0px 10px 148px;}


/* SINGLE POSTS*/
#single{width:440px; margin-left:14px; font-size:7.5pt; line-height:1.7;}
#single h2{color:#963f2b; padding:0px 0 0px 0;}
#single h2 a{color:#963f2b;}
#single h2 a:hover{color:#CC3300; }
#single .post {
	min-height:160px;
	margin:0px 0 0 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-bottom:#e6e6dd 1px solid;}
#single #posts .meta{margin:0 0 10px 0;}

/* ABOUT POSTS*/
#about{width:570px; margin-left:14px;}
#about h2{color:#963f2b; padding:0px 0 0px 0; margin: 10px 0 6px 0px; clear:left;}
#about .post {
	margin:0px 0 0 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-bottom:none;}
#about img.alignleft {
	padding: 0px 4px 4px 4px;
	margin: -20px 15px 2px 0;
	display: inline;
	background:#CCCCCC;border:#adbcb9 3px solid;padding:1px;}


	
	




/* Work Category */
#catlist{width:570px; border-bottom:#e6e6dd 1px solid;padding:0px 0px 6px 0; margin:0 10px 0 34px;}
#catlist ul{padding:10px 0px 0 0; margin:0px 0 0 0;}
#catlist li{display:inline; margin:0 16px 0 0;}
#catlist h2 {font-size:14px; margin: 0 0 10px 0px}
#catlist h2 a{color:#63958c;}
#catlist h2 a:hover{color:#333333;}
#catlist .current-cat a{color:#333333;}



#cats{width:600px;}


	
	
/* post */
.post {
	margin-left: 20px;;
	padding: 0 10px 0 0px;
	text-align: left;
	border-bottom:#e6e6dd 1px solid;
	}
.post .meta a{color:#63958c;}
.post .meta a:hover{color:black;}
.post hr {display: block;}

.postmetadata {clear: left;}
	
/*DIV POSTS*/
	
#posts {list-style:none;margin:0;padding:0;}
body.home #posts {background:none;}

#posts .post h2 {color:#963f2b; font-size:10pt; margin:10px 0 0px 0;}
#posts .post h3 {color:#63958c; font-size:9pt;}
#posts .post .meta {font-size:8pt;margin:0 0 10px 0;}
#posts .post img {background:#CCCCCC;border:#adbcb9 3px solid;padding:1px;}
/*#posts .post p {font-size:8pt; line-height:1.6; padding-right: 20px; margin:0 0 5px 0;}*/


/* comments */
#comments {margin:30px -30px -30px -10px;padding:15px 30px 30px 30px;}
#comments #comments-list h4 {border-bottom:#e4e7de 1px dotted;color:#282828;display:block;font-size:105%;margin:0 0 .7em 0;padding:15px 0 5px 0;}
#comments #comments-list ol {list-style:none;margin:0;padding:0 0 20px 0;}
#comments #comment-list .comment {border-bottom:#EBEBEB 1px solid;padding:10px 0;}			
#comments #comments-list .comment .comment-body {background:#cee1dd;font-size:90%;line-height:1.4;padding:10px;}
#comments #comments-list .comment .comment-body p {width:auto;}	
#comments #comments-list .comment .comment-meta {background:url(../images/bg_comment.gif) no-repeat top left;color:#999;font-size:75%;padding:5px 10px 5px 40px;}
									
#comments #commentform, #comments #commentform * {list-style:none;margin:0;padding:0;}
#comments #commentform fieldset legend {color:#282828;display:block;font-size:105%;margin:0;padding:3px 0 5px 0;}
#comments #commentform #login {background:#FFF;border:#EBEBEB 1px solid;color:#999;font-size:75%;margin:5px 0;padding:10px;}
#comments #commentform label {color:#282828;display:block;font-size:80%;font-weight:bold;margin:10px 0 0 0;}
#comments #commentform textarea {width:550px;margin:0 0 10px 0;}
#comments .unapproved {background:#fffaed;border:#f8eccb 1px solid;color:#4d4d4d;display:block;font-size:90%;margin:10px 0;padding:10px;text-align:center;}





/* SIDEBAR */
#sidebar
{width: 240px;margin-left:460px;}
#sidebar h2 {color:#63958c;font:14pt Georgia, "Times New Roman", Serif;font-style:italic;margin:0 0 10px 0;}
#sidebar .widget {border-top:#e6e6dd 1px solid;padding:30px;}
#sidebar .widget:first-child {border-top-width:0;}
#sidebar .widget ul li {margin:0 0 5px 0;}
#sidebar .widget ul a {color:#53534a;}
#sidebar .widget ul a:hover {color:#63958c;}

#sidebar #recent-posts.widget li {border-bottom:#e6e6dd 1px dotted;padding:0 0 5px 0;}
#sidebar #recent-posts.widget a {font:10pt georgia, "times new roman", serif;margin:0 0 0 0;}
#sidebar #recent-posts.widget abbr {color:#adad90;display:block;font-size:8pt;margin:0 0 3px 0;}
					
									
						
/*- FOOTER -*/
#footer {background-image:url(images/rmfooter.png);
background-repeat:no-repeat; /*width: 700px; clear: both;*/ 
color:#ff9900;
font-size:7pt;
padding:30px 0 0 15px;
text-align:left;}
#footer a{color:#cc9933}
#footer a:hover {color:#ff9900; text-decoration:none;}
			
			
/*---------------------------------
	4. CLASSES
---------------------------------*/

/*- Gallery Widget Classes -*/

.ngg-widget h2 {
	color:#963f2b; font-size:10pt; margin:16px 0 6px 0px;
}

.more-link {color:#963f2b;display:block;font-size:8pt;font-weight:bold;margin:14px 0 0 0px;}
.more-link:hover {color:#963f2b;}
.clear{clear:both;}



/*- Image Classes -*/
p img {
	padding: 10px 0 0 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}