body
{
    text-align: center; /*background: #FFFFFF url(../pics/background.jpg) repeat-x;*/
    background: black;
    font-size: 12px;
    font-family: "Arial" , "Lucida Grande" , "Lucida Sans Unicode" , "Bitstream Vera Sans" , "Verdana" , "Futura" , "Helvetica" ,sans-serif; /*margin:0px;*/ /*padding: 0px;      margin: 0px;     padding: 0px;*/
}

ol,ul{
	list-style:none;
}

.clr
{
    clear: both;
}

img
{
    border-width: 0px;
}

a
{
    color: #0C4EA6;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
}

/*divs*/
#container
{
    text-align: center;
}


/*------------------------------------*\
	NAV
\*------------------------------------*/
ul#nav{
	float:right;
	list-style:none;
	margin:30px -5px 50px 0;
	list-style:none;
}
ul#nav li{
	float:left;
	text-align:right;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
}
ul#nav li a, ul#nav li a:visited{
	color:#999;
	text-decoration:none;
	padding:0 5px;
}
ul#nav li a:hover{
	text-decoration:underline;
}
ul#nav li a span{
	position:absolute;
	left:-9999px;
}


ul,ol{
	font-size:1em;
	margin-bottom:24px;
}
ul{
	list-style:square outside;
}
ol{
	list-style:lower-roman outside;
}
li{
	line-height:1.5em;
}
ul ul{
	margin:0 0 0 60px;
}
dl{
	margin-bottom:24px;
	line-height:1.5em;
}
dt{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
}
dt:after{
	content:":";
}
dd{
	margin-left:60px;
}
/*--- MISC ---*/
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
pre,code{
	font-family:monospace;
	background:#ffc;
}
pre{
	margin:0 0 24px -180px;
	border:1px solid #ccc;
	padding:10px;
	background:#ffc;
	clear:both;
	display:block;
	position:relative;
	overflow:auto;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
pre code{
	background:none;
}
.code-comment{
	color:#080;
}
blockquote{
	margin:0 0 24px -170px;
	position:relative;
	display:block;
}
blockquote p{
	text-indent:-0.5em;
	font-style:italic;
	margin:0;
	color:#666;
}
blockquote p strong{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:0.66666em;
	text-indent:0;
	display:block;
}
blockquote.left{
	width:319px;
	padding-right:10px;
	border-right:1px solid #ccc;
	margin-right:20px;
}
abbr{
	color:#f43059;
	border-bottom:1px dotted #f43059;
	cursor:help;
}
q{
	font-style:italic;
}
address{
	line-height:1.5em;
	margin-bottom:1.5em;
}
ins{
	background:#fedae3;
	text-decoration:none;
}
cite{
	font-style:italic;
}
#fin{
	clear:both;
	color:#999;
	text-align:right;
}





#footer
{
    float: left;
    margin: 3em 0 0;
    /*border-top: 1px dotted #b5b5b5;*/
    border-top: 1px solid #AAAAAA;
    padding: 1em 0 0;
    width: 100%;
    list-style: none;
    text-align: center;
    color: #666666;
    line-height: 1.7em;
    text-align: center; /*border-top: 1px solid #CCCCCC;*/ /*font-family: Verdana,Arial,Helvetica,sans-serif;     margin: 5px 10px;     margin-top: 50px;     width: 963px;     background: #FFFFFF url(../pics/bg-footer.gif)  no-repeat 60%;     height: 80px;     text-align: center;     margin-left:10px;*/
}

#footerText
{
    margin-top: -5px;
    color: #3B3B3B;
    text-align: center;
}


/* Iphone */

@media (max-width: 480px){
body{
	padding:5px
}
#wrapper{
	width:auto;
	overflow:hidden;
}
#logo{
	position:static;
	float:none;
	width:100%;
	display:block;
	text-align:center;
}
#logo a
    {
        padding: 5px 0;
        display: block;
        /*text-transform: uppercase;*/
        color: #FFFFFF;
        background: #000000;
        text-decoration: none;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
#logo a:hover{
	padding:5px 0;
}
div{
	clear:both!important;
	display:block!important;
	width:100%!important;
	float:none!important;
	padding:0!important;
}
#nav,#nav li{
	float:none!important;
	clear:both!important;
	margin:0 0 24px 0!important;
	display:block;
	padding:0;
	text-align:left!important;
}
#nav{
	border:1px solid #ccc;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#nav li{
	margin:0!important;
}
#nav li a{
	display:block;
}
.home #intro-copy .opener span,
.single .opener span{
	padding:0;
	text-align:left;
	float:none;
	display:inline;
	position:static;
	font-size:1em;
	line-height:1em;
}
.home #intro-copy .opener > span,
.single .opener > span{
	width:auto;
	margin-left:0;
	text-align:left;
}
.marginalia,.post-date,.comment-author{
	width:auto;
	float:none;
	margin-left:0;
	text-align:center;
}
p.marginalia{
	font-style:italic;
	text-align:center;
}
img{
	width:100%!important;
	height:auto!important;
}
img.full,
img.left,
#ad img{
	margin-left:0;
}
#ad{
	padding-top:10px!important;
	text-align:center;
}
#ad img{
	width:90px!important;
	display:block!important;
	margin:0 auto 10px auto!important;
	float:none!important;
}
#ad span{
	margin:0 0 10px 0!important;
	clear:both;
}
blockquote,pre,.outdent{
	margin-left:0;
}
blockquote p{
	padding-left:0.5em;
}
.hr{
	margin-left:0;
}
fieldset,
textarea{
	width:auto!important;
}
}
