/* =----------------------------------- COPYRIGHT ASHLEYLYNN.NL 2011*/

/* It is better to fail in originality than to succeed in imitation. */

/* =----------------------------------- basics */

{ margin: 0; padding: 0; border:none; }

html {
height: 100%;
min-height: 100%;
width: 100%;
}

body 
{font-family: Arial;
font-size: 80%;
color: #000000;
height: 100%;
min-height: 100%;
line-height: 1.7em;
background-color: #ffffff;
margin: 0px;
padding: 0px;
padding-bottom: 50px;
}

#footer {
font-family: arial;
clear: both;
text-align: left;
padding-bottom: 0px;
width: 900px;
color: #383838;
background-color: #ffffff;
margin: 0 auto;}

td, tr 
{font-family: Georgia;
color: #222;
font-size: 1.1em;
line-height: 1.6em;
text-align:left;
}

#top {
clear: both;
text-align: center;
height: 30px;
padding: 10px;
color: #000000;
background-color: #ffffff;
margin: 0 auto;}

#top2 {
text-align: left;
padding-top: 15px;
background-color: #ffffff;}

#wrapper
{width: 900px;
margin-top: 15px;
min-height: 100%;
height: 100%;
text-align: center;
background-color: #ffffff;}

#center {
float: left;
background-color: #ffffff;
width: 650px;
margin-left: 0xp;
padding-left: 0px;
margin-top: 0px;
text-align: justify;
margin-bottom: 10px;}

#right {
float: right;
width: 200px;
padding-right: 0px;
margin-top: 20px;
text-align: center;
background-color: #ffffff;}

#widget {
float: right;
font-family: arial;
width: 200px;
text-align: left;
padding-bottom: 10px;
background-color: #ffffff;}

#post {
width: 650px;
background: #FFF;
padding-left: 0px;
padding-top: 20px;}

#entry img {
    height:auto;
    margin: 0 0 0px 0;
padding-top: 5px;
padding-bottom: 5px;
    max-width: 650px;
width: expression(this.width > 650 ? 650: true);
}

#page img {
    height:auto;
    margin: 0 0 0px 0;
    max-width: 650px;
 width: expression(this.width > 650 ? 650: true);
}

#content img {
    height:auto;
    margin: 0 0 0px 0;
    max-width: 650px;
padding-top: 5px;
padding-bottom; 5px;
width: expression(this.width > 650 ? 650: true);
}

.img.size-full {width: expression(this.width > 650 ? 650: true);
height: auto;}

#page {margin-bottom: 10px;
width: 650px;
background: #FFF;
padding-left: 0px;}

#content {
width:650px;
float: left;
padding-bottom: 50px;
background-color: #fffffff;
}

#post_stuff {padding-top: 0px;
background-color: #f4f4f4;
float: center;
font-family: arial;
color: #000000;
font-size: 100%;
text-align: justify;
width: 650px;
margin-botom: 10px;
padding-bottom: 10px;
}

#post_stuff2 {padding: 10px;
}

#post_stuff h3 {background-color: #fe57a1;
color: #FFFFFF;
margin: 0px;
padding: 5px;
font-size: 13px;
width: 150px;
font-weight: normal;
font-style: italic;
text-align: left;
font-family: Georgia;
margin-bottom: 5px;
}

#site-description {text-transform: uppercase; font-family: Times New Roman; color: #c5c5c5; padding: 10px; font-size: small;}

/* =----------------------------------- headers */

h2 {font-family: Arial;
font-style: normal;
text-decoration: none;
font-weight: normal;
color: #000000;
margin-bottom: 15px;
font-size: 30px;
text-align: center;
}

h2 a {
color: #000000;}

h2 a:hover {color: #000000;}

.comment_header {font-family: Georgia;
font-size: 16px;}

h3 {font-size: 150%;}

/* =----------------------------------- other styling */
a {color: #f1acb2; 
text-decoration: none;}
a:hover {color: #000000;}

.by {font-style: italic; font-family: sans serif; font-size: small;}

#entry {margin-top: 15px;}

#entry a {color: #f1acb2;}

#entry {padding: 0px; width: 650px;}

.date {font-family: Arial;
font-size: 8px;
font-weight: bold;
text-align: center;}

.question {font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

#commentslink {padding: 10px;
width: 150px;
float: right;
font-style: italic;
font-family: georgia;
font-weight: bold;
font-decoration: none;
background-color: #383838;
margin-bottom: 20px;
color: #000000;} 

.related {
font-style: italic;
color: #000000;
font-family: georgia;
font-size: 26px;
font-decoration: none;
margin-bottom: 20px;}

#last {padding: 5px;
width: 150px;
float: left;
font-style: italic;
font-weight: bold;
font-decoration: none;
color: #ffffff;
background-color: #383838;
margin-bottom: 20px;} 

#last a {text-decoration: none;
color: #ffffff;}

#commentslink a {text-decoration: none;
color: #ffffff;}

blockquote { 
font-family: arial;
font-size: 100%;
font-color: #000000;
background-color: #f1e2e2;
text-align: justify;
padding: 10px;} 

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.high {background-color: #fe57a1; color: #ffffff;}

/* =============================================================================
   Links
   ========================================================================== */

a { color: #000000; }
a:visited { color: #000000; }
a:focus { outline: thin dotted; }

#entry a{color: #fe57a1;}

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* Shiny Transition Effects for the links */
a:link {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition:  all .2s ease-in-out
    -webkit-tap-highlight-color: #FF5E99;
    }
a:hover, a:active {
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition:  all .2s ease-in-out
    }
a, a:active, a:visited {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition:  all .2s ease-in-out
    color: #607890;
    }
a:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition:  all .2s ease-in-out
    color: #036;
    }




/* Comments
-------------------------------------------------------------------*/

.comment{
  padding: 0 0 25px 0;
  margin-top: 25px;
margin-left: 0px;
  border-bottom: 1px solid #ccc;
}
.children .comment{
  border-bottom: none;
  margin-top: 0;
  padding-bottom: 0;
}
#content #comments li{
  font-size: inherit;
  list-style: none;
  margin-left: 0px;
  padding-left: 58px;
  position: relative;
}
#content .comment p{
  color: #666;
}
#content .comment .says{
  display: none;
}
.avatar{
  position: absolute;
  left: 0;
}
#content .comment-body{
  padding-right: 10px;
  padding-bottom: 10px;
}

#content #comments .comment .leaveComment{
  border-top: 1px dotted #ccc;
}
#content #comments .comment .children li{
  padding: 10px 0 0 52px;
  margin: 5px 0 0;
}
#content #comments .comment .children li .comment-body{
  margin-left: -52px;
  padding: 10px 10px 10px 52px;
  background: #F2F2F2;
  border-left: 2px solid #ccc;
}
#content #comments .comment .children li #respond{
  background: #F2F2F2 url(images/commentReply.gif) no-repeat;
}
#content #comments .comment .children li .leaveComment{
  
  background: url(images/commentBottom.png) repeat-x left bottom;
}
#content #comments .comment .children li.depth-3 .comment-body{
  background-color: #F6F6F6;
  border-left: 2px solid #ccc;
}
#content #comments .comment .children li.depth-3 #respond{
  background-color: #F6F6F6;
}
#content #comments .comment .children li.depth-4 .comment-body{
  background-color: #F9F9F9;
  border-left: 2px solid #ccc;
}
#content #comments .comment .children li.depth-4 #respond{
  background-color: #F9F9F9;
}
#content #comments .comment .children li.depth-5 .comment-body{
  background-color: #FcFcFc;
}
#content #comments .comment .children li.depth-5 #respond{
  background-color: #FcFcFc;
}
#content #comments .comment .children li .avatar{
  left: 10px;
  width: 32px;
  height: 32px;
  
}
#cancel-comment-reply{
  margin-top: 15px;
  text-transform: capitalize;
  float: left;
}
.comment-reply-link{
  display: block;
  padding-left: 13px;
  background: url(images/icon_reply.png) no-repeat left 2px;
}
.comment-author{
  font-size: 1.4em;
  margin-bottom: 10px;
}
.comment-author cite{
  font-style: normal;
  font-weight: bold;
}
.comment-meta{
  position: absolute;
  right: 10px;
  font-size: 1.2em;
  font-style: italic;
  top: 0px;
  
}
#content #comments .comment .children .comment-meta{
  top: 20px;
}
.comment .reply{
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1.1em;
}
.commentContent{
  float: left;
  width: 415px;
  margin-left: 22px;
}
.nocomments{
  font-size: 1.2em;
  padding: 25px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;}

/*----------------------------------------
# 
# NAVIGATION
# 
----------------------------------------*/

.navigation {
font-family: arial;
    color: #888;
width: 900px;
    font-size: 12px;
    line-height: 18px;
margin-left: 0px;
    overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
    color: #888;
    text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
    color: #ff4b33;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
#nav-above {
    margin: 0 0 18px 0;
}
#nav-above {
    display: none;
}
.paged #nav-above,
.single #nav-above {
    display: block;
}
#nav-below {
    margin: -18px 0 0 0;
}

/*----------------------------------------
# 
# NAVIGATION
# 
----------------------------------------*/

#access {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 10px 0;
padding-left: 0px;
font-family: arial;
text-transform: uppercase;
width: 900px;
}
#access .menu-header,
div.menu {
    font-size: 13px;
    margin-left: 0px;
width: 900px;
}
#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 0;
}
#access .menu-header li,
div.menu li {
    float: left;
    position: relative;
}
#access a {
    color: #aaa;
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
}
#access ul ul {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    z-index: 99999;
    background: #333;
}
#access ul ul li:hover {
    width: 100% !important;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul ul a:before{
    content: '\00BB';F
    padding-right: 10px;
}
#access ul ul a {
    background: #333;
    line-height: 1em;
    padding: 10px;
    height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
    background: #333;
    color: #fff;
}
#access ul li:hover > ul {
    display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #000;
}
#access ul li.current_page_item > a:hover,
#access ul li.current-menu-ancestor > a:hover,
#access ul li.current-menu-item > a:hover,
#access ul li.current-menu-parent > a:hover {
    color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #fff;
}

.row .twelvecol {
width: 100%;
float: left;
padding-left: 0px;
margin-left: 0px;
}

#access li.searchField {
	float: right;
	border: 0;
}
#access .searchField div {
	margin: 4px 8px 0 0;
}
#access. searchField span {
	background: #fff;
	border: 1px solid #ccc;
	border-left-color: #bbb;
	border-bottom-color: #bbb;
	display: block;
	padding: 2px;
}
#access .searchField input {
	border: 1px solid #bbb;
	outline: none;
	padding: 4px;
	width: 220px;
}

/*----------------------------------------
# 
.aligncenter size-full wp-image-2000 {text-align: center;}

#aligncenter size-full wp-image-2000 {text-align: center;}

/* Paging Navigation
-------------------------------------------------------------------- */

.pageNav{
  margin-top: 40px;
}
.pageNav a:link,
.pageNav a:visited {
  font-size: 1.5em;
}
.pageNav .prev,
.pageNav .next{
  display: block;
}
.pageNav .prev{
  float: left;
}
.pageNav .next{
  float: right;
}