/*
JONATHANAUCH.COM
DESIGN BY JONATHAN AUCH
*/

/*
COLOR KEY:
dark grey: #4e4e4e
dark red: #d90000
*/


/*
BASIC
*/


* {
margin:0;
padding:0;
}

html {
overflow-y:scroll;
}

html, body {
height:100%;
}

p {
font-size:1.1em;
line-height:1.5;
margin-bottom:1em;
}

body {
background:#fff none repeat-x scroll center top;
color:#666666;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:12px;
}

body a:link, a:visited, a:active {
	  text-decoration:  none;
  	  color:            #4E4E4E;
}

body a:hover {
	text-decoration: none;
	color: #d90000;}


ul {
list-style-image:none;
list-style-position:none;
list-style-type:none;
}

ol {
list-style-image:none;
list-style-position:none;
list-style-type:none;
}

li {
list-style-image:none;
list-style-position:none;
list-style-type:none;
line-height: 1.7em;
}

ul#stories-nav {
padding-left:5px;
}


a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;

}


/*
IMAGES
*/


a img {
border: #4e4e4e 1px solid;
}
img {
vertical-align:middle;
border: #151515 3px solid;
display: inline;
margin-top: 20px;
margin-bottom:20px;
}

img.alignright {float:right; margin-top:2.5em; margin-bottom:2.5em;}
img.alignleft {float:left; margin-top:2.5em; margin-bottom:2.5em;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top:2.5em; margin-bottom:2.5em;}

a img.alignright {float:right; margin-top:2.5em; margin-bottom:2.5em; }
a img.alignleft {float:left; margin-top:2.5em; margin-bottom:2.5em;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top:2.5em; margin-bottom:2.5em;}

/*
IMG-CAPTION
*/

.wp-caption {
background-color:#272727;
border:3px solid #151515;
text-align:left;
margin-bottom:70px;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
color: #CCC;
font-size:12.5px;
line-height:17px;
padding: 7px 10px 0px 7px;
}

/*
UTILITY
*/

.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.clear {
clear:both;
}

/*
SEARCH FORM
*/

.button {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:white none repeat scroll 0 0;
border:1px solid #272727;
font-size:1em;
padding:1px;
}
.button:hover {
background:#D90000 none repeat scroll 0 0;
color:white;
}

form#searchform {
float:right;
margin:0 0 0 0;
}

input#submit{margin: 15px 0 8px 0;}
ul#comment-user-input {padding-bottom: 10px;}

/*
STRUCTURE
*/

#page-wrap {
height:auto !important;
margin:30px auto;
min-height:100%;
width:1350px;
}
#sidebarleft {
float:left;
width:185px;
}

#sidebarright {
float:right;
width:185px;
margin-top:9px;
}
#main-col {
float:right;
padding:0px 55px 0 0;
width:900px;
}

/*
HEADER
*/

h1#logo {
background:transparent url(/images/logo.png) no-repeat scroll left top;
float:left;
height:60px;
text-indent:-9999px;
width:185px;
}

#top-bar {
padding:75px 0 0;
}
#top-bar p {
color:#666666;
float:left;
width:300px;
}

#search {float:right;}

/*
FOOTERS
*/

#footer {
height:10px;
padding-top:200px;
margin: 0 auto;
text-align:center;
width:900px;
}

/*
TEXT
*/

h2 {
color:#4E4E4E;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:20px;
text-decoration:none;
padding-top:3px;
}

h2 a:link    {
  text-decoration:  none;
  color:            #4E4E4E;

  } 
  
h2 a:visited {
  text-decoration:  none;
  color:            #4E4E4E;
  } 
h2 a:hover   {
  text-decoration:  none;
  color:            #d90000;
  } 
h2 a:active  {
  text-decoration:  none;
  color:            #4E4E4E;
  } 

div.post h2 {
border-bottom:1px dotted #BBBBBB;
line-height:1.6em;
margin:0 0 5px;

}
h3 {
color:#4E4E4E;
font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:1.8em;
text-decoration:none;
letter-spacing:1px;
border-bottom:1px dotted #BBBBBB;
margin-bottom: 10px;
}

h4#num	{letter-spacing:3px; font-size: 1em; float: clear;  padding: 0 0 0 19px;}
h4#email {letter-spacing:2.5px; font-size: 1em; float: left;  padding: 0 0 0 20px;}


/*
TWITTER
*/

h5 {
border-bottom:1px dotted #BBBBBB;
color:#4E4E4E;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
margin-bottom:10px;
padding-bottom:5px;
padding-top:15px;
text-decoration:none;
}

ul.twitter{
width: 185px; 
color:#999999;}

.twitter-timestamp {display:block;
padding-bottom: 20px}