/*  
Theme Name: Threegirls
Theme URI: 
Description: A magazine-style theme for WordPress, suited for blog/portfolio combinations. Developed starting from http://themasterplan.in/
Author: Jasmine De Bruycker
Author URI: 

Please read the license in the README.txt included with the theme.
*/

/* --------------------------------------------------------------   
   This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]    
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */

/**<FFCC00**/


/* Start The Morning After stylesheet
-------------------------------------------------------------- */
/*body { background: #F7F7F7 url(images/bg/body_main.png) repeat-y top center; font-family:Arial,Helvetica, sans-serif;} */

body {background:url(images/bg/bg_v3.jpg) repeat 50% 0;
	text-align: center; font-family:Arial,Helvetica, sans-serif;}


a { color: #000; text-decoration: none; }
h2 { font-weight: normal; font-family:Arial, Helvetica, sans-serif;} /** font-family bijgevoegd **/


/* HEADER STYLES
-------------------------------------------------------------- */
#header { margin:0px /*nodig om menu boven naar links te schuiven..*/; padding: 0.8em /*ruimte boven*/ 0 0 0; height: 80px; /**border-bottom: 1px solid #999;**/ }

/*
#header #logo { height: 90px;}
#header #logo .title { padding: 0.5em 0 0 0; font: 700 3em Arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
#header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font: 400 0.25em Arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }
#header #logo .title a { text-decoration: none; color: #000; }
#header #logo .title a:hover { color: #fff; background: #000; }
#header #logo a.sitelogo { display: block; width: 400px; height: 90px; background: url(images/bg/sitelogo_totalblue.gif) no-repeat;}
*/


/* NEW THREEGIRLS THEME */
#headermenu { list-style: none; margin:0px;} /*Zonder margin:0px, is er ruimte links van het headermenu..*/
#headermenu li {float: left; padding: 3px /*ruimte boven*/ 0 0 0; margin: 0px 2px /*ruimte tussen de blokken*/ 0 0; list-style: none;} 



/* SEARCH AND NAVIGATION
-------------------------------------------------------------- */

#header #search_menu { height: 90px; width:0px; }
#header #search_menu #search { padding: 0 0 0 5px /*hoe hoger, hoe meer de zoekbar naar rechts verschuift*/; }

/*
#menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
#menu li { float: left; padding: 6px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.8em; } 
#menu li a { padding: 0; text-decoration: none; color: #000; }
#menu li a:hover { padding: 0; text-decoration: underline; }
#menu li span { display: block; float: left; padding: 0 0px 0 22px; }
#menu li span.home { background: url(images/bg/home_blue.gif) no-repeat; }
#menu li span.about { background: url(images/bg/info_blue.gif) no-repeat; }
#menu li span.archives { background: url(images/bg/hourglass_blue.gif) no-repeat; }
#menu li span.subscribe { background: url(images/bg/favourite_blue.gif) no-repeat; }
#menu li span.contact { background: url(images/bg/mail_blue.gif) no-repeat; }
*/

/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 300px; border: 0; background: #fff url(images/bg/searchbar.jpg) no-repeat; padding: 5px; color: #000000; font: Arial; font-weight: normal; margin: 0; float: left; }
input.submit_input { /*background: #E0691A* url(images/bg/readon.png) no-repeat; */ border: 0; height: 24px; padding: 0; width: 20px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em Arial, sans-serif; float: left; }


/* TOP BANNER WITH ROTATING IMAGES
-------------------------------------------------------------- */

#topbanner { height: 1px;/**was70**/ /**border-bottom: 1px solid #999; **/ background: url(images/bg/home_banner.png) no-repeat; }
#topbanner_arch { height: 10px; /**was70**/ /**border-bottom: 1px solid #999;**/ background: url(images/bg/archive_banner.png) no-repeat; }
#topbanner_single { height: 10px; /**was70**/ /**border-bottom: 1px solid #999;**/ background: url(images/bg/single_banner.png) no-repeat; }
#topbanner .pagetitle, #topbanner_arch .pagetitle, #topbanner_single .pagetitle { float: left; /**background: #fff;**/ color: #000; font: 700 2em Arial, sans-serif; text-transform: lowercase; /**letter-spacing: -0.036em;**/ padding: 1px 5px 1px 0; margin: 20px 0 0 0;}



/* HOME PAGE COLUMNS
-------------------------------------------------------------- */

#home_content { margin:0; padding-left: 0.35em; }

/* latest work */

#latest_post { padding: 0.3em 0 4em /*=ruimte onder meta*/ 0em /*=ruimte rechts*/;} 
#latest_post_image img { margin: 0 0 0.2em 0;}
.latest_post_meta { font-size: 0.9em; line-height: 1.6em; }
.latest_post_meta a { font-weight: bold; }
.latest_post_meta a:hover { text-decoration: underline; }
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
.latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
.latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }


/* NEW THREEGIRLS */
.latest_content { float: left; padding: 0 0.7em 0.4em 0.7em; }



/* featured post 

#home_featured {background:url(images/bg/Patroon.gif) repeat-x bottom left; margin: 0 0 2.1em 0; float: left; width: 100%; }
.feat_content { float: left; padding: 0 0.7em 0.4em 0.7em; }
.feat_thumb img { float: left; padding: 0; margin: 0.2em 1em 0.5em 0; border: 1px solid #999; }
.feat_thumb a:hover img { background: #333; padding: 1px; margin: 0; border: 0; }

.feat_title { font: 700 1em Arial; padding: 0 0 0.5em 0; }
.feat_title a { color: #000000; } 
.feat_title a:hover {color: #fff; background: #000; /} 

*/


/* asides + recent comments */

ul.arrow, ul.cat, ul.reccom, ul.email { list-style: none; list-style-image: url(../../../../BLOG/wp-content/themes/themasterplan_tma_v1/foo.gif); margin: 0; padding-bottom: 0.3em; /**extra toegevoegd**/ }
ul.arrow li { padding: 0 0 1.5em /* = ruimte tussen verschillende asides*/ 2px /*=ruimte links van asides*/; margin: 0em 0 0.5em 0; /*border-bottom: 1px solid #999999; border-left: 4px solid #999999;*/ text-align:justify; } /*styling van volledig blok 'asides'*/
ul.arrow li a, ul.reccom li a, ul.email li a { color: #000000; font-weight: bold; } /**kleur recent comments**/ 
ul.arrow li a {
	color: #55B1E0; 
	font-weight: bold;
} /**Kleur van de links in asides**/ 
ul.arrow li a.link {
	color: #33CC33; 
	font-weight: bold;
} /**Kleur van het hekje in asides**/ 
ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; background: #eee; }


/* INSPIRATION STRIP */

.home_recent_post { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; /*background: url(images/bg/dot.png) repeat-x bottom left;*/ }
.home_recent_thumb { padding: 0px /*=boven*/ 30px /*=rechts*/ 0 0; margin: 0 0 0.25em 0; float: left; }
.home_recent_thumb img { float: left; margin: 0;}
.home_recent_thumb a img { /* background: #999 /** kleur randje rond kader **/; padding: 1px; margin: 0; border: 0; }
.home_recent_thumb a:hover img { background: #333; padding: 1px; margin: 0; border: 0; }
.home_recent_title a { font-weight: bold; }
.home_recent_title a:hover { color: #fff; background: #000; }
.home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
.home_recent_exc p { color: #666; text-align: left; }



/* SIDEBAR 
-------------------------------------------------------------- */

/* Algemeen sidebar (NEW THREEGIRLS THEME)  */

#sidebarmenu { list-style: none; float: left; margin: 0px;}
#sidebarmenu p { font-size: 0.98em; font-family: Arial, Helvetica, sans-serif; width: 155px; text-align:justify; padding-left: 5px; }
#sidebarmenu img { margin: 0; padding-bottom: 0.3em; } /*anders hebben de blokjes witte spatie onderaan*/
.infoblokje { padding-left: 0 em;}


/* about (NEW THREEGIRLS THEME) */ /* WEGGELATEN: #home_about en #home_about p  */

.home_about a {
	font-weight: bold;
	color: #55B1E0; 
}
.home_about a:hover { color: #fff; background: #000; }



/* category list */

#side_categories { margin: 0 0 1em 0; }
ul.cat li { padding: 0 0 0.3em 0; margin: 0; }

ul.cat li a { display: block; text-transform: uppercase; font-size: 0.9em; font-weight: bold; color: #000000; padding: 4px 12px 0 10px; margin: 0; }
ul.cat li a:hover { color: #55B1E0;}

/* Nodig bij parent - sub categories*/
ul.cat li ul { list-style: none; margin: 0; padding: 0.3em 0 0.2em 0.8em; }
ul.cat li ul li { padding: 0; margin: 0; }
ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; /*background: url(images/bg/sub.png) no-repeat; */}
ul.cat li ul li a:hover { background: url(images/bg/sub1.png) no-repeat; }



/** extra toegevoegd: author list**/
ul.authorlist { list-style: none; /*list-style-image: url(../../../../BLOG/wp-content/themes/themasterplan_tma_v1/foo.gif);*/ margin: 0; padding-bottom: 1.5em; }
ul.authorlist li { padding: 0em 0 0em 0; margin: 0;}
ul.authorlist li a { display: block; text-transform: uppercase; font-size: 0.9em; font-weight: bold; color: #000; /*border-bottom: 1px solid #999999; border-left: 3px solid #999999;*/ padding: 4px 12px 0 10px; margin: 0; background: url(images/bg/arrow.png) no-repeat 177px 3px; height: 19px; }
ul.authorlist li a:hover {color: #55B1E0; /*background: #f1f1f1 url(images/bg/arrow2.png) no-repeat 177px 3px; color: #999999;*/ }
ul.authorlist li ul { list-style: none; list-style-image: url(../../../../BLOG/wp-content/themes/themasterplan_tma_v1/foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.8em; }
ul.authorlist li ul li { padding: 0; margin: 0; }




/* recent comments */

#side_recent_comments, #side_most_emailed { margin: 0 0 1.4em 0; }

ul.reccom li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #999999; background: url(images/bg/bubble.png) no-repeat 0 3px; font-size: 0.8em /** font size bijgevoegd**/ }

/* most emailed */

ul.email li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #999999; background: url(images/bg/doc.png) no-repeat 0 3px; font-size: 0.8em; }

/* ad */

.ad_block { border: 1px solid #999999; padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 180px; }
.ad_block .ad250 { margin: 0 auto; width: 250px; }
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }



/* ARCHIVE STYLES
-------------------------------------------------------------- */

#arch_content, #post_content { margin:0; padding-left:0.35em; }
.archive_meta { margin: 0em; border-top: 1px solid #999999; font-size: 1em; } /** slaat op RSS en aantal posts, onder catagorie**/
.archive_meta a { color: #666; } /*Email her*/
.archive_meta a:hover { color: #000000; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #999999; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }

.archive_about { color:#000000; padding: 0.5em 0em; margin: 0; border-bottom: 1px solid #999999; color: #666;} /*EXTRA*/
.archive_about a { color:#55B1E0;  } /*EXTRA*/

.archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #999999; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #999999; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
#archive_post_block { padding: 0em /**0.1**/ 0 0 0em; /**border-bottom: 1px solid #999999; margin: 0 0 1.2em 0;**/ } /**  hierdoor staan er geen lijnen meer onder de posts op de archiefpagina's **/
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0;} /* datum en auteur per post */
.archive_post_meta a, .post_meta a { color: #55B1E0; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }

/*archives per girl..*/


#archive_post_block img { width:100%; height:auto; display: inherit; float:left; /*margin:0em; margin:0 1.5em 1.5em 0;padding:0;*/ } /*belangrijk dat height: auto is (en niet 100%, anders vervorming..)*/
#archive_post_block .lala { padding: 0em 0 2em /*=ruimte onder*/ 0em /*=ruimte rechts*/; /*border-bottom: 1px solid #999999; margin-bottom: 1em;*/   }



/* Single post styles
-------------------------------------------------------------- */

#post_content {font-size: 1.1em;} /* extra toegevoegd, beter voor de leesbaarheid, enkel op single post pagina's*/
/*#post_content p {float:left; } */
.post_meta { color: #999999; padding: 0.3em 0 1.4em 0; }
#post_content blockquote { float: left; width: 400px; color: #666; margin: 0 0 0 0em; color: #000; font: bold 1.1em georgia, serif; font-style: italic; letter-spacing: -0.048em; }
#post_content blockquote p {text-align: left; line-height: 1.5em;}
#post_content p img { float:left; margin:0 /*boven*/ 40em 1.5em 0;} /*die 30 was eerst 1.5, dient om geen tekst naast de foto's te krijgen (schuift zo door naar de volgende lijn*/
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon { margin: 0 0.3em 0 0;padding: 0; }
#post_content p a, #arch_content p a { color: #55B1E0; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: none; }

/*Previous and next post within category (extra toegevoegd)*/

.nextprevious {padding-top: 2em; }
.previous {font-size: 0.9em; font-weight:bold; float: left; color: #55B1E0; }
.next {font-size: 0.9em; font-weight:bold; float:right; color: #55B1E0; }

/* Comment area styles
-------------------------------------------------------------- */

#comments { margin-top: 4em; padding-top:1em; /**toegevoegd**/ }
#commenthead { margin-bottom: 1em; padding-top: 1em; /**toegevoegd**/ }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 1.2em 0; }
ol#commentlist li { /**border-right: 3px solid #999999;**/ border-bottom: 1px solid #999999; margin: 0 0 1em 0; padding: 0 1em 1em 0; overflow-x: hidden; background: #FFFFFF; /** achtergrond tekst comment, toegevoegd**/ }
ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #999999; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181;}
ol#commentlist cite a { color: #999999; }
ol#commentlist cite a:hover { color: #000;}
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 0.9em georgia, serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; color: #333; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; color: #999999;  }
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color:#55B1E0;}
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }

/* comment form */

#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 2px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; }
input.comsubmit { margin-left: 100px; }
ul.archives {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(../../../../BLOG/wp-content/themes/themasterplan_tma_v1/foo.gif); }
ul.archives li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 3px; }
ul.archives li a { color: #666666; }
ul.archives li a:hover { color: #000; background: #eee; }

/* Footer
-------------------------------------------------------------- */

#footer { background: url(images/bg/dot.png) repeat-x top left; padding: 1em 0em 0em 0em; color: #666; }






/* Miscellaneous styles
-------------------------------------------------------------- */

/*  heading styles */

h2.post_name { /**letter-spacing: -0.04em;**/font-size: 1.4em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} 

h2.archive_name { /**letter-spacing: -0.04em; font-size: 1.4em; **/ text-transform: uppercase; font-size: 1.1em; line-height: 1.8em; font-weight: bold; padding: 0em 0em 0.6em 0em /**was 0**/;color: #000000; font-family: Arial, Helvetica, sans-serif; } /** titel categorie op archiefpagina, vormgeving aangepast **/

h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 0.5em 0; letter-spacing: 0.1em; color: #999; /**border-bottom: 1px solid #999999;**/ font-family: Arial, Helvetica, sans-serif; } /** categorie boven single post **/

h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #999999; background: url(images/bg/stripe.png) repeat; }

h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #999999; }

h3.latest_post_title { font: bold 1.4em Arial, sans-serif; line-height: 1.6em; margin: 0; /**letter-spacing: -.035em;**/ padding: 0.4em 0 0.2em 0; }

h3.latest_post_title a:hover { color: #fff; background: #000; }

h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.9em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #55B1E0 /**#66CCFF**/; letter-spacing: 0.1em; font-family: Arial, Helvetica, sans-serif; } /** = titel 'featured' ... font family bijgevoegd **/




h3.mast {
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: bold;
	padding: 0em 0 0.6em 0;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
} 
/** titels 'latest post' 'asides' 'categories' 'recent posts' 'recent comments' ... font family bijgevoegd**/



h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #990000; } 

h3.mast3 { text-transform: uppercase; font-size: 0.9em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000000; font-family: Arial, Helvetica, sans-serif; } /**'welcome to threegirls' .. font family toegevoegd**/

h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; font-family: Arial, Helvetica, sans-serif;}/** 'search'**/

h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0.4em 0 0.2em 0; letter-spacing: 0.1em; color: #55B1E0/**#999999**/;font-family: Arial, Helvetica, sans-serif; } /** 'no comments for'... font-family toegevoegd en padding boven wat aangepast**/

h3.archive_title { line-height: 1em; padding: 0 0 5px 0;} /** titel boven elke post op archiefpagina **/

h3.archive_title a { font: bold 1.1em Arial, sans-serif; color: #000; /**letter-spacing: -0.036em;**/ }

h3.archive_title a:hover { color: #fff; background: #000; }

/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 0px /*was 1px*/ solid #ddd; } /*border naast zoekfunctie + menu boven*/
.dot { font-family: "Arial unicode ms", sans-serif; }
.navigation { color: #818181; font-variant:small-caps;float:left; } /*als archiefpagina (of categoriepagina of girlpaginaarchief) te veel posts bevat, krijg je previous en next onderaan => staat in author.php */

/* image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }