/*

	ERSKINE DESIGN v2.0
	iPHONE VERSION
	VERSION 1.0
	
	CONTENTS ----------
	

	
    -------------------
    
    COLOURS -----------
    
        red #831026
        grey #eeeeee
    
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */



/* 1.BODY
---------------------------------------------------------------------- */

body { font-family:Helvetica, Arial, sans-serif; font-size:15px; line-height:18px; background:#999; color:#000; margin: 0 auto;
}

.select{
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color: #666;
border: 1px solid #D4D4D4;
}


/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin-bottom:20px; }

.texto {font-size:15px;
	color:#000000; text-transform:uppercase; } 
.textoblanco {font-size:15px;
	color:#ffffff; text-transform:uppercase; } 
.texto2 {font-size:14px;
	color:#ff0033;} 


ul { list-style:url(../images/site/bullet.gif); }
ul li { margin-left:20px; }
ol { list-style:decimal; }
ol li { margin-left:40px; margin-bottom:10px; }

hr { height:0; border:none; border-top:1px dotted #ccc; margin:20px 0; }

blockquote { font-family:Georgia,serif; font-style:italic; color:#666; margin-bottom:20px; padding:0 20px; border-left:1px solid #ccc; }
blockquote p { margin-bottom:10px; } 
blockquote cite { font-style:normal; text-transform:uppercase; font-size:9px; letter-spacing:1px; font-family:Verdana; display:block; margin-top:10px; }

abbr { cursor:help; border-bottom:1px solid #ccc; }
abbr:hover { border-color:#999; }
a abbr { border:none; }

del { color:#666; }
strong { font-weight:bold; }
em { font-style:italic; }
em.piddly { font-size:11px; color:#666; }



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1 {
	font-size:30px;
	color:#841127;
	font-weight:bold;
	letter-spacing:-2px;
	margin-bottom:10px;
	position:relative;
	left:-3px;
}

h2 { font-weight:normal; color:#000; font-size:15px; margin-bottom:15px;  }

h3 { font-weight:bold; font-size:14px; margin-bottom:15px; }
h3 em { font-style:normal; color:#666; }

h4 { margin-bottom:5px; text-transform:uppercase; font-weight:bold; font-style:italic; font-size:11px; color:#000; }

h5 { text-transform:uppercase; font-weight:bold; }



/* 4.LINKS
---------------------------------------------------------------------- */

a { color:#333; }
a:hover,
a:focus,
a:active { color:#831026; }

h2 a { font-weight:bold; color:#841127; text-decoration:none; }
h2 a:hover,
h2 a:focus,
h2 a:active { color:#333; }

h3 a { color:#841127; text-decoration:none; }
h3 a:hover,
h3 a:focus,
h3 a:active { color:#333; }



/* 5.IMAGES & VIDEOS
---------------------------------------------------------------------- */

img { border:1px solid #ddd; }



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#page { margin:15px; padding:5px 0; overflow:hidden; }



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding { width:100%; height:40px; background:url(images/masthead_bg.png) repeat-x 0 0; }

div#branding h1 { width:78px; height:25px; margin:4px 0 0 4px; float:left; }
div#branding h1 a { width:78px; height:25px; display:block; background:url(../images/site/h1_bg.png) no-repeat left top; text-indent:-9999px; }



/* 8.NAVIGATION
---------------------------------------------------------------------- */

ul#navigation_pri { float:right; margin:0; list-style:none; text-align:right; font-weight:bold; font-size:12px; padding-top:7px; }
ul#navigation_pri li { display:inline; margin:0 10px 0 0; }
ul#navigation_pri li a { color:#ca8e99; text-decoration:none; }
ul#navigation_pri li.cur a { color:#fff; }
ul#navigation_pri li a:hover,
ul#navigation_pri li a:focus,
ul#navigation_pri li a:active { color:#fff; }



/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { padding:15px; height:93px; clear:both; background:#eee url(../images/site/iphone/siteinfo_bg.png) repeat-x 0 0; font-size:10px; color:#777; }
div#siteinfo p { margin:0; width:320px; float:left; }
div#siteinfo ul { list-style:none; margin:0; width:170px; float:right; text-align:right; }
div#siteinfo ul li { display:inline; margin:0 0 0 5px; font-weight:bold; }
div#siteinfo ul li a { font-weight:normal; color:#999; }
div#siteinfo ul li a:hover,
div#siteinfo ul li a:focus,
div#siteinfo ul li a:active { color:#666; }


div#siteinfo2 { padding:15px; height:100%; clear:both; background:#eee url(../images/site/iphone/siteinfo_bg.png) repeat-x 0 0; font-size:10px; color:#777; }

div#siteinfo3 { padding:15px; height:93px; clear:both; background:#333333 repeat-x 0 0; font-size:10px; color:#777; }
div#siteinfo3 p { margin:0; width:320px; float:left; }
div#siteinfo3 a { font-weight:bold; color:#fff; }
div#siteinfo3 h1 { margin:5 0 0 0px; font-weight:bold; color:#ffffff; }
div#siteinfo3 ul { list-style:none; margin:0; width:170px; float:right; text-align:right; }
div#siteinfo3 ul li { display:inline; margin:0 0 0 5px; font-weight:bold; }
div#siteinfo3 ul li a { font-weight:normal; color:#fff; }
div#siteinfo3 ul li a:hover,
div#siteinfo3 ul li a:focus,
div#siteinfo3 ul li a:active { color:#666; }


/* 10.HELLO
---------------------------------------------------------------------- */

.hello h2 { padding-bottom:15px; border-bottom:1px dotted #ccc; }

ul#hello_projects { list-style:none; font-size:9px; width:3000px; padding-bottom:15px; border-bottom:1px dotted #ccc; overflow:hidden; }
ul#hello_projects li { margin:0 10px 0 0; width:140px; float:left; }
ul#hello_projects li span { display:block; width:290px; height:40px; border:1px solid #ddd; overflow:hidden; }
ul#hello_projects li span img { display:inline; border:none; }
ul#hello_projects li a { color:#999; text-decoration:none; }



/* 11.PROJECTS LISTING
---------------------------------------------------------------------- */

ul#projects_listing { list-style:none; line-height:17px; border-bottom:1px dotted #ccc; padding:10px 0; }
ul#projects_listing li { border-top:1px dotted #ccc; margin:0; }
ul#projects_listing li a { display:block; padding:10px 0 10px 75px; text-decoration:none; overflow:hidden; }
ul#projects_listing li a img { float:left; position:relative; left:-75px; margin:0 -65px 0 0; border:none; }
ul#projects_listing li a strong { display:block; }
ul#projects_listing li a em { font-size:11px; color:#999; }



/* 12.PROJECT SINGLE PAGE
---------------------------------------------------------------------- */

p#project_screenshot { width:290px; margin:0 auto 20px auto; font-size:11px; }
p#project_screenshot img { margin-bottom:5px; }
p#project_screenshot a { text-decoration:none; color:#666; }  

div#project_meta { padding:9px; border:1px solid #ddd; background:#eee; -webkit-border-radius:5px; }
div#project_meta p { margin:0; }
div#project_meta a { font-size:10px; text-decoration:none; }

div#project_writeup { border-bottom:1px dotted #ccc; padding-bottom:20px; }



/* 13.ABOUT
---------------------------------------------------------------------- */

.about h1 { left:-1px; }
.about h2 { padding-bottom:15px; border-bottom:1px dotted #ccc; }

ul#about_team_listing { list-style:none; overflow:hidden; margin:0 -10px; }
ul#about_team_listing li { margin:0 0 10px 10px; float:left; width:140px; }
ul#about_team_listing li img { float:left; margin:0 10px 0 0; }
ul#about_team_listing li em { display:block; font-size:9px; line-height:11px; font-style:normal; color:#777; }

p#about_team_girls { border-bottom:1px dotted #ccc; padding:15px 0 20px 0; font-size:11px; line-height:16px; }



/* 14.NEWS
---------------------------------------------------------------------- */

ul#news_listing { list-style:none; line-height:17px; border-bottom:1px dotted #ccc; padding:10px 0; }
ul#news_listing li { border-top:1px dotted #ccc; margin:0; padding:15px 0; }
ul#news_listing li img { float:right; margin:0 0 5px 10px; border:none; }
ul#news_listing li h3 { margin-bottom:10px; }
ul#news_listing li p { margin-bottom:15px;  }
ul#news_listing li p.meta { font-size:11px; color:#999; margin:0; clear:both; }



/* xx.CONTACT
---------------------------------------------------------------------- */

div#contact { clear:both; width:310px; height:50px; position:relative; left:-10px; margin:0 auto; }
div#contact p a { float:left; width:230px; height:40px; padding:4px; margin:0 0 0 10px; -webkit-border-radius:5px; background:#ffffee; border:1px solid #ddd; font-size:10px; text-decoration:none; color:#666; display:block; }
div#contact p.email a { background:#ffffee url(../images/site/iphone/contact_email_bg.gif) no-repeat right top; }
div#contact p.phone a { background:#ffffee url(../images/site/iphone/contact_phone_bg.gif) no-repeat right top; }
div#contact p a:hover,
div#contact p a:focus,
div#contact p a:active { background-color:#ffffdd; border-color:#ccc; color:#333; }
div#contact p a strong { font-size:18px; color:#333; display:block; }
div#contact p a:hover strong,
div#contact p a:focus strong,
div#contact p a:active strong { color:#831026; }