/*
--------------------------------------------------------------------------------------
iPhone / iPod specific style sheet - changes to a one column layout with different maximum widths for images etc.  Max width is 480px, all other dimensions are based on this.
--------------------------------------------------------------------------------------
*/
body {
 text-align:left;
 padding:0;
 margin:0;
 height:100%;
 background-image:url(http://www.davingreenwell.com/images/iphone_bg.jpg);
 background-repeat:repeat-y;
}

/*
--------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------
*/
#container {
 margin:0;
 width:300px;
 padding:10px;
 text-align:left;
}
#header {
 width:300px;
 position:relative;
 margin-bottom:10px;
}
#content {}
#main {
 width:300px;
 text-align:left;
 margin-bottom:10px;
}
#right {
 display:none;
 width:300px;
 line-height:1em;
 margin-bottom:0px;
}
#footer {
 width:300px;
 height:55px;
 clear:both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 text-align:center;
}


/*
--------------------------------------------------------------------------------------
PNG Backgrounds
--------------------------------------------------------------------------------------
*/
#header .head,
#main .head,
#right .head,
#footer .head {
 width:300px;
 background-image:url(/images/white/iphone_head.png);
 background-repeat:no-repeat;
 height:20px;
}
#header .content,
#main .content,
#right .content,
#footer .content {
 width:260px;
 padding:0 20px;
 background-image:url(/images/white/iphone_content.png); 
 background-repeat:repeat-y;
}
#header .foot,
#main .foot,
#right .foot,
#footer .foot {
 width:300px;
 background-image:url(/images/white/iphone_foot.png);
 background-repeat:no-repeat;
 height:20px;
}


/*
--------------------------------------------------------------------------------------
Header
--------------------------------------------------------------------------------------
*/
.navigation {
 height:auto;
 margin: 0;
 padding: 0;
}
.navigation ul {
 margin:0;
 padding:10px 0 0 0;
 list-style:none;
}
.navigation ul li {
 margin:0;
 padding:0 6px 0 0;
 float:none;
 display:inline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:1.5em;
 text-transform:uppercase;
}
.navigation ul li img {
 display:none;
 }
#header .search {
 height:17px;
 width:270px;
 position:absolute;
 bottom:20px;
 right:20px;
 text-align:right;
 display:none;
}
#header .search .searchbox {
 width:125px;
 padding:1px 3px 2px 3px;
 margin:0 6px 0 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 line-height:12px;
}
#header .search .searchbox:focus {
 border:1px solid #999999;
}
#main .search a.searchsite,
#header .search a.searchsite {
 width:23px;
 padding:0 0 0 12px;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:9px;
 text-transform:uppercase;
}
#main .search a:hover.searchsite,
#header .search a:hover.searchsite {
}
#main .searchbox {
 width:260px;
 padding:2px 8px 6px 8px;
 margin:5px 0 5px 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:18px;
 line-height:23px;
}
#main ul.search-options {
 list-style:none;
 margin:0 0 0 17px;
 padding:0;
 font-size:9px;
 text-transform:uppercase;
 font-family:Arial, Helvetica, sans-serif;
}
#main ul.search-options li {
 padding:0;
}
#main .search a.searchsite {
 margin:0 0 0 27px;
}


/*
--------------------------------------------------------------------------------------
Blog
--------------------------------------------------------------------------------------
*/
.entry_head .entry_title {
 width:auto;
 float:none;
}
.entry_head .entry_date {
 width:auto;
 float:none;
 text-align:left;
}
.bottomrectangle {
 width:260px;
}
#comments {
 width:260px;
 float:none;
 padding-right:0;
 font-size:10px;
}
#commentbox {
 width:260px;
 float:none;
 font-size:10px;
}
#commchallenge_answer,
.commenttext,
.commentarea {
 width:152px;
 padding:1px 3px 2px 3px;
 margin:0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 line-height:18px;
}
.commentarea {
 height:152;
}
.comment_row,
.trackback_row {
 margin-bottom:12px;
 font-size:11px;
 width:260px;
}
.comment_row .gravatar {
 width:40px;
 padding-bottom:10px;
 float:left;
}
.comment_row .postedby,
.comment_row .comment {
 width:210px;
 float:right;
}
.caption {
 text-align:right;
 font-size:10px
}
.feature .download {
 width:auto;
 float:none;
}
.feature .podcast {
 width:auto;
 float:none;
 padding-left:0;
}
.releasetable {
 font-size:10px;
 width:100%;
}
.releasetable td {
 padding:0 10px 10px 0;
}
.releasetable .title {
 text-align:right;
 width:200px;
}


/*
--------------------------------------------------------------------------------------
Recommended
--------------------------------------------------------------------------------------
*/
.recommended_links {
 width:260px;
 float:none;
}
.recommended_links ul {
 padding-left:20px;
}
.recommended_links ul li {}

					
/*
--------------------------------------------------------------------------------------
Thumbnail Pages
--------------------------------------------------------------------------------------
*/
#main .thumb_gallery {}
#main .thumb_gallery .thumb_padding {
 padding:10px;
 width:160px;
 height:160px;
 float:left;
}


/*
--------------------------------------------------------------------------------------
About
--------------------------------------------------------------------------------------
*/
#about {}
#about .about_photo {
 width:auto;
 float:none;
 min-height:200px;
 padding-top:10px;
 font-size:10px;
 text-align:right;
}
#about .about_text {
 width:auto;
 float:none;
 min-height:400px;
 font-size:10px;
}


/*
--------------------------------------------------------------------------------------
iPhone specific stuff
--------------------------------------------------------------------------------------
*/
img {
 max-width:260px;
 height:auto;
}