/*   
Theme Name: TunisiaOnlineNews theme
Theme URI: http://www.tunisiaonlinenews.com/
Description: tunisiaonlinenews.com cms theme
Author: TunisiaOnlineNews
Author URI: http://www.tunisiaonlinenews.com
Version: 1.0
.
You are free to use theme for personal and non commercial purposes.
.
*/

/* *********************************************************** Reset Everything */

* {margin:0;padding:0;} 

a:link, a:visited, a:hover {text-decoration:none;} 

ul {list-style:none;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0; }


body {
background:#B9B9FE url(bg_all.gif) repeat-x;
font: 1em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
font:3em Georgia,Times New Roman,Trebuchet;
margin-top:20px;
margin-left:20px;
background:url(logo.gif) no-repeat;
height: 94px;
width:238px;
} 

h1 a:link,h1 a:visited,h1 a:hover {color:#444; display: none;}	

h2 {
background: url(bg_most.gif) repeat-x;
height: 28px;
display: block;
font: 1em Arial, Tahoma, Verdana;
color: #fff;
        padding-top: 6px; 
	padding-left: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h1#firstsection{
background: url(bg_most.gif) repeat-x;
height: 28px;
display: block;
font: 1em Arial, Tahoma, Verdana;
color: #fff;
        padding-top: 6px; 
	padding-left: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top:0px;
	margin-left:0px;
	width:auto;
}
h3 {padding-bottom:5px;}
h3 {font:bold 1.2em Georgia,Times New Roman,Trebuchet;}	
h3 a:hover{text-decoration:underline;}

h3#respond{margin-top:20px;}

.right {
float:right;
}

.left {
float:left;
}



/*------------------Links----------------*/

a:link,  a:visited {color:#29568f;}
a:hover {color:#d92100;}

#postdetails a:link, #postdetails a:visited {
color:#77ace0;
}

#postdetails a:hover {color:#ffae00;
text-decoration:none;
}

#footer a:link, #footer a:visited {
color:#fff;
}

#footer a:hover {
text-decoration:underline;
}

/* --------------Main DIVISIONS-----------------*/

#wrapper {
	width: 970px;
	padding:10px 0 10px;
	margin: 20px auto 0;
	background: #fff;
	/*border:double #ccc;*/
    }

#header {
	background: url(header.jpg) no-repeat top left;
	width: 950px;
	color: #000;
	margin:0 auto;
	font-size: .8em;
	overflow: hidden;

	}



#content-wrap {
	width:950px;
	margin: 6px auto 0;
	font:.75em/1.5em Arial,Tahoma,Verdana,sans-serif;
	clear:both;
	}


#footer {
	width: 970px;
	margin: 0 auto;
	color: #FFF;
	font-size:.6em;
	text-align:right;
    }

/*--------------------Header----------------------*/

#headerleft {
width: 600px;
w\idth: 580px;
float: left;
border:1px;
display: inline;
}

#headerright {
width: 350px;
w\idth: 320px;
float: right;
margin: 0px;
text-align: right;
display: inline;
}

#headerright p {
font:.85em/1.5em Arial,Tahoma,Verdana,sans-serif;
padding-right: 12px;
margin-top: 10px
}

#navigation {
	background: url(bg_most.gif) repeat-x;
	width:950px;
	height: 28px;
	clear:both;
	}	

#cse-search-box {
	float: right;
	margin-top: 21px;
	margin-bottom: 6px;
	}

#s {
	width: 200px;
	height: 18px;
	border: 1px solid #4343FF;
	padding:1px;
	}

#searchbutton{
	font: bold 11px Verdana;
	color:#FFF;
	height: 22px;
	background-color: #4343FF;
	border-top: 1px solid #9C9CFE;
	border-left: 1px solid #9C9CFE;
	border-right: 1px solid #2D2CB0;
	border-bottom: 1px solid #2D2CB0;
	padding-left: 4px;
	padding-right: 4px;
	}

/* header dropdown menu

---------------------------------------------------------------------------------------------- */

#navigation ul li a,

#navigation ul li a:visited {
	display: block;
	font: 1em Arial, Tahoma, Verdana;
	border-right:1px solid #FFF;
	color: #fff;
	padding: 6px 8px;
}

#navigation ul li a last,
#navigation ul li last a:visited {
border-right:none;
}
#navigation ul li:hover a, 
#navigation ul li a:focus,
#navigation ul li a:active, 
#navigation ul li.p7hvr a {
color: #fff;
background:#d92100;
}

#p7menubar li {
float: left;
width: 9em;
}

#p7menubar li ul, #p7menubar ul li  {
width: 12em;
}

#navigation ul ul li a,
#navigation ul ul li a:visited  {
	color: #333;
	border-right:0;
	border-top:1px solid #999;
	font-size:.9em;
	padding: 3px 10px;
	text-decoration:none;
}

#navigation li ul {
	position: absolute;
	display: none;
	border:1px solid #999;
	border-top:0;
	background-color: #ddd;
	z-index:999;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;

}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #333;
	background-color: transparent;
}

#p7menubar ul a:hover {
	background-color: #606060!important;
	color: #fff!important;
}

#p7menubar li {width: auto;}

.cat-item cat-item-31, 
.cat-item cat-item-31 a {display: none;} 


ul#feeds { 
float:right;
}
	
ul#feeds li { 
float: left;
}

ul#feeds li a,
ul#feeds li a:visited {

display: block;
font: 1em Arial, Tahoma, Verdana;
padding: 6px 10px;

}

ul#feeds li a:hover, 
ul#feeds li a:focus,
ul#feeds li a:active {
font-weight:bold;

}

.rss {
font-size:90%;
}

/*---------Single post page contains two column, Sidebar and Content------*/	
#singlepost {
float:left;
display: inline;
padding: 8px 10px 10px 0;
margin-right:15px;
width: 535px !important;
width: 555px;
width/**/:/**/555px;
}

.post {
float:left;
display: inline;
padding: 8px 10px 10px 0;
margin-right:15px;
width: 555px !important;
width: 575px;
width/**/:/**/575px;
}

#singlepost .post {
padding-left: 20px;
}

.post img.thumbnail {
float: left;
margin-top: 2px;
margin-right: 15px;
margin-bottom: 10px;
height: 85px;
width: 85px;
border:1px solid #4343ff;
padding: 2px;
}

#singlepostinfo {
width: 575px;
background: #f7f7f7;
border-top: 1px dotted #4343ff;
border-bottom: 1px dotted #4343ff;
padding: 10px;
clear:both;
float: none;
display:block;
font:.8em/1.4em verdana;
padding-left: 20px;
} 	

.postinfo {
text-align:right;
color:#29568F;
font:.8em verdana;
padding:4px 10px;
margin-top: 25px;
border-top: 1px dotted #4343ff;
border-bottom: 1px dotted #4343ff;
background:#EEEEEE;
}

.postinfo a:link, #postdetails a:visited {
color:#29568F;
}

.postinfo a:hover {
text-decoration: underline;
color:#d92100;
}

.more-link {
display: none;}

.single-entry-nav {
display: block;
margin:20px 0 ;
font: 1em verdana;
}	

.post img {
display:block;
text-align: center;
margin: 0 auto;
padding: 3px;
border: 1px solid #29568f;
}

.post img.alignleft {
float:left;
margin: 5px 10px 5px 0;
display:none;
}

.post img.alignright {
float:left;
margin: 5px 0px 5px 10px;
display:block;
}

.post p {	
font:1em/1.6em verdana;
padding-bottom: 15px;
}

#singlepost .post h3 {	
font: 1.4em "trebuchet ms", garamond, "lucida grande", serif;
color: #29568f;
}

.post ul,.post ol{
font:.95em/1.5em verdana;
padding-left:30px;
margin-bottom:15px;
}

blockquote{
font:.9em/1.5em "trebuchet ms", garamond, "lucida grande", serif;
margin-bottom:15px;
}

#pagenavi {
height:20px;
}

#cat_title {
float: left;
background: url(section_bg.jpg) no-repeat;
width: 536px;
height: 35px;
margin-top: -8px;
margin-left: 0px
padding-left: 0;
}

#cat_title .post-categories a {
float: left;
font: 1.4em bold Arial, "Arial Black", sans-serif;
color: #FFF;
text-decoration: none;
padding-left: 20px;
padding-top: 4px;
text-transform: uppercase;
letter-spacing: .1em;
}


#tools {text-align: right;
letter-spacing: 1px;}

/************************************************************

*	Content-wrapper  	[Left column]	*

***********************************************************/	

#leftcolumn {
float:left;	
display:inline;
margin-right:0;	
padding:0px 4px 4px 0;
width: 300px !important;
width: 314px;
width/**/:/**/300px;
}

#innercolumn {
float:left;	
display:inline;
margin-right:0;	
padding:0px 4px 4px 0;
width: 618px !important;
width: 632px;
width/**/:/**/618px;
}

#post_video h2 {
margin-bottom: -4px;
}
#featured { 
padding-bottom:4px; 
margin-bottom:4px;
}

#postdetails {
text-align:right;
color:#29568F;
font:.8em verdana;
padding:4px 10px;
margin-top:2px;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
background:#EEEEEE;
}

#postdetails a:link, #postdetails a:visited {
color:#29568F;
}

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

#featured img {
margin-bottom: 10px;
display: block;
margin-top: -3px;
padding: 2px;
border: 1px solid #29568f;
}

#article_holder {
margin-top: -10px;
width: 300px;
height: 100%;
} 

#article_holder h3,#article_holder h2  {
padding: 4px 10px;}

#article_holder p {
padding: 4px 10px;
text-align:justify;
}

#featurednewslist ul	{
margin:0 0 15px 15px;
list-style:square;
}

#featurednewslist li a:link, #featurednewslist li a:visited {
color:#29568f;
}	

#featurednewslist li a:hover {
color:#d92100;
text-decoration:underline;
}

/************************************************************

*	Content-wrapper  	[Middle column]				*

************************************************************ */

#midcolumn {
float:left;
width: 318px;
display:inline;
margin-left: 4px;
border-right: 1px dotted #29568f;
border-left: 1px dotted #29568f;
}

#midcolumn h2 {
margin-right:4px;
margin-left:4px;
}

.midcolumnpost {
margin-top:-4px;
margin-bottom:10px;
padding:0 10px;
}

.midcolumnpost p {
height: auto;
margin-bottom: 8px;}

.midcolumnpost img {
float: left;
margin-right: 10px;
margin-bottom: 4px;
margin-left: 0;
height: 85px;
width: 85px;
border:1px solid #29568f;
padding: 2px;
}

.gray {background: #FFF;}

.details {
text-align:right;
color:#29568F;
font:.8em verdana;
padding:4px 5px;
margin-top:4px;
border-top: 1px dotted #29568f;
border-bottom: 1px dotted #29568f;
background:#EEEEEE;
}

.details a:link {
color:#29568F;}

.details a:hover {
text-decoration: underline;
color:#d92100;}

.nocomments {
display: none;}

/************************************************************
*	Content-wrapper  	[Right column]				*
********************************************************** */

#rightcolumn {
float:right;
margin-top: -4px;
width: 314px;
}

#rightcolumn ul div {
margin-top: -9px;
margin-bottom: -3px;
}

#rightcolumn ul h2 {
margin-top: 4px;
}

#sponsors {
margin-top: -6px;
padding:0;
}

#sponsors img {
margin:7px;
}

#categories {
float:left;
width:314px;
margin-right: 0px;
height: auto;
}

#categories h2 {
background: url(bg_most.gif) repeat-x;
height: 28px;
display: block;
font: 1em Arial, Tahoma, Verdana;
color: #fff;
width: 314px;
padding: 3px 23px;
}

#archive {
float:left;
width:314px;
}

#rightcolumn ul select {
width:310px;
margin-top: 4px;
margin-bottom: 6px;
border-top: 1px solid #3C3BD1;
border-left:1px solid #3C3BD1;
border-bottom:1px solid #D9D9FE;
border-right: 1px solid #D9D9FE;
background-color: #EDEDFF;
}

#rightcolumn ul {
margin:0;
list-style-type: none;
}

#rightcolumn ul li {
line-height: 1.6em;
border-bottom: 1px dotted #CCC;
background: url(arrow.gif) no-repeat 0% 50%;
padding-left: 18px;
}

#rightcolumn ul li a, #rightcolumn ul li a:visited  {
color:#4444FF;
display: inline;
font:1em Tahoma,Arial,"Trebuchet MS",Verdana;
}

#rightcolumn ul li a:hover {
color:#d92100;
text-decoration:underline;
}

#rightcolumn  ul ul {
margin-bottom:3px;
margin-top:-5px;
}
rightcolumn #archiveform {
margin-top:4px;
}

/*These are the top headers styles in blue*/

#rightcolumn h2 {
margin-bottom: -2px;
}


#rightcolumn h2 a {
/*background: url(arrow.gif) no-repeat 0% 50%;*/
font: 1em Arial, Tahoma, Verdana;
color: #fff;
padding: 3px 0;
}

#leftcolumn h2  a {
/*background: url(arrow.gif) no-repeat 0% 50%;*/
font: 1em Arial, Tahoma, Verdana;
color: #fff;
padding: 3px 0;
}

#midcolumn h2  a {
/*background: url(arrow.gif) no-repeat 0% 50%;*/
font: 1em Arial, Tahoma, Verdana;
color: #fff;
padding: 3px 0;
}

#links a:link, #links a:visited  {color: #FFF;
text-decoration: none;}

#archs a:link, #archs a:visited {color: #FFF;
text-decoration: none;}

/* commentform 

---------------------------------------------------------------------------------------------- */
#comment-wrapper ol {list-style:decimal;font:90% verdana, arial, helvetica, verdana, serif;}
#commentform p {margin-bottom:10px;}
#commentform label {color:#666;font-size: 100%;padding-left: 5px;}
#commentform small {color: #999999;font-size: 90%;}
#commentform input {font: 100% Arial, Helvetica, sans-serif;width: 220px;padding: 2px;	border: 1px solid #e6e6e6;}
#commentform textarea {font: 100% Arial, Helvetica, sans-serif;width: 480px;height: 140px;border: 1px solid #e6e6e6;padding: 2px 3px 3px 7px;}
#commentform #submit {font: 12px/100% Arial, Helvetica, sans-serif;border: 1px solid #555;color:#2a2a2a; background:#7ac4ea;	width: 100px;height: 25px;padding: 2px 8px !important;padding: 2px 5px; margin-left: 390px;}
#commentform #submit:hover {background:#d92100; color:#fff;}
#commentform textarea:focus, #commentform input[type="text"]:focus {border: solid 1px #c00;}
/* comment list
---------------------------------------------------------------------------------------------- */
.commentlist {margin: 10px 0px;padding-left: 25px;line-height: 130%;}
.commentlist li{padding: 5px 10px 0px;color:#888;}
.commentlist .alt {background: #f2f2f2;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.commentlist cite {font:bold 100% verdana, arial, helvetica, sans-serif;color: #888;}
.commenttext {margin-top:15px;}
.commenttext p {padding-bottom:10px;font-size:11px;color: #333;}

/* -------------------------------- News headlines -----------------------------*/

#analyse_feature  {
margin-top: 4px;
margin-bottom: 6px;
}

#analyse_feature h2  {
margin-bottom: -5px;
margin-top: 4px;
}

#analyse_feature ul select {
width:300px;
margin-top: -8px;
margin-bottom: 6px;
border-top: 1px solid #3C3BD1;
border-left:1px solid #3C3BD1;
border-bottom:1px solid #D9D9FE;
border-right: 1px solid #D9D9FE;
background-color: #EDEDFF;
}

#analyse_feature ul {
margin:0;
list-style-type: square;
}

#analyse_feature  ul ul {
margin:0 6px;
background: url(bg_one.gif) repeat-x;
}

#analyse_feature ul li {
margin-left: 18px;
padding-top: 6px;
padding-bottom: 6px;
line-height: 1.8em;
border-bottom: 1px dotted #CCC;
}

#analyse_feature ul li a, #rightcolumn ul li a:visited  {
color: #000;
display:inline;
font:1em Tahoma,Arial,"Trebuchet MS",Verdana;
}

#analyse_feature ul li a:hover {
color:#29568f;
text-decoration:underline;
}

#future_tunisia h2 {
margin-bottom: -5px;
}

/*widgets extra styles*/

#rightcolumn .textwidget {
text-align: left;
color:#29568F;
font:.8em verdana;
padding: 6px;
margin-top: 1px;
border-top: none;
border-bottom:1px dotted #A9A9A9;
border-left:1px dotted #A9A9A9;
border-right:1px dotted #A9A9A9;
background:#EEEEEE;
}

.ngg-widget, .ngg-widget-slideshow {margin: 0; padding: 0;}

.main_title {
float: left;
margin-top: 8px;
padding-left: 24px;
font: 1.2em Arial, Helvetica, Sans Serif;
letter-spacing: .2em;
font-weight: bold;
color: #FFF;
}

#banner1 {
margin-top:-2px;
margin-bottom: -4px;
margin-left: -6px;
margin-right: 0;
}

div#bfooter {
font: .75em Arial, Helvetica, sans-serif;
text-align: center;
clear: both;
border-top: 1px solid #4444FF;
padding: 10px 0 0 0;
margin: 15px 0 0 0;
display: block;
}

div#bfooter a {
color: #3C3BD1;
text-decoration: none;
}

div#bfooter a:hover {
color: #D92100;
text-decoration: underline;
}

div#bfooter a.rssButton,
div#bfooter a.rssButton:visited {
padding: 1px 0 5px 19px;
background:transparent url(rss.gif) no-repeat top left;
}

div#bfooter a.copyright {
color: #000;
text-decoration: none;
}	
		
div#bfooter div.footerRow {
padding: 0 0 10px 0;
}
		
div#bfooter ul {
display: inline;
list-style: none;
margin: 0;
padding: 0 0px 0 9px;
}
		
div#bfooter ul li {
display: inline;
border-left: 1px solid #29568f;
padding: 0 5px 0 9px;
background: none;
}

#article_holder h2 {
padding: 4px 10px;
padding-bottom:5px;
text-transform: none;
background:none;
letter-spacing:normal;
height:auto;
display:inherit;
}	
#article_holder h2 a{
font:bold 1.2em Georgia,Times New Roman,Trebuchet;
color:#29568f;
}
#article_holder h2 a:hover{text-decoration:underline;}