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



Theme Name: Outline

Theme URI: http://www.themegarden.com/

Description: Designed by Jason Schuller

Tags: news, three column, widgets

Version: 1.0

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.  Search Form  -----------------------  searchform.php

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

6.  Home Page Styles  ------------------  home.php

7.  Multiple Post Pages  ---------------  index.php

8.  Single Post Pages  -----------------  single.php, page.php

9.  Post Comment Styles  ---------------  comments.php

10. Sidebar and Widgets  ---------------  sidebar.php, cat-posts.php, related-posts.php

11. Footer Styles  ---------------------  footer.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;

}



q:before, q:after {content: '';}

abbr, acronym {border: 0;}





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



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



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

body {

background: url(images/bg.jpg) repeat;

width: auto;

height: auto;

font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;

font-size: 12px;

line-height: 20px;

color: #555555;

}



h1 {

font-size: 30px;

font-weight: normal;

margin: 0 0 15px 0;

}



h2 {

font-size: 22px;

font-weight: normal;

margin: 0 0 15px 0;

}



h3 {

font-size: 14px;

font-weight: normal;

margin: 0 0 5px 0;

}



h4 {

font-size: 12px;

font-weight: normal;

margin: 0 0 2px 0;

}



blockquote {

color: #666666;

padding: 0 0 0 15px;

font-style: italic;

border-left: 1px solid #999999;

}



strong {font-weight: bold;}



a:link, a:visited {

color: #444444;

}



a:hover {

color: #808080;

}



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;}



th,td {

border: 1px solid;

padding: 8px;

}



th {

font-weight:bold;

text-align:center;

}



caption {

margin-bottom: 8px;

text-align: center;

}



p,fieldset,table {margin-bottom: 15px;}

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



:focus {

outline: 0;

}



.alignleft {

float: left;

}



.alignright {

float: right;

}





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



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



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

#header {

background: url(images/header-bg.jpg) bottom left repeat-x;

width: 100%;

float: left;

}



#header-inside {

width: 980px;

margin: 0px auto;

}



#header-left { /* For the Logo */

width: 490px;

float: left;

padding: 20px 0 20px 0;

}



#header-left h1 {

font-size: 50px;

margin: 20px 0 0 0;

}



#header-left h1 a {

color: #CCCCCC;

}



#header-left h1 a:hover {

color: #FFFFFF;

}



#header-right { /* For the Advertisement */

text-align: right;

width: 490px;

float: left;

padding: 25px 0 20px 0;

}



.breadcrumbs {

/*background: url(images/header-bg-bottom.jpg) bottom left repeat-x;*/

border-bottom:1px solid #3F3B3B;

width: 100%;

float: left;

color: #CCCCCC;

}



.breadcrumbs-inside {

width: 980px;

margin: 0px auto;

}



.breadcrumbs p {

width: 675px;

float: left;

margin: 5px 0 12px 5px;

}



.breadcrumbs a {

color: #CCCCCC;

}



.breadcrumbs a:hover {

color: #FFFFFF;

}



p.tagline {

float: left;

text-align: right;

width: 288px;

}





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



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



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

#navigation {

background: url(images/header-bg.jpg) bottom left repeat-x;

width: 100%;

float: left;

font-size: 15px;

}



#navigation-inside {

width: 980px;

margin: 0px auto;

}



.sf-menu, .sf-menu * { /* SuperFish Menu Styles */

margin: 0;

padding: 0;

list-style: none;

}



.sf-menu {

line-height: 1;

float: left;

width: 692px;

padding: 20px 0 25px 8px;

}



.sf-menu a {

display: block;

position: relative;

}



.sf-menu a, .sf-menu a:visited  {

font-weight: bold;

color: #444444;

}



.sf-menu a:hover  {

color: #444444;

}



.sf-menu ul li {

width: 100%;

}



.sf-menu ul {

position: absolute;

top: -15000px;

width: 160px; /* Left Offset of Sub-Menus Need to Match */

}



.sf-menu li:hover ul, 

.sf-menu li.sfHover ul {

left: -15px;

top: 22px; /* Match Top UL List Item Height */

z-index: 10000;

}



ul.sf-menu li:hover li ul, 

ul.sf-menu li.sfHover li ul {

top: -15000px;

}



ul.sf-menu li li:hover ul, 

ul.sf-menu li li.sfHover ul {

left: 160px; /* Match ul width. */

top: 0;

}



ul.sf-menu li li:hover li ul, 

ul.sf-menu li li.sfHover li ul {

top: -15000px;

}



ul.sf-menu li li li:hover ul, 

ul.sf-menu li li li.sfHover ul {

left: 160px; /* Match ul Width. */

top: 0;

}



.sf-menu li {

background: url(images/nav.png) 0 0;

float: left;

height: 30px;

padding:15px 17px 0 11px;

margin: 0 0 0 -8px;

position: relative;

}



.sf-menu li:hover {

visibility: inherit; /* Fixes IE7 Sticky Bug */

background: url(images/nav.png) 0 -46px;

}



li.page_item {

background: url(images/nav-page.png) 0 0;

}



li.page_item:hover {

background: url(images/nav-page.png) 0 -46px;

}



li.categories {

background: url(images/nav-categories.png) 0 0;

}



li.categories:hover {

background: url(images/nav-categories.png) 0 -46px;

}



.sf-menu li ul {

background: #FFFFFF;

font-size: 12px;

font-weight: bold;

width: 125px;

margin: 15px 0 0 10px;

padding: 18px 40px 10px 20px;

}



.sf-menu li li {

background: none;

margin: 0 0 -10px 0;

padding: 0 0 0 0;

text-transform: none;

}



.sf-menu li li:hover {

background: none;

}



.sf-menu li li a:hover {

color: #999999;

}



.sf-menu li li ul {

background: #FFFFFF;

margin: -18px 0 0 -50px;

}



li.subscribe {

background: url(images/nav-rss.png) 0 0;

float: left;

height: 46px;

width: 46px;

margin: 0 0 0 -5px;

padding: 0;

position: relative;

}



li.subscribe:hover {

background: url(images/nav-rss.png) 0 -46px;

}



li.subscribe a {

height: 46px;

width: 46px;

}



li.twitter {

background: url(images/nav-twitter.png) 0 0;

float: left;

height: 46px;

width: 46px;

margin: 0 0 0 -8px;

padding: 0;

position: relative;

}



li.twitter:hover {

background: url(images/nav-twitter.png) 0 -46px;

}



li.twitter a {

height: 46px;

width: 46px;

}





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



4. Search Form  -----------------------  searchform.php



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

#site-search {

width: 280px;

float: left;

padding: 20px 0 0 0;

}



input#s {

background: url(images/search.png) 0 0;

border: none;

font-size: 15px;

float: left;

width: 264px;

height: 46px;

padding: 0 8px 0 8px;

font-family:arial,sans serif;

}



input#search-submit {

background: url(images/search-submit.png) 0 0;

border: none;

font-size: 15px;

font-weight: bold;

color: #FFFFFF;

cursor: pointer;

width: 46px;

height: 46px;

margin: 0 0 0 -46px;

float: left;

text-align: center;

}



input#search-submit:hover {

background: url(images/search-submit.png) 0 -46px;

color: #FFFFFF;

}





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



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



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

#content {

/*background: #FFFFFF;*/

background:url(images/bg_.jpg) repeat;

width: 100%;

float: left;

}



#content-inside {

width: 980px;

margin: 0px auto;

}



#main {

width: 725px;

float: left;

}





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



6. Home Page Styles  ---------------  home.php



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

#home {

background: url(images/home-featured-bg.jpg) top center no-repeat #fff;

width: 980px;

float: left;

margin: 20px auto 20px auto;

padding:0 12px;

-moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.50);

-webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.50);

box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.50);

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:5px;

text-align:left;

}



.heading-left {

margin: 12px 0 0 15px;

width: 340px;

float: left;

font-weight: bold;

}



.heading-right {

margin: 12px 0 0 0;	

float: left;

font-weight: bold;

}



.heading-full {

margin: 12px 0 0 10px;	

font-weight: bold;

}



#featured-content {

width: 975px;

height: 440px;

float: left;

padding: 0 0 0 5px;

}



#featured-content a {

color: #FFFFFF;

}



#featured-posts {

width: 310px;

float: left;

margin: 30px 20px 0 10px;

}



.featured-post {

width: 300px;

height: 450px;

float: left;

}



.featured-post h2 {

background: url(images/featured-title-bg.png) repeat;

position: absolute;

font-size: 16px;

font-weight: normal;

color: #FFFFFF;

margin: -55px 0 0 0;

padding: 5px 10px 5px 10px;

}



.featured-category {

width: 175px;

height: 175px;

float: left;

margin: 30px 29px 10px 11px;

}



.featured-category-third {

margin-right: 0;

}



.featured-category h4 {

background: url(images/featured-title-bg.png) repeat;

position: absolute;

font-weight: normal;

color: #FFFFFF;

margin: -55px 0 0 0;

padding: 5px 10px 5px 10px;

}



#latest-posts {

background: url(images/content-header-bg.jpg) top center no-repeat;

width: 975px;

float: left;

padding: 0 0 0 5px;

}



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



7. Multiple Post Pages  ---------------  index.php



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

#multiple {

background: url(images/content-bg.jpg) top center no-repeat;

width: 975px;

float: left;

margin: -3px 0 0 0;

padding: 0 0 0 5px;

background-color: #ffffff;

}



.multiple {
width:100%;
/*width: 525px;*/
float: left;
margin: 30px 0 10px 0;

}



.post-image {

float: left;

margin: 10px 0 15px 0;

}



.post-image img {

margin: 5px 0 0 5px;

}



.post-meta-multiple {

background: url(images/dotted.jpg) left repeat-x;

font-size: 11px;

margin: 0 0 10px 0;

font-weight:bold;

}



.post-meta-multiple li {

background: #FFFFFF;

display: inline;

}



li.comments-multiple {

background: #FFFFFF url(images/icon-comment.jpg) left no-repeat;

padding: 0 5px 0 15px;

}



.post-thumbnail-multiple {

float: right;

margin: 10px 0 30px 30px;

}



.entry-multiple a {

background: #EBEBEB;

}





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



8. Single Post Pages (single.php)



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

#single {

background: url(images/content-bg.jpg) top center no-repeat #fff;

width: 975px;

float: left;

margin: -3px 0 0 0;

padding: 0 0 0 5px;

}



#single-full {

width: 975px;

float: left;

margin: -3px 0 0 0;

padding: 0 0 0 5px;

}



.single {
width:100%;
/*width: 525px;*/

float: left;
margin: 30px 0 10px 0;

}



.single-full {

width: 970px;

float: left;

margin: 30px 0 10px 0;

padding: 0 5px 0 0;

}



.post-meta-single {

background: url(images/dotted.jpg) left repeat-x;

font-size: 11px;

margin: 0 0 10px 0;

}



.post-meta-single li {

background: #FFFFFF;

display: inline;

}



li.comments-single {

background: #FFFFFF url(images/icon-comment.jpg) left no-repeat;

padding: 0 5px 0 15px;

}



.post-thumbnail-single {

float: right;

margin: 10px 0 30px 30px;

}



.entry-single a {

background: #EBEBEB;

}



.entry-single ul {

margin: 0 0 15px 0;

}



.entry-single ul li {

background: url(images/bullet.jpg) top left no-repeat;

padding: 0 0 0 15px;

}



.entry-single ol {

margin: 0 0 15px 15px;

}



p img {

padding: 0;

max-width: 100%;

}



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

padding: 5px;

margin: 0 0 2px 15px;

}



img.alignleft {

padding: 5px;

margin: 0 15px 2px 0;

}



.wp-caption {

border: 1px solid #EBEBEB;

text-align: center;

padding: 10px 5px 5px 5px;

margin: 0 0 20px 20px;

}



.wp-caption img {

padding: 0;

margin: 0 0 5px;

}



.wp-caption-text {

margin: 10px 0 0;

padding: 0;

}



.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {

font-size: 12px !important;

text-align: center; 

margin: 0;

padding: 0;

}



#video {

background: #FFFFFF url(images/video-bg.jpg) bottom left repeat-x;

width: 100%;

float: left;

}



#video-inside {

width: 980px;

margin: 0px auto;

}



.video-embed {

background: #FFFFFF url(images/video-embed-bg.jpg) top center no-repeat;

width: 980px;

float: left;

padding: 35px 0 35px 0;

margin: -3px 0 5px 0;

text-align: center;

}





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



9. Post Comment Styles (comments.php)



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

#comments {

width: 525px;

float: left;

}



#comments-meta {

background: url(images/dotted.jpg) left repeat-x;

font-size: 11px;

width: 525px;

float: left;

margin: 0 0 10px 0;

padding: 10px 0 0 0;

}



#comments-meta p {

background: #FFFFFF;

float: left;

padding: 0 5px 0 0;

}



#comments ol {

margin: 0 0 20px 0;

}



#comments ol li {

list-style: none;

}



ol.commentlist li {

background: url(images/dotted.jpg) bottom left repeat-x;

padding: 20px 0 20px 0;

}



ol.commentlist li.alt {

background: url(images/dotted.jpg) bottom left repeat-x;

padding: 20px 0 20px 0;

}



ol.commentlist li ul.children { 

list-style: none; 

text-indent: 0; 

}



ol.commentlist li ul.children li {

background: none;

border: none;

padding: 25px 0 0 25px;

}



ol.commentlist li ul.children li.alt {

background: none;

border: none;

padding: 25px 0 0 25px;

}



ol.commentlist li ul.children li.depth-2 {margin: 0;}

ol.commentlist li ul.children li.depth-3 {margin: 0;}

ol.commentlist li ul.children li.depth-4 {margin: 0;}

ol.commentlist li ul.children li.depth-5 {margin: 0;}



ol.commentlist li div.reply {

background: #333333;

border: none;

color: #FFFFFF;

cursor: pointer;

font-size: 9px;

width: 40px;

height: 20px;

text-align: center;

}



ol.commentlist li div.reply a {

color: #FFFFFF;

}



ol.commentlist li div.reply:hover {

background: #666666;

color: #FFFFFF;

}



.comment-author {

font-size: 14px;

font-weight: normal;

}



.comment-meta {

font-size: 10px;

font-weight: normal;

}



.avatar {

float: right;

margin: 8px 0 15px 15px;

}



#respond {

width: 100%;

padding: 20px 0 20px 0;

}



.cancel-comment-reply a {

background: #333333;

border: none;

color: #FFFFFF;

cursor: pointer;

font-size: 9px;

text-align: center;

padding: 4px 8px 5px 8px;

}



.cancel-comment-reply a:hover {

background: #666666;

color: #FFFFFF;

}



#author, #email, #url, #comment {

background: #FFFFFF url(images/fields.jpg) top left repeat-x;

border: 1px solid #CCCCCC;

padding: 6px 4px 6px 4px;

}



#comment {

width: 98%;

max-width: 525px;

}



input#submit {

background: #333333;

border: none;

color: #FFFFFF;

cursor: pointer;

width: 135px;

height: 30px;

text-align: center;

}



input#submit:hover {

background: #666666;

color: #FFFFFF;

}





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



9. Pagination



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

#pagination {

background: url(images/dotted.jpg) left repeat-x;

line-height: 1;

width: 525px;

float: left;

margin: 30px 0 20px 0;

padding: 0 0 0 0;

}



#pagination p {

font-size: 11px;

margin: 0;

}



.nextpostslink {

background: #FFFFFF url(images/nav-back.jpg) left no-repeat;

padding: 0 5px 0 12px;

}



.previouspostslink {

background: #FFFFFF url(images/nav-forward.jpg) right no-repeat;

padding: 0 12px 0 5px;

}





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



10. Sidebar and Widgets  ---------------  sidebar.php, cat-posts.php, related-posts.php



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

#sidebar {

width: 250px;

float: left;

padding: 20px 0 10px 0;

}



#sidebar-left {

width: 175px;

float: left;

margin: 12px 0 0 40px;

}



#sidebar-right {

width: 175px;

float: left;

margin: 12px 0 0 41px;

}



#sidebar h3 {

font-size: 16px;

margin: 0 0 10px 0;

}



#sidebar h4 {

font-size: 14px;

margin: 0 0 2px 0;

}



.widget  {

width: 175px;

float: left;

margin: 0 0 20px 0;

}



.widget a {

background: #EBEBEB;

}



.sidebar-ad {

margin: 5px 0 20px 25px;

}



a.simple-ads {

background: none;

}





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



11. Footer Styles  ---------------------  footer.php



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

#footer {

background: url(images/footer-bg.jpg) top left repeat-x;

color: #CCCCCC;

width: 100%;

float: left;

}



#footer a {

color: #CCCCCC;

}



#footer a:hover {

color: #999999;

}



#footer-inside {

width: 980px;

margin: 0px auto;

padding: 15px 0 40px 0;

}



.breadcrumbs-bottom {

/*background: url(images/footer-bg-top.jpg) top left repeat-x;*/

display:none;

}



.breadcrumbs-bottom p {

margin: 12px 0 5px 0;

}





/* additions */



/* social media icon links */



#social-links { width:185px; height:35px;margin:7px 0 5px; }

#social-links ul {display:inline;margin: 0;padding: 0;list-style-type: none;}

#social-links ul li {position: relative;display: inline;float: left; padding: 0; background: none;}

#social-links ul li a {display: block;padding: 2px 2px;color: #545454;text-decoration: none; background:none; }

#social-links img {

	width:32px;

	height:32px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */

	filter: alpha(opacity=100); /* IE 5-7 */

	-moz-opacity: 1; /* Netscape */

	-khtml-opacity: 1; /* Safari 1.x */

	opacity: 1; /* Good browsers */

}



#social-links img:hover {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */

	filter: alpha(opacity=70); /* IE 5-7 */

	-moz-opacity: 0.7; /* Netscape */

	-khtml-opacity: 0.7; /* Safari 1.x */

	opacity: 0.7; /* Good browsers */

}



img.jsimage { margin:-68px 0 0 -12px; }



h2 { font-size:24px; margin:0 0 20px; line-height:30px; text-transform:uppercase; font-weight:bold; }



#sidebar-left li.page_item, #sidebar-left li.page_item:hover { background:none; }



.post-thumbnail-single img { background-color:#CFCFCF; padding:5px; }

#main img.wp-post-image { float:left; background-color:#cfcfcf; padding:5px; margin:0 10px 5px 0; }



#capture1 { margin: -12px 0 0 -8px; }

#capture2 { width: 190px; }

#capture2 .myForm input { width:115px; }