/*  
Theme Name: Simple White
Theme URI: http://simplewhite.tumblr.com
Description: Originally Developed by Zeljan Topic as Wordpress Theme.  Ported to Tumblr by King Lau
Version: 1.0
Author: King Lau
Author URI: http://kinglau.tumblr.com

 */
 
 
/*---------LAYOUT--------- */
.wrapper{ width:900px; margin-right:auto; margin-left:auto; padding-bottom:10px }
.page{ float:left; width:800px; padding:10px }
.content{width:500px}
.content li{ margin-bottom:5px }
.content_left,.footer_left,.fl{ float:left;}
.content_right,.footer_right,.col2,.fr{ float:right }
.hr-border{background:url(hr-trans.png) no-repeat top; height:55px }

/*---------COMMONSETTINGS --------- */
body {background-color: #ffffff; background-image: url(bgr-default.png);}
body{ font-family:Georgia; font-size:13px; margin:0; padding:10px 0 0; background-repeat: repeat-x; background-position: top }
body, img, p, h1, h2, h3, h4, h5, ul, ol, li{ margin: 0; padding: 0 }
h1, h2, h3, h4, h5 { padding: 10px 0 }
a, h1, h2, h3, h4, h5, h6  { color:#222222 }
h2,h3,h4,h5{ font-family:Helvetica; font-weight:700; margin:0 }
ul, ol{ list-style:none }
.fix{ clear:both; height:1px; overflow:hidden; margin:0 0 -1px }
img{border-style: none;margin-bottom:1em}
.widget ul li ul li,.widget_pages ul li ul li{ border:none; margin:8px 0 5px 15px; padding:0 0 0 10px }
a,.widget ul li a,.featured_post h3 a:hover{ text-decoration:none; color: #330066; }
a:hover,#pagenav li ul li a:hover,.widget ul li a:hover,.widget .more a,.content .more a:hover,.post h2 a:hover,.featured_post h2 a:hover,.navigation a:hover{ text-decoration:underline }
er:1px solid #DDDDDD; padding:5px; margin:0 0 6px 0 }
.fl, .fll{ float:left }
.fr, .frr{ float:right }
.ac, span .ac{ text-align:center }
.ar, span .ar{ text-align:right }
.al, span .al{ text-align:left }

/*---------HEADER--------- */
#header{ float:left; width:610px; padding-top:20px; padding-bottom:0px }
#header-about h2{ float:left; width:100%; font:normal 24px/24px helvetica; font-weight:bold; border-bottom:1px solid #DDD; margin:0 0 30px; padding:15px 0 }
#header img{ border:none !important }

/*---------Date Display for each Posts --------- */
span.date {text-align:left;text-transform:uppercase;font-weight:bold;color:#000;font-size:15px}
span.date span.day, span.date span.day-of-month, span.date span.month {display: inline;}
span.date span.day-of-month {color:#ccc;}

/*---------Conversations--------- */
.conversation ul {list-style: none;border-left: 0.5em solid #0099CC;margin-right:35px;margin-top: 10px}
.conversation ul li {line-height: 1.5em;padding: 0.25em 0.5em;background: #fff;}
.conversation ul li.odd {background: #EBF4FF;}		
.conversation .label {color: #0099CC;font-weight: bold;}			
.conversation .odd .label {color: #8B0000;}	  

/*---------TOP NAVIGATION for PAGES---------  */
.top_menu{ height:30px; width:930px; text-align:left; font-size:11px; padding:10px 0 0 0; }
.top_menu ul{ list-style:none; margin:0; padding:0 }
.page-menu li a{ color:#333333; display:block; padding:0 9px }
.page-menu li ul li a{ border:0; color:#FCFCFC }
.page-menu li a:hover,.top_menu li.active a{ color:#FCFCFC; background:#1E1E1E }
.page-menu li.current_page_item a{ color:#000; font-weight:700;}
.page-menu li.current_page_item a:hover{ color:#fff }
a.admin-link, a.admin-link:hover{color:#999;padding:0 6px 0 0;font-weight:normal}
span.subscribe{ color:#666;line-height:28px }
.page-menu li a:hover{ color:#FCFCFC; text-decoration:underline }
.page-menu li.current_page_item a:hover,#pagenav li:hover a{color:#FCFCFC}

/*---------DROPDOWN NAVIGATION FOR PAGES---------  */
#pagenav a{ display:block }
#pagenav li{ float:left; line-height:29px }
#pagenav li a:hover{ background:#1E1E1E;text-decoration:none }
#pagenav li ul{ position:absolute; width:15em; left:-999em }
#pagenav li:hover ul,#pagenav li.sfhover1 ul{ left:auto; z-index:1000 }
#pagenav li ul li{ background:#1E1E1E; border:solid #595959; line-height:26px; width:15em; border-width:0 1px 1px }
#pagenav li:hover,#pagenav li.hover{ position:static }
#pagenav li ul ul{ margin:-29px 0 0 15em }
#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul{ left:-999em; padding:2px 0 0 }
#pagenav li:hover,#pagenav li.sfhover1{ background:#1E1E1E }
#pagenav li a:hover,#pagenav li a.sfhover1{ color:#fff }
#pagenav li ul li ul li,#pagenav li ul li ul li ul li,#pagenav li ul li ul li ul li ul li{ border:1px solid #595959 }
#pagenav li:hover ul ul,#pagenav li.sfhover1 ul ul,#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li:hover ul ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul,#pagenav li.sfhover1 ul ul ul ul{left:-999em}
#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li li li li.sfhover1 ul{left:auto}
select,#pagenav{ padding:0 }
#pagenav li a span{ font-size:12px; color:#9D9D9D; font-weight:400 }


/*---------SIDEBAR ---------  */
.sidebar{ width:255px; margin-top:30px; font-family:Helvetica}
.sidebar_right{ float:right; padding-left:15px; border-left:1px solid #DDD }
.sidebar_left{ float:left; padding-right:30px; border-right:1px solid #DDD }
.sidebar h3{ font-weight:700; font-size:14px; font-family:Helvetica; text-transform:uppercase}
.sidebar p{ font-size:11px; color:#666 }
.nosidebar .post2, .nosidebar .header-about h2{ width:930px; float:left;margin-bottom:30px; font-family:Helvetica }

/*---------widgets ---------  */
.widget .more,.content .more{ color:#000;font-weight:700; font-family:Helvetica; margin-bottom:0; font-family:Helvetica }
.widget .more span,.content .more span{ color:red; margin-right:5px }
.widget{ width:225px; margin-bottom:30px; float:left; list-style:none; overflow:hidden; padding:15px; background-color:#eee; color:#666; font-size:11px;border-bottom: 1px dashed #ccc}
.widget a, .widget li, .widget p { color:#333 !important}
.widget li{ padding-top:11px; list-style-type:none; margin:0 }
.widget h2{ margin-bottom:15px; font-size:14px; font-family:Helvetica; color:#8B0000}
.widget h3{ margin-bottom:5px; font-size:14px;  color:#8B0000; border-bottom:1px solid #eee; font-family:Helvetica; padding:0 0 10px }

/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-family: helvetica; font-size: 12px; font-weight: bold; padding: 5px 0; text-align: right }
/*---------FOOTER --------- */
.footer{ padding-top:15px; padding-bottom:30px; width:610px; border-top:1px solid #DDD; color:#000000 !important }
.footer a { color:#222222 }
.footer .fr span{ color:#CE0000 }
.footer ul{ float:left; margin:0 0 30px; padding:0 }
.footer li{ float:left; list-style-type:none; margin:0 25px 0 0 }