/*
Theme Name: LiquidLight
Theme URI: http://www.alacaesar.com/
Description: Gray grid theme by <a href="http://www.alacaesar.com/blog/">alaCaesar</a>.
Version: 1.0
Author: Alaa Muhammad
Author URI: http://www.alacaesar.com/
Tags: gray, grid, liquid, three columns, widgets
*/

/* Begin Typography & Colors */

html {}
body {
	background:#fff !important;
	font-family:Arial;
	font-size:90%;
	padding:0px 305px 0px 215px !important;
	margin: 0;
}

a{ color:#000; text-decoration:none; outline: none;}
a:hover{ color:#000; text-decoration:underline;}

#parent{}
#windowSizeAlert{ position:fixed; bottom:0px; left:0px;}
.alertText{ background:#e62f26; padding:5px 15px; width:100%; font-size:11px; color:#fff; display:block;}

h2 { font-size:18px; padding:3px 0px; margin:0px; font-weight:normal;}

.cufon { font-size:18px;}
.cufon a{}
.cufon a:hover{}
.cf1 { font-size:30px; letter-spacing:-1px;}
.cf2 a{ font-size:18px; text-decoration:none; border:1px solid transparent;}
.cf2 a:hover{ font-size:18px; text-decoration:none; background:url(images/blackdot.gif) left bottom repeat-x;}
.cf3 a span{ width:155px; display:block; height:19px; font-size:18px; padding:10px 30px 10px 10px; letter-spacing:-1px; background:url(images/button.gif) left bottom no-repeat; color:#fff;}
.cf3 a:hover span{ background:url(images/button.gif) left top no-repeat;}

#left-column{ background:url(images/bg.gif) repeat; height:100%; width:188px; padding-left:22px; padding-top:70px;  position:fixed; top:0px; left:0px; border-right:1px solid #d1d1d1;}
	#logo, #sublinks { padding-left:8px;}
	#mainMenu{ width:200px; margin:70px 0px 5px 8px;}
	#submit{ width:200px; margin:0px 0px 20px 0px;}
	#share{ width:200px; margin:40px 8px;}
		#share a{ display:inline-block; width:23px; height:23px; text-indent:-9999px;}
			#share a.rss-button{ background:url(images/p_rss.gif) left bottom no-repeat;}
			#share a.facebook-button{ background:url(images/p_facebook.gif) left bottom no-repeat;}
			#share a.twitter-button{ background:url(images/p_twitter.gif) left bottom no-repeat;}
			#share a.addthis_button{ background:url(images/p_share.gif) left bottom no-repeat;}
			#share a:hover{ background-position:top;}
	#description{ width:170px; margin:0px 0px 20px 8px; font-size:12px;}
#right-column{ background:url(images/bg.gif) repeat; width:282px; padding-left:18px; padding-top:70px; height:100%; position:fixed; top:0px; right:0px; border-left:1px solid #d1d1d1;}
#slogan{ width:700px; padding:30px 0px;}

#addBookmarkContainer{}

#grid-content {}
.post{
	width:216px; 
	height:310px; 
	background:url(images/postback.gif) 0px 0px no-repeat;
	color:#4c4c4c;
	padding:9px;
	margin:6px 3px 3px 6px;
}
.post div.postLinkOut{ position:absolute; bottom:4px; right:4px; display:none;}

.postOver{
	width:216px; 
	height:310px; 
	background:url(images/postback_over.gif) 0px 0px no-repeat; 
	color:#4c4c4c;
	padding:9px;
	margin:6px 3px 3px 6px;
}

.postOver div.postLinkOut{ position:absolute; bottom:4px; right:4px; display:block;}

.postLinkOut a{ display:inline-block; width:22px; height:22px; text-indent:-9999px; background:url(images/linkout.gif) left bottom no-repeat;}

.postLinkOut a:hover{ background-position:top;}

.postBody{ height:280px;}
.postThumb{ height:190px; position:relative;}
.postThumb img{ border:none}
.postTitle { padding:7px 0px; margin:0px 10px; border-bottom:1px solid #c2c2c2; overflow:hidden;}
.postTitle a{ color:#797979; font-size:13px;}
.postTitle a:hover{}
.postAuthor{ margin:0px 10px; padding:7px 0px 7px 0px; color:#999; font-size:11px;}
	.authorName{ color:#797979;}
.postPanel{ padding:0px 10px;}
.postRate{ width:150px; float:left; font-size:10px;}
.postDate{ font-size:11px; float:left;}
.postFooter{ padding:3px 5px 0px 5px; font-size:10px;}
.postKind{ padding-top:5px; float:left;}
.postShare{ float:right;}
	.postShare a{ display:inline-block; width:20px; height:20px; text-indent:-9999px;}
	.postShare a.share-facebook{ background:url(images/s_facebook.gif) left bottom no-repeat;}
	.postShare a.share-twitter{ background:url(images/s_twitter.gif) left bottom no-repeat;}
	.postShare a:hover{ background-position:top;}
#colorIcons{ margin:30px 13px;}
#colorIcons a img { border:1px solid #ccc; padding:1px; margin:1px;}
#colorIcons a:hover img { border:1px solid #858585; padding:1px; margin:1px;}
#colorIcons ul{ padding:0px; margin:0px;}
#colorIcons li{ float:left; list-style-type:none;}

#archive{ margin:30px 15px; font-size:12px;}



/*////////////////////////////////////*/



#searchHolder{ width:239px; height:41px; background:url(images/searchbg.gif) 0px 0px no-repeat; padding:7px 0px; margin-top:30px; margin-left:8px;}

#tagCloud{ width:230px; padding:30px 15px 0px 15px;}



.search {
float: left;
width: 185px;
padding:4px 7px;
background:none;
font-size:15px;
color:#777;
border:none;
}

.btn {
background: url(images/searchbtn.gif) 0px 0px no-repeat;
width: 27px;
height: 27px;
cursor:pointer;
border:none;
}

/*////////////////////////////////*/

.applemenu{ margin: 40px 0px 0px 0px; padding: 0; width: 265px;}
.linksColumn{ width:100px; float:left; font-size:12px; padding-left:15px; padding-top:15px;}



.silverheader a{
color: #000;
display: block;
position: relative;
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}



.silverheader{ background:#ccc url(images/strip.gif) 0px 0px repeat-x; height:34px;}

.silverheader span.cufon a{ background:url(images/_ngc.gif) left center no-repeat; text-indent:10px; text-decoration:none; padding:7px; margin:0px; margin-left:10px;}

.silverheader span.cufon a:hover{ background:url(images/_nwc.gif) left center no-repeat; text-decoration:none; color:#fff; padding:7px; margin:0px; margin-left:10px;}



.selected { background:url(images/strip.gif) 0px 0px repeat-x; height:34px;}

.selected span.cufon a{ background:url(images/_ngo.gif) left center no-repeat; text-indent:10px; text-decoration:none; padding:7px; margin:0px; margin-left:10px;}

.selected span.cufon a:hover{ background:url(images/_nwo.gif) left center no-repeat; text-decoration:none; color:#fff; padding:7px; margin:0px; margin-left:10px;}



.applemenu div.submenu{

background:#fff;

border-bottom:3px solid #d1d1d1;

margin:0px 0px;

color:#f2f2f2;

padding: 5px;

height: 220px;

margin-bottom:10px;

}



.submenu a{ color:#404040}



.cat-left{ float:left; font-size:12px; width:100px; margin-left:15px; margin-top:30px;}

.cat-right{ float:right; font-size:12px; width:100px; margin-right:15px; margin-top:30px;}



.countryHolder{ width:250px; height:150px; margin-top:30px; overflow-y:auto;}

	.country-left{ float:left; font-size:12px; width:100px; margin-left:15px;}

	.country-right{ float:right; font-size:12px; width:100px; margin-right:15px;}





/*//////////// SUBMIT PAGE ////////////////////////////////*/



.pageContent{ width:92%; margin:3px; padding:66px 15px 15px 15px;}

.pageContent a.lightLink{ color:#666; border-bottom:1px dotted #ccc;}

.pageContent a.lightLink:hover{ border-bottom:1px solid #ccc; text-decoration:none; color:#e62f26;}



/*///FAVORITES///////////*/



.info{ color:#999;}

.info em{ color:#333;}



.subscribe{

	margin-top:30px; 

	background:#fbfbfb; border:#dbdbdb 1px solid; padding:20px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	behavior: url(scripts/border-radius.htc);

}



/*//////// SINGLE //////////////////////////////////*/



.navigationSingle { width:97%; margin:3px; padding:20px 5px;}
.alignleft{ float:left;}
.alignleft span{ font-style:italic; color:#666; font-size:12px;}
.alignright{ float:right;}
.alignright span{ font-style:italic; color:#666; font-size:12px;}
.singleScreen{ margin:3px;}
.singleInfo{ width:215px; height:420px; margin:3px; padding:9px; }
.singleInfo small { color:#999;}
.singleInfo h2{ font-weight:normal;}
.singleInfo p.tags { color:#999; margin-top:50px;}
.singleInfo p.tags a{ font-size:12px; color:#999;}
.singleInfo div.postAuthor{ margin-left:0px; font-size:13px;}
.singleInfo div.postLink{ margin-top:40px;}
.singleInfo div.postLink a{ font-size:12px; color:#fff; background:url(images/takealook.gif) top left no-repeat; padding-top:33px; display:block;}
.singleInfo div.postLink a:hover{ text-decoration:none; color:#666;}
.likeThis{ padding:10px 0px; height:16px; margin-bottom:10px; font-size:12px;}
.singleShare{ width:215px; height:400px; margin:3px; padding:40px 0px 0px 15px;}

.singleReplay{ width:440px; margin:3px; padding:19px;
	background:#fbfbfb; border:#dbdbdb 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(scripts/border-radius.htc);
}
.singleReplay p{ color:#999;}
.singleComment{ width:460px; margin:3px; padding:9px; border-top:1px solid #ccc;}
.commentUpper{ background:url(images/comment_upper.gif) 0px 0px no-repeat; width:480px; height:9px;}
.commentLower{ background:url(images/comment_lower.gif) 0px 0px no-repeat; width:480px; height:9px;}
.commentRepeat{ background:url(images/comment_repeat.gif) 0px 0px repeat-y; width:460px; padding:0px 10px;}

.inputDiv { margin-bottom:5px; color:#666;}
.commentInput { border:#c4c4c4 1px solid; padding:4px; font-family:arial; font-size:12px; color:#333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(scripts/border-radius.htc);
}

.textArea { width:414px; border:#c4c4c4 1px solid; padding:10px; font-family:arial; font-size:12px; color:#333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(scripts/border-radius.htc);
}

.commentInput:hover, .textArea:hover { background:#f1f1f1;}
.commentInput:focus, .textArea:focus { background:#f8f8f8;}

.submitButton { 
	background:#666; border:1px solid #999; color:#fff; padding:10px; font-size:12px; cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(scripts/border-radius.htc);
}

.submitButton:hover{ background:#333;}

ol.commentlist {
	margin:0;
	padding:0;
}
.comment-body p{ padding:0px 10px 10px 10px; font-size:12px;}

.commentlist li {
	margin-bottom:0px;
	background:#f4f4f4;
	list-style:none;
	width:460px;
	color:#888;
}

.commentlist .commenttext {
	padding:0px 22px 50px 22px;
}

.commentlist img { float:left; margin:10px 10px 0px 10px;}

.commentlist cite {
	display:block;
	color:#333;
	font-size:14px;
	padding-top:8px;	
}

.commentlist em{ font-size:12px;}
.commentmetadata{ padding-left:55px;}

.commentlist a:link, .commentlist a:visited {
	color:#666;
	font-size:11px;
}

.commentlist a:hover, .commentlist a:active {
	color:#666;
	font-size:11px;
}

.commentlist a.url{

	color:#333;

	font-size:14px;

}

.commentLink{ font-size:11px;}

	

.commentlist .date {

	padding:3px 0px;

	}



li.alt {

	background:#fff;

	}



li.alt .commenttext {

	}



li.alt .date {

	padding:3px 0px;

	}

	

	

/******  PAGING  ********************************************************************************/



.navigation{ width:100%;}



#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {

	padding: 0;

	margin: 0;

	border: none;

	text-decoration: none;

	list-style: none;

}



#wp_page_numbers {

	margin-top: 10px;

	margin-bottom: 20px;

	width: 100%;

}

#wp_page_numbers ul {

	border-top: 1px solid #ddd;

	padding-top:5px;

	width: 100%;

}

#wp_page_numbers li {

	float: left;

	margin-left:2px;

	display: block;

}



#wp_page_numbers a {

	padding: 3px 5px;

	display: block;

	color: #666;

}



#wp_page_numbers li a:hover {

	color: #fff;

	background:#999;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	behavior: url(scripts/border-radius.htc);

}



#wp_page_numbers li.space {

	color: #aaa;

	padding: 3px;

	padding-left: 5px;

	padding-right: 5px;

}



#wp_page_numbers li.first_last_page {

	font-style: italic;

}



#wp_page_numbers li.active_page a {

	color: #fff;

	background: #e62f26;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	behavior: url(scripts/border-radius.htc);

}

#wp_page_numbers li.active_page a:hover  {

	color: #fff; /* IE fix */

}



#wp_page_numbers li.page_info {

	float: right;

	color: #aaa;

	display: block;

	padding: 3px 10px;

	font-size:12px;

	font-style:italic;

}



/*********  POPUP ************************/

#backgroundPopup{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:100%;

width:100%;

top:0;

left:0;

background:url(images/bg.gif) 0px 0px repeat;

border:1px solid #cecece;

z-index:69;

}

#popupLike{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:100px;

width:350px;

background:#FFFFFF;

border:5px solid #cecece;

z-index:79;

padding:50px 30px;

font-size:16px;

text-align:center;

-moz-border-radius: 11px;

-webkit-border-radius: 11px;

border-radius: 11px;

behavior: url(scripts/border-radius.htc);

}



#popupLikeClose{

font-size:12px; 

color:#999;

right:25px;

top:25px;

position:absolute;

display:block;

cursor:pointer;

}



/***********  SORRY PAGES  *************************************************/



.notFound{ width:100%; text-align:center; padding-top:150px; background:url(images/sorry.gif) top center no-repeat; margin-top:120px;}

.notFound404{ width:100%; text-align:center; padding-top:150px; background:url(images/sorry404.gif) top center no-repeat; margin-top:120px;}

.notFoundSearch{ width:100%; text-align:center; padding-top:150px; background:url(images/sorrySearch.gif) top center no-repeat; margin-top:120px;}



/********/



.pageHeader{ width:100%; border-bottom: 1px solid #ddd; padding:15px 0px; margin:1px 0px 10px 0px;}

.pageHeader span{ padding-left:7px; text-transform:capitalize; font-size:20px;}

.pageHeader a.removeLink {  background:url(images/xremove.gif) left center no-repeat; padding-left:12px; margin-left:10px; font-size:11px; color:#666;}







/***** TABS ****************************************************************************/



.tabsDiv { 

	margin-top:30px;

}

.tabsDiv ul{ padding:0px 0px 20px 0px;}





ul.tabs {

	margin: 5;

	padding: 0;

	float: left;

	list-style: none;

	height: 35px;

	width: 100%;

}

ul.tabs li {

	float: left;

	margin-left: 5;

	padding: 0;

	height: 30px;

	line-height: 30px;

	border: 1px solid #fff;

}

ul.tabs li a {

	text-decoration: none;

	display: block;

	padding: 0 10px;

}

ul.tabs li a:hover {

}	

ul.tabs li:hover  {

	border: 1px solid #ddd;

	-khtml-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	behavior: url(scripts/border-radius.htc);

}



ul.tabs li.active  {

	border: 1px solid #bbb;

	background:#F2F2F2;

	-khtml-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	behavior: url(scripts/border-radius.htc);

}

.tab_container {

	clear: both;

	float: left; 

	width: 100%;

}

.tab_content li a{ color:#555; font-size:13px;}

.tab_content li{ list-style:none; padding:8px 5px; border-bottom:1px solid #eaeaea;}

.tab_content li:hover { background:#f2f2f2;}

.tab_content li:hover a{ color:#000;}

.tab_content li span { float:right; margin-left:40px; font-size:11px; color:#666}

.tab_content li span img{ margin-top:3px;}