style.css

/*********************************************************************************************

Theme Name: Seven Five
Theme URI: http://www.press75.com/
Description: Designed by Jason Schuller
Version: 1.6.1
Author: Press75.com
Author URI: http://www.press75.com/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2010 Circa75 Media, LLC

Be inspired, but please don't steal :)

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Basic Setup  -----------------------  All Theme Files
2.  Header Styles  ---------------------  header.php
3.  Navigation and Menu Styles  --------  header.php
4.  Main Content Styles  ---------------  index.php, single.php, page.php
5.  Flickr Specific Styles  ------------  home.php
6.  Twitter Specific Styles  -----------  home.php
7.  Delicious Specific Styles  ---------  home.php
8.  Last.FM Specific Styles  -----------  home.php
9.  Feed Specific Styles  --------------  home.php
10. Post Comment Styles  ---------------  comments.php
11. Footer Styles  ---------------------  footer.php
12. WordPress Specific Styles  ---------  home.php, index.php, single.php, page.php

**********************************************************************************************/


/********************************************************************************************* 

0.  CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
color:#202020;
margin: 0 0 2px 0;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/*********************************************************************************************

1.  Basic Setup  -----------------------  All Theme Files

*********************************************************************************************/
body {
width: auto;
height: auto;
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 11px;
color: #595959;
}

h1 {
font-size: 36px;
font-weight: normal;
}

h2, h3 {
font-size: 16px;
font-weight: normal;
margin: 0 0 5px 0;
color: #202020;
}

strong {font-weight: bold;}

a:link, a:visited {
color: #202020;
text-decoration: none;
}

a:hover {
color: #595959;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 10px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

p a {
	background:#EBEBEB;
	
}

/*********************************************************************************************

2.  Header Styles  ---------------------  header.php

*********************************************************************************************/
#header {
border-bottom: 1px solid #CACACA;
width: 980px;
float: left;
padding: 30px 0 30px 5px;
margin: 0 0 20px 0;
}

#header a {
background: none;
}

#logo {
width: 400px;
float: left;
line-height:38px;
}

#logo h1
{
	line-height:36px;
}


/*********************************************************************************************

3.  Navigation and Menu Styles  --------  header.php

*********************************************************************************************/

#menu {
width: 500px;
float: right;
height:38px;
}

#menu ul {
list-style: none;
width: 500px;
float: left;
padding: 8px 0 0 0;
}
#menu li{
	display:inline;
}

#menu a {
background: #EBEBEB;
font-size: 24px;
font-weight: normal;
color: #999999;
float: right;
margin: 0 0 0 15px;
padding: 1px 8px 2px 8px;
}
#menu .menu-item-727 a{
	background: url(images/rss-basic.png) center no-repeat #EBEBEB;
	width:27px;
	height:27px;
}

#menu .menu-item-728 a{
	background: url(images/twitter-basic.png) center no-repeat #EBEBEB;
	width:27px;
	height:27px;
}


/*********************************************************************************************

4.  Main Content Styles  ---------------  index.php, single.php, page.php

*********************************************************************************************/
#content {
float: left;
}

.content-item {
width: 980px;
float: left;
margin: 0 0 20px 0;
padding: 0 0 5px 5px;
border-bottom: 1px solid #CACACA;
}

.last-item {
border-bottom: none;
}

.content-body {
width: 720px;
margin: 0 0 0 30px;
float: left;
}

.entry {
padding-right: 15px;
}

.entry a {
background: #E9E9E9;
padding: 0 2px 0 2px;
}

.entry img {
background:#E6E6E6;
padding: 4px;
max-width:720px;
max-height:650px;
}

.entry h3 {
margin-top: 15px;
}

.content-dets {
width: 210px;
float: left;
}

.content-dets a, .content-dets-alt a {
font-weight: normal;
}

.content-dets-alt {
width: 210px;
float: left;
}

ul.dets {
list-style: none;
font-size: 10px;
line-height:16px;
}

.dets li {
margin: 0 0 0 0;
}

.subscribe-link {
background: url(images/rss.png) left no-repeat;
padding: 0 0 0 25px;
}

.comments-link {
background: url(images/comments.png) left no-repeat;
padding: 0 0 0 25px;
}

.pagination {
padding-bottom: 15px;
font-size: 16px;
font-weight: bold;
}


/*********************************************************************************************

5.  Flickr Specific Styles  ------------  home.php

*********************************************************************************************/
#flickr-feed img {
background: #323232;
width: 75px;
height: 75px;
padding: 10px;
margin: 0 11px 11px 0;
}

.flickr-link {
background: url(images/flickr.png) left no-repeat;
padding: 0 0 0 25px;
}

#preview{
position:absolute;
display:none;
}

#preview img {
background: #323232;
padding: 10px;
}


/*********************************************************************************************

6.  Twitter Specific Styles  ------------  home.php

*********************************************************************************************/
#twitter-feed {
padding-bottom: 0;
}

#twitter-feed img {
background: #E6E6E6;
width: 42px;
height: 42px;
float: left;
padding: 4px;
margin: 0 10px 0 0;
}

.tweet {
border-bottom: 1px solid #EFEFEF;
width: 720px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

.twitter-link {
background: url(images/twitter.png) left no-repeat;
padding: 0 0 0 25px;
}

#twitter-last-item {
background: #FFFFFF;
width: 720px;
height: 1px;
float: left;
margin: -11px 0 0 0;
}

.time {
color: #CCCCCC;
font-size: 10px;
width: 575px;
float: left;
margin: -2px 0 0 0;
}

p.text {
padding-right: 15px;
}


/*********************************************************************************************

7.  Delicious Specific Styles  ---------  home.php

*********************************************************************************************/
#delicious-feed {
padding-bottom: 0;
}

.delicious-link {
background: url(images/delicious.png) left no-repeat;
padding: 0 0 0 25px;
}

#delicious li {
border-bottom: 1px solid #EFEFEF;
width: 720px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

#delicious-last-item {
background: #FFFFFF;
width: 720px;
height: 1px;
float: left;
margin: -11px 0 0 0;
}

#delicious h2 {
margin-top: 4px;
}

#delicious p {
padding-right: 15px;
}


/*********************************************************************************************

8.  Vimeo Specific Styles  -----------  home.php

*********************************************************************************************/
.vimeo-vid {
width: 205px;
height: 160px;
float: left;
margin: 0 15px 15px 0;
overflow: hidden;
}

.vimeo-vid img {
background: #323232;
padding: 10px;
width: 185px;
height: 140px;
}

.vimeo-link {
background: url(images/vimeo.png) left no-repeat;
padding: 0 0 0 25px;
}


/*********************************************************************************************

9.  YouTube Specific Styles  -----------  home.php

*********************************************************************************************/
.youtube-vid {
border: none;
width: 95px;
height: 76px;
float: left;
margin: 0 15px 15px 0;
overflow: hidden;
}

.youtube-vid img {
background: #323232;
width: 75px;
height: 56px;
padding: 10px;
}

.youtube-link {
background: url(images/youtube.png) left no-repeat;
padding: 0 0 0 25px;
}


/*********************************************************************************************

10. Last.FM Specific Styles  -----------  home.php

*********************************************************************************************/
#lastfm-feed img {
background: #E6E6E6;
width: 75px;
height: 75px;
padding: 4px;
margin: 0 15px 15px 0;
}

.lastfm-link {
background: url(images/lastfm.png) left no-repeat;
padding: 0 0 0 25px;
}


/*********************************************************************************************

11. Feed Specific Styles  --------------  home.php

*********************************************************************************************/
#rss-feed {
padding-bottom: 0;
}

.rss-feed-link {
background: url(images/sevenfive.png) left no-repeat;
padding: 0 0 0 25px;
}

#feed li {
border-bottom: 1px solid #EFEFEF;
width: 720px;
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

#feed-last-item {
background: #FFFFFF;
width: 720px;
height: 1px;
float: left;
margin: -11px 0 0 0;
}

#rss-feed h2 {
margin-top: 4px;
}

#rss-feed p {
padding-right: 15px;
}


/*********************************************************************************************

11.5 Post Content Styles ---------------- single.php, page.php

*********************************************************************************************/
h2.post-title{
	width:720px;
	float:left;
	font-size:18px;
	border-bottom: 1px dotted #E6E6E6;
	margin: 0 0 8px 0;
	padding: 0 0 10px 0;
}




/*********************************************************************************************

12. Post Comment Styles  ---------------  comments.php

*********************************************************************************************/
#reply_form {
width: 604px;
margin: 0 0 0 0;
padding: 8px;
float: left;
}

.comment-author {
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}

img.avatar {
float: right;
margin: 2px 0 15px 15px;
padding: 4px;
background: #E6E6E6;
}

ul.commentlist {
margin: -22px 0 0 0;
padding: 0;
}

ul.commentlist a:link, ul.commentlist a:visited {
color: #4A4A4A;
}

ul.commentlist a:hover {
color: #595959;
text-decoration: none;
}

ul.commentlist cite {
font: 15px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-weight: bold;
}

ul.commentlist li.alt {
padding: 20px 0 20px 0;
border-bottom: 1px solid #E3E4E7;
}

ul.commentlist li {
padding: 20px 0 20px 0;
border-bottom: 1px solid #E3E4E7;
}

ul.commentlist li div.reply {
	border: 1px solid #CCCCCC;
	background: #E6E6E6;
	cursor: pointer;
	font-size: 9px;
	width: 40px;
	height: 18px;
	margin: 10px 0 10px 0;
	text-align: center;
}

* + html ul.commentlist li div.reply {
line-height: 1.3em;
}

ul.commentlist li div.reply a {
	color:#999999;
	text-decoration:none;
}

ul.commentlist li ul.children { 
list-style: none; 
margin: 0;
padding: 0;
text-indent: 0; 
}

ul.commentlist li ul.children li {
padding: 20px 0 0px 20px;
border-bottom: none;
}

ul.commentlist li ul.children li.alt {
padding: 20px 0 0px 20px;
border-bottom: none;
}

ul.commentlist li ul.children li.depth-2 { margin:0; }
ul.commentlist li ul.children li.depth-3 { margin:0; }
ul.commentlist li ul.children li.depth-4 { margin:0; }
ul.commentlist li ul.children li.depth-5 { margin:0; }

#comments-last-item {
float: left;
margin: -1px 0 0 0;
background: #FFFFFF;
width: 720px;
height:1px;
}

input#submit {
border: 1px solid #CCCCCC;
background: #E6E6E6;
cursor: pointer;
padding: 1px 8px 2px 8px;
text-align: center;
color: #999999;
}

#comment {
background: url(images/fields.jpg) top left repeat-x;
border: 1px solid #CACACA;
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 12px;
line-height: 20px;
color: #666666;
width: 648px;
height: 215px;
padding: 5px;
}

#author, #email, #url {
border: 1px solid #CCCCCC;
background:#FFFFFF;
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 12px;
color: #555555;
width: 200px;
height: 20px;
padding: 5px;
}

.fieldset {
list-style: none;
margin: 0;
padding: 0;
}

.fieldset li {
margin: 0 0 10px 0;
padding: 0;
}

.says {display:none;}


/*********************************************************************************************

13. Footer Styles  ---------------------  footer.php

*********************************************************************************************/
#footer {
width: 980px;
float: left;
margin: 0 0 20px 0;
padding: 0 0 20px 5px;
}


/*********************************************************************************************

14. WordPress Specific Styles  ---------  home.php, index.php, single.php, page.php

*********************************************************************************************/
.wp-caption img {
margin-bottom: 5px;
padding:5px;
background-color:#FFFFFF;
}

.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
text-transform: uppercase;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
margin: 5px 0 15px 20px;
display: inline;
}

img.alignleft {
margin: 5px 20px 15px 0;
display: inline;
}

.alignright {
float: right;
margin-left: 15px;
}

.alignleft {
float: left;
margin-right: 15px;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #EFEFEF
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}

img#wpstats{
	display:none;
}
/*********************************************************************************************

15. Photography Archive Styles  ---------  archive_test.php

*********************************************************************************************/

.img_arc img{
	background: #E6E6E6;
	width: 160px;
	height: 160px;
	padding: 4px;
	margin:15px 15px 0 0;

}
.img_arc{
	font-size:11px;
}
.img_arc .img_arc_text{
	height:45px;
}