﻿/*-------------------------------------------------------------------
  BACKGROUNDS AND OTHER COLOURS, THESE DEFINE THE LOOK OF YOUR BLOG
--------------------------------------------------------------------*/
a{
	color: #710038;
}
a:hover{
	color: #FF00FF;
}
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{
	color: #830169
}
body{background:#d8d8d8 url('images/body-bg133.jpg');}
.container_16{}
#header,#nav1-container,#nav2-container {background:#d8d8d8;}

#nav1,#nav2,
.mag-meta,
a.read-more,
div.relatedposts h4,
.reply a,
#commentform label,#commentform #submit{background:#b1afaf;}



#nav1 li a,#nav2 li a,#nav1,.reply a,
a.read-more,div.relatedposts h4
#commentform label,#commentform #submit{color:#000000;}

#nav li ul,#nav1 li:hover,#nav2 li:hover,#nav1 li.current_page_item,#nav2 li.current-cat,
a.read-more:hover,
.reply a,#commentform #submit:hover,#nav1 li.current_page_item a,#nav2 li.current-cat{color:#FFF; background:#0fb1f5}

#nav li ul a,#nav1 li a:hover,#nav2 li a:hover,ul.rss{color:#FFF}

#nav1 li,#nav2 li,
div.relatedposts,
#commentform #submit {border-color:#8A0D81;}

#nav2 .search #s{background:#FFF;}
#nav-ad{ background:#ed0564;}

h2.blogname a{color:#FFF;}
h2.blog-title{color:#FFF;}
#jFlowSlide,
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a,#tabvanilla,
.navigation,
#commentform input,#commentform textarea{ background:#ebe9e9;}
.slide-details{}
.slide-wrapper h2.title a{}
#myController,.container_16  .grid_10 .wp-pagenavi a,span.extend,ul.tabnav{background:#b1afaf}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover,#myController span.jFlowSelected,
.container_16 .grid_10 .wp-pagenavi .current,.container_16 .grid_10 .wp-pagenavi a:hover,span.extend:hover{
	background: #d32e72;
	color: #fff;
}
.tabed,.post input,.post textarea {border-color:#660033;}
.tabnav li a{color:#fff}
.tabnav li a:hover,.tabnav li.ui-tabs-selected a{
	color: #EF5091;
}
.tabdiv,.tabdiv ul li{
	color: #FF5050
}
.tabdiv a,.tabdiv ul li a{color:#660033}
#popular{background:#f6f6f6;}
h3.popularposts ,h4.widget-title,h4.postcomment{
	background: url(images/wdget1.gif) repeat-x;
	color: #CD0255;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 30;
}
.widget,.ads,li.comment,li.ping,ul#commentlist li.comment,ul.pings li,#commentform{background:#f6f6f6;border-color:#05043c;}
.widget li:hover{background:#e5e5e5; border-color:#26237c;}
.widget a{
	color: #ffffff
}
.widget a:hover{color:#faafce}
#footer-container h4.widget-title{#a00444}
#footer-container{background:#3a9b2b;}
#footer-container .widget {color:#FFF}
#footer-container .widget a{color:#CCC}

#nav1-container,#nav2-container{background:#f2f2f2;}
#nav1-container{border-color:#069;}
#nav2-container{border-color:#069;}/*------------------------------------------------------------------
	NAVIGATION STYLES (960px)
--------------------------------------------------------------------*/
.nav-bg-fix{}
#nav1{width:950px;margin:0 auto;padding:2px 5px 0px 5px;}
#nav2{width:950px;margin:0 auto;padding:4px 5px 0px 5px;}
#nav1-container{margin:auto;width:960px}
#nav2-container{margin:auto;width:960px}
#nav1{	-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-bottom-left-radius:10px;
		-webkit-border-bottom-right-radius:10px;}
#nav2,#commentform label.comment,h4.postcomment{	
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		-webkit-border-top-left-radius:10px;
		-webkit-border-top-right-radius:10px;}
ul.rss{float:right;}
#nav1 ul{margin:2px 0 0px 0;}
#nav1 ul.rss li.text{font-weight:bold;}
#nav1 ul.rss li.text:hover{background:none;}
#nav1 li,#nav2 li{
	list-style: none;
	float: right;
	padding: 0px 5px;
	margin: 0 3px 5px 3px;
	border: solid 1px #dee0e6;
}
#nav1 li.text{border:none;padding:0;}
#nav1 li a,#nav2 li a{text-decoration:none;}
#nav1 li a:hover,#nav2 li a:hover{font-weight:normal;}
#nav2 .search{height:25px;padding:0; margin:2px 5px 0 0 ;}
#nav2 .search #s{
	width: 145px;
	border: solid 1px #830169;
	padding: 3px 2px;
	color: #EF5091;
	font-size: .8em;
	float: right;
}
#nav-ad {width:950px;margin:0 auto;padding:3px 5px}

/*Drop Down*/
#nav {position: relative;top: 0px; left: auto;z-index: 9999;margin:0;}
#nav li{
	float: right
}
#nav a {z-index: 100;color: #FFF;}
#nav li ul li{float:none;z-index: 9999!important;line-height: 24px;margin:0; display:block; cursor:pointer}
#nav li ul li:hover{display:block; border-bottom:solid 1px #fff;}
#nav li ul li:hover,#nav li ul li{-moz-border-radius:0px;-webkit-border-radius:0px;}
#nav li ul { position: absolute; width: 160px; left: -999em;opacvity:0.7;filter:alpvha(opacity=70)}
#nav li ul ul {	margin: 0px 0 0 150px!important; }
#nav li ul li ul li a {#fff }
#nav li:hover ul, #nav li.sfhover ul { left: auto; margin-right: -6px;margin-top:0; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */#nav1-container,#nav2-container{background:#ccc;}/*------------------------------------------------------------------
	MAGZINE LAYOUT & STYLES
--------------------------------------------------------------------*/
.mag-box{display:inline;float:right;position:relative;margin:0 5px 5px 0;
width:185px;
	border:solid 1px #eee;
	}
.m_right{ margin-right:5px; !important;}
.mag-content{padding:10px; height:150px; overflow:hidden;}
.mag-content h2{ font-size:16px; line-height: 20px }
img.mag-thumb{ padding: 5px;margin:0;background:#eee}
.mag-meta{height:20px;  padding:5px; margin-bottom:-5px;opacity:0.8;}
img.blog-thumb{ padding: 5px;margin:0;background:#eee; float:left; margin:0 10px 0px 0}
span#catname{background:#10b7fd url("images/mebaka1.gif") repeat-x; position:absolute; width: 95%; height:30px; top:0px; right:0px; padding:1px 5px ; font-size:1em; text-align: center; opacity:.6;}
span#catname a{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
span#catname a:hover {
	background: url(images/mebak.gif) repeat-x; position:absolute; width: 95%; height:30px; top:0px; right:0px; padding:1px 5px ; text-align: center;
}

