/*
Theme Name: The style of Raoul
Theme URI: http://www.gamestechnology.net
Description: A dark and blue automotive WP theme with a 2 column layout, multiple widget-ready placement. Active widget-based footer. Transparent header menu, post and sidebar. Background picture can easily be replaced with your own dark image.
Version: 1.0
Author: raoul@gamestechnology.net
Author URI: http://www.gamestechnology.net
Tags: dark, blue, two-columns, fixed-width, automotive, transparent 
*/


/* --- |     Site Layout     | --- */
* {padding: 0; margin: 0;}
body {margin: 0 0 20px 0; padding: 0; color: #dc0f00; background: #000 url('Images/RocketScientist.jpg') no-repeat fixed top center;
      font: normal 11px/13px Tahoma, Arial, Verdana; text-align: left;}
/* repeat image for ie6 */ * html body {background: #000 url('Images/RocketScientist.jpg') repeat-y top center;}
#wrapper {margin: 0 auto; padding: 0; width: 1024px; }
#page {margin: 0px auto; padding: 0; width: 100%; min-height: 550px; overflow: auto;}


/* --- |       Globals       | --- */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
h1, h1 a, h1 a:visited {padding: 20px 0 0 0; color: #fff7d8; font-size: 38px; font-weight: Bold;}
h2 {margin: 14px 0 12px 0; font-size: 26px; line-height: 24px;}
h2 a:hover, h3 a:hover {color: #fff7d8;}
h2.pagetitle {margin: -20px 0 25px 45px;}
h2, h3 {color: #fff7d8; font-weight: normal; font-family: Verdana, Arial, Sans-Serif; text-align: left;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {text-decoration: none;}
h3 {margin: 30px 0 0; padding: 0; font-size: 22px; line-height: 22px;}
/*h3.comments {margin: 40px auto 20px; padding: 0; font-variant: small-caps;}*/
small, .nocomments,  blockquote, strike {color: #fff7d8; text-decoration: none;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 11px; letter-spacing: -0.1px; cursor: help;}
acronym, abbr {border-bottom: 1px dashed #dc0f00;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #fff7d8;}
blockquote cite {margin: 5px 0 0; display: block;}
hr {display: none;}
select {width: 130px;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {margin-left: auto; margin-right: auto; display: block;}
.center {text-align: center;}
.clear {clear: both;}
.cleared {margin: 0; padding: 0; clear: both;}
.hidden {display: none;}
.navigation {margin-top: 10px; margin-bottom: 60px; text-align: center; display: block;}
p img {padding: 0; max-width: 100%;}
img.centered {margin-left: auto; margin-right: auto; display: block;}
img.alignright {margin: 0 0 -18px -44px; padding: 4px; right: -50px; top: -20px; position: relative; display: inline;}
img.alignleft {margin: 10px; padding: 4px; display: inline; float: left;}


/* --- |     Site Header     | --- */
#header {margin: 0; width: 100%; height: 222px;}
#header .container {width: 100%; height: 111px; float: left; position: relative;}
#header .transparent-box {width: 100%; height: 131px; top: 0; bottom: 0; left: 0;
	background: #000; position: absolute; filter: alpha(opacity=30); -khtml-opacity: 0.3;
	-moz-opacity: 0.3; opacity: 0.3;}
#header .content-box {width: 100%; height: 131px; position: relative;}
#header h1, #header h1 a {padding: 35px 0 0 12px; height: 38px; color: #dc0f00;
	line-height: 44px; font-weight: 200; text-decoration: none; z-index: 10;}
#header h1 a:hover {color: #dc0f00;}
#header .description {padding: 10px 0px 0px 25px; color: #fff7d8; font-size: 24px;}


/* --- |      Top Menu       | --- */
#menu {margin-bottom: 60px; width: 100%; height: 40px; color: #333; line-height: 11px;}
#menu .container {width: 100%; position: relative; float: left;}
#menu .transparent-box {width: 100%; height: 100%; top: 0; bottom: 0; left: 0;
	background: #000; position: absolute; filter: alpha(opacity=55); -khtml-opacity: 0.55;
	-moz-opacity: 0.55; opacity: 0.55;}
/* ie6 fix */* html #menu .transparent-box {height: expression(this.parentNode.offsetHeight + 'px');}
#menu .content-box {width: 100%; position: relative;}
#menu ul {margin: 0 5px 0; padding: 0; height: 40px; list-style: none;}
#menu li {display: inline;}
#menu a {padding: 12px 11px 10px 11px; height: 18px; color: #fff; text-decoration: none; float: left;}
#menu li a:hover {text-decoration: underline;}
#menu a:hover, #menu a:active, #menu li.current_page_item a:link, #menu li.current_page_item a:visited, 
#menu li.current_page_item a:hover, #menu li.current_page_item a:active {background: #dc0f00;}
#menu #rss a {background: url('http://www.TastyPlacement.com/wp-content/themes/Amelie/images/rss.gif') no-repeat;
	float: left;}


/* --- |       Content       | --- */
#content {margin: 0; padding: 0; width: 725px; font-size: 12px;}
#content a {text-decoration: underline; color: #fff;}
#content p {margin: 26px 9px 9px 14px; font-size: 11px; letter-spacing: 1px; line-height: 18px;}
#content ul {margin: 0 9px 9px 14px; font-size: 11px; letter-spacing: 1px; line-height: 18px;}
#content .container {margin-bottom: 25px; width: 100%; position: relative; float: left; border: 1px solid #fff7d8;}
#content .transparent-box {width: 100%; height: 100%; top: 0; bottom: 0; left: 0; background: #000;
	position: absolute; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
/* ie6 fix */* html #content .transparent-box {width: 735px;}
/* ie6 fix */* html #content .transparent-box {height: expression(this.parentNode.offsetHeight + 'px');}
#content .content-box {padding-left: 10px; width: 100%; position: relative;}
#content .header h2 {font-size: 24px; font-weight: normal; font-variant: small-caps;}
#content .header h2:first-letter {font-weight: normal;} 
#content .header h2 a {text-decoration: none; color: #fff7d8;}
#content .header h2 a:hover {color: #fff7d8;}
#content .header .metadata {padding: 10px; font-size: 11px; letter-spacing: 1px; text-align: left; color: #fff7d8;}
#content .header .metadata a {text-decoration: none;}
#content .header .metadata .poster {color: #fff;}
#content .entry a {color: #dc0f00;}
#content .entry a.more-link, #content .post .tags a, #content p a.post-edit-link {text-decoration: none; color: #fff7d8;}
#content .entry a:hover {color: #dc0f00;}
#content .entry a.more-link:hover, #content .post .tags a:hover #content p a.post-edit-link:hover {color: #fff7d8;}
#content .entry .container {border: dotted 1px #fff7d8;}
#content .entry .transparent-box {filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
/* ie6 fix */* html #content .entry .transparent-box {height: expression(this.parentNode.offsetHeight + 'px');}
#content .entry .alt {padding: 10px; margin-left: -10px; width: 680px; font-size: 11px; line-height: 13px;}
#content .post {margin: 0 20px 20px 0; text-align: justify;}
#content .post hr {display: block;}
.entry p a:visited {color: #fff7d8;}
.entry ol, .entry ol li, .entry ul, .entry ul li {font: normal 11px/15px Tahoma, Arial, Verdana; letter-spacing: 0.1px;}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}
.entry ul {padding: 0 0 0 20px; margin: 0;}
.entry ul li {margin: 0; padding: 0 0 0 5px;}
.entry ul li ul {margin: 0; margin-top: -20px; padding: 0;}
.entry ul ul li {margin: 0; padding: 0 0 0 5px;}
.entry form {text-align: center;}
.narrowcolumn .tags {padding-top: 5px; text-align: center;}
.narrowcolumn, .widecolumn {margin: 0px; padding: 0 0 16px 16px; width: 100%; float: left;}
.widecolumn .post {margin: 0;}
.widecolumn .tags {margin: 30px 0;}
.widecolumn .smallattachment {margin: 5px 5px 5px 0px; width: 128px; text-align: center; float: left;}
.widecolumn .attachment {margin: 5px 0px; text-align: center;}
.alt {margin: 0; padding: 0; font: 11px/13px Arial, Helvetica, Sans-Serif;}
.tags {clear: both;}
.tags ul, .tags li {display: inline; list-style-type: none; list-style-image: none;}


/* --- |       Comments      | --- */
#comments h3, #respond h3 {padding: 10px; padding-bottom: 0; margin: 0; font-variant: small-caps;}
#comments .list {margin: 0; padding: 0; text-align: justify;}
#comments .list p {margin: 10px 10px 0 -10px; font-weight: normal; line-height: 15px; letter-spacing: 0.5px; text-transform: none;}
#comments .list li {margin: 20px; padding: 0; font-weight: bold; list-style: none;}
#comments .list li .avatar {margin: -10px 10px 0; padding: 2px; background: #06c; float: right; border: 1px solid #fff7d8;}
#comments .list li, #commentform input, #commentform textarea {font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#comments .list cite, #comments .list cite a {font-weight: bold; font-style: normal; font-size: 12px;}
#commentform input {margin: 5px 5px 1px 0; width: 150px; padding: 2px;}
#commentform textarea {margin-left: -10px; padding: 2px; width: 685px; color: #000; background: #fff7d8;}
#commentform #submit {margin: 10px; margin-right: 20px; float: right;}
#commentform p {margin: 5px 0 0 20px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; letter-spacing: 0.5px;}
.nocomments {margin: 0; padding: 0; text-align: center;}
.commentmetadata {margin: 0; font-weight: normal; display: block;}


/* --- |       Sidebar       | --- */
#sidebar {margin: 0 2px 0; padding: 0; width: 240px; font: 1em Verdana, Arial, Sans-Serif; float: right;}
#sidebar .container {margin-bottom: 10px; width: 100%; position: relative; float: left; border: 1px solid #fff7d8;}
#sidebar .transparent-box {width: 100%; height: 100%; top: 0; bottom: 0; left: 0; background: #000; 
    position: absolute; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
/* ie6 fix */* html #sidebar .transparent-box {height: expression(this.parentNode.offsetHeight + 'px');}
#sidebar .content-box {width: 100%; position: relative;}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul li {margin-bottom: 22px; padding: 8px; list-style-type: none; list-style-image: none;}
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0; border: none;}
#sidebar ul ul li, #sidebar ul ol li {color: #fff7d8; text-decoration: none;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
#sidebar ul ul li, #sidebar ul ol li {margin: 0 0 0 22px; padding: 6px 0; font-size: 11px; border: none;}
#sidebar ul ol li a:hover {text-decoration: underline;}
#sidebar h2 {margin: 8px 0; padding: 0; color: #fff7d8; font-size: 20px; font-weight: bold; font-variant: small-caps;}
#sidebar h2:first-letter {font-weight: normal;} 
#sidebar a {color: #dc0f00;}
#sidebar form {margin: 0;}
#sidebar #searchform #s {padding: 2px; width: 128px; height: 16px; color: #000000; background: #fff7d8;
	font-size: 11px; border: solid 1px #fff7d8;}
#sidebar #searchsubmit {padding: 0 10px 5px 10px; height: 22px; background: #fff7d8; color: #000000; font-size: 11px;
	border: solid 1px #fff7d8;}


/* --- |        Footer       | --- */
/* ie6 fix */* html #footer {width: 998px;}
#footer {color: #fff7d8; font-size: 12px; letter-spacing: 0.1px;}
#footer a {color: #dc0f00; text-decoration: underline;}
#footer a:hover {color: #fff7d8;}
#footer .container {margin-bottom: 20px; padding-bottom: 10px; width: 100%; position: relative; float: left; border: 1px solid #fff7d8;}
#footer .transparent-box {width: 100%; height: 100%; top: 0; bottom: 0; left: 0; background: #000;
	position: absolute; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
/* ie6 fix */* html #footer .transparent-box {height: expression(this.parentNode.offsetHeight + 'px');}
/* ie6 fix */* html #footer .transparent-box {width: 1020px;}
#footer .content-box {padding: 10px; width: 100%; position: relative;}
#footer #upper p {margin-top: 5px; padding-top: 5px;}
#footer #upper ul {list-style-type: none; margin-top: 5px;}
#footer #upper h3 {font-size: 18px; letter-spacing: -0.5px; border-bottom: 1px dotted #fff7d8; margin: 0; padding: 0 0 2px 0;}
#footer #upper #searchbox {padding: 1px; width: 180px;}
#footer #upper .col1, #upper .col2, #upper .col3 {float: left; width: 310px;}
#footer #upper .col1 {margin-left: 10px;}
#footer #upper .col2 {margin: 0 25px;}
#footer #upper li {padding-left: 20px; margin-bottom: 5px; line-height: 17px;}
#footer #lower #left {padding-left: 10px; float: left; width: 650px;}
#footer #lower #right {margin-right: 20px; padding-right: 10px; text-align: right; float: right; width: 250px;}


/* --- |        Widgets      | --- */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}
#wp-calendar {margin: 10px auto 0; padding: 0 15px 0 15px; width: 100%; empty-cells:hide;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar caption {margin: 8px 0; padding: 0; width: 100%; color: #06c; font-size: 20px;}
#wp-calendar th {font-style: normal; text-align: center; text-transform: capitalize;}
#wp-calendar td {padding: 0;  line-height: 15px; text-align: center;}
#wp-calendar td a {font-weight: bold; text-decoration: none; display: block; background: #fff7d8;}
#wp-calendar td a:active, #wp-calendar td a:hover {background: #000;}
#wp-calendar td a:visited {color: #dc0f00;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
.wp-caption {margin: 10px; padding-top: 4px; background-color: #fff7d8; text-align: center; border: 1px solid #dc0f00;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px;}