/*  
Theme Name: Flash Experiments
Description: Developed by <a href="http://www.webdesignbeach.com/" title="Web Design Beach" target="_blank">Web Design Beach</a> & <a href="http://www.greenfish.rs/" title="Web Dizajn" target="_blank">Greenfish</a>
Version: 1.0.0
Author: Web Design Beach & Greenfish
Author URI: http://www.webdesignbeach.com/
Tags: sexy
*/
* { margin:0; padding:0; }
body { text-align: left; margin:0; padding:0; font-family: Tahoma, Arial, Verdana, Helvetica; background:#250608;}  
#wrapper { display: block;	width:100%; margin:0px auto; }  
#header { }
#headtop { height:38px; background:url(images/bg_top.gif) repeat-x; } 
.both { clear: both; } 
#navwrapper, #footwrapper {
padding:0 67px 0 67px;
width:943px;
margin:0px auto;
}

a:link { color:#480C1A; text-decoration:none; }
a:visited { color:#7F2F41; text-decoration:none; }
a:hover { text-decoration:underline; }

#navtabs {
float:left;
width:580px;
list-style: none; 
padding: 7px 0 0 0; 
height: 29px;
font-size: 10px; 
font-weight: bold; 
text-transform: uppercase;
overflow:hidden;
} 
#navtabs li { 
float:left; 
background: url(images/tableft.gif) no-repeat left top; 
padding: 8px 0 8px 4px; 
margin-right:9px; 
}
/*#navtabs li:hover {
background: url(images/tableft.png) no-repeat left bottom;
}*/
#navtabs li a {
font-family:Arial, Helvetica, sans-serif;
color:#9f767c;
text-decoration:none;
font-weight:normal;
background: url(images/tabright.gif) no-repeat top right; 
padding:8px 14px 8px 8px; 
} 
#navtabs li a:hover {
color: #dfdab8;
/*background: url(images/tabright.png) no-repeat right bottom;*/ 
}
#navtabs li.current-cat { 
background: url(images/tableft.gif) no-repeat left bottom; 
} 
#navtabs li.current-cat a { 
background: url(images/tabright.gif) no-repeat right bottom; 
color: #dfdab8; 
} 
#head-right {
width:180px;
margin:5px 0 0 180px;
float:left;
}
#head-right a {
text-indent:-9999px;
display:block;
width:180px;
height:24px;
background:url(images/button_rss.gif) no-repeat left top;
overflow:hidden;
}
#head-right a:hover, #footer a:hover {
background-position:0px -24px;
}
#head-main {
width:100%;
height:169px;
background:url(images/bg_header_pattern.gif) repeat-x;
}
#head-main-img {
background:url(images/bg_main_image.png) no-repeat;
height:169px;
width:1077px;
margin:0px auto;
}
#head-main-left {
float:left;
height:90px;
background:url(images/txt_we_cant_tell_you.gif) no-repeat 78px 36px;
}
#head-main-left p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:uppercase;
width:620px;
padding:110px 0 0 90px;
color:#73535a;
line-height:17px;
}
#head-main-left p span {
font-weight:bold;
}
#head-main-right {
float:left;
padding:3px 0 0 28px;
}
#head-main-right p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#9f767c;
font-style:italic;
}
#head-main-right p span {
color:#fffac1;
}
#head-btm-img {
margin:0px auto;
width:1077px;
background: url(images/bg_main_wrapper.gif) repeat-y 71px 1000px;
}
#main {
background: url(images/bg_content_top.gif) repeat-x top left #f6f7cf;
}
#main-bg {
margin:0px auto;
width:1077px;
background:url(images/bg_content.jpg) #f6f7cf 0px 85px no-repeat;
}
#main-wrapper {
margin:0px auto;
width:1077px;
background:url(images/bg_header_bottom.jpg) no-repeat;
}
#content {
float: left;
padding:30px 0 20px 71px;
width:659px;
}
#content-top {
padding:0 0 10px 25px;
background:url(images/bg-cont-top.gif) repeat-x bottom center;
}
#content #sub {
padding:0 25px 10px 25px;
}
#content #sub p {
line-height:22px;
}
#content #sub a {
color:#520e1d;
text-decoration:none;
}
#content #sub a:hover {
text-decoration:underline;
}
#content p.teaser {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#9f9f9e;
font-style:italic;
font-weight:normal;
}
#content p.teaser span {
color:#5c1020;
}
#content p {
color:#6e6e6d;
font-size:12px;
line-height:24px;
margin-bottom:8px;
}
#content h1 {
font-size:150%;
margin-bottom:10px;
}
#content h2.bluebg {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#753e49;
display:block;
background:url(images/bg_bluebg.jpg) no-repeat;
width:236px;
height:28px;
padding:5px 0 0 6px;
}
#content-top .left {
float:left;
width:267px;
padding:0 45px 0 5px;
}
#content-top .right {
float:left;
width:248px;
height:136px;
background:url(images/google_flash_sherlock.jpg) no-repeat;
}
.yellow-container {
position:relative;
width:659px;
height:97px;
z-index:1000;
}
.abs_thingie {
background:url(images/bg_yellow_container.jpg) no-repeat;
width:663px;
height:97px;
position:absolute;
z-index:1001;
top:0;
left:-4px;
}
.yellow-container .left {
float:left;
width:420px;
padding:16px 0 0 22px;
}
.yellow-container .right {
float:left;
width:150px;
padding:9px 0 0 36px;
}
.yellow-container .right a {
background: url(images/button_help_us.gif) no-repeat;
display:block;
margin:0;
height:77px;
width:148px;
}
.yellow-container .right a img {
border:none;
}
.yellow-container .first {
padding-left:24px;
}
#content .yellow-container p {
font-size:11px;
line-height:21px;
background:url(images/star.gif) no-repeat 0px 3px;
color:#540e1e;
}
#content-bottom {
padding:24px 34px 10px 25px;
background: url(images/bg_content_bottom.gif) repeat-x top center;
}
#content-bottom p.join {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#540e1e;
padding-left:23px;
background:url(images/thunder.gif) no-repeat 0px 4px;
}
#content .navigation {
font-size:11px;
text-transform:uppercase;
}
#content .alignleft {
float:left;
margin-bottom:10px;
}
#content .alignright {
float:right;
margin-bottom:10px;
}
#content textarea {
font-family: Tahoma, Arial, Verdana, Helvetica;
font-size:12px;
padding:5px;
}
#content textarea:focus {
border:1px solid #540e1e;
}
#content .post {
margin-bottom:15px;
}
#content .post h2 {
font-size:16px;
margin:6px 0 10px 0;
}
#content .post small {
display:block;
margin-bottom:6px;
}
#content .post img {
float:left;
margin:0 8px 8px 0;
border:none;
}
#content .post img.wp-smiley {
float:none;
margin:0;
border:none;
}
#content h3#respond, #content h3#comments {
color:#540e1e;
font-size:15px;
}
ol.commentlist {
margin:13px 0;
font-size:12px;
padding:0 0 0 20px;
}
ol.commentlist p {
margin:6px 0;
}
#content ol { padding:20px 25px; color: #555; font-size: 12px; line-height: 24px; margin-bottom: 8px; }
#sidebar { float: left; padding:36px 0 0 0; width:280px; }
#sidebar ul li {
list-style:none;
}
#sidebar h2.widgettitle {
font-size:25px;
margin: 9px 20px ;
}
#sidebar .box {
background:url(images/bg_box_mid.gif) repeat-y;
}
#sidebar .last {
border-bottom:1px solid #6e1228;
}
#sidebar .box-bg {
overflow:hidden;
background:url(images/bg_box_top.gif) no-repeat top left;
}
#sidebar .box h2 {
padding:10px 0 0 20px;
font-size:60%;
margin-bottom:5px;
background:url(images/bg_vial.gif) no-repeat 0px 6px;
display:block;
width:150px;
}
#sidebar .box .left {
float:left;
width:209px;
padding:5px 0 0 20px;
}
#sidebar .box .right {
float:left;
width:50px;
height:48px;
}
#sidebar .box p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fffbd2;
line-height:16px;
}
#sidebar .box a.view {
display:block;
width:162px;
height:22px;
text-indent:-9999px;
background:url(images/button_view.gif) no-repeat;
margin:10px 0;
overflow:hidden;
}
#sidebar .box a.view:hover {
background-position:0px -22px;
}
#sidebar .one {
background: url(images/bg_one.gif) no-repeat;
}
#sidebar .two {
background: url(images/bg_two.gif) no-repeat;
}
#sidebar .three {
background: url(images/bg_three.gif) no-repeat;
}
#sidebar .four {
background: url(images/bg_four.gif) no-repeat;
}
#sidebar .five {
background: url(images/bg_five.gif) no-repeat;
}
#footer { padding:13px 0 0 10px; height:37px; background:url(images/bg_footer.gif) repeat-x;} 
#footwrapper { width:930px; margin:0px auto;}
#footleft { float:left; width:745px; }
#footright { float:left; width:180px; }
#footer a {
text-indent:-9999px;
display:block;
height:24px;
}
#footleft a {
width:287px;
background:url(images/button_webdesignbeach.gif) no-repeat left top;
overflow:hidden;
}
#footright a {
width:180px;
background:url(images/button_rss_bottom.gif) no-repeat left top;
overflow:hidden;
}


/* FORM */
/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
   BEAST-BLOG-V1.CSS made by Mike Cherim - http://green-beast.com 
   Designed and built to work with the Beast-Blog WordPress theme
================================================================== */

#gb_form_div { 
  text-align : left;
  width : 103%;
}

#gb_form_div p {
  margin-left : 12px;
}

#gb_form {
  text-align : left;
  background : transparent;
}

#gb_form_div a {
  color : #999;
  text-decoration : underline;
}

#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {
  color : #111;
  text-decoration : none;
  background-color : #fff;
}

fieldset { 
  border : 0;
}

fieldset legend span { 
  border : 0;
  margin: 15px 0 5px 0;
  display:block;
}
#gb_form legend, legend, #gb_form dt { 
  font-weight : bold;
  font-size:11px;
  color : #ccc;
}

#gb_form legend {
  margin-left : -10px;
  padding-top : 5px;
}

* html #gb_form legend {
  margin-left : -5px;
}

#gb_form legend#mainlegend { 
  display:block;
  font-size : 1.2em;
  color : #99cc66;
  margin-left : -10px;
  padding-top : 5px;
  padding-bottom : 10px;
}

* html #gb_form legend#mainlegend {
  margin-left : -5px;
}

#gb_form legend#mainlegend span {
  display:none;
}

#gb_form legend#mainlegend small { 
  font-size : .7em;
  text-transform : uppercase;
}

#gb_form_div .formhead small a {
  font-size : .7em;
  background-image : none;
  display : inline;
  padding : 0;
  margin : 0;
}

#gb_form_div .main_formhead, #gb_form_div .formhead {
  font-size : 1.2em;
  color : #99cc66;
  width : 97%;
  display:none;
}

#gb_form_div .main_formhead {
  margin-left : -35px;
}

label { 
  color : #540E1E; 
  margin:0;
  padding:0;
}

input.short, input.med, select.med, textarea.textbox, textarea { 
  font : 0.9em 'trebuchet ms', 'century gothic', arial, sans-serif; 
  color : #777; 
  padding : 2px 4px; 
  border : 1px solid #eee;
  background-color : #fff;
  width : 70%;
  font-size : 0.9em;
  height : auto;
  margin:0;
  display:block;
  margin:5px 0;
}

input.short {
  width : 7%;
  float:left; margin-right:15px;
}

textarea.textbox, textarea { 
  width : 80%;
  height : 220px;
  line-height : 1.5em;
  color:#777;
}

select.med {
  width : 60%;
}

input.checkbox {
  cursor : default;
  background : transparent;
  color : #669900;
  border : 0;
  padding : 0; 
  margin : 0;
  width : 14px;
  height : 14px;
}

input.button:hover, input.button:focus, 
input.button.hover, input.button.focus {
  background-color : #3A0C16;
  border : 0;
  cursor : pointer;
  color : #fff;
}

/* NOTE: .hover and .focus classes IE JS */
input.short:hover, input.short:hover, 
input.med:hover, input.med.hover, 
select.med:hover, select.med.hover, 
textarea.textbox:hover, textarea.textbox.hover { 
  color : #555;
  border : 1px solid #540E1E;
  background-color : #fff;
  cursor : text;
}

input.short:focus, input.short.focus,
input.med:focus, input.med.focus,  
select.med:focus, select.med.focus,
textarea.textbox:focus, textarea.textbox.focus { 
  color : #540E1E;
  border : 1px solid #3A0C16;
  background-color : #fff;
  cursor : text;
}

input.button {
  cursor : pointer;
  background-color : #540E1E;
  border : 0;
  color : #fff;
  padding : 1px;
  font-size : 1em;
}

#content #gb_form input.button {
  margin : 15px 5px 25px 5px;
  padding : 2px 15px 2px 15px;
}

* html #content #gb_form input.button {
  margin-left : -5px;
}

span.error, span.success, #gb_form_div dt { 
  color : #cc0000;  
  font-weight : bold; 
}

#gb_form_div dt small, dl#result_dl_blockq dt {
  color : #99cc66;
}

span.success, #gb_form_div .formhead span.success {
  color : #333;
}

small.whythis, small.whythis a { 
  font-size : .8em; 
  text-decoration : none;
  color : #333;
  padding : 5px 3px 0 3px;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active {
  color : #540E1E;
}

p.creditline small {
  clear : both; 
  display : block;
  text-align : right;
  margin : 0;
  padding : 25px 0 15px 0;
  font-size : 0.8em;
  letter-spacing : .0001em;
  color : #99cc66;
}

dl#result_dl_blockq blockquote {
  margin-left : 0;
}

dl#result_dl_blockq blockquote p cite {
  display : block;
  text-align : right;
}

#gb_form_div span.items {
  font-weight : bold;
  color : #99cc66;
}

#gb_form_div ul {
  margin : 10px 10px 20px 10px;
}

#gb_form_div ul li {
  list-style-type : none;
  margin : 0 10px 0 20px;
}


/* End BEAST-BLOG CSS */