/*







	Theme Name: Strownes







	Theme URL: http://newwpthemes.com/wordpress-theme/strownes/







	Description: Strownes is elegant and professional designed free WordPress theme with featured content. Suitable for any niche. Theme Options at admin panel







	Author: NewWpThemes.com







	Author URI: http://newwpthemes.com/







	Version: 1.0







	Tags: Blue, Blogging,  Ads Ready, Two Columns, Right Sidebar, Fixed Width, Options Page, Featured Content







*/















/* LAYOUT */















body {







	/*background: url(images/background.png);







	background-position: top left;







	background-repeat: repeat-x;*/







	background-color: #ffffff;







	}















#wrapper {







	padding:0;







	}















#container {







	}















#contentwrap {









	/*background: #F5F5F5;*/



	border:0px solid #F5F5F5;



	







	}

	

	

#contentwrap1 {









	/*background: #F5F5F5;



	border:2px solid #F5F5F5;*/



	







	}






a {





   /* font-family:Trebuchet MS, verdana, sans-serif;

    font-size:12px;*/

	color: #6f6f6f;

	text-decoration:none;

	font-weight:200;







	}















a:hover {



/*

    font-family:Trebuchet MS, verdana, sans-serif;

    font-size:12px;

	color: #65A0D2;

	color: rgb(52, 142, 213);*/

   text-decoration:underline;





	}







/* HEADER */















#header {







	height: 90px;







	padding-top:30px;







	}















#header h1 {







	margin-bottom: 0 !important;







	padding: 8px 0 0 0;







	font-weight: normal;







	font-family: Arial, Helvetica, Sans-serif;







	font-weight: bold;







	font-size: 52px;







    text-transform: uppercase;







    text-shadow: 0 3px 0 #000;







	}















#header h1 a, #header h1 a:visited {







	color: #fff;







	text-decoration: none;







	}























#header h2 {





/*

	color: #b8c2c8;







	font-size: 16px;



   color: #ff6500;



	font-family: Sylfaen Regular 16pt Sharp;



*/



	







	}







    







/* NAVIGATION MENUS */















#pagemenucontainer {







	height: 30px;







	margin-top: 15px;







    float: right;







	}







	







#pagemenu {







	height: 30px;







    float: right;







	}















#pagemenu, #pagemenu ul { 







	padding: 0;







	margin: 0;







	list-style: none;







	line-height: 1;







	}







#pagemenu {







	margin-bottom: 1px;







	}







	







#pagemenu ul {







	float: left;







	list-style: none;







	margin: 0px 0px 0px 0px;







	padding: 0px;







	}







	







#pagemenu li {







	float: left;







	list-style: none;







	margin: 0px;







	padding: 0px;







    background: url(images/page-seperator.png) right center no-repeat;







	}







	







#pagemenu ul li {







	list-style: none;







	margin: 0px;







	padding: 0px;







    







	}







	







#pagemenu li a, #pagemenu li a:link {







	color: #000;







	display: block;







    margin: 0px 3px 0px 3px;







	padding: 7px 10px 6px 10px;







	text-decoration: none;







	font-weight: bold;







	text-transform: uppercase;







	font-size: 11px;







	font-family: Arial, Helvetica, sans-serif;







    text-shadow: 0 1px 0 #000;







    







	}







	







#pagemenu li a:hover, #pagemenu li a:active, .current_page_item {







	color: #c4dff0;







	display: block;







    margin: 0px 3px 0px 3px;







	padding: 7px 10px 6px 10px;







	text-decoration: none;







	}







	







#pagemenu  li.current_page_item a {







	color:#c4dff0;







	}















#pagemenu li:hover, #pagemenu li.sfhover { 







	position: static;







	}







	























.navcontainer {







	height: 22px;







	margin: 6px 0 10px 0;







	}







	







#nav {







	height: 42px;



	







	/*background: url(images/nav-backgr.png) top left no-repeat;*/







	}















#nav, #nav ul { 







	padding: 0;







	margin: 0;







	list-style: none;







	line-height: 1;







	}







#nav {







	margin-bottom: 1px;







	padding-left: 10px;







	}







	







#nav ul {







	float: left;







	list-style: none;







	margin: 0px 0px 0px 0px;







	padding: 0px;







	}







	







#nav li {







	float: left;







	list-style: none;







	margin: 0px;







	padding: 0px;







	}







	







#nav ul li {







	list-style: none;







	margin: 0px;







	padding: 0px;







	}







	







#nav li a, #nav li a:link {







	color: #000;







	display: block;







    margin: 0px 3px 0px 3px;







	padding: 15px 12px 13px 12px;

 /*padding: 10px 6px 5px 6px;*/





	text-decoration: none;







	font-size: 14pt;

	font-weight:500;







   /* font-family: Century Schoolbook Regular  Sharap;

    font-family:arial Regular  Sharap;

*/

     font-family:calibri;

	text-transform:none;







   /* text-shadow: 0 0px 0 #000;*/







	}







	







#nav li a:hover, #nav li a:active, .current-cat {







color: #ff6500;







	display: block;







	text-decoration: none;







	}







	







#nav  li.current-cat a {







color:#ff6500;







	}















#nav li:hover, #nav li.sfhover { 







	position: static;







	}







	







/* CONTENT */















#content {







	background-color: #fff;



	







	/*padding: 15px 5px 15px 15px;*/







	}





pre { overflow: auto; 







	width: 470px; 







	}















.post {







	padding-bottom: 10px;







	margin-bottom: 15px;







    border-bottom: 1px solid #ddd;







	}















.post p {







	margin-bottom: 10px;







	}















.title {







      font-family:calibri Regular, sharp;

   display: block;

   font-size: 24pt;

   font-weight:500;

    margin: 1em 0px 0em 0px; border:0px solid red; 

    color: #000;

	line-height:40px;

	







	}















	







.title a {







	text-decoration: none;



color: rgb(57, 56, 66);



	/*color: #4a4848;*/









	}















.title a:hover {







	text-decoration: underline;



color: rgb(57, 56, 66);



/*	color:darkgray;*/



cursor: auto;

text-decoration: underline;



	/*color: #004067;*/







	}

	

	

.title1 {







     /*font-family:calibri Regular, sharp;*/

   font-family:calibri;

   display: block;

   font-size: 24px;

   font-weight:500;

    margin: 1em 0px 0em 0px; border:0px solid red; 

    color: #333;

	line-height:28px;
	font-weight:bold;

	

	

	







	}















	







.title1 a {







	text-decoration: none;

/*

color: rgb(57, 56, 66);



	color: #4a4848;*/

color:#ff6500;







	}















.title1 a:hover {









	color:#333;;





text-decoration: underline;



	/*color: #004067;*/







	}	







	



.ta{



font-family:Arial sharp;

display: block;

font-size: 10pt;

line-height: 2px;

/*margin: 5px 0px 10px;

background: transparent;

border: 0px;



margin: 0px;

outline: 0px;

padding: 0px;

vertical-align: baseline;*/



}







.ns{



font-family:California FB Regular 16pt Sharp

display: block;

font-size: 12pt;

line-height: 16px;

color: #65A0D2;







}



.ns a {







	text-decoration: underline;



/*color: rgb(57, 56, 66);*/



	color: #65A0D2;







	}







.pagetitle {







	margin-bottom: 20px;







	line-height: 16px;







	font-family: Arial, Verdana;







	text-decoration: underline;







}















.readmorecontent {



    font-family:Traditional Arabic, Regular, sharp;

   

   font-size:12pt;

  /*  display: block;

    margin: 1em 0px 1em 0px;*/

    color: #65A0D2;



	text-align: right;







	}















a.readmore {







	/*padding: 4px 15px;







	background: #00395c;







	color: rgb(52, 142, 213);



*/



	text-decoration: none;











   font-family:Traditional Arabic, Regular, sharp;

  

   font-size:12pt;

    /*display: block;

    margin: 1em 0px 1em 0px;*/

    color: #65A0D2;



	text-align: right;



	}















a.readmore:hover {







	color: rgb(52, 142, 213);

	text-decoration:none;







	}







    







.postdate {







	font-size: 16px;







	padding: 0;







    font-family: Arial, Helvetica, Sans-serif;







    color: #999;







	}























.postmeta {







	font-size: 11px;







	padding: 2px 4px;







	font-family: Arial, Verdana;







	}







	







.postdate img, .postmeta img {







	border: none;







	vertical-align: middle;







	margin:2px;







	}







	







.entry {

 font-family:Arial;

display: block;

 font-size: 9pt;

text-decoration:none;

margin: 1em 15px 1em 0px;

color:#333333;

line-height:20px;


}



.entry img{

border:0px solid #cccccc; /*-moz-border-radius:7px;

-webkit-border-radius: 7px;*/ padding:8px; margin:0px 0px 5px 38px; 

}	



a.entry:hover {

text-decoration:none;

}





.navigation {

	padding: 7px 0;

	/*border:1px solid red;*/

}

blockquote {

overflow: hidden;

padding-left: 9px;

font-style: italic;

color: #666;
border-left: 3px solid #CADAE7;

}


.post img {







	max-width: 680px;







	}















img.wp-smiley {







	max-height: 12px;







	margin: 0;







	padding: 0;







	border: none;







	}







	







.aligncenter,







div.aligncenter {







   display: block;







   margin-left: auto;







   margin-right: auto;







	}















.alignleft {







   float: left;

   

   font-size:16px;

   

   font-weight:bolder;

   

   vertical-align:top;

   

   color:#FF6500; 

   

   /*border:1px solid red;*/

   

  

   







	}















.alignright {







   float: right;



font-weight:bolder;



	}















.wp-caption {







   border: 1px solid #ddd;







   text-align: center;







   background-color: #f3f3f3;







   padding-top: 4px;







   margin: 10px;







   /* optional rounded corners for browsers that support it */







   -moz-border-radius: 3px;







   -khtml-border-radius: 3px;







   -webkit-border-radius: 3px;







   border-radius: 3px;







	}















.wp-caption img {







   margin: 0;







   padding: 0;







   border: 0 none;







	}















.wp-caption p.wp-caption-text {







   font-size: 11px;







   line-height: 17px;







   padding: 0 4px 5px;







   margin: 0;







	}







	







/* SIDEBAR(S) */















.sidebaradbox {

background-color:#FFFFFF;



  



	margin-top: 5px; 







	text-align:left;







	}







	







.ad125 {







	margin: 10px;







	}























.sidebar {







	margin: 5px 5px 5px 7px;

	



	}







	







.sidebar a {







	text-decoration: none;







	color: #021a29;







    font-size: 13px;







	}















.sidebar a:hover {







	text-decoration: underline;







	color:#f58705;







	}







	







#s {







	width: 215px;







	padding: 4px;







    border: 1px solid #2a5473;







    background: #093149;







    color: #fff;







	}















	







.feedtwitter {







	text-align: right;







    padding: 0px  0 0 0; 







    height: 40px;







	}







    







#topsearch {







	margin:0px 0 0 0;









	text-align: right;

	

	



	







    height: 34px;







	}















#topsearch label {







	display: none;







	}







	







#topsearch #s {







	width: 220px;







	padding: 5px;







    border: 1px solid #2a5473;







    background: #FFF;







    color:black;







	}







		







		







/* Social icons */







.addthis_toolbox {







  padding-top: 15px;







	text-align: center;







	}







.addthis_toolbox .custom_images a







{







    width: 32px;







    height: 32px;







    margin: 0 2px 0 2px;







    padding: 0;







}















.addthis_toolbox .custom_images a:hover img







{







    opacity: 1;







}















.addthis_toolbox .custom_images a img







{







    opacity: 0.75;







}







	















.sidebar h2 {

/*background: url(images/h2c.jpg) top left;

background-repeat:no-repeat;

*/



/*

	margin: 10px 0 0 0;







	padding: 0px 0 8px 18px;*/















	font-size: 14px;







	font-family: font-family:Arial sharp;

	font-weight:300;







	



	



	text-align:left;







	text-transform:capitalize;

	color:#FF6500;











	}















.sidebar ul {







	list-style-type: none;







	margin: 0px 0px 10px 0px;







	padding: 0px;







	}







	







.sidebar ul li {







	list-style-type: none;







	margin: 0px 0px 5px 0px;







	}















.sidebar ul ul {







	list-style-type: none;







	margin: 0px;







	padding: 0px 10px 0 10px;







	}







    







#tag_cloud div, .widget_tag_cloud div {







    padding: 0px 10px 0 10px;

	background-color:#FFFFFF;







    }







.sidebar ul li li {







	padding: 3px 0px 3px 15px;







	margin: 0px;







/*	background: url(images/bullet.gif) no-repeat top left;*/







	}







	







.sidebar ul li ul li {







	/*background: #FFFFFF url(images/bullet.gif) no-repeat top left;*/







	padding: 2px 0px 2px 15px;







	margin: 2px 0;







	}























#wp-calendar {







    padding: 0 10px;







    }







#wp-calendar th {







	font-style: normal;







	text-transform: capitalize;







	color: #555;







	background: #fff;







	}







#wp-calendar caption {







	padding: 2px 4px;







	text-transform: uppercase;	margin: 2px 0 2px 0;







	background: #eef0f4;







	}















#wp-calendar td {







	color: #999;







	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;







	letter-spacing: normal;







	padding: 2px 0;







	text-align: center;







	}















#wp-calendar td:hover, #wp-calendar #today {







	background: #eef0f4;







	color: #555;







	}







	







#wp-calendar {







	empty-cells: show;







	font-size: 14px;







	margin: 0;







	font-weight: bold; 







	width: 100%;







	}























/* FOOTER */















#footer {







	background: #FF6600;







	padding: 22px;







	text-align: center;







	color: #fff;







	font-size: 11px;







	}















#footer a {







	color: #fff;







	} 















#footer a:hover {







	text-decoration: none;







	} 







	







#footer2 {







	color: #395c74;

	background-color:#191919;



	font-size: 11px;



	text-align: left;



	padding-left: -10px;







	}







    	







#footer2 a {







	color: #395c74;







    text-decoration: none;







	} 







	







/* COMMENTS */















#comments h3 {







	margin-bottom: 10px;	







}















#commentform input {







	width: 170px;







	padding: 2px;







	margin: 5px 5px 1px 0;







	}















#commentform {







	margin: 5px 10px 0 0;







	}







	







#commentform textarea {







	width: 100%;







	padding: 2px;







	}







	







#respond:after {







		content: "."; 







	    display: block; 







	    height: 0; 







	    clear: both; 







	    visibility: hidden;







	}







	







#commentform #submit {







	margin: 0 0 5px auto;







	float: right;







	}















.alt {







	margin: 0;







	padding: 10px;







	}















.commentlist {







	padding: 0;







	text-align: justify;







	}















.commentlist li {







	margin: 15px 0 10px;







	padding: 5px 5px 10px 10px;







	list-style: none;















	}







	







.commentlist li ul li { 







	margin-right: -5px;







	margin-left: 10px;







}















.commentlist p {







	margin: 10px 5px 10px 0;







}







.children { padding: 0; }















#commentform p {







	margin: 5px 0;







	}















.nocomments {







	text-align: center;







	margin: 0;







	padding: 0;







	}















.commentmetadata {







	margin: 0;







	display: block;







	}







	



.widget_addn{



	position: absolute;



	left: -450px;



	top: -400px;

	background-color:#FFFFFF;



	}

	

	

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

    

#slidetabsmenu {

float:left;

width:100%;

font-size:90%;

line-height:normal;

border-bottom: 1px solid gray;

}



* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/

margin-bottom: 1em;

}



#slidetabsmenu ul{

list-style-type: none;

margin:0;

margin-left: 10px;

padding:0;

}



#slidetabsmenu li{

display:inline;

margin:0;

padding:0;

}



#slidetabsmenu a {

float:left;

background:url(media/tab-left.gif) no-repeat left top;

margin:0;

padding:0 0 0 9px;

text-decoration:none;

}



#slidetabsmenu a span {

float:left;

display:block;

background:url(media/tab-right.gif) no-repeat right top;

padding:3px 14px 3px 5px;

font-weight:bold;

color:#3B3B3B;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#slidetabsmenu a span {float:none;}

/* End IE5-Mac hack */



#slidetabsmenu a:hover span {

color: black;

}



#slidetabsmenu #current a {

background-position:0 -125px;

}



#slidetabsmenu #current a span {

background-position:100% -125px;

color: black;

}



#slidetabsmenu a:hover {

background-position:0% -125px;

}



#slidetabsmenu a:hover span {

background-position:100% -125px;

}

	

INPUT.TEXT{

  font-family:TrebuchetMS;

  font-size:9pt;

  font-weight:bold;

  background-color:#ff6500;

  border-color:336699;

  border-style:inset;

  border-width:2px;

  color:FFFFFF;

} 





.l1{



margin-top:-31px;

}



*html .l1{



margin-top:-23px;

}





#search_box {

    width: 201px;

    height: 31px;

    background: url(images/bg_search_box.gif);

	background-repeat:no-repeat;

}

#search_box #s {

    float: left;

    padding: 0;

   margin: 6px 0 0 6px;

    border: 0;

    width: 159px;

    background: none;

	color: #888888;



}

#search_box #go {

    float: right;

    margin: 3px 4px 0 0;

}



.search_box1 {

    /*width: 201px;

    height: 31px;*/

    background: url(images/bg_search_box1.gif);

	background-repeat:no-repeat;

	

	

	

	color: #888888;

}



.search_boxgo1 {

    float: right;

 /* margin: 3px 4px 0 0;*/

}



.email   {

font-family:Calibri; 



color:#333;

}



.image1   {



background-image:url(images/bg_search_box1.gif);



font:calibri;



color:#333;



}



.nl

{

background-color:#f5f5f5;color:#CCC; border:2px gray;background-image:url(http://surfmobee.com/wp-content/themes/Strownes/images/bg_search_box.gif);



}

*html .nl{

background-color:#f5f5f5;

color:#CCC;

border:1px solid #CFCFCF;

/*border-bottom-color:0px thin #CFCFCF;*/

background-image:url(http://surfmobee.com/wp-content/themes/Strownes/images/bg_search_box.gif);

}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px 0px 0px 10px;
	margin: 0 0 0px 15px;
	display: inline;
	border:0px solid red;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */