/*

Theme Name: Rock Solid

Theme URI: http://forthelose.org/ftl-themes/

Description: Premium WP Theme from Ralph Damiano of <a href="http://forthelose.org">ForTheLose.org</a>.

Version: 1.0

Author: Ralph Damiano

Author URI: http://forthelose.org

Tags: rock, solid, stone, red, blue, green, gray

*/

 

body {
	background: #111;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #333;
}
/* == Resets N' Stuff == */



a:link,  a:visited {
	font-size: 100%;
	font-family: "Arial", sans-serif;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
}
a:focus,  a:active {
	outline: none;
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}
ul {
	list-style-image: url(images/li.gif);
	margin: 0px 0px 0px 15px;
}
img {
	border: 0px;
}
input:focus, input:active {
	outline: none;
}
.go-left {
	float: left;
	clear: left;
}
.go-right {
	float: right;
	clear: right;
}
.go-center {
	margin: 0 auto;
	text-align: center;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.block {
	display: block;
}
.clear {
	clear: both;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.black-bg {
	background: url(images/black.png);
}
/* == Wordpress Necessary == */



.aligncenter,  div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin: 5px;
}
.alignright {
	float: right;
	margin: 5px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0 auto;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-smiley {
	display: inline;
}
.white {
	color: #CCC;
}
/* == Header == */



#top {
	width: 100%;
	height: 163px;
	background: url(images/top.gif) repeat-x;
}
#top-container {
	width: 900px;
	height: 163px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: 900px;
	height: 84px;
	overflow: hidden;
	padding: 10px 0px;
}
#navbar-top {
	height: 30px;
	overflow: hidden;
	padding: 3px 0px 2px 0px;
	font-size: 0.834em;
	color: #CCC;
	font-weight: bold;
}
#navbar-top ul {
	list-style-type: none;
}
#navbar-top ul li {
	float: left;
	display: inline;
}
#navbar-top ul li a:link,  #navbar-top ul li a:visited {
	display: block;
	padding: 9px 10px;
	color: #CCC;
}
#navbar-top ul li a:hover,  #navbar-top ul li.current_page_item a:link,  #navbar-top ul li.current_page_item a:visited,  #navbar-top ul li a:active {
	background: url(images/navbar-hover.gif) repeat-x;
}
#navbar-top ul li.rss-li a:link,  #navbar-top ul li.rss-li a:visited {
	display: block;
	padding: 9px 10px;
	color: #ffac41;
}
#navbar-bottom {
	height: 14px;
	overflow: hidden;
	padding: 5px 0px;
	font-size: 0.834em;
	color: #CCC;
	font-weight: bold;
}
#navbar-bottom a:link,  #navbar-bottom a:visited {
	font-weight: bold;
}
.adsense-header {
	overflow: hidden;
	margin: 12px 0px;
}
/* == Content == */



#container {
	width: 900px;
	overflow: hidden;
	margin: 20px auto;
	padding: 20px;
	text-align: left;
}
#content {
	float: left;
	clear: left;
	width: 550px;
	overflow: hidden;
}
.ad125-spot {
	width: 550px;
	height: 141px;
	overflow: hidden;
	text-align: center;
	margin: 0px 0px 20px 0px;
}
.ad125-spot img {
	width: 125px;
	height: 125px;
	overflow: hidden;
	margin: 0 auto;
	padding: 8px 4px;
}
.adsense-content {
	width: 468px;
	padding: 8px 41px;
	overflow: hidden;
	text-align: center;
	margin: 0px 0px 20px 0px;
}
.post-container {
	width: 520px;
	padding: 15px;
	overflow: hidden;
	background: #FFF url(images/post-container-top.gif) top center no-repeat;
}
.post-container-end {
	width: 550px;
	height: 35px;
	overflow: hidden;
	background: url(images/post-container-bottom.gif) no-repeat;
	margin: 0px 0px 20px 0px;
}
.post-header {
	width: 520px;
	overflow: hidden;
	text-align: center;
}
.post-header h1 {
	font-family: "Trebuchet MS", sans-serif;
	color: #444;
	font-weight: bold;
	font-size: 1.667em;
	padding: 0px 0px 5px 0px;
}
.post-header a:link,  .post-header a:visited {
	font-family: "Trebuchet MS", sans-serif;
	color: #444;
	font-weight: bold;
}
.post-header a:hover {
	color: #111;
}
.post-information {
	width: 520px;
	overflow: hidden;
	text-align: center;
	color: #999;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
.post-image {
	width: 520px;
	height: 208px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}
.post-image img {
	padding: 3px;
	background: #FFF;
	border: 1px solid #CCC;
}
.post-image img:hover {
	border-color: #999;
}
.post-content {
	width: 520px;
	overflow: hidden;
	text-align: justify;
	line-height: 1.834em;
	font-family: "Verdana", sans-serif;
	font-size: 0.917em;
}
.post-content p {
	padding: 0px 0px 15px 0px;
}
.post-content h1 {
	font-family: "Trebuchet MS", sans-serif;
	color: #444;
	font-weight: bold;
	font-size: 1.5em;
	padding: 0px 0px 15px 0px;
}
.post-content h2 {
	font-family: "Trebuchet MS", sans-serif;
	color: #555;
	font-weight: bold;
	font-size: 1.47em;
	padding: 0px 0px 15px 0px;
}
.post-content h3,  .post-content h4,  .post-content h5,  .post-content h6 {
	font-family: "Trebuchet MS", sans-serif;
	color: #666;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0px 0px 15px 0px;
}
.post-content blockquote {
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 15px 0px;
	background: #EEE;
	font-style: italic;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	color: #777;
}
.post-content ul,  .post-content ol {
	padding: 10px 10px 10px 30px;
	background: #EEE;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color: #777;
}
.post-content ul {
	list-style-image: none;
	list-style-type: disc;
}
.post-meta-index {
	width: 520px;
	overflow: hidden;
}
.post-meta-single {
	width: 500px;
	padding: 15px 10px;
	overflow: hidden;
	background: #EEE;
	font-family: "Verdana", sans-serif;
	font-size: 0.917em;
	font-weight: bold;
	color: #777;
}
.wp-pagenavi,  .below-post {
	width: 550px;
	padding: 10px 0px;
	overflow: hidden;
	color: #CCC;
}
/* == Comments == */



#share-container {
	width: 370px;
	padding: 20px 10px 35px 170px;
	overflow: hidden;
	background: url(images/like-this-post.gif) left 20px no-repeat;
}
#share-container img {
	float: left;
	display: inline;
	margin: 0px 10px;
}
.comment-container {
	width: 520px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	background: url(images/comment-container-bottom.gif) bottom center repeat-x;
}
.comment-left {
	float: left;
	clear: left;
	width: 72px;
	text-align: center;
	color: #666;
	font-size: 0.834em;
	overflow: hidden;
}
.comment-right {
	float: right;
	clear: right;
	width: 428px;
	overflow: hidden;
}
.comment-header {
	width: 428px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-style: italic;
	color: #666;
	font-size: 1.167em;
}
.comment-header a:link,  .comment-header a:visited {
	font-style: normal;
	color: #333;
	font-size: 1.417em;
}
.comment-header a:hover {
	color: #555;
}
.comment-header .comment-number {
	font-weight: bold;
	font-style: italic;
	color: #333;
	font-size: 1.167em;
}
.comment-content {
	text-align: justify;
	line-height: 1.834em;
	font-family: "Verdana", sans-serif;
	font-size: 0.917em;
}
.comment-content p {
	padding: 0px 0px 15px 0px;
}
.comment-content h1,  .comment-content h2,  .comment-content h3,  .comment-content h4,  .comment-content h5,  .comment-content h6 {
	font-family: "Trebuchet MS", sans-serif;
	color: #666;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0px 0px 15px 0px;
}
.comment-content blockquote {
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 15px 0px;
	background: #EEE;
	font-style: italic;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	color: #777;
}
.comment-content ul,  .comment-content ol {
	padding: 10px 10px 10px 30px;
	background: #EEE;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color: #777;
}
.comment-content ul {
	list-style-image: none;
	list-style-type: disc;
}
.comment-left img {
	padding: 3px;
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0px 0px 5px 0px;
}
.comment-textarea {
	width: 450px;
	overflow: hidden;
}
.comment-input {
	width: 300px;
	overflow: hidden;
}
/* == s3Slider == */



#slider-holder {
	width: 512px;
	height: 200px;
	padding: 19px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
}
#s3slider {
	width: 512px; /* important to be same as image width */
	height: 200px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#s3sliderContent {
	width: 512px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
}
.s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}
.s3sliderImage span {
	position: absolute; /* important */
	left: 0;
	font-weight: bold;
	font-size: 0.834em;
	color: #BBB;
	padding: 10px 13px;
	width: 486px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	display: none; /* important */
	bottom: 0;/*

       if you put

       top: 0; -> the box with text will be shown at the top of the image

       if you put

       bottom: 0; -> the box with text will be shown at the bottom of the image

   */

}
.s3sliderImage span a.featured-title:link,  .s3sliderImage span a.featured-title:visited {
	color: #DDD;
	padding: 0px 0px 2px 0px;
	font-size: 1.167em;
}
.s3sliderImage span a.featured-title:hover {
	color: #999;
}
.s3sliderImage span a:link,  .s3sliderImage span a:visited {
	color: #888;
}
.s3sliderImage span a:hover {
	color: #555;
}
/* == Sidebar == */



#sidebar {
	float: right;
	clear: right;
	width: 310px;
	overflow: hidden;
	font-size: 0.917em;
	font-weight: bold;
	color: #DDD;
}
#sidebar a:hover {
	color: #DDD;
}
.sidebar-box {
	width: 310px;
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}
.sidebar-box h2 {
	height: 22px;
	padding: 4px 0px 4px 5px;
	margin: 5px 0px;
	font-family: "Tahoma", sans-serif;
	color: #DDD;
	font-size: 18px;
	font-weight: normal;
	background: url(images/sidebar-h2.gif) no-repeat;
}
.sidebar-box ul li {
	padding: 5px 0px;
}
.sidebar-box h2#twitter-h2 {
	height: 34px;
	width: 200px;
	padding: 37px 5px 4px 105px;
}
ul#twitter_update_list li a:link,  ul#twitter_update_list li a:visited {
	display: block;
}
ul#twitter_update_list li span a:link,  ul#twitter_update_list li span a:visited {
	display: inline;
}
#twitter-link {
	font-size: 0.917em;
}
.search-box {
	width: 306px;
	height: 21px;
	margin: 0px 0px 30px 0px;
	border: 2px solid #333;
}
.search-input {
	float: left;
	width: 246px;
	height: 13px;
	overflow: hidden;
	background: url(images/search-bg.gif) repeat-x;
	border: 0px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #555;
	padding: 4px 5px;
}
.search-button {
	float: left;
	width: 50px;
	height: 21px;
	overflow: hidden;
	background: url(images/search-button.gif) no-repeat;
	border: 0px;
	cursor: pointer;
}
/* == Footer == */



#footer {
	width: 100%;
	height: 320px;
	overflow: hidden;
	padding: 20px 0px 0px;
	background: url(images/footer.gif) repeat-x;
}
#footer-container {
	width: 900px;
	height: 320px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}
.footer-widget {
	float: left;
	width: 250px;
	height: 250px;
	overflow: hidden;
	display: inline;
	padding: 15px;
	margin: 0px 10px;
	color: #CCC;
}
.footer-widget h2 {
	font-size: 1.334em;
	color: #CCC;
	font-weight: bold;
	font-family: "Arial", sans-serif;
	padding: 0px 0px 10px 0px;
}
.footer-widget ul li {
	padding: 5px 0px;
}
#footer-credits {
	width: 900px;
	margin: 12px 0px 0px;
	font-size: 0.834em;
	color: #999;
}
#footer-credits a:link,  #footer-credits a:visited {
	color: #FFF;
}
#footer-credits a:hover {
	text-decoration: underline;
}
#flickr {
	width: 900px;
	overflow: hidden;
	padding: 20px;
	margin: 0px auto 20px auto;
}
#flickr ul {
	list-style-type: none;
	display: inline;
}
#flickr ul li {
	display: inline;
	float: left;
	padding: 0px 10px;
}
#flickr ul li.flickr-no-border {
	padding: 0px 15px;
}
#flickr ul li img {
	display: block;
	border: 2px solid #222;
}
#flickr ul li img:hover {
	border-color: #555;
}
#flickr ul li.flickr-no-border img {
	display: block;
	border: 10px;
}
/* Calendar */



#calendar_wrap {
	padding: 10px 0px 0px;
	width: 310px;
	overflow: hidden;
	text-align: center;
}
table#wp-calendar {
	width: 250px;
	border: 0px;
	margin: 0 auto;
}