/*  
Theme Name: ONSCREEN MAG CUSTOM
Description: interpretive design by carlos esparza, based on direction from adrian macdonald, and tajuan labee
Version: 1.0
Author: carlos esparza
Author URI: http://www.carlosesparza.com/
*/

* {
margin : 0;
padding : 0;
}
html{
height:100%
}
body {
background: #eee;
background-position : top;
background-repeat : repeat-y;
background-image:url();
color : rgb(128, 128, 128);
font-size : 62.5%; /* Resets 1em to 10px */
font-family : 'Verdana', 'Arial', Sans-Serif;
height:100%;
}
#wp-calendar thead{
display:none;
}

.post{
min-height:165px;
}
.page-heading{
min-height:40px;
}

pre{
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size:.85em;
color:#bbbbcc;
}
address{
font-style:normal;
color:#18A2BD;
letter-spacing:1px;
}
h1 {
color : rgb(0, 0, 0);
display : none;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1.8em;
margin : 0;
padding : 0;
}
h1 a, h1 a:visited {
color : white;
font-weight : normal;
text-decoration : none;
}
h1 a:hover {
color : white;
text-decoration : none;
}
h2 {
color:#FF9900;
font-family : 'Verdana';
font-size:20px;
margin : 0;
padding : 5px 0 0 0;
}
h2 a, h2 a:visited {
border : none;
color : #FF9900;
font-weight : normal;
font-size:18px;
text-decoration : none;
text-align:left;
}
h2 a:hover {
border : none;
color:#ffffff;
font-weight : normal;
text-decoration : none;
}
h3 {
font-family : 'Verdana', 'Arial', Sans-Serif;
margin-top:10px;
font-weight:normal;
font-size:1.3em;
color:#FF0204;
}
h3 a, h3 a:visited {
border : none;
color : rgb(51, 51, 51);
text-decoration : none;
}
h3 a:hover {
border : none;
color : rgb(236, 50, 3);
text-decoration : none;
}
.responses h3 {
margin : 20px 0 0 95px;
padding : 0 0 15px 0;
}
h4 {
color : #666666;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-size : 1em;
}
a, a:visited {
color : #ff0066;
font-weight : normal;
text-decoration : none;
}
a:active {
color : rgb(136, 136, 136);
text-decoration : none;
}
a:hover {
border-bottom : 1px dotted rgb(102, 102, 102);
color : rgb(0, 0, 0);
text-decoration : none;
}
#single-article a:hover{
border:0px;
color:#ffffff;
}
acronym {
border-bottom : 1px dashed rgb(102, 102, 102);
cursor : help;
}
abbr {
border-bottom : 1px dashed;
cursor : help;
}
code {
background : rgb(246, 246, 246);
border : 1px solid rgb(238, 238, 238);
font : 1em 'Courier New', 'Arial', Sans-Serif;
}
.post img {
max-width : 500px;
border : none;
}
#side-ads{
margin: 13px;
}
img{
border:none;
}
#container{
width:955px;
position:relative;
top:10px;
margin: 0 auto 0 auto;
}
#side-ads{
position:absolute;
left:765px;
top:-185px;
width:175px;
height:500px;
}
#header{
position:relative;
color:#272425;
z-index:10;
}
#header a{
font-size:11px;
color:#272425;
}
#header-image{
width:100%;
position:absolute;
}
#nav-container{
position:absolute;
top:141px;left:0;
height:30px;
width:748px;
background:#ffffff;
border:1px #000000 solid;
}
#nav{
position:absolute;
top:8px;left:10px;
}
#rss{
position:absolute;
top:5px;left:686px;
}
.break {
clear: both;
}
#main-column{
position:relative;
top:185px;
width:750px;
background:#000000;
z-index:1;
float:left;
}
#blip{
position:relative;
background:#000000;
top:10px;
width:750px; height:510px;
border-bottom: 1px dotted rgb(102, 102, 102);
z-index:2;
}
#articles{
position:relative;
background:#18A2BD;
background:#000000;
width:750px;
min-height:400px;
position:relative;
top:10px;
color:#eeeeee;
z-index:1;
}
#articles #excerpt{
display:block;
margin-left:140px;
}
#articles img{
margin-top:10px;
float:left;
}
#single-article{
position:relative;
background:#18A2BD;
background:#000000;
width:750px;
position:relative;
top:10px;
color:#eeeeee;
z-index:1;
}
.post{
width:750px;
color:#eeeeee;
}
.more-link {
   font-style: normal;
   text-align: right;
   color:#ffffff;
}
.more-link a{
color:#ffffff;
}
.more-link a:hover{
color:#18A2BD;
border-bottom:none;
}

#footer{
margin-top:50px;
padding-top:25px;
width:750px;
background:#eee;
text-align:center;
height:100px;
float:left;
}

#menu {
margin : 0 auto;
width : 200px;
}
#menu span a, #menu span a:visited {
border-bottom : 5px solid red;
color : rgb(250, 251, 247);
font : 1em 'Georgia', 'Times New Roman', Sans-Serif;
margin : 1px 10px 0 0;
padding : 1px 3px 0 3px;
text-decoration : none;
}
#menu span a:hover {
border-bottom : 5px solid black;
text-decoration : none;
}
#content {
position:relative;
text-align : left;
}
#articles .post{
position:relative;
margin : 0 auto 0 auto;
width : 340px;
float:left;
padding-left:17px;
padding-right:12px;
}
#single-article .post{
position:relative;
margin : 0 auto 0 auto;
width : 660px;
float:left;
padding-left:17px;
padding-right:12px;
}
p {
color:#eeeeee;
font-family : 'Verdana', 'Arial', Sans-Serif;
font-weight : normal;
font-size : 1em;
line-height : 160%;
padding : 5px 0 5px 0;
text-align : left;
}

blockquote {
font-size : 1.2em; 
font-family: 'Georgia', 'Times New Roman', Serif;
font-style : normal;
font-weight: normal;
position : relative;
left:50px;
text-align : right;
width : 400px;
color:#333333;
margin-bottom:10px;
}
.more img {
border : none;
height : 13px;
margin : 0 0 -1px 0;
}
.more a, .more a:visited {
background : url("images/more.jpg") no-repeat;
border : none;
height : 15px;
margin : 0;
padding : 0;
letter-spacing : -9999em;
width : 52px;
}
.post p a, .post p a:visited {
color : #eeeeee;
text-decoration : none;
}
.post p a:hover {
border-bottom : 1px dotted rgb(51, 51, 51);
color : rgb(0, 0, 0);
}
.highlite {
font : 1em 'Courier New', 'Georgia', Sans-Serif;
padding : 2px 3px;
text-transform : uppercase;
}

label {
color : rgb(153, 153, 153);
cursor : pointer;
font : 1em 'Verdana', 'Arial', Sans-Serif;
text-transform : none;
}
label strong {
font-style : italic;
}
.addResponse #submit:hover {
color : #ff0066;
}
.addResponse #submit:active {
color : #ff0066;
}
.break {
clear : both;
}
#footer p {
border : none;
color :#333333;
font-family : 'Verdana';
font-size : 10px;
line-height : 14px;
margin : 0 0 0 15px;
padding : 0 0 0 0;
text-align : center;
}
#footer img {
padding : 20px 0;
}
#footer a{
color:#18A2BD;
}
#footer a:hover{
color:#18A2BD;
}

#excerpt p span{
color:#18A2BD;
border-bottom:none;
}

#enjoy{
display:none;
}
