/* @override http://www.pompeyblogs.com/wp-content/themes/pompeynew/style.css */

/*  
Theme Name: pompeynew
Theme URI: http://somefoolwitha.com/mallow
Description: Mallow is based my one sflwa.com which inturn includes much from the Kubrick theme.
Version: 1.51 (10-1-4)
Author: Matthew Maber
Author URI: http://somefoolwitha.com/

This is derived from Kubrick for WP 1.3 by Ryan Boren.
Anything that does not work is probably Matthews fault. Don't bug Michael or Ryan.

    Mallow for WordPress 1.3
    http://somefoolwitha.com/mallow  mallow@somefoolwitha.com
    
    Elements of Kubrick v1.3.0-rc2 for WordPress 1.3
    http://boren.nu/archives/2004/10/10/kubrick-130-rc2/
    
	Inturn from Kubrick
	http://binarybonsai.com/kubrick/


    Im not too up on this GPL license stuff but IMO youre free to 
    do with it what you will just so long as you give relevant credits.
    Please dont sell it on commercially though (yeah right!) 
    or distribute it on CDs etc without asking first.
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Have fun, and don't be afraid to contact me if you have questions.
*/



#wrap {
    width: 696px;
	margin-right: auto;
	margin-left: auto;
}

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 10px;
	color:#ffffff;
	line-height: normal;
	background: #000d21 url(images/back.jpg) no-repeat center 10px;
}
	
#topimage h1 { 
float:left;
clear:right;
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
}
	
	#topimage h1 span {
	font: normal 12px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
}
	
	#supernavcontainer
{
	width:660px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	float: left;
	margin-left: 10px;
	text-align: left;
	margin-top:80px;
	border-top: 1px solid #0077e3;
	border-bottom: 1px solid #0077e3;
	padding: 12px 8px 12px 0;
}


#supernav
{
	margin: 0;
	padding: 0;
} /* top title nav */

#supernav li {
	display: inline;
	text-transform: capitalize;
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin-right: 9px;
}  /* top title tabs */

#supernav li a {
	color: #3ea2fc;;background-color: none;	
	text-decoration: none;
	margin-right: 0;
	margin-top: 0;
	padding: 10px 25px;
	text-shadow: #000000 0px 1px 0px;
}

#supernav a:hover {
	color:#ffffff;
	text-decoration: none;
	background-color: #00182e;
}

body#home #supernav a#home, body#contribute #supernav a#contribute, body#about #supernav a#about , body#news #supernav a#news { color:#ffffff;
	background-color: #002145;
}

#desc {
	display: block;
	float: right;
	margin-top: 50px;
	font: 24px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	width: 300px;
	text-align: right;
	text-shadow: #000000 0px 1px 0px;
}

.site {float:left;clear:none;margin-left : 10px;margin-bottom:25px;width:208px;
	margin-right: 0;
	border-top: 1px solid #000d21;
	border-bottom: 1px solid #203347;
	background-color: none;
	padding: 4px 4px 6px;
}

.site:hover{
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top: 1px solid #203347;
	background-color: #003965;
}

.site a img, .storycontent a img 
{
border:none;
	max-width: 530px;
	padding: 3px 4px 4px;
	margin-bottom: 2px;
}
	
	#sitetitle {
	overflow: hidden;
	margin: 3px 4px;
	height: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	text-shadow: #000000 0px 1px 0px;
}

#sitetitle a {
	text-shadow: #000000 0px 1px 0px;
}
#sitetitle a:hover {
	color: #fff;
}



 .storycontent a:hover img 

{ 
 	border:none;
   text-align: center;
	max-width: 530px;
}
	
	#devframe {margin-left:12px; width:670px; margin-bottom:15px;
}

	body#contribute #content, body#about #content {margin-left:12px; width:670px; 
}
	#content p {
	font-size: 16px;
	line-height: 22px;
	color: #638cac;
}
#content p a {
	color: #7cafd8;
	padding-right: 2px;
	padding-left: 2px;
	text-decoration: underline;
}
#content p a:hover {
	color: #fff;
}
	#devtitle, .storytitle {
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin-top: 24px;
}



#devframe h2, body#single .storytitle, body#contribute h2, body#about h2  {
	font: normal 22px Georgia, "Times New Roman", Times, serif;
	margin-top: 48px;
}

#devframe h2 span {font-size:12px; }

#devlist {padding-bottom:20px;}


.inset {margin: 10px 12px 5px 12px; }

a { color:#ffffff; text-decoration:none;}
a:hover { color: #4798e3; text-decoration:none;}

#bottommeta {text-align:center; font-size:9px;}

 

 #topimage h1 a img {
	border:none;
}



#contributebox {
-webkit-border-radius:8px;
	-moz-border-radius:8px;
	width:638px;
	text-align:center;
margin:10px;

color: #fff;
background-color: #003565;
	font: 25px Georgia, "Times New Roman", Times, serif;
	padding: 16px 15px 8px;
	text-shadow: #000000 0px 1px 0px;
}

#contributebox:hover {
	background-color: #004f97;
}

#contributebox a {color: #309af0;
	margin-right: 50px;
	margin-left: 50px;
	font-size: 40px;
	font-style: italic;
	line-height: 60px;
}

#contributebox a:hover {
	color: #fff;
}


#adminstrip {
	text-align:right;
	width:100%;
	display:block;
	right:0px;
	bottom:0px;
	padding-right:15px;
	padding-top:10px;
	clear:none;
	font-size:9px;
	z-index:9999;
	position:fixed; 
	background-color: #c8e7fd; 
	padding:4px;
	border-top: 1px solid #00a7fc;
	list-style: none; 
	display: inline;
}

#adminstrip a {
	color: #005d92;
}

#tla a img { opacity:0.7; }

#tla a:hover img { opacity:1; }

#tla a {color: #fff;}

#tla {
width:646px;
margin:10px;
padding:5px;
	font-size: 14px;
color:#0082ec;
}
#tla ul {
	margin: 0;
	padding: 0;list-style: none;list-style-type: none;
}

#tla li {
	margin-bottom: 2px;
	width: 33%;
	display: run-in;
	float: left;
	margin-top: 3px;
	text-align: center;list-style: none;list-style-type: none;
}

#tla a:hover {
	color: #cdd2d6;
}

#tla small {
	font-size: 9px;
}
#sendform {
	width: 496px;
}
#sendform #name, #sendform #email, #sendform #website {
	width: 420px;
	background-color: #e1f0ff;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#sendform #comment, #sendform #more {
	width: 424px;
	margin-left: 10px;
	background-color: #bcd0ef;
	font-size: 14px;
}
#sendform #needinput {
	padding: 5px 10px;
	margin-bottom: 20px;	background-color: #002b53;
}
#sendform #send {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	font-size: 22px;
}
a img {border:none;
}