/*
Theme Name: PRiNZ BranfordMagazine 2.6
Theme URI: http://www.der-prinz.com/2008/01/20/wordpress-magazine-style-theme-branfordmagazine/
Description: A premium magaezine-style layout for Wordpress with
multiple functionalities icontnspired by the great themes of Brian Gardner
and Darren Hoyt
Version: 2.6 (released 2008-12-14)
Author: Michael Oeser
Author URI: http://www.der-prinz.com
http://bellydancingdiva.com/wp-admin/theme-editor.php?file=/themes/branfordmagazine/style.css&theme=PRiNZsi+BranfordMagazine+2.6&a=te
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Credits
=======

Thanks to Darren Hoyt and his "Mimbo" theme which has been a great inspiration
and a good source for lots of the code I used for this theme
especially the intensive
use of custom fields.

Thanks to Brian Gardner and "Revolution" which inspired me to put the
two additional
page layouts "Featured Page" and "3-Column-Page" into the theme.

Thanks to Patrick Griffiths who delivered the script for the dropdown menues.
http://www.htmldog.com/articles/suckerfish/dropdowns/

I�d also like to thank Klaus Hartl (stilbuero.de) for the brilliant
script I used
for the tabbed section with the fade effect.

And last but not least my very special thanks go out to all of you out there
using the theme and sending me tons of emails telling me how great
this theme is.

THANK YOU ALL!!!



/******************************************
*   HTML Elements
******************************************/

* {
       margin:0;
       padding:0;
       }

body,html { min-height:101%; }
body {
      
       background: #EDA9BE url(http://bellydancingdiva.com/wp-content/themes/branfordmagazine/images/backgrounds/background_original_fading.jpg) no-repeat top center; /*Background color*/
color: #000000; /*Text Font*/
       padding: 0px 25px 25px 25px;
       }

body, select, input, textarea {
       font: 12px Century Gothic, Verdana, Sans-Serif;
       line-height:1.5em;
       }

p {     margin: 15px 0px 0px 10px; }


hr {
       display: block;
       height:1px;
       background:#333;/*Do not see impact, may be associated to a header*/
       border:0;
       }

small {
       font-size: 0.9em;
       padding:3px 6px;
       }


/******* Hyperlinks ********************/

/* standard link behaviour */
a:link, a:active, a:visited {
       color:#660033; /*Category links and other links. Was 333*/
       text-decoration: underline;
       }
a:hover {
       color:#FFF; /*Category links when mouse rolls over it.  Was 333*/
       text-decoration: none;
       }

.blogtitle a { text-decoration: none; }

/* Title area links */
.title:link, .title:active, .title:visited {
       color: #FFFFFF; /*Links to articles on the front page.  Was 840000 - a maroon reddish color */
       text-decoration: none;
       }
.title:hover {
       color: #923854;/*Links to articles on the front page when mouse rolls over.*/
       text-decoration: underline;
       }

/* HTML headline links */
h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;}
h3 a:hover {text-decoration:underline;}

h4 a:link, h4 a:active, h4 a:visited  {color:#666; text-decoration:none;}/*Links not on front page. Was 666*/
h4 a:hover {text-decoration:underline;}


/* Links in the sidebar */
.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */
       background: #fff; /*No idea what this modifies.  Was FFF*/
       display:block;
       padding:4px 4px 4px 20px;
       border-bottom: 1px solid #999;/*No idea what this modifies.  Was 999*/
       }

.subnav li a:hover, .subnav li a:active {
       background: #F4F4EC;/*No idea what this modifies.  Was F4F4EC*/
       text-decoration:none!important;
       }

#sidelist a:link, #sidelist a:active, #sidelist a:visited
{text-decoration:none;}
#sidelist a:hover {text-decoration:underline;}
#sidelist .children li a, #sidelist .children li a:visited {
       padding:2px 2px 2px 0px;
       border:0;
       background:#e0c2c2;/*Modifies background of subcategories in sidebar. Was F4F4EC*/
       color: #660033;/*Modifies subcategories in sidebar  Was 666*/
       }
#sidelist .children li a:hover, #sidelist .children li a:active {
       color:#FFF;/*No idea what this modifies.  Was #000*/
       text-decoration:none!important;
       }

/* Links in unordered lists */
.bullets li a { text-decoration:none!important; }
.bullets li a:hover { text-decoration:underline!important;      }

/* How tags appear */
.tags a {text-decoration:none;}
.tags a:hover {text-decoration:underline;}

/* Links within comments metadata (date, Author etc.) */
.commentmetadata a:link, .commentmetadata a:active, .commentmetadata
a:visited  {text-decoration:none;}
.commentmetadata a:hover {text-decoration:underline;}

/* Links in the footer */
#footer a {text-decoration: underline}
#footer a:hover {text-decoration: underline;}


/******************************************
*   Images
******************************************/

/*** default image behaviour ***/
img { border:0px solid #E0C2C2; padding:3px; }/*Modifies borders on images.  Not on front page. Was 999*/


/*** WordPress specific image classes ***/
.aligncenter, div.aligncenter {
display: block;
margin: 15px 15px 15px 15px;
}

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

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

.wp-caption {
  text-align: center;
  background-color: #FFF;/*This is the background to image captions.  Was FFF*/
  margin-top:5px;
  margin-right: 15px;
  margin-bottom:0px;
}

.wp-caption img{
  padding:2px;
  border:1px solid #999;/*This is the border to image captions.  Was 999*/
}

.wp-caption img:hover{
  border:1px solid #333;/*Image border when you hover over it.  Was 333*/
}

.wp-caption p.wp-caption-text {
  color:#666;/*Image caption text. Was 666*/
  font-size: 10px;
  line-height: 12px;
  padding: 7px 4px 2px 5px!important;
  margin: 0!important;
}



/******************************************
*   General Structure
******************************************/

#page { /*the main container*/
       width:1000px;
       margin:0 auto;
       font-size:1em;
       background:#CC9a99;/*This is background color for the main section. Was #E0C2C2*/
       padding: 0px 0px 35px 0px;
       /*border:3px solid #666666; This is the border of the main section. Was 333*/
       }

#branding {/*where the logo sits*/
       width:1000px;
       height:112px;
       padding-bottom:0px;
       background:url(images/backgrounds/bg_branding2.jpg) no-repeat;
       border-bottom:30px #000000;

       }

.left {
       float:left;
       }

.right {
       float:right;
       }

#sidebar {/*you guessed it: it´s the sidebar container*/
       background:#E0C2C2; 
       width: 300px;
       padding:0px 15px 0px 15px;
       float:right;
       }

#leftcol {/*the left homepage column carrying the "Featured Article" section*/
       width:287px;
       padding-right:20px;
       padding-left:10px;
       }

#leftcol, #rightcol {
       margin-top:10px;
       float:left
       }

#rightcol {/*actually the column in the middle of the homepage (if the
right column is the sidebar)*/
       width:280px; //Modify this
       padding-left:10px;
       margin-left:5px;
       margin-top: 0px;
       text-align:justify;

       }



/******************************************
*   Sidebar
******************************************/

.subnav li {/*.subnav is mainly the categories list*/
       list-style:none;
       }

#sidelist li {
       list-style:none;
       }

.bullets li {
       margin:0 0 5px 15px;
       list-style:square;
       }

#sidelist .bullets li {
       list-style:square;
       margin-bottom:5px;
       margin-left:22px;
       }

#sidelist .children {
       background:#E0C2C2;/*There is a tab for children categories on the sidebar.  This is the background color for that tab.  Was F4F4EC*/
       }

#sidelist .children li {
       background: #E0C2C2; /* This is the rest of the color for the children of subcategories Was F4F4EC*/
       list-style: none;
       margin-left:15px;
       padding-left:15px;
       border-bottom:1px solid #E0C2C2; /*Border color for the children on categories.  was fff*/
       }

#sidelist .feed li{
       margin-bottom:5px;
       padding-left:20px;
       background:url(images/rss.gif) no-repeat;
       }


/******************************************
*   Headlines
******************************************/

.blogtitle, .blogtitle a {
       color: #FFF;/*Title of blog color. Was FF00FF*/
       font-size: 2.0em;
       font-family: Lucida Handwriting;
       font-weight: regular;
       padding: 20px 20px 30px 0px;
       }

h1 {
       color: #FFFFFF;/*Is probably the color for the main title also?  Was 840000*/
       font-size: 1.8em;
       font-family: Curlz MT;
       font-weight: bold;
       margin: 0px 10px 0px 0px;
       padding: 20px 0px 0px 10px;
       }

h2 {
       color: #ffffff;/*Headings on main pages.  Was 840000 */
       font: 1.8em Century Gothic, "Times New Roman", Times, serif;
       padding-bottom:8px;
       padding-left:10px;
       border-bottom:1px solid #ffffff; /*Underline below heading. Was 666*/
       margin: 20px 0;
       }

h3 {
       font: 0.9em Century Gothic, Helvetica, sans-serif;
       text-transform:uppercase;
       letter-spacing:0.3em;
       text-align: left;
       margin-bottom:4px;
       font-weight:bold;
       color:#FFFFFF;/*Not sure I have any 3rd headings, but this is what would be modified. Was 840000*/
       }

#sidebar h2, #sidebar h3 a {
       font: 0.9em Century Gothic, Helvetica, sans-serif;
       letter-spacing:0.3em;
       text-transform:uppercase;
       margin-bottom:4px;
       font-weight:bold;
       color:#000;/*Did not see impact; not sure what this modified. Was 840000*/
       }

#sidebar h3, #sidebar h2 {
       font:1.0em Century Gothic, Arial;
       font-weight:bold;
       border-top:3px double #F4F4EC;/*Lines between categories on sidebar. Was 999*/
       border-bottom:1px solid #F4F4EC;/*Another line between categories. Was 999*/
       padding:5px 0 5px 2px;
       margin:20px 0 15px 0;
       color:#FFFBFD;/*Title to sidebar headings.  Was 840000*/
       }

h3#respond {
       font-size:1.3em;
       border-top:1px solid #666;/*Do not see impact.  Not sure.  Was 666*/
       margin-top:25px;
       padding-top:20px
       }

h3#comments {
       margin-top:32px
       }

h3 a:link, h3 a:visited {
       font-size:1.3em;
       color: #000;/*Headers to the categories (e.g. "Featured instrctor".Was 666*/
       }

h4 {
       font-size:1.2em;
       margin-bottom:6px;
       }



/******************************************
*   Content
******************************************/

#content {
       width:605px;
       float:left
       }

.description {
       font-size: 1.6em;
       font-weight: bold;
       color:#923854;/*This is the second header. Was 999*/
       }

/* Featured Articles formatting "leftcol" */

.feature {
       background: #A75654; /*url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC; Underneath where it says "Featured instructor, this modifies the background color. Was F4F4EC*/
       padding:15px;
       border: 2px solid #333333;/*The border to each "Featured" box.  Was ccc*/
       }

.feature p, #rightcol p { margin:0;     }

#leftcol img, #rightcol img {
       padding:1px;
       border:2px solid #333333;/*Border to images in the featured and right column. Was 999*/
       }

#leftcol .feature {     margin-bottom: 15px; }

/* Formating of the Leadstory stuff in the tabbed section */

#leadpic {
       float:left;
       margin: 0 18px 8px 0;
       padding:1px;
       border: 5px solid #000000;/*Border to the image in leadstory.  Was 999*/
       }

.title, a.title  {
       font-family: Georgia, "Times New Roman", Times, serif;
       font-size:1.1em;
       font-weight:bold;
       color: #EEEEE; /*Did nt notice a difference. Was 840000*/
       letter-spacing:normal;
       }

#lead p {
       margin-bottom:10px;
       }

.read-on a { /* This can be used to format the "[...]" link in the lead story */
       color:#EEEEE!important;/*Did not notice a difference.  Was 840000*/
       text-decoration:none;
       }

.read-on a:hover {
       text-decoration:underline;
       }

/* Formating of "rightcol" which is the column in the homepage middle ;-) */

#rightcol img {
       float:left;
       margin:3px 10px 4px 0;
       }

#leftcol img {
       margin-bottom: 4px;
       display:block
       }

#rightcol .clearfloat {
       border-bottom:1px solid #F4F4EC;/*Lines between right column articles. Was 999*/
       padding:12px 0;
       }

/* Post Formatting */

.entry {
       padding-bottom:28px;
       text-align:justify;
       }

.post blockquote {
       color:#666;/*Text in the quotes. Was 666*/
       background:#F4F4EC;/*background on quotes?  Was F4F4EC*/
       padding:6px 14px;
       margin:18px 35px;
       border-top:5px solid #E0C2C2;/*Border to quotes.  DDD*/
       border-left:5px solid #E0C2C2;/*Border to quotes.  DDD*/
       border-right:5px solid #E0C2C2;/*Border to quotes.  DDD*/
       border-bottom:5px solid #E0C2C2;/*Border to quotes. DDD*/
       }

.post ul li {
       list-style:square;
       margin-bottom:5px;
       margin-left:42px;
       }

.post ol li {
       margin-bottom:5px;

       margin-left:48px;
       }

#tags {
       padding:3px;
       border-bottom:1px solid #DDD;/*Did not see difference. Was DDD*/
       border-top:1px solid #DDD;
       }

.postmetadata {
       font-size:0.9em;
       margin:0 0 10px 0;
       padding:5px 10px;
       background:#F4F4EC;/*Did not see difference. Was F4F4EC*/
       border-top:1px solid #E6E3D3;
       border-bottom:1px solid #E6E3D3;
       }


/* Form Elements */

select {
       background:#f2f2f2; /*What form?  Did not see a difference  Was f2f2f2*/
       border:1px solid #9c9c9c; /*Did not see*/
       width:100%
       }


#searchform {   padding:0px 10px -10px 90px;   }

.button {
       padding: 1px;
       background:#cc9a99;/*Search button.  Was 333*/
       color:#fff; /*Color to button.  Was fff*/
       border:none;
       }

.button:hover {
       background:#F7D8DD;/*Colors of button when you hover*/
       color:#923854;
       text-decoration:none
       }

#commentform input {
       width: 170px;
       margin: 5px 5px 1px 0;
       }

#commentform textarea {
       width: 100%;
       margin-top:5px;
       }



/* Comments*/

.commentlist {
       padding-left:30px;
       }

.commentlist li {
       margin: 15px 0 3px;
       padding: 8px 15px 10px 15px;
       background:#F4F4EC;
       color: #000;
       border:1px solid #E6E3D3;
       }

.commentlist blockquote {
       color:#000;
       background:#E0C2C2;
       padding:6px 14px;
       margin:18px 35px;
       border-right:1px solid #ccc;
       border-bottom:1px solid #ccc;
       }

#commentform small {
       background:#E0C2C2;
       font-weight:bold;
       padding:0;
       color:#000;
       }

.commentmetadata {
       display: block;
       }

.commentlist small {
       background:#fff;
       color:#000;
       border:1px solid #E6E3D3;
       }



/* Float Properties*/

.clearfloat:after {
       display:block;
       visibility:hidden;
       clear:both;
       height:0;
       content:".";
       }

.clearfloat {
       display:inline-block;
       }

.clearfloat {
       display:block;
       }


/******************************************
*   Footer
******************************************/

#footer {
       margin: 0 auto;
       width: 900px;
       font-size:0.9em;
       text-align:left;
       padding-top:15px;
       color:#000;/*Color of links on bottom.  Was FFF*/
       }

#footer a {
       color:#ededed;
       }