/*
Theme Name: RidillaTheme
Theme URI: http://www.ridilladesign.com
Description: My little theme made for just me for my portfolio. Wait, who's reading this? This is for me only!
Version: 1.2
Author: David Ridilla
Author URI: http://www.ridilladesign.com

*/

/********** RESET **********/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, label { margin: 0; padding: 0; } 


/* Headings
--------------------------------------------------------------*/
h1 { color: #97c0ef; font-size: 32px; font-weight: normal; text-transform:uppercase; letter-spacing: -1px; line-height: 1.3em; margin: 0 0 8px 0; }
h2 { color: #97c0ef; font-size: 2.2em;  font-weight: normal; line-height: 1em; margin: 0 0 6px 0; }
h3 { color: #fff; font-size: 2.8em; line-height: 1em; margin: 0 0 8px 0; }
h5 { color: #fff; font-size: 1.2em; font-weight: bold; margin: 0 0 8px 0; }
h6 { color: #fff; font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */

p, img      { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #fff; }
a           { color: #97c0ef; text-decoration: none; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
hr {
			border-width:1px 0px 0px;
			border-color:#6C6C6C;
			border-style:solid;
			clear:both;
			height:0;
			margin: 16px auto;
			width:100%;
		}

sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 0; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Specific Elements
-------------------------------------------------------------- */

#tweet ul li 				{ border-left: 3px solid #97c0ef; margin: 0 0 8px; padding-left:16px;	}
#tweet .text a				{ color: #C7C7C7; 	}
#tweet .text a:hover		{ color: #fff; 		}

#tweet .twitter-timestamp			{ color:#494848; margin-bottom: 8px;}

a.twitter-link-symbol 		{ color: #fff; }
a.twitter-link-symbol:hover { color: #97c0ef; }

.highlight 					{ color:#f5f4af;font-weight:bold; }

p.blog_datestamp 			{ color:#C7C7C7; margin:-8px 0 8px 0; }
.blog_catnum	 			{ color:#5f5f5f; }

.galleryheadline			{ padding:16px 0 0 0;margin:0 0 30px 0; }
.gallerycontent				{ background: url(images/galleryindex_vr.jpg) no-repeat;float:right;width:500px;padding-left:32px; }



.pagetitle					{ text-align: left; }

.sociable_tagline 			{ float:left; font-size: 10px; font-weight: bold; margin: 0 9px 18px 0;}

.wp-smiley 					{ margin:0; }

.subimg						{ border:4px solid #97c0ef;}
.subimg:hover				{ border:4px solid #fff;}


/* Alignment
-------------------------------------------------------------- */

.alignright 	{ float: left; }
.alignleft 		{ float: right; }
.aligncenter	{ display: block; margin: 0 auto; }
.clearboth		{ clear: both; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 0 16px 16px; list-style-type: none;}
ul, ol      { margin: 1.5em 1.5em 1.5em 0; padding:0;}

ul, ol      { list-style-type: none; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1em;}

li.cat-item {display: inline;}


/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 1.4em; border-left: 1px solid #eee; }
th          	{ font-weight: bold; }
thead th 		{ background: #739abe; color: #ffffff;}
th,td,caption	{ padding: 4px 10px 4px 5px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
tr.even td  	{ background: #e5ecf9; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; }


/* Tools
-------------------------------------------------------------- */
.center			{ text-align: center;}
.nomargin		{ margin: 0; }


/* Layout Styles
-------------------------------------------------------------- */

body {
	margin: 0;
	background: url(images/bg.jpg) #424d5a top center no-repeat;
	color:#FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}

img.layout 		{ margin: 0; }
img.spaced		{ margin: 10px 0; }

#topbg {
	width:100%;
	background: url(images/bgtop.png) repeat-x top center;
	height: 490px;
	text-align:center;
}

#headnav {
	width: 100%;
	height: 68px;
	background: url(images/headnav.png) repeat-x;
	line-height: 34px;
	left: 0px;
	font-size: 15px;
	position: fixed;
	top: 0px;
	z-index: 666;
}
	#headnav ul{
	list-style:none;
	margin: 0px auto;
	padding: 6px 0 0 0;
	}
	
		#headnav ul a{
		color: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
		}

			#headnav ul a:hover{
			color: #d2d2d2;
			}
			
		#headnav li{
		display: inline;
		text-align: center;
		padding: 0 21px;
		}
p.contactnamespacer {
        margin-bottom:95px;
        width:100%;    
}

a.namecontact {
        background: url(images/contact.png) no-repeat;
	border: 0;
	display:block;
        height: 73px;
	margin: 0 auto 40px;
	padding: 0;
	width: 372px;
}

a.namecontact:hover {
background-position: -372px;
}

#body {
	width: 866px;
	background: url(images/body_bg.png) repeat-y;
	margin: 0 auto;
	text-align: justify;
	padding: 10px 32px;
}

	#body .rightcol {
		float:right;
		margin-left:32px;
		width:417px;
	}
	
	#body .rightcol_blog {
		color: #c7c7c7;
		float:right;
		margin-left:32px;
		width: 344px;
	}
	
		#body .rightcol_blog h3{
			color:#fff;
		}
		
	
		#body .rightcol_blog ul{
			margin: 1.5em 0;
		}

#body p {
	line-height: 20px;
}
	
#footer {
	background: url(images/footer_bg.png) repeat-x;
	height: 240px;
	text-align: center;
	width: 100%;
	}

	#footer .container {
		background: url(images/footer_center_bg.png) no-repeat;
		color: #a5a5a5;
		font-size: 10px;
		margin: 0 auto;
		text-align: center;
		width: 868px;
	}
	
		#footer .container a.sitemap{
			color: #a5a5a5;
		}
		
			#footer .container a.sitemap:hover{
				color: #fff;
			}
		
		
		#footer img.footericon {
			display:block;
			margin: -45px auto 0;
			position:relative;
		}
		
		#footer .container h2, #footer .container h2 a{
			color: #fff;
			font: Normal 14px Arial;
			margin: 0 0 14px 0;
			text-align: center;
			text-transform: uppercase;
		}
	
	#footer .col {
		float: left;
		margin: 0 0 0 32px;
		overflow: visible;
		padding: 21px 0 35px;
		text-align: justify;
		width: 193px;
	}
	
	
	#footer .twittercol {
		float: left;
		margin: 0;
		padding: 21px 0 35px;
		text-align: left;
		width: 418px;
	}
	
	#footer a.contactbtn {
		background: url(images/footer_btn_contact.gif) no-repeat;
		display: block;
		height:33px;
		margin: 0 auto;
		width: 169px;
	}
		#footer a.contactbtn:hover {
			background-position: -169px;
		}

.entry, #blogcontent {
	float:left;
	width: 490px;
}

.entrylinks {
	background-image: url(images/entrylinks_bg.jpg);
	color: #393939;
	font-size: 10px;
	height: 21px;
	margin: -10px 0 16px 0;
	padding: 7px 8px 0 0;
	text-align: right;
	width: 482px;
}

	.entrylinks a{
		color: #9b9b9b;
	}
	
	.entrylinks a:hover{
		color: #cbcbcb;
	}

.projectpreview {
	border:4px solid #97c0ef;
	margin:0;
}

a img.projectpreview:hover {
	border:4px solid #fff;
	margin:0;
}

a.facebook_btn {
	background: url(images/blog_rightcol_facebook.gif) no-repeat;
	display: block;
	float: left;
	height:31px;
	margin: 0 29px 0 0;
	width: 192px;
}
	a.facebook_btn:hover {
		background-position: -192px;
	}
	
a.twitter_btn {
	background: url(images/blog_rightcol_twitter.gif) no-repeat;
	display: block;	float: left;
	height:31px;
	margin: 0;
	width: 120px;
}
	a.twitter_btn:hover {
		background-position: -120px;
	}

.twitter-message { text-align:left;}

/* Form Styles
-------------------------------------------------------------- */

input, textarea {
	background-color: #404040;
	border: 1px solid #6c6c6c;
	color: #eaeaea;
	font: Normal 12px Arial;
	margin: 0 0 8px 0;
	padding: 1px 1px 1px 2px;
}

.contact {
	height: 20px;
	margin: 0 0 10px 0;
	padding: 6px 1px 1px 6px;
	width: 380px;
}

	textarea.contact {
		height: 150px;
		width: 98%
	}
	
	label.contact {
		padding: 0 0 35px 0;
	}

	input.contact-me-btn {
		cursor: pointer;
		background-image: url(images/contactme-btn.gif);
		border: 0;
		font-size: 0;
		float:right;
		height:33px;
		margin-top:4px;
		overflow: hidden;
		padding-top: 33px;
		width: 169px;
	}

	.mmf p{
		margin: 0;
	}	

#comment {
	height: 150px;
	padding: 5px 3px;
	width: 98%
}

label.screen-reader-text {
	color:#c7c7c7;
	margin:0;
}

#searchform {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* Search Bar
-------------------------------------------------------------- */

fieldset.search {
	border: none;
	width: 324px;
	margin: 0 auto 12px;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	font-size: 12px;
	width: 270px;
	height: 18px;
	padding: 3px 5px 1px;
	border-top: 1px solid #6C6C6C;
	border-left: 1px solid #6C6C6C;
	border-bottom: 1px solid #6C6C6C;
}

.search button.btn {
	width: 38px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background: url(images/search_bg.gif) no-repeat bottom right;
}


/* Comments Styles
-------------------------------------------------------------- */

.commentinput {
	margin-right: 8px;
	padding: 5px 3px;
	width: 200px;
}

.commentsubmit {
	background: url(images/commentsubmit.gif) no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 0px;
	height:33px;
	margin: 0;
	overflow: hidden;
	padding-top: 33px;
	width: 147px;
}

	.commentsubmit:hover {
		background-position: -147px;
	}

.commentlist  {
	margin: 0;
}

.commentlist li {
 	padding: 5px 18px 22px 18px;
	margin: 15px 0 0 15px;
	background:#2c2c2c url(images/bg_commentlist.gif) bottom no-repeat;
	color:#e4edee;
	}

.commentlist cite {
	color: #C7C7C7;
	display:block;
	font-size: 10px;
	font-style:normal;
	padding-left: 30px;
	}

.quote p {margin: 0 0 8px;}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#fff;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#C7C7C7;
	text-decoration:underline;
	}


/* Fade Hover CSS
-------------------------------------------------------------- */
		.thumblist { list-style-type: none; margin:0; padding:0; overflow:hidden; } /* stops the ul from cutting off floated elements inside */
		.thumblist li{ list-style:none; border:4px solid #97c0ef; float:left; padding:0;} /* Things i've added to make it look pretty */
		.thumblist a{ width:185px; height:74px; overflow:hidden; display:block; } /* Things that you need - obviously you need to change the dimensions to work with your own sprite */
		.thumblist a img { border:0; } /* stop a border appearing around the image link */
		.thumblist li {margin: 0 31px 25px 0;}
		.thumblist li.thumbodd {margin: 0 0 25px 0;}
		.thumblist li.thumbfooter {margin: 0 0 10px 0;}


/* Clearfix
-------------------------------------------------------------- */
	
#body, #content {
	overflow:hidden;
	zoom: 1;