/*

Theme Name: Swiminfo
Theme URI: http://swiminfo.co.nz

Description: 3 column theme created for swiminfo.co.nz from panorama 2 column theme, compatible with WP2.8 and threaded-comments - add your own header image - 6 backgrounds, left or right sidebar, link/hover colors, jQuery dropdown page menu, and twitter badge all fully customizable - licenced under the GPL. Language localization supported, DA, AR, DE, FR, IT, NL, ES, TR. testing


Tags: fixed-width, three-columns, white, theme-options, threaded-comments

Author: tamilsweet

Version: 1.0

Author URI: http://tamilg.in/















Parent Theme: Panorama







Parent Theme URI: http://themocracy.com/2009/04/panorama-free-wordpress-theme/







Parent Theme Version: 2.1







Parent Theme Author: Themocracy







Parent Theme Author URI: http://themocracy.com/







*/























body {



/* the main middle page content*/



margin: 0;





padding: 0;  







color: #222222; /*text colour main middle section */







text-align:center;







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







font-size: 100.1%;









}























#wrapper{







width: 1000px;







margin: 0px auto;







padding: 0px;







text-align:left;







font-size: 78%;







line-height:20px;







}























#header{







height: 24px;







padding: 0 0 0 20px;







margin: 0;







}	







 







#container{







padding: 0 21px 0 20px;







}















#headerimage{





height:193px;


/* height:140px; */







}















#topmenu{

/* background for the behind the top image */





margin:0;







padding:7px 0 0 0;


background: #06005A;


}







		







#content{

/* backgound of the whole site */

background: ffffff;



clear:both;







margin: 0px;







padding: 10px 0 0 0;







}	























#footer {







clear: both;







margin: 0;







padding: 0px 20px 14px 20px;







text-align: center;







font-size: 90%;







}















#footer-inner{

/* bottom footer background colour and image */





background: #transparent;







height: 175px;







border: 0px solid #transparent;

background: ffffff;


/*background: url("images/backgroundbottom.jpg");*/



}















#footer p{







margin:0;







padding:15px 0;







}















#navigation{







padding: 5px 15px;







}















#navigation div.fleft{







float:left;







}















#navigation div.fright{ 







float:right;







}















#credit{







text-align:right;







padding: 0 15px;







}















#credit p{







margin:0;







font-size:85%;







}















#credit p a, #credit p a:hover{







font-weight:100;







text-decoration:none;







}















/*  ********** default styles *********** */















p, h1, h2, h3, h4, h5, h6{







margin: 10px 0;







padding: 0;







}















h1, h2, h3, h4, h5, h6 {







font-family: tahoma, arial, helvetica, sans-serif;







}















h1{







	font-size: 190%;







}







h2{







	font-size: 160%;







}







h3{







	font-size: 120%;







}







h4{







	font-size: 110%;







}







h5{







	font-size: 100%;







}







h6{







	font-size: 70%;







}























a{







font-weight:800;







text-decoration:none;







}







a:hover{







text-decoration:underline;







}















a img{







border:0px;







}















hr{







height:2px;







margin:5px 0;







border-bottom: 1px solid #cccccc;







border-top: 1px solid #ccc;







}























blockquote{







padding: 10px 35px 5px 35px;







margin: 3px 30px;







background: #f4f4f4  url("images/quotes.gif") top left no-repeat;







-moz-border-radius: 3px;







-khtml-border-radius: 3px;







-webkit-border-radius: 3px;







border-radius: 3px;







}























form{







margin: 0;







padding:0;







}















fieldset{







padding:10px;







margin:0;







border:none;







}















legend{







font-weight:800;







}















code{







font-size: 95%;







font-family: "Courier New", Courier, monospace;







}















td{







 vertical-align:top;







}















.aligncenter,







div.aligncenter {



/* colour around the Photo on the middle section */



   display: block;







   margin-left: auto;







   margin-right: auto;







}















.alignleft {







   float: left;







	 margin: 0 10px 0 0;



  



}















.alignright {







   float: right;







	 margin: 0 0 0 10px;







}























.wp-caption {



/* boarder around the photo on main middle section */



   border: 1px solid #transparent;







   text-align: center;







   background-color: #transparent;







   padding-top: 4px;







   margin: 5px 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;







}















/* Tabs  */















.horizmenu{







width: 100%;







line-height:16px;




background: #0099FF;


/*background: url("images/test2.gif") center;*/







float:left;







font-size:95%;







}















.horizmenu a{







font-weight: 100;







}















.horizmenu ul{







margin: 0;







padding: 0;







list-style-type: none;







}















.horizmenu ul li{







position: relative;







display: inline;







float: left;







}















.horizmenu ul li a{







display: block;





background: #0099FF;

/*background: url("images/test2.gif") center;*/







padding: 8px 15px;







border-right: 1px solid #000000;







color: #0099ff;







text-decoration: none;







}















* html .horizmenu ul li a{ 







display: inline-block;







}















.horizmenu ul li a:link, .horizmenu ul li a:visited{







color: #000000;







}















.horizmenu ul li a:hover{


/* buttons for top when it hovers over- currently green*/




background: #18FF00; 







color: ffffff;







}















.horizmenu ul li a:hover, .horizmenu ul li ul li a:hover{







 text-decoration:none;







}















.horizmenu ul li.current_page_item a, .horizmenu ul li.current_page_item ul li a{







color:black;







background: #99ffff;







}















.horizmenu ul li ul{







position: absolute;







left: 0;







display: block;







visibility: hidden;







}















.horizmenu ul li ul li{







display: list-item;







float: none;







}















.horizmenu ul li ul li ul{







top: 0;







}















.horizmenu ul li ul li a{







width: 150px; 







padding: 5px 8px;







margin: 0;







border-top-width: none;







border-bottom: 1px solid #f2f2f2;







}















.horizmenu ul li ul li a:hover{ 

/* buttons hover when you move down the button hover */





background: #18FF00;







color: ffffff;







}















.downarrow{







position: absolute;







top: 12px;







right: 7px;







}















.rightarrow{







position: absolute;







top: 9px;







right: 5px;







}































/* Headings */ 























#surheader{







color:white;







text-align:right;







padding: 0 14px 0 0;







}















#surheader p{







margin: 4px 0;







}















#surheader a{







color:white;







font-weight:100;







}















form#searchform2{







display: block;







float:right;







margin: 35px 14px 0px 5px;







}















#header h3{

margin:  0;

padding: 0 0 0 5px;

}





#header h3 a{

font-weight:100;

color: #ffffff;

text-decoration: none;

font-size: 50%;

line-height:28px;

}





#header h3 a:hover{

color: #ffffff;

text-decoration: none;

}





#header h2 a{

margin: 0;

padding: 10px 0 5px 20px;

font-weight:800;

font-family:  arial, verdana, sans-serif;

color: #ccccccc;

font-size: 100%;

letter-spacing: 1px;

}















h2#sectiontitle{

font-size:140%;

font-weight: 100;

padding: 6px 6px 6px 10px;

margin: 1px 5px 10px 5px;

background: #cccccc;

color: #444;

}















/* post styles */















.post{



/* background for all the post in the middle section */



margin: 0px 15px 18px 15px;







padding: 10px 0px;





background: #transparent;

/* background: #ffffff url("images/dots.gif") bottom left repeat-x; */







}















.entry{







margin: 0;







padding: 0px 10px 3px 10px;







}















.post h2 {



/* text colour on middle section and background colour for top heading */



color: #1E1E1E;







font-size: 165%;







font-weight:100;







padding: 0 0 5px 5px;







margin: 5px 0 5px 0;







background: #transparent url("images/dots.gif") bottom left repeat-x;







}























.post h2 a{







color: #333;







text-decoration:none;







font-weight:100;







}















.post h2 a:hover{







text-decoration:none;







color: #333;







}















.postmetadata{







font-size:90%;







padding: 1px 8px 1px 5px;







margin: 0;







background: #f5f5f5;







border-left: 3px solid #eee;







border-right: 3px solid #eee;







}















.postmetadata p{







line-height: 18px;







padding: 0;







margin: 2px 0;







}















.authormeta{







font-size:90%;







padding: 0px;







margin: 0;







}















.commentsmeta{







float:right;







font-size:90%;







padding: 0px;







margin: 0;







}















/* Comments > WordPress 2.6 */















ol.commentlist {







list-style:none;







margin:0;







padding:0; 







text-indent:0;







}















ol.commentlist li { 







border:1px solid #d3d3d3;







border-radius:5px;







-moz-border-radius:5px;







-webkit-border-radius:5px;







height:1%; 







margin:0 0 10px;







padding:5px 7px 5px 57px;







position:relative;







}















ol.commentlist li div.comment-author {







padding:0 160px 0 0;







}















ol.commentlist li div.vcard {







font:800 12px/1.9  verdana, arial, helvetica, sans-serif;







}















ol.commentlist li div.vcard cite.fn {







font-style:normal;







}















ol.commentlist li div.vcard cite.fn a.url {







text-decoration:none;







}















ol.commentlist li div.vcard img.avatar { 







border:2px solid #eee; 







top:7px;







left:7px; 







position:absolute;







}















ol.commentlist li div.comment-meta {







font:100 11px/1.9 verdana, arial, helvetica, sans-serif;







position:absolute;







top:5px;







right:10px;







text-align:right;







}















ol.commentlist li div.comment-meta a {







color:#333;







text-decoration:none;







}















ol.commentlist li p {







font:normal 12px/1.5 verdana, arial, helvetica, sans-serif;







margin:0 0 1em;







}







ol.commentlist li ul {







font:normal 12px/1.4  verdana, arial, helvetica, sans-serif;







list-style:square;







margin:0 0 1em;







padding:0;







text-indent:0;







}















ol.commentlist li div.reply {







color:#374C76;







font:bold 12px/1.4 verdana, arial, helvetica, sans-serif;







}















ol.commentlist li div.reply:hover {







color: black;







}















ol.commentlist li div.reply a {







text-decoration:none; 







}















ol.commentlist li ul.children {







list-style:none;







margin:1em 0 0;







text-indent:0;







}







  







ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 {







margin:0 0 .25em;







}















ol.commentlist li.even {







background:#fff;







}







ol.commentlist li.odd {







background:#f3f3f3;







}















ol.commentlist li.pingback div.vcard {







padding:0 160px 0 0;







}















#respond h3, h3#comments, h3#postcomment{







font-size: 105%;







font-family: verdana, arial, helvetica, sans-serif;







margin: 10px 0;







}















.replysubmit{







background:#ddd;







border:1px solid #aaa;







padding:2px 10px;







text-align:center;







-moz-border-radius: 3px;







-khtml-border-radius: 3px;







-webkit-border-radius: 3px;







border-radius: 3px;







}















/*  Legacy Comments < WordPress 2.7  */















ol#lcommentlist{







padding: 0 0 0 20px;







font-size: 90%;







list-style-type: none;







}















ol#lcommentlist li{







padding: 0px 3px;







margin: 0;







}















ol#lcommentlist li p.commentheader{







margin: 0px 0 0px 0;







display: block;







padding: 1px 5px;







}























ul#lcommentlist{







padding: 0;







margin:0;







list-style-type:none;







}















ul#lcommentlist li{







display: block;







padding: 0;







margin: 0 15px 5px 15px;







font-size:90%;







background: #f2f2f2;







}















ul#lcommentlist p{







margin: 6px 0;







}















ul#lcommentlist li div.comm{







margin: 1px;







padding: 1px;







}















ul#lcommentlist li div.gravatar {







	width:50px;







	float:left;







	padding: 10px 0 0 10px;







}















ul#lcommentlist li div.gravatar img{







border: 2px solid #cccccc;







}















ul#lcommentlist li div.commenttext{







padding: 0;







margin:5px 10px 5px 65px;







}















ul#lcommentlist li div.commenttext div.commentwrapper{







margin:0 0 0 5px;







padding: 3px 8px;







}































/*  sidebar styles */























.menu{







padding:0;







font-size:95%;







}















.menu a{







font-weight: 100;







}















.menu a:hover{







text-decoration:none;







}















.menu ul{







margin:0;







padding:0;







list-style-type:none;







}















.menu ul li.widget{







padding: 2px;







margin:0 0 10px 0;







}















.menu ul li.widget ul{







margin: 0;







padding:0;







}















.menu ul li.widget ul li{



/* widgets background colour and text colour */





padding: 3px 0 3px 20px;



text-align: center;



margin:1px 0 0 0;



color: #ffffff;



display:block;







background: #transparent url("images/bullet.gif") no-repeat 4px 8px;







}















.menu ul li.widget h3{



/* buttons for the widgets */



font-size:150%;



text-align: center;



padding:4px 0 4px 7px;







margin: 0 0 2px 0;















font-weight: 100;






background: #ffffff;

/*background: url("images/buttons.jpg") center;*/



border-bottom:0px solid #transparent;







}















.menu ul li h3 a{







color: #333;







font-weight: 800;







}







.menu ul li h3 a:hover{







color: #333;







text-decoration: none;







}















.menu form{







display:block;







margin:0px;







padding:4px;







}















.menu input{







margin:3px 0;







font-size:90%;







}















li.widget #search, li.widget #tags {







display:block;







padding: 2px 5px;







}















/* Calendar styles */







#wp-calendar {







empty-cells: show;







margin: 10px auto 0;







width: 180px;







}















#wp-calendar #next a {







padding-right: 10px;







text-align: right;







}















#wp-calendar #prev a {







padding-left: 10px;







text-align: left;







}















#wp-calendar a {







display: block;







}















#wp-calendar caption {







text-align: center;







width: 100%;







}















#wp-calendar td {







padding: 3px 0;







text-align: center;







}























#search{







background: #555555;







border: 1px solid #b3b3b3;







float: right;







height: 22px;







margin: 30px 15px 0 0;







padding: 0 5px 0 0;







width:234px;







-moz-border-radius: 4px;







-khtml-border-radius: 4px;







-webkit-border-radius: 4px;







border-radius: 4px;







}















* html #search{







margin-right: 8px;







}















#search input{







background: transparent;







border: 0;







float: left;







font-size: 105%;







margin: 2px 0 0;







padding: 1px 2px 2px 10px;







width:198px;







}







#search .searchsubmit{







margin: 3px 0 0 5px;







padding: 0;







width: auto;







}















#footer a{







font-weight: 100;







}















/* Sidebars */















#sidebar_left {







width:10px;



background: #transparent;



float:left;



padding: 0px;



/* border-top: 2px solid #ffffff;

border-right: 2px solid #ffffff;

border-left: 2px solid #ffffff;

border-bottom: 2px solid #ffffff; */



}













/* main content width */

#main {

/* main page behind the posting window */





width: 670px; 



background: #transparent;



float:left;







margin: 0;







padding: 0px;







overflow:hidden;







}













/* sidebar right */

#sidebar {



float:left;



padding: 0;



background: #transparent;



width:270px;







/*margin: 0 0 0 760px;*/







}















#leaderboard {







clear:both;





padding:0px 0 0;







text-align:center;

/*background: url("images/backgroundtop.jpg") center;*/
background: ffffff;





}







#leaderboard #adstrip {







min-height:1px;





/*background: url("images/backgroundtop.jpg") center;*/

background:#transparent; 




/* <img src="images/button2_bottom_safety.jpg" width="255" height="168" align="left" /> */



}