/* CSS Document */

/* -----------------------------------------------------------------------------------------------------------------
Basic style sheet

Client: Lippy Magazine
URL: http://www.lippymag.co.uk/
Version: 1.0
Date: 17.02.2008

Author: Lewis Litanzios
URL: http://www.ldexterldesign.co.uk/
Email: mail@ldexterldesign.co.uk

1. DEFAULTS
2. BASIC
3. LINKS & NAVIGATION
4. LAYOUT
5. TYPOGRAPHY
6. COLOUR
7. FORMS
8. TABLES

----------------------------------------------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------------------------------------------
1. DEFAULTS
----------------------------------------------------------------------------------------------------------------- */
/* Reset courtesy of Eric Meyer (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* -----------------------------------------------------------------------------------------------------------------
2. BASIC
----------------------------------------------------------------------------------------------------------------- */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.hr{background-color:#CCC;height:1px;width:100%; margin:0 0 1em 0;}
/* -----------------------------------------------------------------------------------------------------------------
3. LINKS & NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
a:link{color:#A62702;text-decoration:none;}
a:visited{color:#772715;}
a:hover{color:#CC1609;text-decoration:underline;}
a:active{color:#A62702;}

.skipToContent a{display:block;height:2em;margin:1em 0 0;padding:.8em 0 0 14px;text-decoration:none;text-transform:uppercase;width:100%;}
.skipToContent a abbr{visibility:hidden;}
.skipToContent a:hover{background:url(../images/siteAesthetics/skipToContent-middle.gif) repeat-x top left;color:#FFF;text-decoration:underline;}
.skipToContent a:hover abbr{visibility:visible;}

.primaryNav{background:url(../images/siteAesthetics/navigation/navBg-middle.gif) repeat-y left top;height:153px;margin:-1px 0 0;padding:4em 0 0;width:118px;}
.primaryNav .navHome a{background:url(../images/siteAesthetics/navigation/home.gif) no-repeat left top;display:block;height:17px;text-indent:-2000px;width:118px;}
.primaryNav .navHome a:hover{background:url(../images/siteAesthetics/navigation/home.gif) no-repeat right top;display:block;height:17px;text-indent:-2000px;width:118px;}
.primaryNav .navAbout a{background:url(../images/siteAesthetics/navigation/about.gif) no-repeat left top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navAbout a:hover{background:url(../images/siteAesthetics/navigation/about.gif) no-repeat right top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navLatestIssue a{background:url(../images/siteAesthetics/navigation/latestIssue.gif) no-repeat left top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navLatestIssue a:hover{background:url(../images/siteAesthetics/navigation/latestIssue.gif) no-repeat right top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navArchive a{background:url(../images/siteAesthetics/navigation/archive.gif) no-repeat left top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navArchive a:hover{background:url(../images/siteAesthetics/navigation/archive.gif) no-repeat right top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navForum a{background:url(../images/siteAesthetics/navigation/forum.gif) no-repeat left top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navForum a:hover{background:url(../images/siteAesthetics/navigation/forum.gif) no-repeat right top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navTeam a{background:url(../images/siteAesthetics/navigation/team.gif) no-repeat left top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navTeam a:hover{background:url(../images/siteAesthetics/navigation/team.gif) no-repeat right top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navContact a{background:url(../images/siteAesthetics/navigation/contact.gif) no-repeat left top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav .navContact a:hover{background:url(../images/siteAesthetics/navigation/contact.gif) no-repeat right top;display:block;height:21px;text-indent:-2000px;width:118px;}
.primaryNav-btm{background:url(../images/siteAesthetics/navigation/navBg-btm.gif) no-repeat right top;display:block;height:19px;width:118px;}

/* DO NOT FORMAT BEGIN */
.currentIssue h2 a:link{color: #000000;text-decoration:none;}
.currentIssue h2 a:visited{color:#000000;text-decoration:none;}
.currentIssue h2 a:hover{color:#000000;text-decoration:none;}
.currentIssue h2 a:active{color:#000000;text-decoration:none;}

.currentIssue ul a:link{color: #000000;text-decoration:none;}
.currentIssue ul a:visited{color:#000000;text-decoration:none;}
.currentIssue ul a:hover{color:#000000;text-decoration:none;}
.currentIssue ul a:active{color:#000000;text-decoration:none;}
.currentIssue ul a:link span{color:#A62702;text-decoration:none;}
.currentIssue ul a:visited span{color:#772715;text-decoration:none;}
.currentIssue ul a:hover span{color:#CC1609;text-decoration:underline;}
.currentIssue ul a:active span{color:#A62702;text-decoration:none;}

.promotionalComponents a:link {color: #000000;text-decoration:none;}
.promotionalComponents a:visited {color:#000000;text-decoration:none;}
.promotionalComponents a:hover {color:#000000;text-decoration:none;}
.promotionalComponents a:active {color:#000000;text-decoration:none;}
.promotionalComponents a:link span{color:#A62702 ;text-decoration:none;}
.promotionalComponents a:visited span{color:#772715;text-decoration:underline;}
.promotionalComponents a:hover span{color:#CC1609;text-decoration:underline;}
.promotionalComponents a:active span{color:#A62702;text-decoration:none;}
.writeForUs a{background:url(../images/siteAesthetics/writeForUs.jpg) no-repeat 0 25px;float:left;height:270px;text-align:center;width:249px;}

.writeForUs a:hover,.writeForUs a:visited{background:url(../images/siteAesthetics/writeForUs.jpg) no-repeat 0 -453px;}
.yourThoughts a{background:url(../images/siteAesthetics/yourThoughts.jpg) no-repeat 0 25px;float:left;height:270px;text-align:center;width:249px;}

.yourThoughts a:hover,.yourThoughts a:visited{background:url(../images/siteAesthetics/yourThoughts.jpg) no-repeat 0 -453px;}
/* DO NOT FORMAT END */

/* -----------------------------------------------------------------------------------------------------------------
4. LAYOUT
----------------------------------------------------------------------------------------------------------------- */
body{background:url(../images/siteAesthetics/topLips.jpg) no-repeat 50% top;}
.wrap{margin:0 auto;width:900px;}
.header{ margin:-1.5em 0 0 0;}
.header .hr{margin:-3em 0 0;position:relative;width:450px;}
.logo{height:228px;margin:3em 0 0 75px;position:relative;width:499px;z-index:1;}

.currentIssue{background:url(../images/siteAesthetics/currentIssueBg-middle.png) repeat-y left top;height:auto;margin:-275px 0 0 660px;position:absolute;width:258px;}
.currentIssue h2{background:url(../images/siteAesthetics/currentIssueBg-top.png) no-repeat left top;height:52px;margin:-52px 0 0;padding:1.2em 0 0 35px;width:218px;}
.currentIssue .img-wrapper{background:url(../images/siteAesthetics/dp.png) no-repeat right bottom;clear:right;float:left;margin:-1em 0 1em 35px;position:relative;}
.currentIssue .last{background:url(../images/siteAesthetics/currentIssueBg-btm.png) no-repeat left top;height:66px;margin:0 0 0 -40px;padding:0 0 0 40px;position:absolute;width:218px;}
.currentIssue h4{float:left;padding:0 0 .5em 38px;}
.currentIssue ul{float:left;padding:0 0 0 40px;}
.currentIssue li a{background:url(../images/siteAesthetics/currentIssueComponent-bullet.gif) no-repeat left top;display:block;padding:0 0 0 25px;width:160px;}
.currentIssue li{display:inline;}
.currentIssue li a:hover{background:url(../images/siteAesthetics/currentIssueComponent-bullet.gif) no-repeat left -144px;display:block;}

.content{clear:both;float:left;min-height:275px;width:100%;}
.primaryContent{clear:both;float:left;margin:-10em 0 0 140px;width:500px;}
.primaryContent h3 a{display:block;padding:1em 0 .5em;text-align:right;}
.primaryContent ol li{ list-style-type:decimal; margin:0 0 0 40px;}
.primaryContent ul li{ list-style-type: circle; margin:0 0 0 40px;}

.promotionalComponents{height:300px;width:500px;}
.secondaryContent{clear:both;float:left;margin:1em 0 0 140px;width:760px;}
.articles{float:left;width:500px;}
.articleItem{clear:both;float:left;width:500px;}
.articleItem h3{padding:0 0 .25em;}
.articleItem ol li{ list-style-type:decimal; margin:0 0 0 40px;}
.articleItem ul li{ list-style-type: circle; margin:0 0 0 40px;}


.articleNav .hideReveal{float:right;width:50%;}
.articleReveal a{background:url(../images/siteAesthetics/articleItemNavReveal-pixy.png) no-repeat right top;float:right;line-height:1.8em;padding:0 25px 0 0;}
.articleReveal a:hover{background:url(../images/siteAesthetics/articleItemNavReveal-pixy.png) no-repeat right -144px;}
.articleCollapse a{background:url(../images/siteAesthetics/articleItemNavCollapse-pixy.png) no-repeat right top;float:right;line-height:1.8em;margin:0 20px 0 0;padding:0 25px 0 0;}
.articleCollapse a:hover{background:url(../images/siteAesthetics/articleItemNavCollapse-pixy.png) no-repeat right -144px;}
.news{float:right;width:200px;}
.newsItem h5{font-size:.96em;}
.newsItem ol li{ list-style:decimal; margin:0 0 0 20px;}
.newsItem ul li{ list-style:circle; margin:0 0 0 20px;}

.readMoreContent{width:100%; float:left; clear:both; text-align:right; margin:2em 0 0 0;}

.footer{clear:both;float:left;margin:5em 0 0 140px;padding:0 0 3em;width:760px;}
.footer p{float:right;}
.issueStamp{clear:both;float:left;margin:0 0 0 20px;width:500px;}
.issueStamp .hr{clear:both;float:left;width:480px;}
.issueCover .img-wrapper{background:url(../images/siteAesthetics/dp.png) no-repeat right bottom;clear:right;float:left;margin:0 0 2em;position:relative;}
.issueDescription{float:left;margin:0 0 0 15px;width:270px;}
.issueDownload a{margin:0; background:url(../images/icons/pdficon_small.gif) no-repeat left top; display:block; padding:0 0 0 25px;}
.issueSlideshow a{margin:-0.5em 0 0 0;padding:0 0 2em; display:block;}
.teamMemberComponent{clear:both;float:left;margin:0 0 1em;width:100%;}
.teamShot{float:left;width:75px;}
.teamShot img{background-color:#FFF;border:#000 1px solid;padding:3px;}
.teamDescription{float:left;margin:0 0 0 15px;width:410px;}
.currentIssue .img-wrapper img,.issueCover .img-wrapper img{background-color:#FFF;border:#333 2px solid;display:block;margin:-4px 4px 4px -4px;padding:5px;position:relative;}
.articleNav,.issueCover{margin:1em 0 0;}
.articleNav p,.footer p:first-child{float:left;}
/* -----------------------------------------------------------------------------------------------------------------
5. TYPOGRAPHY
----------------------------------------------------------------------------------------------------------------- */
body{font-family:Georgia, "Times New Roman", Times, serif;}
p{font-size:.72em;line-height:1.6em;margin:0 0 1em;}
h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:2em;font-weight:100;letter-spacing:-.02em;padding:0 0 .5em;}
h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:1.6em;font-weight:100;line-height:1.2em;padding:0 0 .5em;}
h3{font-family:Georgia, "Times New Roman", Times, serif;font-size:1.4em;font-weight:100;padding:0 0 .5em;}
h4{font-size:1.2em;font-weight:100;padding:0 0 .5em;color:#A62702;}
h5{font-size:1em;font-weight:100;padding:0 0 .5em;}
h6{font-size:.8em;font-weight:100;padding:0 0 .5em;}

.skipToContent{font-family:Helvetica, sans-serif;font-size:.76em;font-weight:700;}
.currentIssue li a{font-family:Georgia, "Times New Roman", Times, serif;font-size:.71em;line-height:1.6em;margin:0;}

.primaryContent ol{font-size:.74em;line-height:1.6em;margin:0 0 1em;}
.primaryContent ul{font-size:.74em;line-height:1.6em;margin:0 0 1em;}

.articleItem ol{font-size:.74em;line-height:1.6em;margin:0 0 1em;}
.articleItem ul{font-size:.74em;line-height:1.6em;margin:0 0 1em;}

.newsItem .date{font-size:.8em;margin:0;}
.newsItem h4{margin:0;}
.newsItem p{font-size:.71em;line-height:1.6em;margin:0 0 1em;}

.newsItem ol{font-size:.71em;line-height:1.6em;margin:0 0 1em;}
.newsItem ul{font-size:.71em;line-height:1.6em;margin:0 0 1em;}

.teamRole{font-size:.6em;font-weight:700;}
/* -----------------------------------------------------------------------------------------------------------------
6. COLOUR
----------------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------------------
7. FORMS
----------------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------------------
8. TABLES
----------------------------------------------------------------------------------------------------------------- */