/*  
Theme Name: Article
Theme URI: http://blog.articlestudio.ca
Description: Unique theme for Luce Beaulieu
Version: 0.1
Author: Patrick Tanguay et me
Ã
¯dia
Author URI: http://tasteofblue.ca

*/


body {
  background: #f11385 url("/wp-content/themes/articlestudio/images/back_main.gif");
  margin: 0;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  color: #fff;
}

#wrap {
  width: 760px !important;
  width: 765px;
  margin: 0 auto;
  padding-bottom: 40px;
  text-align: left;
}

#basenav {
  background: #f11385;
  height: 45px;
  text-align: center;
}

#basenav ul {
  width: 145px;
  margin: 0 auto;
  padding: 3em 0 0 615px;
  text-align: left;
  font-family: Georgia, Times, serif;
}

#basenav ul li {
  display: inline;
  list-style-type: none;
  margin-right: 20px;
}

#basenav ul li a {
  text-transform: lowercase;
  text-decoration: none;
  color: #fff;
}

#basenav ul li a:hover {
  text-decoration: underline;
}

#head {
  font-family: Georgia, Times, serif;
}

#head h1 {
  background: url("/wp-content/themes/articlestudio/images/logo.gif") no-repeat top left;
  margin-top: -2px;
  width: 452px;
  font-size: 5px;
  text-indent: -500em;
}

#head h1 a {
  display: block;
  height: 44px;
  color: #f11385;
}

#head div {
  float: right;
  height: 0;
  overflow: hidden;
}

#head h2 {
  text-indent: -1500em;
}

#content {
  clear: both;
  margin: 20px 0 75px 0;
}

#content .onecol {
  background: #ededed;
  margin-right: 0;
  padding: 10px 0;
  color: #000;
}

#content .dgreyonecol {
  background: #323232;
  padding: 10px;
  color: #fff;
}

#content #leftcol {
  float: left;
  background: #f11385;
  width: 145px;
  padding-bottom: 5px;
}

#content #posts {
  float: left;
  background: url("/wp-content/themes/articlestudio/images/back_posts.gif") repeat-y 280px 0;
  width: 445px;
  margin: 0 5px 0 10px;
}

#content #posts.onecol {
  background: #ededed;
}

#content .post {
  background: #ededed;
  margin-bottom: 5px;
  padding: 10px;
  font-family: Verdana, Arial, sans-serif;
  line-height: 150%;
  font-size: 1.2em;
  color: #333;
}

#content #posts.onecol .post {
  margin: 0;
}

#content .onecol .post {
  margin: 0 10px 10px 10px;
  padding: 10px;
}

#content .onecol .post h4 {
  margin-top: 0;
}

#content div.pink {
  background: #f6cbde;
  color: #000;
}

#content div.dpink {
  background: #f11385;
  color: #fff;
}

#content div.dpink a {
  color: #f6cbde;
}

#content div.grey {
  background: #323232;
  color: #fff;
}

#content div.green {
  background: #A1FC77; /* 71cf47 */
  color: #323232;
}

#content #rightcol {
  float: left;
  width: 155px;
}

#content #rightcol .group {
  background: #950951;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#leftcol ul, #rightcol ul {
  margin: 0;
  padding: 0;
}

#leftcol ul, #rightcol ul li {
  list-style-type: none;
  margin: 0;
  padding: 0 10px 5px 10px;
}

#leftcol .reading a:hover {
  text-decoration: none;
}

#leftcol .reading p {
  float: left;
  width: 45px;
  height: 55px;
  overflow: hidden;
  margin: 0 5px 5px 10px;
  padding: 0;
}

#leftcol .reading p img {
  width: 45px;
}


/* Typography */

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  text-decoration: underline;
  color: #f6cbde;
}

a:visited {
  color: #e073ab;
}

* {
  font-weight: normal;
}

strong, b {
  font-weight: bold;
}

#leftcol h3, #rightcol h3, h4, .post .meta {
  font-family: Georgia, Times, serif;
  font-weight: bold;
}

#content .onecol h2.pagetitle {
  margin: 0 10px -5px 10px !important;
  margin: 0 10px -5px 5px;
  font-size: 1.4em;
  color: #f09;
}

#content .onecol h2.onecoltitle {
  margin: 0 10px -5px 0;
  font-size: 1.4em;
  color: #f09;  
}

#content .dgreyonecol h2.pagetitle {
  margin: 0 10px 0 10px;
  font-size: 1.6em;
  color: #fff;
}

.post h3 {
  margin-bottom: -5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.4em;
  color: #f09;
}

.post h3 a {
  font-weight: bold;
  color: #f09;
}

#posts .post h4, .onecol post h4 {
  margin: 0 0 -5px 0;
}

#content .dgreyonecol h3 {
  margin-left: 10px;
  font-size: 1.8em;
  color: #fcc;
}

#content .dgreyonecol h3.sep {
  padding: 20px 0;
  border-bottom: 1px dotted #f11385;
}

#posts .post h4.pink {
  margin: 10px 0;
  line-height: 100%;
  color: #f11385;
}

.post h4 a {
  background: #000;
  padding: 2px 5px;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #fff;
}

#posts .post h4 a.sub {
  border-left: 1px solid #fff;
  text-transform: lowercase;
}


.post a {
  color: #f09;
}

.post a:hover {
  text-decoration: underline;
}

.post .meta {
  margin-bottom: 0;
  padding: 3px 0 0 0;
  border-top: 1px dotted #f09;
  font-weight: normal;
  font-size: 0.9em;
  color: #666;
}

#posts .grey .meta {
  color: #fff;
}

.post .meta a {
  color: #666;
}

.post .meta span {
  color: #f09;
}

#posts .grey .meta a {
  color: #fff;
}

#posts .grey .meta span {
  color: #f09;
}

#leftcol h3, #leftcol p, #rightcol h3, #rightcol p {
  margin: 5px 10px;
}

#leftcol img {
  margin-bottom: 3px;
}

#leftcol h3, #rightcol h3 {
  margin-top: 10px;
  border-bottom: 1px dotted #f6cbde;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #f6cbde;
}
#rightcol .group h3 {
  margin-top: 0;
  padding-top: 10px;
  border-bottom: 1px dotted #e568ad;
  color: #e568ad;
}

#rightcol .flickr {
  background: #f20f85;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#rightcol .flickr h3 {
  margin-top: 0;
  padding-top: 10px;
  border-bottom: none;
}

#rightcol .flickr h3 span {
  font-size: 0.9em;
}

#rightcol .flickr .images {
	height: 30px;
	margin: 5px -5px 0 10px;
}

#rightcol .flickr .images img {
	float: left;
	width: 28px;
	height: 28px;
	margin: 0 5px 5px 0;
  border: 1px solid #e568ad;
}

#rightcol .flickr .images img:hover {
  border: 1px solid #f6cbde;
}

/*
#rightcol .flickr ul.falbum-recent {
  margin: 0 5px 0 10px;
  padding-left: 0;
}

#rightcol .flickr ul.falbum-recent li {
  display: inline;
  margin: 0 0 0 -3px;
  padding: 0;
}

#rightcol .flickr ul.falbum-recent li a {
  padding: 0;
}

#rightcol .flickr ul.falbum-recent li img {
  margin: 0;
  width: 32px;
  border: 1px solid #e568ad;
}

#rightcol .flickr ul.falbum-recent li img:hover {
  border: 1px solid #f6cbde;
}
*/
#content .post img {
  float: left;
  margin: 0 5px 5px 0;
}

#searchform {
  margin: 5px 0;
}

#searchform input {
  background: #f6cbde;
  width: 135px;
  margin-left: 10px;
  margin-bottom: 0;
  border: none;
  color: #603;
}

#floatsearchform {
  float: right;
  width: 285px;
  font-size: 1.1em;
}

.pinkonecol #floatsearchform label {
  color: #ff0099;
}

.dgreyonecol #floatsearchform label {
  color: #fff;
}

.pinkonecol #floatsearchform input {
  background: #f6cbde;
  border: 1px solid #fff;
  color: #ff0099;
}

.dgreyonecol #floatsearchform input {
  background: #323232;
  border: 1px solid #fff;
  color: #fff;
}

#floatsearchform input#s {
  width: 200px;
}

.navigation {
  margin: 20px 0 10px 0;
  text-align: center;
        color: #f09;
}

.navigation a {
        color: #f09;
}

.comments {
  margin: 50px 0;
}

.comments .cmeta {
  margin: -5px 0 30px 0;
  padding-top: 3px;
  border-top: 1px dotted #f11385;
  font-size: 0.9em;
  color: #939393;
}

#footer {
  background: #f11385 url("/wp-content/themes/articlestudio/images/back_main.gif");
  margin: -2px 0 0 0;
  padding: 15px 0;
  text-align: center;
  line-height: 150%;
  font-size: 1em;
  color: #fee1f1;
}

#content #posts.onecol #footer {
  margin: 0 -10px -13px -6px;
}

#content .onecol #footer {
  margin: 0 -13px -13px -13px;
}

#footer a {
  color: #fee1f1;
}


/* Misc */

img {
  border: 0;
}

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */