/* 

	Theme Name: Lojosports

	Theme URL: 

	Description: Lojosports is a 2-column Widget-ready theme created for WordPress.

	Author: Guna.N

	Author URI: 

	Version: 2.0

	Tags: two-columns, fixed-width, sidebar-widgets, threaded-comments

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php


*/



/*=== Setup ===*/
* { border:0; margin:0 auto; padding:0; outline:none; }
body {  font:13px Arial, Verdana, Helvetica, sans-serif; color:#494949; padding:0; margin:0; background: url("images/main_bg.jpg") repeat-x scroll center top #FFFFFF; }
a { color:#494949; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }
h1, h2 { color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:0 0 1em; }
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em; }
h4 { font-size:1em; margin:0 0 1em; }
p { line-height:1.5em; padding:0 0 1.3em; }
/*=== Layout ===*/
#page { margin:0 auto; padding:0;}
#page img.maain { margin:0; padding:0; }
/*=== Header ===*/
#header { margin:0 auto; padding:0 0 0px; width:980px; }
.header_h2 { padding:20px 0 10px 0; background:url(images/simple_bg.png) bottom no-repeat;}
.header_h2 .flash_slider { width:980px; height:388px; margin:0; overflow:hidden; padding:0; padding-top:30px;}
/*- Logo -*/
.logo { width:431px;  margin:0; padding:0; float:left; }
.logo h1 { background: url(images/logo.jpg) top no-repeat; float:left; text-indent:-9999px; width:431px; margin:0; padding:0; }
.logo h1 a { display:block; height:157px; }
.logo h1 a:hover { text-decoration:none; }
/*=== Navigation ===*/
/* RSS */
.rss { width:220px; float:right; padding:25px 30px 25px 0; margin:10px 0 0 20px; background-image:url(images/likeFB.gif); background-repeat:no-repeat; background-position:143px 80px;  }
.rss ul { list-style:none; margin:0; padding:5px 0 0 0; }
.rss li { display:inline; border-left:1px solid #41d2ed; padding:0 5px; margin:0; }
.rss li.first { border:0; padding:0 5px 0 0; }
.rss li a { font:normal 13px Arial, Helvetica, sans-serif; color:#404040; text-decoration:none; line-height:60px; font-weight:bold; }
.rss li a:hover { text-decoration:underline; }
.rss a.big { text-decoration:none; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; display:block; }
.rss a.big span { color:#41d2ed; font-weight:bold; }
/* Search form */
.search { width:220px; float:right; margin:0; padding:8px 0 0 0; }
#search span { width:205px; display:block; background: url(images/search_bg.gif) left top no-repeat; height:31px; margin:0; padding:0; border:none; }
#search input#s { float:left; width:157px; padding:8px 5px 0 10px; margin:0; border:0; background:none; color:#fff; font:normal 12px/14px Arial, Helvetica, sans-serif; }
#search .btn { float:left; padding:0; margin:0; border:0; width:auto; }
/*- Top Nav -*/
.topnav { float:left; width:550px; margin:0; padding:1px 0;}
.topnav ul { list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 5px; }
.topnav li a { font:normal 14px Arial, Helvetica, sans-serif; color:#fff; display:block; float:left; padding:15px 0;}
.topnav li a span { background:none; padding:15px 15px; }
.topnav li a:hover { color:#fff; background:url(images/r_menu.gif) no-repeat right; }
.topnav li a:hover span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }
.topnav li.current_page_item a { color:#fff; background:url(images/r_menu.gif) no-repeat right; }
.topnav li.current_page_item a span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }
/*- Nav1 -*/
#nav2 { font:normal 14px Arial, Helvetica, sans-serif; padding:0; height:32px;}


#nav {

font:normal 12px Arial, Helvetica, sans-serif; padding:0; height:40px; font-weight:bold; text-transform:uppercase;
	}

	

#nav ul {

	width:980px; float:left; padding:0;

	}

	

#nav li {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;
	
	line-height:40px;

	}

	

#nav li a {

	color: #FFFFFF;

	display: block;

	font: bold 12px Arial,Helvetica,sans-serif;

	font-size: 12px;

    margin: 0 10px;

	padding: 15px 0px 15px 0px;
	
	text-decoration: none;
	
	}



#nav li a:hover, #nav li a:active {

	color: #000000;

	}

	

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

	background: #000000;

	width: 160px;

	color: #CFCFCF;

	float: none;

	font-size: 14px;

	font-weight: normal;

	margin: 0px;

	padding: 7px 10px 7px 10px;

	text-decoration: none;


	}

	

#nav li li a:hover, #nav li li a:active {

	background: #363636;

	color: #FFFFFF;

	}



#nav li ul {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 190px;

	margin: 0px;

	padding: 0px;

	}



#nav li li { 

	}



#nav li ul a { 

	width: 160px;

	}



#nav li ul a:hover, #nav li ul a:active { 

	}



#nav li ul ul {

	margin: -32px 0 0 183px;

	}



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

	left: -999em;

	}



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

	left: auto;

	}



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

	position: static;

	}

	

#nav .current_page_item a {

	background: #FFFFFF;

	color: #333333;

	}

	
/*=== All Columns ===*/
#columns { margin:0 auto; padding:40px 0; width:980px; }
#columns1 { margin:0 auto;  width:950px; background-image:url(images/tabbg.jpg); background-repeat:repeat-y; overflow: hidden;
    min-height: 64px;
    max-height: 100%;
    padding:20px 0px 0px 30px }

/*=== Center Column ===*/
#centercol { float:left; width:487px; padding:0; }
#centercol .box { background:#fff; border:1px solid #919191; padding:0px; }
/*=== Right Column ===*/
#rightcol { float:right; width:483px; padding:0; }
#rightcol .box { background:none; border:1px solid #919191; padding:0px; margin-top:12px;}
.small_link { padding:5px 0; text-align:center; margin:0 auto; }
.small_link a { color:#959595; text-decoration:none; }


/*=== singing Right Column ===*/
#centercol1 { float:left; width:630px; padding:0; }
#centercol1 .box { background:#fff; border:1px solid #919191; padding:0px; }

#rightcol1 { float:right; width:300px; padding:0; }
#rightcol1 .box { background:none; border:1px solid #919191; padding:0px; margin-top:25px; margin-right:30px;}

#rightcol2 { float:right; width:400px; padding:0; }
#rightcol2 .box { background:none; border:0px solid #919191; padding:0px; margin-top:25px; margin-right:30px;}



/*- Post Excerpt 1-*/ 
.post-excerpt1 { padding:5px 0 0 20px; display:table; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:19px;color:#000; margin:0; line-height:1.8em; }
.post-excerpt1 a { color:#000; text-decoration:underline; font-size:14px;}
.post-excerpt1 a link { color:#000; text-decoration:underline;}
.post-excerpt1 a visited { color:#000; text-decoration:underline;}
.post-excerpt1 a hover{ color:#26b1cf; text-decoration:underline;}
.post-excerpt1 span { color:#FF0000; padding:0px 0px;}

/*- Post Excerpt 2-*/ 
.post-excerpt2 { padding:5px 0 0 20px; display:table; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:28px;color:#000; margin:0; line-height:28px; }
.post-excerpt2 a { color:#000; text-decoration:underline; font-size:14px;}
.post-excerpt2 a link { color:#000; text-decoration:underline;}
.post-excerpt2 a visited { color:#000; text-decoration:underline;}
.post-excerpt2 a hover{ color:#26b1cf; text-decoration:underline;}
.post-excerpt2 span { padding:0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; font-weight:normal;}







/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%; }
.col1, .col2 { float:left; width:285px; }
.col2 { float:right; }
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px; }
/*- Post Title -*/
.post-title { padding:0; margin:0; padding-left:20px; background-color:#FF0000;}
.post-title h2 { margin:0; padding:5px 0px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px;color:#fff;}
.post-title h2 a { display:inline; padding:0; margin:0; color:#FFFFFF; text-decoration:none; }
/*- Post Title1 -*/
.post-title1 { padding:0; margin:0; padding-left:20px; background-image:url(images/tit.gif); background-repeat:repeat-x;  height:33px;}
.post-title1 h2 { margin:0; padding:5px 0px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px;color:#fff;}
.post-title1 h2 a { display:inline; padding:0; margin:0; color:#2c2c2c; text-decoration:none; }
/*- Post Title2 -*/
.post-title2 { padding:0; margin:0; padding-left:20px; height:33px;}
.post-title2 h2 { margin:0; padding:5px 0px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px;color:#000;}
.post-title2 h2 a { display:inline; padding:0; margin:0; color:#2c2c2c; text-decoration:none; }


/*- Post Excerpt -*/ 
.post-excerpt { padding:5px 0 0 0; display:table; font-weight:normal; font-family:"myriad Pro"; font-size:14px;color:#474747; margin:0; line-height:1.8em;}
.post-excerpt a { color:#26b1cf; text-decoration:underline;}
.post-excerpt span { color:#FF0000; padding:0px 0px;}
/*- Post Lists -*/
.post ul, .post ol { margin:0 0 1.5em; }
.post ul li { background:url(images/ico-list.gif) no-repeat 0 6px; margin:0 0 .4em; padding:0 0 0 10px; }
.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em; }
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:11px; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { font: normal 12px Arial, Helvetica, sans-serif; padding:20px 0 15px 20px; margin:0 0 5px 80px; color:#fff; background:url(images/links_bg.gif) top no-repeat;}
.social-links span { padding:5px 10px;}
.social-links a { color:#fff; font-weight:bold; text-decoration:none; }
.social-links a:hover { text-decoration:underline; }
/* post-commets */
.post-commets { width:77px; height:57px; padding:10px 0 0 0; float: left; background: url(images/post_comments_bg.gif) left no-repeat;  margin:0 15px 10px 0; text-align:center; font: bold 30px Arial, Helvetica, sans-serif; color:#fff; }
.post-commets a { color:#fff; text-decoration:none;}
/*- Related Posts -*/
/*- Post Date -*/
.post-date { margin:0 10px 0 0; float:left; width:90px; }
.post-date a { float:left; font: normal 36px Arial, Helvetica, sans-serif; color:#323232; border-right:1px solid #dadada; padding:3px 10px 3px 0;}
.post-date span { float:right; font:bold 14px Arial, Helvetica, sans-serif; color:#dadada; padding:10px 0 0 0;}
/*- Post Comments -*/
.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; }
.post-comments .fr { width:500px; }
/*- Widget Title - */
.wtitle { padding:0; margin:0; }
.wtitle h2 { padding:5px 0; margin:0; font:normal 24px Arial, Helvetica, sans-serif; color:#2c2c2c;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0 0 10px 0; padding:0px 0px; }
.box .content { height:1%; padding:0; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li { background:url(images/ico-list1.gif) no-repeat 0 1.1em; border-bottom:1px solid #e7e7e7; height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:470px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:470px; font-family:Verdana; }
.message .submit { float:left; }
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif); }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0 auto;  background:#fff; padding-left:5px; padding-bottom:5px; }
.pic.fl img { margin:5px 15px 0 0; }
.pic.fr img { }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; max-width:40px; }
.ads img { margin:5px 2px 5px 0; }
.widget_flickrRSS img { margin:5px 5px 5px 0; }
.widget_flickrRSS img { border:1px solid #cfcfcf; }
.box .ac img { border:0; margin:0; }
/*=== Footer ===*/
#page_bottom { background: #303030 url(images/footer_bg.gif) top repeat-x;}
#footer { color:#fff; width:980px; text-decoration:none; font:normal 13px Arial, Helvetica, sans-serif; margin:0 auto; padding:25px 0; }
#footer a { color:#fff; font-weight:normal; }
#footer span { color:#fff; }
#footer .text2 { padding:15px 20px; float:right; text-align:right; }
#footer .text { padding:15px 20px; float:left; }
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.noBorder { border:0; }
.font-sm { font-weight:normal; }
.white { color:#FFF; }


#banner-top{ width:484px; height:325px; float:left }
#numbers{margin:290px 20px 0 350px; font-size:11px; font-weight:bold;}
.arr-select, .unselect:hover{ background:transparent url(images/select.png) bottom no-repeat scroll; width:20px; height:20px; float:left; color:#000; text-align:center;}
.arr-select a, .unselect:hover a{display:block; color:#000; line-height:20px;}
.unselect{ background:transparent url(images/unselect.png) bottom no-repeat scroll; width:20px; height:20px; float:left; text-align:center;}
.unselect a{display:block; color:#333; line-height:20px;}
.arr-select a:hover, .unselect a:hover{text-decoration:none;}





/* CSS Document */

#contact_list1
{
position:relative;
height:250px;
width:906px;
overflow:hidden;
z-index:1;
}


/*-------------SLIDE AREA---------------*/
#slide-area{height:312px; border:#919191 solid 1px; background-color:#f8f7f7; width:980px; font-family:"Myriad Pro"; }
.arr-left{width:32px; margin:0px 5px 0 0px; padding-top:125px; float:left; background-color:#aeaeae; height:188px; }
.slide-center{float:left; width:906px; margin:12px 0;}
.arr-right{width:32px; margin:0px 0px 0 0px; padding-top:125px; float:right; background-color:#aeaeae; height:188px;}

.slide-content{width:278px; float:left; padding-right:6px; }
html>body .image-frame{width:164px; height:204px; background:transparent url(../images/photo-frame.png) no-repeat center scroll; display:block; float:left;}
.frame-txtarea{margin:0 0 0 0px;}
.frame-txtarea h5{color:#900; font-size:12px; padding-top:0px;}
.frame-txt1{font-size:11px; color:#333;}
.image{width:164px; height:214px; margin:0px; text-align:center;  }
.frame-txtarea a:link, .frame-txtarea a:visited{font-size:12px; color:#C33;float:right;}
.frame-txtarea a:hover{color:#333;float:right;}
/*-------------SLIDE AREA Ends---------------*/

