/*

Theme Name: Mobsessed
Theme URI: http://www.mobsessed.co.uk
Description: The original Mobsessed theme.
Version: 1.0
Author: Michael Wilson
Tags: Mobile
Author URI: http://www.atikusdesign.com

*/

@charset "UTF-8";
/* CSS Document */

* {
	margin:0; padding:0;
}

body {
	background-color:#262626;
	color:#171717;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.28;
	margin:0px; /* webkit putting 8px margin on body */
}

.container {
	margin:auto;
	position:relative;
	width:960px;
}

a {
	color:#2b7bfc;
	cursor:pointer;
	outline:none;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul, ol {
	list-style:none;
	-webkit-padding-start:0px; /*-- webkit fix --*/ 
}

h1 {
	font-family:'Helvetica', Arial, Helvetica, sans-serif;
	font-size:2.57em;
	font-weight:bold;
}

h1 a {
	color:#262626;
}

h2 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.29em;
	font-weight:normal;
}

h2 a {
	color:#FFF;
}

h3 {
	font-size:1.14em;
}

.clear {
	clear:both;
}

/* site wide */

.mainButton, .older a, .newer a {
	background:#2a7bfc;
	border:1px solid #999;
	color:#fff;
	display:inline;
	float:left;
	padding:5px 10px;
}

input.mainButton {
	cursor:pointer;
	font-size:1em;
}

input.mainButton:hover {
	text-decoration:underline;
}

.mainButton a {
	color:#FFF;
}

/* header */

#header {
	background:#171717 url(images/headerBG.png) 0 0 repeat-x;
	height:205px;
}

#search {
	display:inline;
	float:right;
	margin-right:30px;
	margin-top:10px;
	width:250px;
}

#search input {
	display:inline;
	float:left;
}

#searchBox {
	background:#FFF url(images/searchBG.png) 0 0 no-repeat;
	border:none;
	height:24px;
	margin-right:10px;
	padding-left:10px;
	padding-top:8px;
	width:192px;
}

#submit {
	background:url(images/searchBTN.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	height:33px;
	width:33px;
}

#submit:hover {
	background-position:0 -33px;
}

#logo a {
	background:url(images/logo.png) 0 0 no-repeat;
	display:inline;
	float:left;
	height:83px;
	margin-top:45px;
	text-indent:-9999px;
	width:666px;
}

#header ul {
	display:inline;
	float:right;
	font-size:1.43em;
	list-style:none;
	margin-top:27px;
	text-transform:uppercase;
	width:960px;
}

#header ul a {
	color:#FFF;
}

#header ul a:hover {
	text-decoration:underline;
}

#header li {
	display:inline;
	float:right;
	line-height:24px;
	margin-right:30px;
}

#header li.last {
	margin-right:0px;
}

/* main */

#main {
	background:url(images/mainBG.jpg) 50% 0 no-repeat;
	margin: -5px 0;
	position:relative;
}

#main .container {
	background:url(images/mainTop.jpg) 0 0 no-repeat;
}

#contentArea {
	background:#fff;
	float:left;
	min-height:750px;
	height:auto!important;
	height:750px;
	padding:0px 30px 5px 30px;
	position:relative;
	margin-top:91px;
	width:900px;
}

#blogPosts, #searchResults {
	display:inline;
	float:left;
	margin-right:30px;
	width:600px;
}

.post {
	border-bottom:1px solid #999;
	display:inline-block;
	margin-bottom:4.29em;
	padding-bottom:3.21em;
}

.post h1 {
	display:inline;
	float:left;
	width:600px;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	color:#171717;
}

.postDetails {
	border-bottom:1px solid #999;
	display:inline;
	float:left;
	margin-bottom:2.14em;
	margin-top:2.14em;
	padding-bottom:0.7em;
	text-transform:uppercase;
	width:600px;
}

.postDetails .date {
	color:#262626;
	display:inline;
	float:right;
	text-align:right;
	width:200px;
}

.postDetails .comment {
	background:url(images/speechBubble.png) 0 0 no-repeat;
	display:inline;
	float:left;
	width:300px;
}

.postDetails .comment a {
	padding-left:30px;
}

.post img.border {
	border:1px solid #999;
	margin-bottom:2.14em;
}

.post .author a {
	color:#fff;
}

.post p {
	clear:left;
	/*padding-top:1.43em;*/
	padding-top:1.07em;
	width:600px;
}

.post ul {
	clear:left;
	list-style:inside circle;
	/*padding-top:0.71em;*/
	padding-top:0.54em;
}

.post li {
	/*padding-top:0.71em*/
	padding-top:0.54em;
}

#newOld {
	display:inline;
	float:left;
	width:600px;
}

.older, .newer {
	display:inline;
	float:right;
}

.newer {
	float:left;
}

/* single */

.single .mainButton {
	/*margin-top:1.43em;*/
	margin-top:1.07em;
}

.comments {
	display:inline;
	float:left;
	margin-bottom:4.30em;
	/*margin-top:-1.43em;*/
	padding-top:1.07em;
	width:600px;
}

.comments li {
	border-bottom:1px solid #999;
	display:inline;
	float:left;
	margin-top:4.29em;
	padding-bottom:3.21em;
	width:600px;
}

.comments img {
	border:1px solid #999;
	display:inline;
	float:left;
}

.mainComment {
	background:url(images/commentTop.jpg) 0 0 no-repeat;
	display:inline-block;
	left:20px;
	position:relative;
	width:502px;
}

.commentContent {
	background:url(images/commentsRepeat.jpg) 0 0 repeat-y;
	display:inline-block;
	margin-top:42px;
	width:502px;
}

.commentContent p {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:-1.43em;
	width:402px;
}

.author {
	margin-bottom:1.07em;
}

.commentFoot {
	background:url(images/commentsBottom.jpg) 0 0 no-repeat;
	display:inline-block;
	height:4px;
	width:502px;
}

#respond input, #respond textarea {
	border:1px solid #999;
	margin-top:1.07em;
	padding:5px;
}

#respond textarea {
	resize:none;
	width:570px;
}

/* sideBar */

#sideBar {
	display:inline;
	float:right;
	width:270px;
}

#social {
	background:#2a7bfc;
	border:1px solid #999;
	display:inline;
	float:left;
	padding:8px 0px;
}

#social li {
	display:inline;
}

#social li a {
	background:url(images/socialSprite.png) 0 0 no-repeat;
	display:inline;
	float:left;
	height:31px;
	margin-right:45px;
	text-indent:-9999px;
}

#social li a.twitter {
	background-position:0 0;
	margin-left:6px;
	width:21px;
}

#social li a.linkedIn {
	background-position:-65px 0;
	width:33px;
}

#social li a.email {
	background-position:-143px 0;
	width:36px;
}

#social li a.rss {
	background-position:-224px 0;
	margin-right:6px;
	width:31px;
}

#sponsors {
	display:inline;
	float:left;
	/*margin-top:3.21em;*/
	margin-top:2.14em;
	width:270px;
}

#sponsors li {
	display:inline;
	float:left;
}

#sponsors li a.esoou {
	background:url(images/ESOOU.jpg) 0 0 no-repeat;
	display:inline;
	float:left;
	height:85px;
	text-indent:-9999px;
	width:270px;
}

#sponsors li a.camerJam {
	background:url(images/camerjam.jpg) 0 0 no-repeat;
	display:inline;
	float:left;
	height:33px;
	/*margin-top:3.21em;*/
	margin-top:2.14em;
	text-indent:-9999px;
	width:270px;
}

#sponsors li a.mLove {
	background:url(images/mLove.jpg) 0 0 no-repeat;
	display:inline;
	float:left;
	height:53px;
	/*margin-top:3.21em;*/
	margin-top:2.14em;
	text-indent:-9999px;
	width:270px;
}

.widget {
	display:inline;
	float:left;
	margin-top:4.29em;
	width:270px;
}

.widget.widget_twitter {
	margin-top:3.21em;
}

.widget ul li span {
	border-bottom:1px dotted #999;
	font-size:0.79em;
}

.widget_categories ul li, .widget.widget_archive ul li, .widget.widget_links ul li {
	background:url(images/bullet.png) 0 3px no-repeat;
	padding-left:15px;
	width:255px;

}

.widget h2 {
	background:#2a7bfc url(images/widgetIcons.png) 6px 4px no-repeat;
	border:1px solid #999;
	margin-bottom:1.07em;
	padding:8px 6px;
	padding-left:50px;
}

.widget li {
	border-bottom:1px solid #999;
	display:inline;
	float:left;
	margin-top:1.43em;
	padding-bottom:1.07em;
	width:270px;
}

.widget_categories h2 {
	background-position:6px -32px;
}

.widget_archive h2 {
	background-position:6px -70px;
}

.widget_links h2 {
	background-position:6px -105px;
}

/* footer */

#footer {
	background:url(images/footerBG.jpg) 50% 0 no-repeat;
	height:116px;
	/*margin:auto;*/
	margin-top:0px;
	position:relative;
	text-align:center;
	/*width:1420px;*/
}

#footer .container {
	background:url(images/footer.jpg) 0 0 no-repeat;
	height:71px;
}

#footer p {
	color:#FFF;
	margin:0px;
	padding-top:91px;
}