/*   
Theme Name: Swalots-Avenue
Theme URI: /themes/sawp/
Description: Swalots Avenue newest layout that looks professional.
Author: Ronald M
Author URI: http://indecisive.baiorin.com
Version: 1.0
Tags:buddypress
*/
body{
margin:0;
padding:0;
background:#f0f0f0 url(imgs/gradient.png) repeat-x;
font:12px/15px verdana,arial,san-serif;
}
#bg{
margin:0;
padding:0;
height:230px;
background:url(imgs/bgp.png) repeat-x;
}
#bgc{
margin:0 auto;
padding:0;
height:230px;
width:750px;
}
#logo{
margin:0;
padding:0;
background:url(imgs/salogo.png);
width:400px;
height:150px;
float:left;
}
#swalotpic{
width:65px;
height:73px;
background:url(imgs/saicon.png);
float:left;
}
#adblock{
margin:0;
padding:0;
background:url(imgs/blockbg.png);
width:275px;
height:175px;
float:right;
font-size:7pt;
color:#fff;
font-family:verdana;
text-transform:uppercase;
}
#adblock ul{
margin:0;
padding:0;
list-style-type:none;
}
#adblock li{
display:inline;
}
#adblock a{
color:#fff;
text-decoration:none;
}
#adblock a:hover{
text-decoration:underline;
}
#adbanner{
margin:0;
padding:4px 15px 0 10px;
}
#sstuff{
margin:0;
padding:10px 15px 0 10px;
text-align:center;
}
#nav{
font: bold 12px Verdana;
background: #414141;
height:32px;
margin:0 auto;
}
.bordr{
color:#777788;
}
#container{
margin:0 auto;
padding: 10px 0;
width:800px;
line-height:25px;
background:#fff;
}
#container2{
margin:0 auto;
padding: 0;
width:950px;
line-height:25px;
background:#fff;
}
#content{
margin:10px 0;
padding:0 10px;
border-right:1px solid #F3F3F3;
float:left;
width:530px;
background:#fff;
}
#contenthome{
margin:10px 0 0 0;
padding:0 10px;
width:780px;
line-height:25px;
}
#contentpage{
margin:0;
padding:0;
background:#f0f0f0 url(imgs/gradient2.png) repeat-x;
float:left;
}
#contentpage12{
margin:0;
padding:0 10px;
background:#fff;
}
#container3{
margin:0 auto;
padding:0;
width:75%;
line-height:25px;
background:#fff;
}
a.sficon{
color:#fff;
}
#side{
margin:10px 0;
padding:0 10px;
float:right;
width:225px;
background:#fff;
}
#bottom{
margin:0;
padding:0;
clear:both;
background:url(imgs/bottombg.png) repeat-x;
height:335px;
}
#footer{
margin:0;
padding:0;
background:#292929 repeat-x;
height:200px;
clear:both;
}
#newevents{
margin:0;
padding:10px 0;
background:url(imgs/blueg.png) repeat-x;
clear:both;
height:250px;
}

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 800px;
height:30px;
margin:0 auto;
z-index: 1000;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index: 1000;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index: 1000;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
z-index: 1000;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
z-index: 2;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;z-index: 2;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;z-index: 2;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;z-index: 2;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;z-index: 2;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;z-index: 2;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
z-index: 2;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
z-index: 2;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/*
p{
text-indent:50px;
}
*/
.search{
margin:10px 0;
padding:4px;
width:200px;
float:right;
}
#news{
width:800px;
margin:10px auto;
height:240px;
color:#fff;
}
.newsinfo{
width:160px;
padding:0 15px;
float:left;
border-right:1px solid #767993;
height:230px;
}
h6{
font: bold 15px Verdana;
color:#fff;
margin:5px 0;
}
#news a{
color:#fff;
text-decoration:none;
}
#news a:hover{
text-decoration:underline;
}
.rightt{
float:right;
}
#fs{
width:190px;
padding:0 15px;
float:right;
height:230px;
}
#links{
margin:5px auto;
width:790px;
padding:5px;
height:270px;
}
#links a{
color:#fff;
background:inherit;
text-decoration:none;
font-size:10pt;
padding:2px;
margin:0;
display:inline-block;
}
#links a:hover{
background:#323659;
}
#topaffies{
float:left;
padding:5px;
width:250px;
}
#normalaffies{
float:left;
padding:5px;
width:250px;
}
#network{
float:right;
padding:5px;
width:250px;
}
#disclaimer{
margin:10px auto;
padding:30px 5px;
width:790px;
color:#aaa;
font-size:7pt;
}
.disclaimer{
color:#aaa;
text-decoration:none;
}
.disclaimer:hover{
text-decoration:underline;
}
.dislink{
margin:0 30px;
padding:2px;
color:#fff;
font-size:10pt;
text-decoration:none;
}
.dislink:hover{
color:#9c73a7;
text-decoration:none;
}

input,textarea{
margin:5px;
border:1px solid #eee;
padding:6px;
background:#fff;
}

h1{
margin:1px 0;
padding:1px;
font-size:12pt;
font-family:'century gothic';
text-transform: capitalize;
color:#000;
font-weight:100;
}

h2{
margin:3px 0;
text-transform: capitalize;
color:#000;
font:500 28px 'century gothic';
}
h3{
margin:3px 0;
padding:3px;
font-size:13pt;
text-transform: capitalize;
color:#000;
font-weight:100;
}
.date{
color:#c0c0c0;
font-size:12pt;
font-family:'century gothic';
text-transform: capitalize;
font-weight:400;
padding:2px;
margin:1px 0;
text-align:right;
float:right;
}
.date a{
color:#c0c0c0;
text-decoration:none;
}
.date a:hover{
color:#c0c0c0;
text-decoration:underline;
}
.cat{
color:#c0c0c0;
font-size:8pt;
text-transform: capitalize;
padding:2px;
margin:1px 0;
text-align:left;
float:left;
}
span.cat a{
color:#c0c0c0;
text-decoration:none;
}
span.cat a:hover{
text-decoration:underline;
}

.clear{
clear:both;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.nfleft{
float:left;
width:265px;
text-align:left;
}
.nfright{
float:right;
width:265px;
text-align:right;
}

a{
color:#656565;
text-decoration:none;
}
a:hover{
color:#959595;
}


.wp-pagenavi a{
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #6D8BB4;
	color: #8C8C8C;
	background-color: #EFEFEF;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #8C8C8C;
	background-color:#e5e5e5;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #8095BB;
	color: #8C8C8C;
	background-color: #EFEFEF;	
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 0px solid #8095BB;
	color: #8C8C8C;
	background-color:#e5e5e5;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #8095BB;
	color: #8C8C8C;
	background-color: #EFEFEF;	
}



/*hover*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #D5DBEA;
left: -1000px;
padding: 5px;
border: 1px solid #BEC7DE;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 60px; /*position where enlarged image should offset horizontally */
}

a.content{
margin:3px 0;
padding:3px;
color:#c0c0c0;
text-decoration:none;
font-size:9pt;
display:block;
}
a.content:hover{
background:#eee;
}
img{
border:0px;
}
#newevents ul{
list-style-type:none;
}

#newevents input,#newevents textarea{
margin:0;
border:0px solid #eee;
padding:0;
background:inherit;
}
#content tr,#content td, #contenthome tr,#contenthome td{
border:3px dashed #eee;
padding:6px;
margin:10px;
}
a.readmore{ 
    background: url(imgs/readme.png) repeat 0 0; 
    width: 120px; 
    height: 35px; 
    display: block; }

a.readmore span { 
    display: none; }

a.readmore:hover { 
    background: url(imgs/readme.png) repeat 0 -35px; }

a.contentl{
margin:3px 0;
padding:2px;
text-decoration:none;
color:#8c8c8c;
display:block;
}
a.contentl:hover{
background:#fafafa;
}
.linkbuttons{
margin:0 15px;
padding:5px 0 0 0;
float:left;
border:3px dashed #eee;
text-align:center;
}
.error404{
margin:0 auto;
padding:0;
width:450px;
height:523px;
background:url(/imgs/site/404swalots.png);
}
#chatbox{
margin:0 auto;
padding:0;
background:url(imgs/home/chatbox.png) no-repeat;
width:550px;
height:350px;
clear:both;
}
#chatcon{
padding:53px 0 0 32px;
width:499px;
clear:both;
}
#cboxform{
background:transparent;
}
.check{
display:block;
padding:10px 40px 10px 15px;
border:1px solid #26501d;
color:#1d5212;
background:url('imgs/check.png') #e6f0e4 no-repeat right center;
}
.cross{
display:block;
padding:10px 55px 10px 15px;
border:1px solid #6d4242;
color:#781f1e;
background:url('imgs/crossout.png') #f1cfcf no-repeat right center;
}
#updates{
margin:0;
padding:0;
float:right;
width:350px;
height:400px;
background:url(imgs/home/updates.png) no-repeat;
}
#updatescon{
margin:23px 0 0 20px;
width:310px;
height:302px;
}
#updatesbox{
width:310px;
height:302px;
overflow:auto;
}
#updates ul{
list-style-type:none;
margin:0;
}
#updates li{
background:#b6b4b4;
padding:4px;
border-bottom:1px solid #747474;
margin:0;
}
#updates li.op{
background:#979595;
padding:4px;
border-bottom:1px solid #747474;
margin:0;
}

/*start adding new things*/
.blops{
margin:5px;
background:#eee;
border:1px solid #959595;
padding:5px;
float:right;
width:450px;
}
.blopels{
margin:5px;
background:#eee;
border:1px solid #959595;
padding:5px;
}
.right{
text-align:right;
}
h5{
font:600 10pt verdana,arial,san-serif;
color:#111;
border-bottom:1px dashed #111;
}

/**index news**/
#sanews{
margin:0;
padding:0;
border:1px solid #ebebeb;
width:900px;
clear:both;
}
.sah1{
margin:5px;
padding:5px;
background:#393939;
color:#fff;
}
.sanewscontent{
margin:5px 1px 0 5px;
background:#f7f7f7;
padding:5px;
width:699px;
}
.sanewsdate{
margin:5px 5px 5px 0;
background:#f7f7f7;
padding:5px;
width:180px;
}
.newsblockage{
margin:5px 0;
}
#graybiglink a{
color:#565656;
text-decoration:underline;
}
#graybiglink a:hover{
text-decoration:none;
}

#side ul, #side ol{
margin:0;
padding:0;
list-style-type:none;
}
#side li{
margin:2px 0;
padding:3px;
background:#eee;
width:200px;
}
.sfavatar{
margin:2px;
padding:5px;
float:left;
}
.sftagp{
float:right;
}
.twitter_meta{
float:right;
border-top:1px solid #fff;
width:200px;
margin:3px -3px 0 -3px;
text-align:right;
}

