/*

	Theme Name: xarop960a

	Theme URI: http://xarop.com

	Description: SocialMedia simple elegant wordpress theme made from 960 gird system framework. Design by <a href="http://xarop.com" title="SocialMedia web design">xarop.com</a>

	Version: 1.0

	Author: xarop

	Author URI: http://xarop.com/

	Tags: three column, red, jquery, white, 960, 960gs, socialmedia, twitter

*/



/*	RESET

-------------------------------

*/



@import url('960gs/reset.css');

@import url('960gs/text.css');

@import url('960gs/960.css');



/*@import url('css/jquery.jcarousel.css');*/



/*	BASIC

-------------------------------

*/


#base { }

body { color:#555555; font-family:'Lucida Sans Unicode', 'Trebuchet MS', 'Verdana', 'Arial'; font-size: 12px; height:100%; padding:0; margin:0;background:#E3E3E3 url(images/bg.png) repeat-x;}





/*	GLOBAL

-------------------------------

*/



.rounded { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.left { float:left; }

.right { float:right; }

.more {font-size:11px;}

.highlight { background-color:#ffffdd; }

a { text-decoration:none; color:#0077ff; }

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

blockquote { color:#ccc; margin-left:10px; padding-left:10px; border-left:3px solid #ddd; }



/*	HEADER

-------------------------------

*/



#header {height:85px; color:#EEC0BF;margin-top:4px;}

/*## branding ##*/

#branding { }

#branding .blog-head span.blogdescription { display:block; padding-left:10px; padding-top:25px; font-size:12px; float:left; }

#branding .blog-head h1.blogtitle { font-size: 26px; margin:0px; padding-left:0px; padding-top:10px; display:block; float:left;}

#branding .blog-head a { color: #FFF; text-decoration:none;  }

/*## navigation ##*/

#topmenu {height:25px; }

#topmenu ul {margin:0; padding:0; }

#topmenu ul li { list-style:none; float:left; padding:0; margin:0; }

#topmenu ul li a { display:block; float:left; height:8px; padding:7px 10px 10px 10px;  color:#EEC0BF; font-size:12px;  text-decoration:none; }

#topmenu ul li a:hover { color:#FFF; background: #880400;}

#topmenu .rssfeed { margin-top:2px; margin-bottom:8px; }

#topmenu .rssfeed a { color:#E6E6E6; text-decoration:underline;  font-size:11px; display:block; background:url(images/feed.png) no-repeat 0 0px; padding-left:20px; padding-right:10px; }

	



#path {font-size:10px; margin:4px; color:#333;}

#credits { font-size:12px; border-top:#CCC solid 1px; margin-top: 20px; margin-bottom:20px; color:#999; padding:10px;}



.navigation {font-size:10px;border-bottom:1px dotted #E7E7E7;  background:#F8F8F8; margin:2px; height:20px; }

.navigation .alignleft , .navigation .alignright {border:0px;}

.navigation a, #path a, #credits  a {text-decoration:none; color:#666;}

.navigation a:hover, #path a:hover, #credits  a:hover {color:#000;}







	



/*	MAIN

-------------------------------

*/



#main { margin:0px; padding:0px; border-bottom: 2px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-top: 2px solid #CCCCCC;background:url(images/main-bg.png) repeat-y; height:100%; }

/*## posts ##*/

#posts {}

/*## sidebar ##*/

#sidebar {}





/*	CONTENT

-------------------------------

*/



#content{ padding:0px; margin:0px; width:475px; float:left;  height:100%; }



#col1 {float:left;   width:160px; padding:0px;  margin:0px;  height:100%;  }



#col2 {float:left; width:320px; padding:0px; margin:2px; height:100%; }

	

/*	POSTS

-------------------------------

*/



#posts {}

#posts .post { margin-bottom:30px; padding:0px;  border-bottom:#E3E3E3 solid 1px;}

/*## post title / headline title ##*/

.post h2.post-title { font-size: 26px; color: #D91101; margin:0; padding:5px 0 0 10px;  border-bottom:#E3E3E3 solid 1px;}

.post h3.post-title { font-size: 16px; margin:0; padding:5px 0 0 10px;  border-bottom:#E3E3E3 solid 1px;}

.post-title a { color:#D91101; text-decoration:none; }

.post-title a:hover { background:#D91101; color:#FFF;}

.headline h2 { color:#0077ff; }

/*## post image ##*/

.post .post-image { margin-bottom:10px; padding:3px; border:1px solid #d9d9d9; }

/*## post meta ##*/

.post .post-meta { padding:0 0 0 10px; font-size:11px;   color:#999999; border-bottom:#E3E3E3 dotted 1px;  background:#F8F8F8;}

.post-meta ul, .post-meta ul li { margin:0; padding:0; list-style:none; }

.post-meta ul li { float:left; padding:2px 18px; }

.post-meta ul li.time { background:url(images/date.gif) no-repeat 0 2px; }

.post-meta ul li.category { background:url(images/folder.gif) no-repeat 0 2px; }

.post-meta ul li.comment { background:url(images/comment.gif) no-repeat 0 2px; }

.post-meta ul li.tags { background:url(images/tag.png) no-repeat 0 2px; }

.post-meta ul li a { color:#666666; text-decoration:none; }

.post-meta ul li a:hover { color:#000; }

/*## post content ##*/

.post .post-content {  font-size:13px; padding:10px;  border-bottom:#E3E3E3 dotted 1px; color:#000; line-height:22px;}

/*## post bottom ##*/



.post-related { padding:10px; margin:10px; border:#E3E3E3 2px solid; background:#F8F8F8; font-size:13px;}

.post-related h3, .sociable h3,#comments h3, #respond h3 { margin:0; padding:0; font-size:14px; color:#999;}

.post-related ul { margin:0; padding:10px; list-style:none; }

.post-related ul li { margin:0 0 0 5px; padding:2px 0 0 12px; background:url(images/arrow.png) no-repeat 0 8px; }

.post-related a { text-decoration:none; }



/* extra */

#posts .strip { padding:12px 0 0 0; background:none; border:0; }

.strip .strip-head { border-bottom:3px solid #252e28; padding-bottom:4px; }

.strip .heading { font-size:20px !important; color: #252e28;  letter-spacing: -1px; margin:0; padding:0;  }

.strip .strip-body { padding:10px 0 0 0; }

.strip-body .left { width:400px; }

.strip-body .right { width:220px; text-align:right; }

.strip-body .left .heading { background:url(images/arrow.png) no-repeat 0 10px; padding-left:15px; }

.strip-body .comment-count { font-size:20px !important; color: #252e28;  letter-spacing: -1px; margin:0; padding:0;  }

.comment-count a { color:#c9c9c9; text-decoration:none; }

.add468 {border-top:#E3E3E3 1px solid;border-bottom:#E3E3E3 1px solid; padding:4px;}

.linkimg img { margin:0 6px 0 0;}


/*	COMMENTS

-------------------------------

*/
#comments { padding:5px; margin: 5px; }

#comments .comment { border-bottom:1px solid #dcdcdc; padding-bottom:20px; padding-top:20px;}

#comments .comment-author { font-size:16px; color:#999;}

#comments .comment-meta { padding:0 0 0 10px; font-size:11px;   color:#999999; border-bottom:#E3E3E3 dotted 1px;  background:#F8F8F8;}

#comments ol  {list-style:none; margin:0; padding:0;}



/*	SIDEBAR

-------------------------------

*/

#sidebar {}

#sidebar .widget { margin-bottom:10px; }

#sidebar .strip { background:none; border:0; padding:0; }	

#sidebar .widget h2, #footer .widget h2 { font-size: 14px; color: #D91101; margin:0; padding:4px 8px;  border-bottom:1px solid #dcdcdc; }

#sidebar .widget ul, #footer .widget ul { margin:0; padding:5px 0 10px 0; list-style:none; }

#sidebar .widget ul li, #footer .widget ul li { margin:0 10px 0 10px; padding:5px 0 5px 5px;}

#sidebar .widget ul li a, #footer .widget ul li a { text-decoration:none; color:#666;}

#sidebar .widget ul li a:hover, #footer .widget ul li a:hover { color:#000; }

#col2 #sidebar .widget ul li a { text-decoration:none; color:#06C;}

#col2 #sidebar .widget ul li a:hover { text-decoration:underline; color:#DD1303; }

/* tabs */

#sidebar .widget div.textwidget { padding:8px 15px; }

#sidebar .widget ul.tabnav { padding:8px 15px;  border-bottom:1px solid #dcdcdc; }

#sidebar .widget ul.tabnav li { background:none; margin:0px 2px 0px 2px; padding:0; float:left; position:relative; }

#sidebar .widget ul.tabnav li a { font-size: 14px; color: #666666 !important; font-weight:bold; text-decoration:none; }

#sidebar .widget ul.tabnav li a.selected {color:#DD1303 !important;} 

#sidebar .widget ul.tabnav li a:hover{color:#000000 !important; text-decoration:none;} 

#sidebar .widget ul.tabnav li .arrow-down { display:none; width:16px; height:9px; background:url(images/arrow-down.png) no-repeat top left; position:absolute; left:30px; bottom:-17px; color:#F00;}

.arrtab2 { left:15px !important; color:#DD1303; font-size:36px; }

.arrtab3 { left:10px !important; }

.selected {color:#DD1303; font-size:36px;} 

/* popular */

#tab1 { padding-top:10px; padding-bottom:10px; }

.popularbox { padding:12px 10px 5px 10px; }

.popularbox .popular-thumb { padding:4px; border:1px solid #dcdcdc; }

.popularbox .popular-meta { width:190px; padding-left:10px; padding-top:5px; }

.popularbox .ptitle { border:0 !important; font-size:14px !important; margin:0 !important; padding:0 !important; }

.ptitle a {  }

.popularbox .ptime { color:#c9c9c9; }

/* ads */

#sidebar .ads { margin:0 20px 0 0; background:none; border:0; }

.ads125box { height:125px; width:125px; background:none; border:#CCC solid 1px; margin:20px 0 0px 20px; float:left;}

.ads125box img { border:0; }

/* subscription */

#sidebar .strip h2.subscription { border:0; margin:0; padding:10px 0 0 44px; height:26px; font-size:12px; border-bottom:1px dotted #E3E3E3;}

#sidebar .strip h2.rss { background:url(images/sm-icons/rss_32.png) no-repeat 8px 4px; }

#sidebar .strip h2.email { background:url(images/email_32.png) no-repeat 8px 4px; }

#sidebar .strip h2.twitter { background:url(images/sm-icons/twitter_32.png) no-repeat 8px 4px; }

#sidebar .strip h2.buzz { background:url(images/sm-icons/buzz_32.png) no-repeat 8px 4px; }

#sidebar .strip h2.linkedin { background:url(images/sm-icons/linkedin_32.png) no-repeat 8px 4px; }

#sidebar .strip .subscription a { color:#666666; text-decoration:none; }

#sidebar .strip .subscription a:hover { color:#000; }

		

/*	FOOTER

-------------------------------

*/



#footer .widget { width:210px; margin-right:15px; margin-leftt:20px;}







	

/*	EXTRA > PAGENAVI

-------------------------------

*/



.wp-pagenavi { margin:10px 0 10px 0;  font-size:10px;  text-align:center;}

.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #ccc; background-color: #fff; }

.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #ccc; background-color: #fff; }

.wp-pagenavi a:hover { border: 1px solid #999; color: #FFF; background-color: #666; }

.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #413f36; background-color: #fff; }

.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #ccc; color: #413f36; background-color: #fff; }

.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #999; color: #666; background-color: #CCC;font-weight:bold; }

.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #ccc; color: #FFF; background-color: #6b9e8e; }



/*	EXTRA > WORDPRESS CSS

-------------------------------

*/



.alignnone {

	border:1px solid #e7e7e7;

   padding:4px;

}



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

   border:1px solid #e7e7e7;

   padding:4px;

}



.alignleft {

   float: left;

   border:1px solid #e7e7e7;

   padding:4px;

   margin-right:10px;

}



.alignright {

   float: right;

   border:1px solid #e7e7e7;

   padding:4px;

   margin-left:10px;

}



.wp-caption {

   border: 1px solid #e7e7e7;

   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;

}









/*	DROPDOWN SUBMENU

-------------------------------

*/



.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}

.sf-menu {line-height:1.0;}

.sf-menu ul {position:absolute;top:-999em;width:15em; /* left offset of submenus need to match (see below) */}

.sf-menu ul li {width:100%;}

.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li {float:	left;position:relative;}

.sf-menu a {display:block;position:	relative;}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.7em; z-index:	99;}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:	-999em;}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:15em;top:0;}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:15em; top:0;}



/*## dropdown skin ##*/

.sf-menu a, .sf-menu a:visited  {color:#666;background:#BC0300;}

.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; }

.sf-menu ul {border:1px solid #d4d4d4;border-top:none;	}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {top:27px; }

.sf-menu ul ul {margin-top:0;	}

.sf-menu ul a {border-bottom:0 !important;border-top:1px solid #d4d4d4;background:#BC0300;}

.sf-menu ul a:hover {color: #FF4B33;}