/*  
Theme Name: Rock Solid
Theme URI: http://troygrosfield.com/
Description: This is how I think my site should look.
Version: 1.0
Author: Troy Grosfield 
Author URI: http://troygrosfield.com/
*/
a { text-decoration: none; }
a, a:visited { color: #0000FF; }
a:hover { text-decoration: underline; }
body { background: url("../img/clouds-bg.jpg") repeat-x bottom; }
form .comment-txt { width: 90%; font-family: 'times New Roman';}
html { background: black url("../img/stars.jpg") repeat; }
input[type='text'], textarea { border: 1px outset black; padding: 2px 3px; }

.alignright { float: right; }
.alignleft { float: left; }
.article { margin: 0 0 20px; padding: 0 0 25px; }
.article h2 { font-size: 1.5em; font-family: monotype corsiva; padding: 0 0 5px; }
.article h2 a { color: black; color: #336633; }
.article .author, .article .date, .article .category, .article .comments-lbl, .article .comments, .article .tags-lbl, .article .tags { font-size: .8em; color: gray; }
.article .comments-lbl, .article .headline-lbl, .article .author-lbl, .article .story-lbl, .article .category-lbl, .article .date-lbl, .article .share-lbl { display: none; }
.article .tags { float: left; }
.article .tags ol.horizontal li { padding: 0 4px 0 0; }
.article .tags-lbl { float: left; padding: 0 4px 0 0; }
.article .author span:after { content: " on "; }.article .tags-lbl span:after { content: ":"; }
.article .author { display: inline; }
.article .category span:before { content: "Category:"; }
.article .category span a { padding: 0 0 0 4px; }
.article .category-lbl { float: left; }
.article .category { float: right; }
.article .comments { float: right; padding: 0 4px; }
.article .comments, .article .tags-lbl, .article .tags {margin-top: 5px;}
.article .date { display: inline; }
.article .share { padding: 0 2px 5px; border-bottom: 1px dotted gray; text-align: center; }
.article .share .db-count { padding-top: 4px; }
.article .share li { margin: 15px; }
.article .story { border-top: 1px dotted gray; border-bottom: 1px dotted gray; line-height: 1.2; padding: 5px 0; margin: 10px 0 0 0; }
.article .story p { margin: 5px 0 15px; }
.article .story object, .article .story embed { height: 440px; width: 585px; margin: 5px 0 15px}
.article .story pre { border: 1px outset black; margin: 15px 10px; padding: 5px; overflow: auto; background-color: #B7E6EE; }
.article .story th { padding: 5px 10px; background-color: #CCCCCC; }
.article .story td { padding: 3px; }
.article .story td, .article .story th { border: 1px solid black; text-align: center; }
.article .story blockquote p, .article .story blockquote div { color: #20B2AA; font-style: italic; margin: 0 25px; padding: 5px; }
.article .story blockquote > p:after { content: "\201D"; font-weight: bold; }
.article .story blockquote > p:before { content: "\201C"; font-weight: bold; }
.article .story blockquote cite {color: #4682B4; font-weight: bold; text-align: right; display: block;}
.article .story sub { position: relative; vertical-align: baseline; font-size: 60%; top: .3em; padding-left: 2px;}
.article .story sup { position: relative; vertical-align: baseline; font-size: 60%; top: -.7em; padding-left: 2px;}

.block { background-color: white; border: 2px inset #003333; padding: 10px; margin: 0 0 20px; }
.beveled {
	display: inline-block;
	position: relative;
}
.beveled:after { box-shadow: -5px -5px 2px rgba(0, 0, 0, 0.4) inset, 5px 5px 2px rgba(255, 255, 255, 0.4) inset;
    content: " "; 
    display: inline-block;
    left: 0; 
    position: absolute; 
    top: 0; 
}
.button { background: #008800; color: white; cursor: pointer; border-radius: 10px; padding: 5px;
	text-decoration: none; border: 1px outset black;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; top: 5px; 
}
.button {   
	background: -moz-linear-gradient(top, #00FF00, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#000000));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00FF00', EndColorStr='#000000',GradientType=0); 
}
.button:hover {  
	background: -moz-linear-gradient(top, #000000, #00FF00);
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#00FF00));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#00FF00',GradientType=0); 
}

.clear:after, .clear:after { clear:both; display:block; visibility:hidden; overflow:hidden; height:0 !important; line-height:0; font-size:xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.clear{ *zoom:1; padding:.2em 0; }

.comment-list { border-bottom: 1px dotted black; margin: 10px 0 20px; }
.comment-list .alt { background-color: #F0F0F0; }
.comment-list li { border-top: 1px dotted black; padding: 5px; }
.comment-list .author-lbl, .comment-list .comment-lbl, .comment-list .date-lbl { display: none; }
.comment-list .author, .comment-list .date { display: inline; }
.comment-list .author, .comment-list .date span { color: green; }
.comment-list .author span:after { content: " on "; }
.comment-list .comment { margin: 7px 5px 5px 10px; line-height: 1.15; }
.comment-list .comment p { margin: 1px 0 10px; }
.comment-list .date span { padding: 0 0 0 4px; }

.comment-form p, .comment-form textarea { margin: 5px 0; }
.comment-form p input[type='text'] { width: 200px; }
.comment-form p label small { font-size: .8em; color: silver; }

.content { background: url('../img/bg-content.png') 0 0 repeat-y; margin-left: 8px; padding: 1px 23px 4px; width: 904px; }
.content h2, .content h3, .content h4 { font-family: monotype corsiva;}
.content h2 { font-size: 1.5em; margin: 9px 0 10px 0; padding: 0 0 0 30px; }
.content h3 { font-size: 1.3em; margin: 25px 0 10px; color: green; }
.content h4 { font-size: 1.1em; margin: 20px 0 10px; }
.content.err .main h2 { margin: 5px 0 10px 0; }

.clear { clear: both; }

ul.demo .sel { color: black; text-decoration:none; }

.footer { background: url('../img/footer-bg-sm.png') 0 0 no-repeat; color: silver; text-align: center; height: 30px; position: relative; top: -5px; margin: 0 0 0 2px; padding: 16px 0 0 0; }
.footer span { font-family: monotype corsiva; font-size: 1.1em; }
.header { background: url('../img/top-middle.png') repeat-x top center; height: 260px;  }
.header h1 { background: url("../img/top-left-img.png") no-repeat scroll -5px 0 transparent; float: left; height: 150px; width: 320px; }
.header h1 a { background: url("../img/troygrosfield_com.png") no-repeat scroll 0 0 transparent; color: gray; display: inline-block; float: left; font-family: 'monotype corsiva'; font-size: 0.8em; font-weight: normal; height: 50px; padding: 50px 0 50px 30px; position: relative; text-align: center; text-decoration: none; width: 300px; top: -34px; left: 87px; }
.header h1 img.trans { color: silver; position: relative; left: -6px; }
.header h1 .hdr-img { float: left; padding: 2px 0 0 10px; }
.header h1 .hdr-txt { float: left; padding: 6px 6px 6px 0; }
.header h1 a .site-title { display: none; }

.header .pic-loc { clear: right; position: relative; float: left; top: 185px; left: 495px; }
.header .pic-loc span { font-family: monotype corsiva; font-size: .8em; color: silver; }
.header .top-right { background: url("../img/top-right.png") no-repeat scroll right 0 transparent; display: block; height: 40px; position: relative; width: 6px; left: 960px; }
.main { width: 585px; float: left; margin: 0 18px 0 0; }
.main p { margin: 0 0 5px; }
.main.block { min-height: 500px; }
.main .pagetitle { font-family: 'times new roman'; font-size: 1em; font-weight: normal; text-align: center; margin: 0 0 15px; }
.main .pagetitle:before { content: "~ "; }
.main .pagetitle:after { content: " ~"; }
.project-img .beveled, .project-img .beveled:after, .project-img .beveled img { border: 1px outset silver; height: 300px; width: 300px; }
.search-entry { margin: 0 0 15px 0; }
.search-entry a { text-decoration: underline; }
.search-entry .author-lbl, .search-entry .author, .search-entry .category-lbl, .search-entry .category, .search-entry .tags-lbl, .search-entry .tags { float: left; font-size: .8em; }
.search-entry .author-lbl, .search-entry .category-lbl, .search-entry .tags-lbl { margin: 0 3px 5px 0; font-weight: bold; }
.search-entry .author, .search-entry .category, .search-entry .tags { margin: 0 15px 0 0; }
.search-entry .author-lbl:after, .search-entry .category-lbl:after, .search-entry .tags-lbl:after { content: ":"; }
.search-entry .date { color: silver; font-size: .8em; position: relative; top: 17px; left: 11px; float: left;}
.search-entry .date-lbl, .search-entry .headline-lbl, .search-entry .story-lbl, .search-entry .permalink-lbl, .search-entry .comments-lbl, .search-entry .comments { display: none; }
.search-entry .headline { float: left; text-decoration: underline; }
.search-entry .permalink { clear: left; }
.search-entry .permalink a { color: green; font-size: .9em; }
.search-entry .tags li { margin: 0 3px 0; }
.search-entry .story { clear: both; }

.share .delicious { border-radius: 5px;	text-decoration: none; border: 1px outset gray; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #6699FF; background: -moz-linear-gradient(top, #FFFFFF, #6699FF);	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#6699FF)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#6699FF',GradientType=0);}
.share .delicious:hover { background: -moz-linear-gradient(top, #6699FF, #FFFFFF); background: -webkit-gradient(linear, left top, left bottom, from(#6699FF), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#6699FF', EndColorStr='#FFFFFF',GradientType=0); }
.share .delicious a { background: url('../img/delicious-12.jpg') no-repeat 4px center transparent; color: black; font-size: .65em; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; padding: 2px 5px 0 23px; text-decoration: none; }

.sidebar { float: left; width: 275px; }
.sidebar .block .cat-item { color: silver; }
.sidebar .block .cat-item a { padding: 0 2px 0 0; }
.sidebar .block li { list-style-image: url("../img/list-arrow.gif"); list-style-position: outside; margin: 0 0 4px 20px; }
.sidebar h2, .tg .block h2 { border-bottom: 1px solid gray; margin: 0 0 5px; padding: 0 0 5px 33px; }
.sidebar h2.section, .tg .block h2.section { margin-top: 20px; }
.sidebar .recent-entries .recent-date { margin: 0 0 0 5px; color: silver; font-size: 0.8em; }
.sidebar .search input.term { width: 195px; }
.twitter-share-button { position: relative; top: 6px; width: 92px !important; } 
.wrap { background: url('../img/head/miami-skyline-head.png') 9px 0 no-repeat; margin: 0 auto; width: 962px; }

/* wp classes */
.content .navigation { margin: 0 0 30px 0; }
div.wp-caption { padding: 5px; text-align: center; }
div.wp-caption a img { border: 2px outset black; }
div.wp-caption.alignleft { margin: 2px 7px 2px 0; padding: 5px 5px 5px 0; }
div.wp-caption.alignright { margin: 2px 0 2px 7px;  padding: 0 5px 5px 5px; }
div.wp-caption .wp-caption-text { color: green; font-weight: bold; font-family: 'monotype corsiva'; margin: 2px 0; }

/* Lists */
.primary-nav { margin: 0 0 20px 0; padding: 7px 5px; float: right; }		 
.primary-nav li, .secondary-nav li { font-size: 1.1em; }
.primary-nav li { padding: 0px 15px; }
.primary-nav li.sel a, .secondary-nav li.sel a { color: white; }
.primary-nav li a:hover, .secondary-nav li a:hover { border-bottom: 1px solid white; padding-bottom: 2px; color: white; }
.primary-nav li a, .secondary-nav li a { text-decoration: none; color: #999999; }
.primary-nav li a img {position:relative; top: 3px;}
.secondary-nav { position: relative;  left: 31px; top: 16px; }
.secondary-nav li { padding: 13px 15px; }
.secondary-nav li.sel { background: url("../img/triangle.png") no-repeat center bottom;  }

.secondary-nav-cont { background: url("../img/heading-bg-bottom.png") no-repeat 0 0; height: 44px; position:relative; left: 2px; }

ul.horizontal, ol.horizontal { list-style-type: none; } 
ul.horizontal li, ol.horizontal li { display: inline; }

ol.simple, ol.simple ol, .article .story ol, ul.simple ol { list-style-type: decimal; }
ul.simple, ul.simple ul, .article .story ul, ol.simple ul { list-style-type: disc; }
ul.simple, ol.simple, .article .story ul, .article .story ol { margin: 15px 5px 15px; }
ul.simple li, ol.simple li, .article .story li { margin: 2px 0 0 30px; }

.about ul.simple.toc { background-color: #DFDFDF; border: 1px outset black; float: left; margin: 7px 25px 10px 0; } 
.about ul.simple.toc li { padding: 1px 15px 2px 0; }

dl.simple dt { font-weight: bold; margin: 8px 0 0 0; }
dl.simple dd { margin: 3px 10px 3px 20px; }

.about h2 { background: url("../img/info.png") no-repeat scroll 0 1px transparent; }
.archives h2 { background: url("../img/archive-24.png") no-repeat scroll 0 0 transparent; }
.contact h2 { background: url("../img/send.png") no-repeat scroll 0 -3px transparent; }
.developer h2 { background: url("../img/ksirtet.png") no-repeat scroll 0 0 transparent; }
.travel h2 { background: url("../img/globe-24.png") no-repeat scroll 0 -3px transparent; }
.categories h2 { background: url("../img/categories-24.jpg") no-repeat scroll 0 0 transparent; }
.tag-cloud h2 { background: url("../img/clouds-24.jpg") no-repeat scroll 0 0 transparent; }
.bookmarks h2, h2.bookmarks { background: url("../img/bookmark-24.png") no-repeat scroll 0 0 transparent; }
.search h2 { background: url("../img/search-24.png") no-repeat scroll 0 0 transparent; }
.tweets h2 { background: url("../img/twitter-24.jpg") no-repeat scroll 0 4px transparent; }
.shoutouts h2 { background: url("../img/shoutout-24.png") no-repeat scroll 0 1px transparent; }
.countdown h2 { background: url("../img/date-24.png") no-repeat scroll 0 1px transparent; }
.portfolio h2 { background: url("../img/briefcase-24.png") no-repeat scroll 0 0 transparent; }
.portfolio h3 { clear: both; }
.headlines h2, .recent h2, .headline h2 { background: url("../img/article-24.png") no-repeat scroll 0 0 transparent; }
.videos h2 { background: url("../img/video-24.png") no-repeat scroll 0 0 transparent; }


h2.music { background: url("../img/cd_spectrum-24.png") no-repeat scroll 0 1px transparent; }
h2.newspaper { background: url("../img/news.png") no-repeat scroll 0 1px transparent; }
h2.web { background: url("../img/web.png") no-repeat scroll 0 1px transparent; }
h3.comments { background: url("../img/comments-24.jpg") no-repeat scroll 0 0 transparent; padding-left: 30px; }