/* (c) Michiel van der Blonk 
-- blonkm@gmail.com
-- created for Sportsman Media
--
-- Changed by Yasmara van der Blonk-Pourrier : Enabling mobile styles
-- 18-0-2010 yasmara@hotmail.com
-- changed for Sportsman Media
*/

@media handheld { 
/* rules for handheld devices */ 
body { color: pink;}
#logo a { width: 202px; height: 45px; display: block; margin: 0 auto; background: url(/images/logo.jpg) no-repeat 0 0; }


}

@media screen { 
/* rules for computer screens */ 


body { font-size: .76em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#main { margin: 0 auto; width: 860px; min-height: 700px; }
h1, #tagline { display: none; }
#logo { margin: 0 auto; }
#logo img { display:none; }
#logo a { width: 806px; height: 183px; display: block; margin: 0 auto; background: url(/images/logo.jpg) no-repeat 0 0; }



#the-button { margin:4em auto; width: 560px; }
#btnShow { clear: both; text-indent: -9999px; overflow: hidden; cursor: pointer; margin: 0 auto; display: block; border: none; width: 172px; height: 171px; background: url(/images/lucky-love-button.jpg) no-repeat 0 0; }
#btnShow:hover { background-position: 0 3px }

label, select { width: 150px; display: block; margin-bottom: .5em; margin-left:30px;}
select { width:auto; }

.field { /*display: inline-block; */ float:left; width: 180px; white-space: nowrap; }
#list { float: left; width: 330px; margin-left: 10px; margin-top:10px;}
#list ul { margin: 0; padding: 0; }
#list li { display: block; float: left; width: 100px; height: 100px; margin-right: 10px; margin-bottom: 15px; }
#list img { cursor: pointer; }

#errors { margin: 0 auto; width: 560px; height:3em; }
#errors p { margin-left: 30px; width: 130px; float:left; /*display: inline-block;*/ text-align: left; }
#errors .error { padding-left: 14px; background: url(/images/broken_heart.png) no-repeat 0 center; color: red; font-size: smaller; white-space: nowrap; }

#items { list-style: none; line-height:1.4;}
#items .posted-on, #items .link { text-align: right; font-size: larger; }
#items .description { line-height: 1.5; font-size: 1.2em; font-family: "Palatino Linotype", serif; }


/* styles for admin */
.hide { display: none; }
.admin .list {	border-collapse: collapse;margin-bottom:1em; clear:both;}
.admin .list td,
.admin .list th {	border-bottom:1px solid #f60; padding:.2em;}
.admin .action {	border:1px solid #f60; }
.admin .action:hover {	background: maroon; color: white; }

.admin #nav  { margin:0; padding:0; }
.admin #nav li { float: left;  list-style:none; }
.admin #nav li a { display:block; border: 1px solid gray; width: 8em; float:left; margin:.5em; padding:.5em; text-decoration:none; font-size: 1em; }
.admin #nav li a:hover { background: #6cf; }
.admin #nav { clear: both; width: 100%; }

.admin select { margin-left: 0; margin-bottom:0}

/* End rules for screen */
}